::selection {
    color: #ffffff;
    background-color: #2d2d2d;
}
a {
    color: #2d2d2d;
}
a:hover, a:focus {
    color: #ecc647;
    text-decoration: none;
}
.alert {
    position: fixed;
    right: 40px;
    bottom: 40px;
    width: 320px;
    z-index: 1045;
    color: #2d2d2d;
    font-size: 1rem;
    font-weight: 500;
}
.alert a {
    text-decoration: underline;
    color: #2d2d2d;
}
.alert a:hover, .alert a:focus {
    text-decoration: underline;
    color: #ecc647;
}

.kcc-logo-symbol {
    position: absolute;
    top: 35px;
    left: 35px;
    width: 90px;
    z-index: 1044;
}
.kcc-logo-footer {
    width: 80px;
    margin-bottom: 20px;
}
.cs-icon-sm {
    width: 13px;
}

.ic-team {
    width: 80px;
}
.ic-team-support {
    width: 70px;
}
.ic-team-prayer {
    width: 75px;
}
.ic-team-tech {
    width: 72px;
}
.ic-team-outreach {
    width: 75px;
}
.ic-team-welcome {
    width: 72px;
}
.ic-team-refresh {
    width: 53px;
}
.ic-team-games {
    width: 67px;
}
.ic-team-marker {
    width: 58px;
}
.ic-team-setup {
    width: 66px;
}
.ic-story {
    width: 80px;
}
.ic-baptism {
    width: 60px;
}
.ic-explore {
    width: 75px;
}
.ic-groups {
    width: 85px;
}
.ic-volunteer {
    width: 100px;
}
.ic-adults {
    width: 85px;
}

.avatar-xxl {
width: 20rem;
height: 20rem;
}
.avatar-xl {
width: 15rem;
height: 15rem;
}


h1, h2, h3, h4, h5 {
    font-family: 'Poppins', sans-serif;
    color: #2d2d2d !important;
    font-weight: 600;
}
p, ul {
    font-family: 'Poppins', sans-serif;
    color: #2d2d2d !important;
}
.lead {
    font-size: 1.5rem;
    font-weight: 500;
    color: #2d2d2d !important;
}
h3 {
    font-size: 1.5rem;
    margin-bottom: 0.3rem;
}
h4 {
    margin-bottom: 0.3rem;
}
.script {
    height: 6rem;
}
.welcome {
    position: absolute;
    top: 100px;
    left: 0;
    right: 0;
}
.welcome h1 {
    color: #ffffff !important;
}
.intro a {
    color: #2d2d2d;
    text-decoration: underline;
}
.intro a:hover, .intro a:focus {
    color: #f18d30;
    text-decoration: underline;
}

.new-here-card p {
    font-size: 1.2rem;
}

.col-accent {
    color: #ecc647 !important;
}
.col-white {
    color: #ffffff !important;
}
.col-dark {
    color: #2d2d2d !important;
}

.col-bg-accent {
    background-color: #ecc647 !important;
}
.col-bg-light-accent {
    background-color: #f1dc95 !important;
}
.col-bg-white {
    background-color: #ffffff !important;
}
.col-bg-dark {
    background-color: #2d2d2d !important;
}
.col-bg-off-white {
    background-color: #f6f6f6 !important;
}
.col-bg-light {
    background-color: #e6e6e6 !important;
}
.col-bg-light-grey {
    background-color: #c6c6c6 !important;
}
.col-bg-grey {
    background-color: #8d8d8d !important;
}
.col-bg-baptism-light {
    background-color: #a0d6e7 !important;
}
.col-bg-baptism-lighter {
    background-color: #cce3ea !important;
}
.col-bg-burnt-orange {
    background-color: #dc815e !important;
}
.col-bg-light-burnt-orange {
    background-color: #e39b7f !important;
}
.col-bg-orange {
    background-color: #f9b650 !important;
}
.col-bg-orange-lighter {
    background-color: #f8dec5 !important;
}
.col-bg-pink {
    background-color: #ec8791 !important;
}
.col-bg-light-pink {
    background-color: #efa3ab !important;
}
.col-bg-beige {
    background-color: #f3e8d0 !important;
}
.col-bg-light-beige {
    background-color: #f5eedf !important;
}
.col-bg-green {
    background-color: #b0bb63 !important;
}
.col-bg-light-blue {
    background-color: #99c7d3 !important;
}
.col-bg-very-light-blue {
    background-color: #bfdae1 !important;
}
.col-bg-purple {
    background-color: #ad83b5 !important;
}
.col-bg-light-purple {
    background-color: #c2a3c8 !important;
}
.col-bg-very-light-purple {
    background-color: #e5d9e8 !important;
}
.col-bg-teal {
    background-color: #a7c5b1 !important;
}
.col-bg-light-teal {
    background-color: #cce1d3 !important;
}

.bg-soft-dark-to-end-75 {
 background-image:linear-gradient(to left,rgba(255,255,255,0) 25%,rgba(45,55,75,.1) 0)
}
.bg-soft-dark-to-end {
  background-image: linear-gradient(to left,rgba(255,255,255,0) 25%,rgba(45,55,75,.1) 0);
}


.l-prof {
    background-color: #ffffff;
    padding: 10px;
    margin-bottom: 20px;
}


.link-dark {
    color: #2d2d2d;
}
.text-dark {
    color: #2d2d2d !important;
}

.footer a {
    color: #2d2d2d;
}
.footer a:hover, .footer a:focus {
    text-decoration: underline;
}

.btn-dark {
  background-color: #2d2d2d;
  border-color: #2d2d2d;
}
.btn-dark:hover, .btn-dark:focus {
  background-color: #ecc647;
  border-color: #ecc647;
}
.btn-light:hover, .btn-light:focus {
  background-color: #ecc647;
  border-color: #ecc647;
}
.btn-ghost-dark {
  color: #2d2d2d;
}
.btn-ghost-dark:hover, .btn-ghost-dark:focus {
  color: #2d2d2d;
  background-color: rgba(29, 29, 29, 0.1);
}
.btn-round {
    width: 60px;
    height: 60px;
    border-radius: 30px;
    font-size: 2rem;
    line-height: 57px;
    padding: 0;
}
.btn-round i {
    margin-right: 1px;
}
.btn-no-un {
    text-decoration: none !important;
}

.swiper-button-next, .swiper-button-prev {
  color: #2d2d2d;
}
.swiper-button-prev:hover:after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f18d30'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
.swiper-button-next:hover:after {
 background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23f18d30'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

/* --------------- Images --------------- */

.baptism-illustration {
    width: 400px;
}

/* --------------- Hover Effect --------------- */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}
.hvr-shrink {
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

.title-our-mission {
    width: 200px;
}
.title-our-beliefs {
    width: 200px;
}
.title-our-story {
    width: 170px;
}





@media (max-width: 1199px) {

.lead, h3 {
    font-size: 1.4rem;
}
h4 {
    font-size: 1.3rem;
}
.avatar-xxl {
width: 18rem;
height: 18rem;
}
.avatar-xl {
width: 12rem;
height: 12rem;
}
	
}


@media (max-width: 991px) {

.lead, h3 {
    font-size: 1.3rem;
}
h4 {
    font-size: 1.2rem;
}
.btn-round {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    font-size: 1.7rem;
    line-height: 50px;
}
.avatar-xxl {
width: 17rem;
height: 17rem;
}
.avatar-xl {
width: 11rem;
height: 11rem;
}
	
}


@media (max-width: 768px) {
   
.alert {
    width: 290px;
}
.lead, h3 {
    font-size: 1.1rem;
}
h4 {
    font-size: 1.1rem;
}
.avatar-xxl {
width: 16rem;
height: 16rem;
}
.script {
    height: 5.5rem;
}
.avatar-xl {
width: 10rem;
height: 10rem;
}
    
}


@media (max-width: 576px) {

.kcc-logo-symbol {
    top: 20px;
    left: 20px;
    width: 50px;
}
.alert {
    right: 25px;
    bottom: 25px;
    left: 25px;
    width: auto;
}
h3, h4 {
    font-size: 1.04rem;
    margin-bottom: 1.4rem: 
}
.lead, p {
    font-size: 1rem;
}
.avatar-xxl {
width: 15rem;
height: 15rem;
}
.avatar-xl {
width: 12rem;
height: 12rem;
}
.script {
    height: 5rem;
}
.title-our-mission {
    width: 170px;
}
.title-our-beliefs {
    width: 170px;
}
.title-our-story {
    width: 150px;
}
.baptism-illustration {
    width: 300px;
}
    
}