@import url('https://fonts.googleapis.com/css2?family=Forum&family=Jost:wght@400;700&family=Varela+Round&family=Josefin+Slab:wght@400&display=swap');

/* Basic */
body,html{max-width: 100%; max-height: 100%; overflow-x:hidden;overflow-y:auto!important}.container,.container-fluid{position:relative;z-index:1}section{position:relative;width:100%;padding:5rem 0}body{font-family:"Varela Round",sans-serif;font-size:1.15rem;font-weight:400;line-height:1.5;background:#f5f5f5}a{text-decoration:none}a:hover{color:#003cb3;text-decoration:none}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-family:Jost,Helvetica,sans-serif;font-weight:400;line-height:1.5;letter-spacing:0;color:#ebe7dc}.h1>a:hover,.h2>a:hover,.h3>a:hover,.h4>a:hover,.h5>a:hover,.h6>a:hover,h1>a:hover,h2>a:hover,h3>a:hover,h4>a:hover,h5>a:hover,h6>a:hover{color:#fff}.h1.text-white>a,.h2.text-white>a,.h3.text-white>a,.h4.text-white>a,.h5.text-white>a,.h6.text-white>a,h1.text-white>a,h2.text-white>a,h3.text-white>a,h4.text-white>a,h5.text-white>a,h6.text-white>a{color:#f5f5f5}.h1,h1{font-size:3.5rem;font-weight:700;line-height:1.3}.h2,h2{font-size:3rem;font-weight:400;line-height:1.3}.h3,h3{font-size:2rem;font-weight:700;line-height:1.5;color:#0700c8;}.h4,h4{font-size:1.25rem;font-weight:700;line-height:1.25;color:#0700c8;}.h5,h5{font-size:1.25rem;font-weight:700;line-height:1.5}.h6,h6{font-size:1rem;font-weight:700;line-height:1.55}.lead{font-size:1.25rem;font-weight:400}p:last-child{margin-bottom:0}@media (max-width:991.99px){.h1,h1{font-size:1.875rem}.h2,h2{font-size:1.625rem}.h3,h3{font-size:1.5rem}.h4,h4{font-size:1.375rem}.display-1{font-size:3.125rem}.display-2{font-size:2.5rem}.display-3{font-size:2.25rem}.display-4{font-size:2rem}.lead{font-size:1.125rem}}.text-dark{color:#141823!important}

.hidden {
  display: none !important;
}
.holiday {
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  color: #800000 !important;
}

.black {
  font-size: 16px !important;
}

.bktxt {
  color: #121212 !important;
}
/* Preloader */
.loader_bg{position:fixed;z-index:9999999;top:0;right:0;background:#f5f5f5;width:100%;height:100%}.loader{border:0 solid transparent;border-radius:50%;width:150px;height:150px;position:absolute;top:calc(50% - 75px);left:calc(50% - 75px)}.loader:after,.loader:before{content:'';border:1em solid #6c1f7d;border-radius:50%;width:inherit;height:inherit;position:absolute;top:0;left:0;animation:loader 2s linear infinite;opacity:0}.loader:before{animation-delay:.5s}@keyframes loader{0%{transform:scale(0);opacity:0}50%{opacity:1}100%{transform:scale(1);opacity:0}}

.body-overflow-measure {
    position: relative;
    height: 200vh;
}
.website-slider {
    position: relative;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.website-slider-inner {
    position: relative;
    overflow: hidden;
    min-height: 100vh;
}
.website-slider .website-slider-item {
    display: none;
    position: relative;
    overflow: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background: #fff;
    transition: opacity 0.4s cubic-bezier(0.5, 0, 0.2, 1) 0s;
    -webkit-user-select: none;
    user-select: none;
}
.website-slider .website-slider-item .website-slider-item-inner {
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding-top: 1rem;
    padding-bottom: 1rem;
    transition: transform 0.4s cubic-bezier(0.5, 0, 0.2, 1) 0.1s, opacity 0.4s cubic-bezier(0.5, 0, 0.2, 1) 0.1s;
}

@media screen and (max-width: 767px) {
  .website-slider .website-slider-item .website-slider-item-inner {
      padding-top: 6rem;
  }
}
.website-slider .website-slider-item:not(.show) {
    opacity: 0;
}
.website-slider .website-slider-item:not(.show) .website-slider-item-inner {
    opacity: 0;
    transform: translate3d(0, 15vh, 0);
}
.website-slider .website-slider-item.show-prev {
    display: block;
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.website-slider .website-slider-item.show-prev:not(.bg-transparent) {
    opacity: 1;
}
.website-slider .website-slider-item.show-prev.bg-transparent.has-overlay .website-slider-item-inner {
    opacity: 0;
}
.website-slider .website-slider-item.show-prev .website-slider-item-inner {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}
.website-slider .website-slider-item.show-new {
    display: block;
    z-index: 30;
}
.website-slider .website-slider-item.active {
    display: block;
    z-index: 20;
    -webkit-user-select: auto;
    user-select: auto;
}
.website-slider .website-slider-item.has-overlay .overlay {
    transition: transform 0.5s cubic-bezier(0.5, 0, 0.2, 1) 0s;
}
.website-slider .website-slider-item.has-overlay:not(.show):not(.show-prev) .overlay {
    transform: scale(1.35);
}


.btn-primary {
  color: #f5f5f5;
  background: #0700c8;
  border-color: transparent;
   -webkit-transition: all 0.5s ease-in-out;
}

.btn-primary:hover {
  -webkit-transform: scale(1.1);
  background: #d5d4ff;
  color: #212121;
}

.btn-soft-green {
  color: #f5f5f5;
  background: #287d4a;
  border-color: transparent;
   -webkit-transition: all 0.5s ease-in-out;
}
.btn-soft-green:hover {
  -webkit-transform: scale(1.1);
  background: #51c27e;
  box-shadow: rgba(10, 10, 10, 0.35);
}
.btn-link:hover {
    text-decoration: none;
}
.btn-back-to-top {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 1030;
    animation-name: fadeInUpBig;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
.btn-back-to-top:not(.show) {
    animation-name: fadeOutDownBig;
}

/* Navbar */
.navbar{transition:all .4s ease 0s;transition-property:background-color,color,box-shadow,transform;z-index:1030}.site-navbar-absolute{-webkit-backface-visibility:hidden;backface-visibility:hidden;top:0;left:0;right:0;-webkit-box-shadow:0 4px 2px 0 rgba(0,0,0,.75);-moz-box-shadow:0 4px 2px 0 rgba(0,0,0,.75);box-shadow:0 4px 2px 0 rgba(0,0,0,.75)}.site-navbar-absolute{position:absolute}.site-navbar.site-navbar-transparent.site-navbar-absolute:not(.navbar-toggled-show){background:0 0!important;box-shadow:none!important}.site-navbar-hidden .site-navbar{transform:translate3d(0,-100%,0)}.navbar-brand{font-weight:700;transition:all .4s ease 0s}.navbar-brand .navbar-brand-img,.navbar-brand .navbar-brand-text{transition:all .15s ease}.navbar-brand-img{max-height:6rem;width:auto}.navbar-light .navbar-brand .navbar-brand-img-light{display:none}.navbar-dark .navbar-brand .navbar-brand-img:not(.navbar-brand-img-light):not(.navbar-brand-img-dark),.navbar-dark .navbar-brand .navbar-brand-text{filter:brightness(0) invert(1)}.navbar-dark .navbar-brand .navbar-brand-img-dark{display:none}.navbar-toggler-alternative{position:relative;padding:0;background-color:transparent;border:0 solid transparent;border-radius:0;transition:all .35s ease}.navbar-toggler-alternative:focus,.navbar-toggler-alternative:hover{text-decoration:none}.navbar-toggler-alternative:focus{outline:0}.navbar-toggler-alternative-icon{position:relative;width:56px;height:56px;display:flex;align-items:center}.navbar-toggler-alternative-icon>span{position:relative;width:54px;margin:0 auto;background-color:#fff;transition:background-color .35s 0s ease}.navbar-toggler-alternative-icon>span,.navbar-toggler-alternative-icon>span:after,.navbar-toggler-alternative-icon>span:before{display:block;height:4px;background-clip:padding-box}.navbar-toggler-alternative-icon>span:after,.navbar-toggler-alternative-icon>span:before{position:absolute;content:"";width:26px;background-color:#4e297c;transform-origin:50% 50%;transition:background-color .35s 0s ease,top .2s .4s ease,left .2s .2s ease,right .2s .2s ease,width .2s .2s ease,transform .2s ease}.navbar-toggler-alternative-icon>span:before{top:8px;left:28px}.navbar-toggler-alternative-icon>span:after{top:-8px;right:28px}.navbar-toggler-alternative[aria-expanded=true] .navbar-toggler-alternative-icon>span{background-color:transparent!important;transition:background-color .35s 0s ease}.navbar-toggler-alternative[aria-expanded=true] .navbar-toggler-alternative-icon>span:after,.navbar-toggler-alternative[aria-expanded=true] .navbar-toggler-alternative-icon>span:before{top:0;width:54px;transition:top .2s ease,left .2s .2s ease,right .2s .2s ease,width .2s .2s ease,transform .2s .4s ease}.navbar-toggler-alternative[aria-expanded=true] .navbar-toggler-alternative-icon>span:before{left:0;transform:rotate3d(0,0,1,45deg)}.navbar-toggler-alternative[aria-expanded=true] .navbar-toggler-alternative-icon>span:after{right:0;transform:rotate3d(0,0,1,-45deg)}.navbar-light .navbar-toggler-alternative-icon>span{background-color:#4e297c}.navbar-light .navbar-toggler-alternative-icon>span:after,.navbar-light .navbar-toggler-alternative-icon>span:before{background-color:#4e297c}.navbar-dark .navbar-toggler-alternative-icon>span{background-color:#4e297c}.navbar-dark .navbar-toggler-alternative-icon>span:after,.navbar-dark .navbar-toggler-alternative-icon>span:before{background-color:#4e297c}@media (min-width:576px){.navbar-expand-sm .navbar-toggler-alternative{display:none}.navbar-expand-sm .navbar-collapse-inner{align-items:center;display:flex;flex-basis:auto}}@media (min-width:768px){.navbar-expand-md .navbar-toggler-alternative{display:none}.navbar-expand-md .navbar-collapse-inner{align-items:center;display:flex;flex-basis:auto}}@media (min-width:992px){.navbar-expand-lg .navbar-toggler-alternative{display:none}.navbar-expand-lg .navbar-collapse-inner{align-items:center;display:flex;flex-basis:auto}}@media (min-width:1200px){.navbar-expand-xl .navbar-toggler-alternative{display:none}.navbar-expand-xl .navbar-collapse-inner{align-items:center;display:flex;flex-basis:auto}}.navbar-expand .navbar-toggler-alternative{display:none}.navbar-expand .navbar-collapse-inner{align-items:center;display:flex;flex-basis:auto}@media (max-width:991.98px){.navbar.fixed-top .navbar-collapse.collapse.show{max-height:75vh;overflow-x:hidden;overflow-y:auto}}.navbar-collapse{transition:all .35s ease}@media (max-width:991.98px){.navbar-btn{display:block;width:100%;margin-left:0;margin-right:0}}@media (max-width:991.98px){.navbar-nav .nav-item+.nav-item{padding-top:.5rem;padding-bottom:.5rem;color:#4e297c}.navbar-nav .nav-link{margin-right:0!important;font-size:2.25rem!important;color:#212121!important}}.navbar-nav .nav-link{font-family:Jost,Helvetica,sans-serif;font-size:1.75rem;font-weight:400;transition:all .4s ease;text-align:center;margin-right:20px}.navbar-nav .nav-link:focus,.navbar-nav .nav-link:hover{outline:0;transform:scale(1.3)}.navbar-nav .btn{transition:all .4s ease}.navbar-nav .active>.nav-link,.navbar-nav .nav-link.active{position:relative}@media (min-width:576px){.navbar-expand-sm .navbar-nav .nav-link{padding-top:1rem;padding-bottom:1rem}.navbar-expand-sm .navbar-nav .active>.nav-link:before,.navbar-expand-sm .navbar-nav .nav-link.active:before{display:block}}@media (min-width:768px){.navbar-expand-md .navbar-nav .nav-link{padding-top:1rem;padding-bottom:1rem}.navbar-expand-md .navbar-nav .active>.nav-link:before,.navbar-expand-md .navbar-nav .nav-link.active:before{display:block}}@media (min-width:992px){.navbar-expand-lg .navbar-nav .nav-link{padding-top:1rem;padding-bottom:1rem;padding-right:1rem}.navbar-expand-lg .navbar-nav .active>.nav-link:before,.navbar-expand-lg .navbar-nav .nav-link.active:before{display:block}}@media (min-width:1200px){.navbar-expand-xl .navbar-nav .nav-link{padding-top:1rem;padding-bottom:1rem}.navbar-expand-xl .navbar-nav .active>.nav-link:before,.navbar-expand-xl .navbar-nav .nav-link.active:before{display:block}}.navbar-expand .navbar-nav .nav-link{padding-top:1rem;padding-bottom:1rem}.navbar-expand .navbar-nav .active>.nav-link:before,.navbar-expand .navbar-nav .nav-link.active:before{display:block}.navbar-light .navbar-nav .nav-link{color:#f5f5f5}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:#212121}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(8,9,20,.3)}.navbar-light .navbar-toggler{color:#080914;border-color:rgba(0,0,0,.1)}.navbar-light .navbar-text{color:#080914}.navbar-dark .navbar-brand{color:#4e297c}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:#4e297c}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(7,0,200,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#0700c8}.navbar-dark .navbar-toggler{color:#fff;border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-text{color:#fff}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}

/* Divider */
.divider{position:relative;margin-top:20px;margin-bottom:20px;height:1px}.div-transparent:before{content:"";position:absolute;top:0;left:5%;right:5%;width:90%;height:1px;background-image:linear-gradient(to right,transparent,#f5f5f5,transparent)}.div-dot:after{content:"";position:absolute;z-index:1;top:-5px;left:calc(50% - 5px);width:10px;height:10px;background-color:#ebe7dc;border:1px solid #303133;border-radius:50%;box-shadow:inset 0 0 0 1px #fff,0 0 0 2px #fff}.div-transparent-inv:before{content:"";position:absolute;top:0;left:5%;right:5%;width:90%;height:1px;background-image:linear-gradient(to right,transparent,#121212,transparent)}.div-dot-inv:after{content:"";position:absolute;z-index:1;top:-5px;left:calc(50% - 5px);width:10px;height:10px;background-color:#303133;border:1px solid #ebe7dc;border-radius:50%;box-shadow:inset 0 0 0 1px #121212,0 0 0 2px #121212}

/* Overlay */
.bg-image-holder img{display:inline-flex!important}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;user-select:none;border-radius:inherit}.overlay.overlay-global{position:fixed}.overlay .overlay-inner{position:absolute;top:0;bottom:0;left:0;right:0}

/* BG */
.bg-home {ackground: rgb(255,255,255); background: radial-gradient(circle, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%) !important;}
.bg-about {background: rgb(140,199,232); background: radial-gradient(circle, rgba(140,199,232,1) 0%, rgba(64,163,218,1) 100%);}
.bg-mission {background: rgb(189,102,111); background: radial-gradient(circle, rgba(189,102,111,1) 0%, rgba(140,0,15,1) 100%);}
.bg-ministries {background: rgb(126,177,146); background: radial-gradient(circle, rgba(126,177,146,1) 0%, rgba(40,125,74,1) 100%);}
.bg-pp {background: rgb(223,140,232); background: radial-gradient(circle, rgba(223,140,232,1) 0%, rgba(203,64,218,1) 100%);}
.bg-navmob {background: rgb(200,219,255);
background: radial-gradient(circle, rgba(200,219,255,1) 0%, rgba(234,242,252,1) 100%);
}

.bg-cover {
    background-size: cover;
}
.bg-contain {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 50%;
    background-color: transparent;
}

@media (max-width: 991.98px) {
    .bg-contain {
        background-size: contain !important;
    }
}
.bg-contain,
.bg-cover {
    background-repeat: no-repeat;
    background-position: center;
}


.shadow-light-lg{box-shadow:0 1.5rem 4rem rgba(33,35,48,.05)!important}

/* Helper Classes */
.top-0{top:0!important}.top-auto{top:auto!important}.bottom-0{bottom:0!important}.bottom-auto{bottom:auto!important}.left-0{left:0}.left-auto{left:auto!important}.right-0{right:0!important}.right-auto{right:auto!important}.opacity-0{opacity:0}.opacity-10{opacity:.1}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.opacity-100{opacity:1}.zindex-0{z-index:0}.zindex-1{z-index:1}.zindex-2{z-index:2}.zindex-3{z-index:3}.zindex-4{z-index:4}.zindex-5{z-index:5}.zindex-555{z-index:555}.zindex-5555{z-index:5555}.zindex-n1{z-index:-1}.space_2{height:2vh;width:100%;display:table}.space_5{height:5vh;width:100%;display:table}.space_10{height:10vh;width:100%;display:table}.space_15{height:15vh;width:100%;display:table}.space_20{height:20vh;width:100%;display:table}

btn-group-xlg>.btn, .btn-xlg {
    padding: .75rem 1.25rem;
    font-size: 1.5rem;
    line-height: 1.5;
    border-radius: .3rem;
}

/* Home */
.container-fluid {
    min-height: 85vh !important;
    width: 95%;
}
@media only screen and (max-width: 600px) {
  .form-row {
    margin: 10px;
  }
  .mpt {
    padding-top: 10px;
  }
}
.cctitle {
  font-family: 'Josefin Slab', cursive;
  font-size: 3.5rem;
  color: #0700c8 !important;
  text-shadow: 0 1px 0 #333, 0 2px 0 #363636, 0 3px 0 #444, 0 4px 0 #464646, 0 5px 0 #555555, 0 6px 1px rgba(0, 0, 0, .1), 0 0 5px rgba(0, 0, 0, .1), 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
}

.hometext {
  font-family: 'Jost', serif;
  color: #BF0D3E;
  font-size: 1.5rem;
  text-shadow: 1px 1px 2px #999;
}

.card {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.75), 0 2px 10px 0 rgba(0, 0, 0, 0.75);
}

.card {
  box-sizing: border-box;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, .45);
  backdrop-filter: blur(5px);
}

.card span.card-title {
  color: #603cba;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
}

.card .card-image {
  position: relative;
  overflow: hidden;
}

.card .card-image img {
  border-radius: 2px 2px 0 0;
  background-clip: padding-box;
  position: relative;
  z-index: -1;
}

.card .card-image span.card-title {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px;
}

.card .card-content {
  padding: 10px;
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
  box-sizing: border-box;
}

.card .card-content p {
  margin: 0;
  color: #121212;
  padding: 5px;
}

.card .card-content span.card-title {
  line-height: 48px;
}

.list-group-item {
  padding: 10px 15px 10px 0;
  background: none;
  border: none;
  color: #121212;
  text-align: left;
  margin-left: 10px;
}

.list-group-item-cen {
    padding: 10px 15px 10px 0;
    background: none;
    border: none;
    color: #121212;
    font-size: 18px;
    text-align: center;
    margin-left: 10px;
}

.list-group-item-cen {
    position: relative;
    display: block;
    padding: .75rem 1.25rem;
    background-color: transparent;
    border: none;
}

#praymodal {
  position: relative;
  background-color: #ebe6e1;
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
}

#reqmodal {
  position: relative;
  background-color: #ebe6e1;
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
}

#offmodal {
  position: relative;
  background-color: #ebe6e1;
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
}

#timmodal {
  position: relative;
  background-color: #ebe6e1;
  max-width: 600px;
  margin: 0 auto;
  padding: 20px;
}

.mfp-bg {
  opacity: 0.95;
}

.bu {
  color: #0700c8;
}

.bu:hover {
  color: #4e297c;
  font-weight: 700;
}

.modal-title {
    color: #0700c8;
}

.mfp-content {
    color: #212121;
}

.mfp-close {
    width: 58px;
    height: 58px;
    line-height: 58px;
    opacity: .85;
    font-size: 48px;
}

.mfp-iframe-holder .mfp-close {
    top: -140px;
}

/* About */
.abt img {
    border: 10px solid rgba(255, 255, 255, 0.03);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.fa-spin-fast {
  -webkit-animation: fa-spin-fast 0.2s infinite linear;
  animation: fa-spin-fast 0.2s infinite linear;
}
@-webkit-keyframes fa-spin-fast {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin-fast {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.material-card {
  position: relative;
  height: 0;
  padding-bottom: calc(100% - 16px);
  margin-bottom: 4.5em;
}
.material-card h2 {
  position: absolute;
  top: calc(100% - 16px);
  left: 0;
  width: 100%;
  padding: 10px 16px;
  color: #fff;
  font-size: 1.4em;
  line-height: 1.6em;
  margin: 0;
  z-index: 10;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.material-card h2 span {
  display: block;
}
.material-card h2 strong {
  font-weight: 400;
  display: block;
  font-size: 0.8em;
}
.material-card h2:before,
.material-card h2:after {
  content: " ";
  position: absolute;
  left: 0;
  top: -16px;
  width: 0;
  border: 8px solid;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.material-card h2:after {
  top: auto;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .material-card {
    margin-top: 1em;
}
  .material-card.mc-active {
    padding-bottom: 0;
    height: auto;
  }
}
.material-card.mc-active h2 {
  top: 0;
  padding: 10px 16px 10px 90px;
}
.material-card.mc-active h2:before {
  top: 0;
}
.material-card.mc-active h2:after {
  bottom: -16px;
}
.material-card .mc-content {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 16px;
  left: 16px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.material-card .mc-btn-action {
  position: absolute;
  right: 16px;
  top: 15px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 5px solid;
  width: 54px;
  height: 54px;
  line-height: 44px;
  text-align: center;
  color: #fff;
  cursor: pointer;
  z-index: 20;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.material-card.mc-active .mc-btn-action {
  top: 62px;
}
.material-card .mc-description {
  position: absolute;
  top: 100%;
  right: 30px;
  left: 30px;
  bottom: 54px;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 1.2s;
  -moz-transition: all 1.2s;
  -ms-transition: all 1.2s;
  -o-transition: all 1.2s;
  transition: all 1.2s;
}
.material-card .mc-footer {
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.material-card .mc-footer h4 {
  position: absolute;
  top: 200px;
  left: 30px;
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  -webkit-transition: all 1.4s;
  -moz-transition: all 1.4s;
  -ms-transition: all 1.4s;
  -o-transition: all 1.4s;
  transition: all 1.4s;
}
.material-card .mc-footer a {
  display: block;
  float: left;
  position: relative;
  width: 52px;
  height: 52px;
  margin-left: 5px;
  margin-bottom: 15px;
  font-size: 28px;
  color: #fff;
  line-height: 52px;
  text-decoration: none;
  top: 200px;
}
.material-card .mc-footer a:nth-child(1) {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
.material-card .mc-footer a:nth-child(2) {
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -ms-transition: all 0.6s;
  -o-transition: all 0.6s;
  transition: all 0.6s;
}
.material-card .mc-footer a:nth-child(3) {
  -webkit-transition: all 0.7s;
  -moz-transition: all 0.7s;
  -ms-transition: all 0.7s;
  -o-transition: all 0.7s;
  transition: all 0.7s;
}
.material-card .mc-footer a:nth-child(4) {
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -ms-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.material-card .mc-footer a:nth-child(5) {
  -webkit-transition: all 0.9s;
  -moz-transition: all 0.9s;
  -ms-transition: all 0.9s;
  -o-transition: all 0.9s;
  transition: all 0.9s;
}
.material-card .img-container {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.material-card.mc-active .img-container {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  left: 0;
  top: 12px;
  width: 60px;
  height: 60px;
  z-index: 20;
}
.material-card.mc-active .mc-content {
  padding-top: 5.6em;
}
@media screen and (max-width: 767px) {
  .material-card.mc-active .mc-content {
    position: relative;
    margin-right: 16px;
  }
}
.material-card.mc-active .mc-description {
  top: 50px;
  padding-top: 5.6em;
  opacity: 1;
  filter: alpha(opacity=100);
  color: black;
}
@media screen and (max-width: 767px) {
  .material-card.mc-active .mc-description {
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    padding: 50px 30px 70px 30px;
    bottom: 0;
  }
}
.material-card.mc-active .mc-footer {
  overflow: visible;
  position: absolute;
  top: calc(100% - 16px);
  left: 16px;
  right: 0;
  height: 82px;
  padding-top: 20px;
  color: #212121;
  text-align: center;
}
.material-card.mc-active .mc-footer a {
  top: 0;
}
.material-card.mc-active .mc-footer h4 {
  top: -32px;
}
.material-card.Purple h2 {
  background-color: #9c27b0;
}
.material-card.Purple h2:after {
  border-top-color: #9c27b0;
  border-right-color: #9c27b0;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.material-card.Purple h2:before {
  border-top-color: transparent;
  border-right-color: #4a148c;
  border-bottom-color: #4a148c;
  border-left-color: transparent;
}
.material-card.Purple.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #9c27b0;
  border-bottom-color: #9c27b0;
  border-left-color: transparent;
}
.material-card.Purple.mc-active h2:after {
  border-top-color: #4a148c;
  border-right-color: #4a148c;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.material-card.Purple .mc-btn-action {
  background-color: #9c27b0;
}
.material-card.Purple .mc-btn-action:hover {
  background-color: #4a148c;
}
.material-card.Purple .mc-footer h4 {
  color: #4a148c;
}
.material-card.Purple .mc-footer a {
  background-color: #4a148c;
}
.material-card.Purple.mc-active .mc-content {
  background-color: #f3e5f5;
}
.material-card.Purple.mc-active .mc-footer {
  background-color: #e1bee7;
}
.material-card.Purple.mc-active .mc-btn-action {
  border-color: #f3e5f5;
}
.material-card.Deep-Purple h2 {
  background-color: #673AB7;
}
.material-card.Deep-Purple h2:after {
  border-top-color: #673AB7;
  border-right-color: #673AB7;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.material-card.Deep-Purple h2:before {
  border-top-color: transparent;
  border-right-color: #311B92;
  border-bottom-color: #311B92;
  border-left-color: transparent;
}
.material-card.Deep-Purple.mc-active h2:before {
  border-top-color: transparent;
  border-right-color: #673AB7;
  border-bottom-color: #673AB7;
  border-left-color: transparent;
}
.material-card.Deep-Purple.mc-active h2:after {
  border-top-color: #311B92;
  border-right-color: #311B92;
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.material-card.Deep-Purple .mc-btn-action {
  background-color: #673AB7;
}
.material-card.Deep-Purple .mc-btn-action:hover {
  background-color: #311B92;
}
.material-card.Deep-Purple .mc-footer h4 {
  color: #311B92;
}
.material-card.Deep-Purple .mc-footer a {
  background-color: #311B92;
}
.material-card.Deep-Purple.mc-active .mc-content {
  background-color: #EDE7F6;
}
.material-card.Deep-Purple.mc-active .mc-footer {
  background-color: #D1C4E9;
}
.material-card.Deep-Purple.mc-active .mc-btn-action {
  border-color: #EDE7F6;
}

/* Ministries */
.collapsible-link {
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 1.5rem;
}

.accordion .card {
    overflow: hidden;
    background: transparent;
    box-shadow: none;
    border: none;
}

.accordion .card-header {
    padding: 0px !important;
    background-color: rgba(0,0,0,.03);
    border-bottom: none;
}

.accordion .card-body {
    background: rgba(10,10,10,0.025);
}

.accordion .btn:active,.btn:focus {
  outline: none !important;
  box-shadow: none;
  text-decoration: none !important;
}

.bg-acc {
  color: #212121;
}

.collapsible-link::before {
   font-family: "Font Awesome 5 Free";
    content: '\f067';
    font-weight: 700;
    position: absolute;
    top: 50%;
    right: 0.8rem;
    transform: translateY(-50%);
    display: block;
    font-size: 1.75rem;
}

.collapsible-link[aria-expanded='true']::before {
  font-family: "Font Awesome 5 Free";
   content: '\f00d';
   font-weight: 700;
}

/* Parish Prayer */