@import url('https://fonts.googleapis.com/css2?family=Square+Peg&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Quattrocento+Sans&display=swap');

header nav.navbar.white-link .navbar-nav > li > a { color: #000; }
        
@media (max-width: 991px) {
    .no-nav {
        display: none !important;
    }
}
@media (max-width: 767px) {
    .sm-padding-15px-lr {
        /*padding-left: 55px !important;*/
        /*padding-right: 55px !important;*/
        padding-left: 35px !important;
        padding-right: 10px !important;
    }
}

.btn.btn-extra-large {
    font-size: 18px;
    padding: 12px 20px 13px;
    line-height: 25px;
}

.opacity-full-medium { position: absolute; height: 100%; width: 100%; opacity: 0.7; top: 0; left: 0; }
.slider-text-middle-center {display: table; height: 100%; width: 100% }

.opacity-thumbnail { background: rgb(0 0 0 / 39%); padding: 8px; }

.full-width-pull-menu .dropdown .dropdown-toggle:before { width: 2px !important; }
.full-width-pull-menu .dropdown .dropdown-toggle:after { height: 2px !important; }

@media (min-width: 992px){
    .mt-585 {
        margin-top: 585px;
    }
}

.commitment {
    font-size: 15px;
    letter-spacing: 0.5px;
    text-transform: capitalize;
}

header a.logo img { max-height: 55px;  }
@media (min-width: 1200px) {
    .container { max-width: 1500px; }
}
@media (max-width: 767px) {
    .sm-p-0 { padding: 0!important; }
    .first-letter { float: left; font-size: 25px !important; }
    .content-text { font-size: 19px !important; }
    .blockquote-wrapper { padding: 0; }
    .blockquote, .blockquote:after, .blockquote > h5, .blockquote > p { color: #000 !important; }
    header a.logo img { max-height: 50px !important; width: 75px; }
    .title-mobile { font-size: 25px !important; }
    .image-icon, .image-icon-2, .image-icon-4 { display: none; }
    .w-60, .w-80 { width: 100%!important; }
    .w50 { width: 35% !important; }
    h6 { font-size: 19px; letter-spacing: 0.8px; }
    .subtitle { line-height: 25px; }
    .scripture { letter-spacing: 0px !important; line-height: 18px; font-size: 18px !important; }
    .banner-btn {
        font-size: 16px !important;
        padding: 8px 31px 13px !important;
        line-height: 12px !important;
    }
    .scripture-opacity { background: rgb(0 0 0 / 62%); padding: 8px; }
}

.scripture { font-size: 19px !important; }
.scripture-opacity { background: rgb(0 0 0 / 62%); padding: 8px; }

.w-40 { width: 35%; }
.w-60 { width: 60%; }
.w-80 { width: 80%; }
.text-underline { text-decoration: underline; }

@media (min-width: 992px) and (max-width: 1199.98px) {
    .w-60 { width: 100%; }
    .grid-item.feature-box-4 figure figcaption { top: 53px; width: 93%; }
    .opacity-thumbnail { padding: 0 6px; }
    .first-letter { font-size: 26px !important; }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .first-letter { font-size: 24.5px !important; }
    header a.logo img { max-height: 60px !important; width: 130px; }
}

/* center the blockquote in the page */
.blockquote-wrapper {
   display: flex;
   padding: 0 20px;
}

/* Blockquote main style */
.blockquote {
    position: relative;
    font-weight: 800;
    color: #000;
    padding: 10px 0;
    width: 75%;
    /*max-width: 850px;*/
    z-index: 1;
    margin: 80px auto;
    align-self: center;
    border-top: solid 1px;
    border-bottom: solid 1px;
    font-family: 'Quattrocento Sans', sans-serif;
}

/* Blockquote right double quotes */
.blockquote:after {
    position: absolute;
    content: "”";
    color: #000;
    font-size: 15rem;
    line-height: 0;
    bottom: -55px;
    font-family: 'GillSans';
    right: 30px;
}
.bg-quote { 
    background-color: #1CE5D1;
    background-image: linear-gradient(180deg, #1CE5D1 15%, rgb(23 192 175) 100%);
}
.grid-item.feature-box-4 figure figcaption { padding: 0 10px 0px 10px; z-index: 3; }
.rounded-figure { border-radius: 0.75rem!important; }

.first-letter {
    float: left;
    font-size: 30px;
    line-height: auto;
    margin: -1px 1px 0px 0px;
    text-align: left;
    padding: 0;
    font-weight: bold;
    color: #47abdd;
}

.container-icon {
  display: flex;
  align-items: center;
  justify-content: center
}

.image-icon {
  flex-basis: 15%
}

.image-icon-2 { flex-basis: 11.7%; }
.image-icon-4 { flex-basis: 11.1%; }

.text { padding-left: 10px; }

/* *********** */
.gallery {
  width: 100%;
  max-width: 620px;
  margin: 0px auto;
}
.gallery-slider {
  width: 100%;
  height: auto;
  margin: 0;
}
.gallery-slider .swiper-slide {
  width: auto;
}
.gallery-slider .swiper-slide img {
  display: block;
  width: auto;
  height: auto;
  margin: 0 auto;
}
.gallery-thumbs {
  width: 100%;
  padding: 0;
  overflow: hidden;
  top: 0.5em;
}
.gallery-thumbs .swiper-slide {
  width: 100px;
  height: 50px;
  text-align: center;
  overflow: hidden;
  opacity: 0.5;
}
.gallery-thumbs .swiper-slide-active {
  opacity: 1;
}
.gallery-thumbs .swiper-slide img {
  width: auto;
  height: 100%;
}
.swiper-button-next, .swiper-button-prev { color: #fff !important; }
hr {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid rgba(0,0,0,.1);
}
.table td, .table th { font-size: large; }
.font-weight-600 { font-weight: 600 !important; }
.bg-carrot-curl { background-color: #F5941E; }
.bg-green-crush { background-color: #44B8BA; }
.text-green-crush { color: #44B8BA; }
.btn-green-crush { background-color: #44B8BA; }
.bg-tiffany-blue { background-color: #00b4b1; }
.btn-green-crush:hover { background-color: #3ba1a3; }
.bg-tiffany-blue { background-color: #00b4b1; }
.btn-tiffany-blue { background-color: #00b4b1; }
.btn-tiffany-blue:hover { background-color: #00b4b1; }
.accordion-style2 .panel-heading i { font-size: inherit !important; }
.accordion-style2 .panel .panel-heading { background: #f7f7f7; }
.table-striped tbody tr:nth-of-type(odd) { background-color: rgb(220 127 35 / 17%); }
/*.table td, .table th { border-top: 1px solid #DC7F23; }*/
.accordion-style2 .panel .panel-heading { background: #00b4b1; }
 a, .accordion-style2 a, a:hover, .accordion-style2 a:hover { color: #00b4b1; font-weight: 600; }
.list-style-3 li:before { height: 2px; background-color: #DC7F23; }
.text-picton-blue { color: #47abdd !important; }
.text-light-carmine-pink { color: #de5e72; }
.text-bright-turquoise{ color: #1CE5D1; }
.text-sandstorm { color: #ebd938; }
.text-tiffany-blue { color: #00b4b1; }
.text-tiffany-blue-underline { color: #00b4b1; text-decoration: underline; text-underline-offset: 8px;}
.bg-christmas-blue { background: #348cc4; } 
.bg-keppel { background: #40b2a1; } 
.bg-bright-light { background: #edf0f0; }
.bg-aviary-blue { background: #c6e2e6; }
.bg-rarifier-air { background: #e2e7e7; }
.bg-bravo-blue { background: #d0e9ee; }
.bg-picton-blue { background: #47abdd; }
.bg-cyan-blue-azure { background: #4c81bf; }
.bg-hight-sky { background: #dae6f1; }
.bg-dancing-green { background: #c2d69b; }
.bg-berry-frappe { background: #b1a0c8; }
.border-picton-blue{ border: 1px solid #47abdd!important; }
.border-tiffany-blue{ border: 1px solid #00b4b1!important; }
.bg-water { background-color: #ccf0ef; }
.feature-box:before, .feature-box .content:before, .feature-box:after, .feature-box .content:after { background-color: transparent; }
.feature-box .content { padding: 18px 15px; }
.alt-font, .content-text { font-family: 'ProximaNovaMedium', sans-serif; }
h1, h2, h3, h4, h5 { letter-spacing: 2px; font-family: 'ReservationWideRegular', sans-serif !important; }

.chapter-2-bullet li:before { background-color: #00b4b1; }

