body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}:root{--breakpoint-sm: 600px;--theme-color-1: #8ec92f;--theme-color-2: #e1e1e1}.App-logo{height:40vmin;pointer-events:none}input{-webkit-appearance:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}p{font-family:Raleway,sans-serif;color:#343534;letter-spacing:.35px}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}.rec.rec-dot{background:white;border:2px #333 solid;border-color:#000;color:#000}.rec.rec-dot_active{background:#333;border-color:#000;color:#000}a:hover{text-decoration:underline;cursor:pointer}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer-link{text-decoration:none;cursor:pointer}.sub-title{font-size:32px;padding-bottom:10px;max-width:300px;margin:auto}.ministies-container{min-height:40vh;margin-top:100px;font-family:Comic Sans MS}.ministries-highschool-title{font-family:Comic Sans MS}.ministies-description{font-size:20px;max-width:500px;text-align:center;margin:auto;padding-top:10px}.description-content{font-size:28px;font-weight:lighter;font-family:Raleway,sans-serif;color:#343534;letter-spacing:.35px}.description-content-condensed{font-size:20px;font-weight:lighter;font-family:Raleway,sans-serif;color:#343534;letter-spacing:.35px}@media (max-width: 700px){.sub-title{font-size:20px;padding-top:15px}.description-content,.description-content-condensed{font-size:18px}}h1{font-weight:lighter;font-size:40px}h2{font-weight:lighter;font-size:30px}h3{font-size:26px;font-weight:lighter;margin-bottom:10px}@media (max-width: 700px){h3{font-size:22px}h2{font-size:25px}h1{font-size:28px}}.ministry-page-container{margin-top:40px;margin-bottom:100px}.ministry-page-img{max-width:400px;margin:auto;padding-top:100px}.btn-primary{margin-top:20px;min-width:230px;text-align:center;-webkit-appearance:none;padding:15px 20px;font-size:22px;font-weight:bolder;background-color:#fff;color:var(--theme-color-1);cursor:pointer;border:solid;border-width:6px;border-color:var(--theme-color-1);display:inline-block}.btn-primary:hover{background-color:var(--theme-color-1);color:#fff}.ministries-tite{font-size:32px;letter-spacing:.5cm;margin-bottom:40px}@media (max-width: 700px){.ministry-page-img{width:300px;padding-top:0}.ministries-tite{font-size:22px}}.zoom{transition:transform .9s;margin:0 auto}.zoom:hover{transform:scale(1.1)}.carousel-v1{display:block}.mobile-home{display:none;max-height:100vh;overflow:hidden;max-width:100%;align-items:center}.mobile-home_image{width:auto;height:70vh;margin:auto;text-align:center;max-width:none;object-fit:contain;left:20%;transform:translate(-25%)}.parallax-container{position:relative;height:100vh;background-image:url(https://jamfree-media.s3.amazonaws.com/st-joseph/test/STJOSEPH_CopticJuly2024-0037.jpg);background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;align-items:center;overflow:hidden}.parallax-content{position:relative;z-index:1;text-align:center;color:#fff;padding:20px;transform:translateY(75%)}.carousel-content{position:absolute;z-index:1;text-align:center;color:#fff;padding:20px;bottom:100px;left:75%;margin-left:50%;width:50%}.carousel-v1 p{color:#fff}.carousel-content-announcement{position:absolute;z-index:1;text-align:center;color:#fff;padding:20px;bottom:40%;left:50%;margin-left:75%;width:50%;background:rgba(0,0,0,.7)}.liturgies-container{background-image:url(https://jamfree-media.s3.amazonaws.com/st-joseph/test/church_window_inside_view.jpg);filter:blur(0px);height:90vh}.liturgies-container h1{font-size:50px}.liturgies-container p{color:#fff;font-size:24px}.liturgies-content{text-align:left;bottom:40%}.liturgies-content-details{background:rgba(0,0,0,.753);padding:30px}.liturgies-container p{max-width:500px}.liturgy-button-live-stream{background:rgba(0,0,0,.753);color:var(--theme-color-1);padding:12px;border-color:var(--theme-color-1);font-size:20px;font-weight:bolder;border-width:3px;border:none;width:100%;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.line{width:2px;height:40px;background-color:#fff;margin-right:10px}.line-text{display:flex;align-items:center}.TheChurchThisMonth__title{max-width:400px}@media (max-width: 500px){.mobile-home{display:flex}.carousel-v1,.desktop-home{display:none}.parallax-container{background-attachment:scroll;background-size:cover}.liturgies-container p{font-size:20px}.liturgies-container h1{font-size:40px}.liturgies-content{bottom:50%}.line{height:60px;width:5px}.TheChurchThisMonth__title{max-width:80%;margin:auto;padding-top:20px}}.full-screen-image{margin-top:100px;height:60vh;width:100vw;position:relative;background-size:cover;background-position:50% 50%;margin-bottom:100px}.image-overlay{position:absolute;height:100%;width:100%;top:0;left:0;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;background:rgba(0,0,0,.1)}.image-overlay-title{font-size:74px;color:#fff}@media (max-width: 700px){.full-screen-image{height:40vh;margin-top:50px;margin-bottom:50px}.image-overlay-title{font-size:42px}}._title_1js59_1{font-weight:bolder;margin-top:10px}._description_1js59_5{font-weight:lighter;padding:10px;font-size:18px;max-width:320px}._intro_1js59_11{font-weight:lighter;padding:18px;font-size:19px;width:60%}@media all and (max-width: 800px){._intro_1js59_11{width:90%;font-size:16px}}._donation_container_1js59_23{padding:10px;max-width:500px;margin-bottom:40px;margin-top:10px}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}