@import url(https://fonts.googleapis.com/css?family=Montserrat:300,500,700&display=swap);a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;font-family:"montserrat"}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a{text-decoration:none;color:#333}ol,ul{list-style:none;white-space:normal}blockquote,q{quotes:none}strong{font-weight:700}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Monsterrat,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.2;font-weight:300;background-color:#f4f4f4}h1,h2,h3,h4,h5,h6{font-weight:500;margin:.2em 0 .5em}h6{font-size:.8rem}h5{font-size:1rem}h4{font-size:1.4rem}h3{font-size:1.8rem}h2{font-size:2rem}h1{font-size:2.2rem}img{max-width:100%}.form h5{color:#828282}.form .form-control{border-radius:2px;width:100%;border:1px solid #bdbdbd;color:#333;padding:.4rem;font-size:14px;box-sizing:border-box;font-family:montserrat;font-weight:300}.form .form-control.clickable{cursor:pointer}.form select.form-control{font-size:14px;-webkit-appearance:none;background:#fff}.form input:focus{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1);outline:none}.form input.checkbox{margin-right:8px;display:inline-block}.form input.error{border-color:red}.form .help-block{color:red;margin-top:.25rem}.form .explain-block{margin-top:.25rem;color:grey}.form img.thumbnail{border:1px solid #ddd;border-radius:4px;padding:5px;max-width:64px;width:auto;height:auto}.form label{background:border-box;margin-bottom:5px;display:inline-block;font-weight:500}.form label.checkbox{display:flex;align-items:center}.form .form-section{margin-bottom:1em;position:relative;width:100%}.form .inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.form .inputfile+label{display:inline-block;cursor:pointer}.form .inputfile+label:hover,.form .inputfile:focus+label{text-decoration:underline;color:#457b9d}.form .title{margin-top:20px;margin-bottom:20px}.form .form-buttons{display:flex;flex-flow:row wrap;justify-content:space-evenly}.form .form-buttons>button:not(:last-of-type){margin-right:10px}.guestApp{min-height:94.6vh}.guestApp,.main{position:relative}.main{margin-left:0;padding-top:30px;padding-left:30px;height:100vh;overflow:hidden;margin-right:-30px}.logo{text-align:center;margin-top:10px}.header{width:100%;overflow:hidden;box-shadow:2px 0 10px rgba(0,0,0,.12156862745098039)}.header header{background-color:#457b9d;display:flex;justify-content:space-between;align-items:center;padding:10px 15px;height:40px;overflow:hidden}.header header .logo-text,.header header .logo-text img{height:100%}.header header .personal-info{color:#f1faee;border:1px solid #f1faee}.header header .hamburger{width:30px}.header header .hamburger div{transition:.25s ease-in-out;height:2px;background-color:#f1faee;border-radius:5px;margin:8px 0}.seatSelection{position:-webkit-sticky;position:sticky;top:0;float:left;box-sizing:border-box;background-color:#f4f4f4;width:100%;padding-top:15px;padding-left:15px;padding-right:15px;box-shadow:inset 0 3px 5px rgba(0,0,0,.12156862745098039);z-index:5;display:flex;flex-flow:row nowrap;overflow:hidden;border-bottom:1px solid #d8d8d8}.seatSelection .title{display:none;font-size:24px}.seatSelection .item{margin-bottom:15px}.seatSelection .message{margin-right:15px}.seatSelection .seats{display:flex;width:100%;flex-flow:row wrap;align-items:center}.seatSelection .seats button{border-radius:10px;height:3em;width:6em;margin-right:15px}.seatSelection .save{display:flex;flex-flow:row nowrap;justify-content:flex-end}.seatSelection .save button{display:flex;flex-flow:column nowrap;justify-content:center;height:3em;width:4em}.seatSelection .save button .completeText{font-size:9px;margin-top:2px}.seatSelection button{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;padding:0 5px}.seatSelection button .text-left{text-align:left}.seatSelection button .text-right{text-align:right}.service-reservations{position:relative;max-height:100vh;overflow:auto;box-shadow:inset 5px 0 5px -5px rgba(0,0,0,.12156862745098039);width:100vw}.service-reservations.fixed{overflow:hidden}.service-reservations .serviceMap{height:59vh;font-size:2.3vw}.service-reservations .serviceMap>*{position:absolute}.service-reservations .serviceMap img{max-width:none}.mapCover{height:100%;position:fixed;width:100%;z-index:1;background:hsla(0,0%,100%,.75)}.form-buttons{display:flex;flex-flow:row wrap;justify-content:space-evenly}.form-buttons>button:not(:last-of-type){margin-right:10px}.seat-list{display:flex;font-size:18px;font-weight:500;margin-top:15px;justify-content:center}@media screen and (min-width:900px){.service-reservations{width:auto}.service-reservations .serviceMap{height:100vh}.seatSelection{width:300px;flex-flow:column nowrap;align-items:center;padding-left:0;padding-right:0;margin-top:0;padding-top:30px;background-color:transparent;z-index:1;border-bottom:0;box-shadow:none}.seatSelection .message{width:10em;margin-right:0}.seatSelection .title{display:block}.seatSelection .seats{flex-flow:column nowrap}.seatSelection .seats button{margin-right:0;width:9em}.seatSelection .save button{height:5em;width:9em}.seatSelection .save button .completeText{font-size:16px}.seatSelection button{padding:0 10px;flex-flow:row nowrap;align-items:center;justify-content:space-between}.seatSelection button .remove{display:none}.border{height:100%;position:fixed;width:300px}}.services-list{position:relative;padding:30px 15px}.services-list .service-card{-webkit-animation:slide-up-fade-in .2s;animation:slide-up-fade-in .2s}@-webkit-keyframes slide-up-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-up-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translate(0)}}.churchInfo{flex-flow:row nowrap;justify-content:space-between;background:#fff;box-shadow:2px 0 10px rgba(0,0,0,.121569);padding:10px 15px;overflow:hidden}.churchInfo,.churchInfo .label{display:flex;align-items:center;position:relative}.churchInfo .label .church-logo{height:70px;width:auto;max-width:20vh;margin-right:10px}.churchInfo .label .church-name{font-weight:700;font-size:14px;color:#828282}.churchInfo .label .service-name{font-size:24px}.churchInfo .legend{display:flex;flex-flow:row nowrap;align-self:center}.churchInfo .legend .item{display:flex;flex-flow:column;align-items:center;font-size:14px;padding:10px}.churchInfo .legend .seat-border-notSelected{height:2.2em;width:3em;padding:3px;display:flex;border-top-left-radius:40px;border-top-right-radius:40px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border:2px dashed #fff}.churchInfo .legend .seat-border-selected{height:2.2em;width:3em;padding:3px;display:flex;border-top-left-radius:40px;border-top-right-radius:40px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;border:2px dashed #f68963}.churchInfo .legend .seat{height:2em;width:3em;border-top-left-radius:40px;border-top-right-radius:40px;border-bottom-left-radius:10px;border-bottom-right-radius:10px;display:flex;flex-flow:column;align-items:center;justify-content:center}.churchInfo .legend .unavailable{border:2px solid #e0e0e0;background-color:#e0e0e0;color:#555;font-weight:700}.churchInfo .legend .unavailable:after{content:"x"}.churchInfo .legend .available{border:2px solid #457b9d;background-color:#457b9d}.churchInfo .legend .booked{border:2px solid #45ab7a;background-color:#45ab7a}.churchInfo .legend .selected{border:2px solid #f68963;background-color:#f68963}@media screen and (max-width:899px){.churchInfo{flex-flow:column;justify-content:center}}.modal-container{top:0;left:0;position:fixed;z-index:1000;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.7);overflow:hidden}.modal-container .modal{width:30em;background:#fff;border:1px solid #ccc;box-shadow:2px 0 10px rgba(0,0,0,.121569)}.modal-container .modal .modal-body{display:flex;flex-flow:column nowrap;align-items:center;padding:2rem}.modal-container.fade-in{opacity:1;transition:opacity .15s linear}.modal-container.fade-out{opacity:0;transition:opacity .15s linear}.modal-container .center{text-align:center}.modal-container .modal-section{margin-bottom:30px}.card{background:#fff;padding:20px;box-shadow:1px 3px 6px rgba(0,0,0,.121569)}.card.padding-15-vert{padding:15px 20px}.service-card{display:flex;flex-flow:row nowrap;align-items:center;margin-bottom:15px}.service-card .top{display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center;width:100%}.service-card .top .name{font-size:16px;width:25%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.service-card .top .datetime{display:flex;justify-content:space-between;width:25%}.service-card .top .status{width:10%}.service-card .top .map{width:20%}.service-card .bottom{margin-left:10px}.service-card .label{font-weight:700;font-size:12px;color:#828282}@media screen and (max-width:899px){.service-card{flex-flow:row wrap}.service-card .bottom{border-top:1px solid #bdbdbd;padding-top:15px;padding-bottom:5px;margin-left:0;margin-top:10px;width:100%}.service-card .top>*{margin-bottom:10px}.service-card .top .name,.service-card .top .status{width:100%;text-align:center}.service-card .top .status{order:2}.service-card .top .datetime{order:3;width:100%;display:flex;justify-content:space-between}.service-card .top .map{order:4}}.btn{padding:.55rem 1.25rem;border-radius:2px;font-size:1rem;font-weight:300;font-size:14px;cursor:pointer;border:1px solid #4f4f4f;background:#4f4f4f;color:#fff}.btn:focus{outline:none}.btn:active{background-color:#292929}.btn.outline{background-color:transparent;color:#4f4f4f}.btn.outline:active{background-color:#b5b5b5}.btn.success{background-color:#45ab7a;color:#f1faee;border:1px solid #45ab7a}.btn.success:active{background-color:#2f7453}.btn.success.outline{background-color:transparent;color:#45ab7a}.btn.success.outline:active{background-color:#d0ecdf}.btn.primary{background-color:#1d3557;color:#f1faee;border:1px solid #1d3557}.btn.primary:active{background-color:#0a121e}.btn.primary.outline{background-color:transparent;color:#1d3557}.btn.primary.outline:active{background-color:#7198d0}.btn.accent{background-color:#f68963;color:#f1faee;border:1px solid #f68963}.btn.accent:active{background-color:#f2521b}.btn.accent.outline{background-color:transparent;color:#f68963}.btn.accent.outline:active{background-color:#fff}.btn.link{color:#457b9d;border:0;text-decoration:underline}.btn.link,.btn.link:active{background-color:transparent}.loading-screen{position:fixed;top:0;left:0;height:100vh;width:100vw;background:#457b9d;display:flex;justify-content:center;align-items:center;z-index:1001;visibility:visible;opacity:1}.loading-screen.hide{opacity:0;visibility:hidden;-webkit-animation:fadeOut .5s;animation:fadeOut .5s}.loading-screen img{max-width:200px}@-webkit-keyframes fadeOut{0%{visibility:visible;opacity:1;display:flex}99%{visibility:hidden;opacity:0;display:flex}to{visibility:hidden;opacity:0;display:none}}@keyframes fadeOut{0%{visibility:visible;opacity:1;display:flex}99%{visibility:hidden;opacity:0;display:flex}to{visibility:hidden;opacity:0;display:none}}footer{display:flex;flex-flow:row nowrap;justify-content:center;background:#333;position:relative;bottom:0;left:0;width:100%}footer>div{margin:15px 5px;color:#fff}@media screen and (max-width:899px){footer{justify-content:space-evenly}footer>div{margin:15px 0}}.alert{padding:15px;border:1px solid #333;border-radius:2px;margin:5px 0}.alert.danger{padding:15px;background-color:#e63946;color:#fff;margin-bottom:20px;border-radius:2px;border:1px solid #db1c2a}.alert.danger a{text-decoration:underline;color:#ffdddf;font-weight:500}@media screen and (min-width:900px){.main{margin-left:300px}}
/*# sourceMappingURL=main.e2062afd.chunk.css.map */