/* =====================================================================

 *   Addtional Updates or Changes

 * =================================================================== */



/*# sourceMappingURL=updates.css.map */



/* General */

body{

    font-size: 15px;

}



.list.check-square li::before {

      content: "\f0c8";

}



/* Fonts */

@font-face{

    font-family: 'African';

    src: url("fonts/African/African.woff");

}



@font-face {

    font-family: 'RNSMiles';

    src: url('fonts/RNSMiles/RNS-Miles/RNSMiles-Regular.otf');

    font-weight: normal;

}



@font-face {

    font-family: 'Stickler';

    src: url('fonts/Stickler/Stickler-Pro.woff');

}



@font-face {

    font-family: 'Wanderlust';

    src: url('fonts/Wanderlust/Wanderlust\ Font/WanderlustRegular.woff');

}



html body{

    font-family: 'RNSMiles';

    font-size: 18px;

}



.slide-content h1{

    font-family: 'African';

    line-height: 1.1;

    word-spacing: -10px;

}



.cta-title h1{

    font-family: 'African';

    line-height: 1.1;

    word-spacing: -5px;

}



h2.section-title-text{

    font-family: 'African';

    font-size: 40px;

    line-height: 1.1;

    word-spacing: -5px;

}



@media (max-width: 768px){

    h2.section-title-text{

        font-size: 30px;

    }

}



.section-title p{

    font-family: 'Stickler';

    font-size: 24px;

    line-height: 1.2;

}



#our-adventures .portfolio-categories a{

    font-family: 'Stickler';

    text-transform: uppercase;

    font-size: 20px;

    letter-spacing: 2px;

}



.os-tabs > li{

    font-family: 'Stickler';

    font-size: 20px;

    text-transform: uppercase;

    letter-spacing: 2px;

}



.body-subtitle{

    font-family: 'Stickler';

    font-size: 20px;

    text-transform: uppercase;

    letter-spacing: 2px;

}



.testmonial-single .ts-person{

    font-family: 'Stickler';

    font-size: 20px;

    font-weight: normal;

    text-transform: none;

}



.os-tabs-content .service-payment-plan-card h5{

    font-family: 'Stickler';

    font-weight: normal;

    font-size: 24px;

}



body p{

    font-family: 'RNSMiles';

    font-size: 18px;

    line-height: 1.5;

}



body input, button, select, textarea{

    font-family: 'RNSMiles';

    font-size: 18px;

}



#contact-form .form-control{

    font-size: 16px;

}

#contact-form .form-control[type='submit']{
    font-size: 18px;
    padding: 10px 40px;
}



.main-menu > li > a{

    font-family: 'Wanderlust';

    text-transform: uppercase;

    font-size: 20px;

}



body .btn.colorful{

    font-family: 'Wanderlust';

    font-size: 20px;

}



/* Buttons */

.btn.large{

    padding: 12px 25px;

}



input.form-control[type='submit'],

.single-destination .portfolio-single-slider .slide .btn-reservation{

    font-size: 18px;

    padding: 6px 40px;    

    height: auto;

    font-weight: normal;

    letter-spacing: 1px;

    text-align: center;

    line-height: 1.2;

}



/* Intro section */

#intro .row{

    display: flex;

    align-items: stretch;

}



#intro .row .img-preview{

    height: 100%;

}



#intro .row .img-preview img{

    height: 100%;

}



/* About section */

#about .row{

    display: flex;

    align-items: stretch;

}



#about .row .img-preview{

    height: 100%;

}



#about .row .img-preview img{

    height: 100%;

}



/* Service tabs */

.os-tabs-content .body-subtitle{

    font-size: 26px;

}



.service-kicker{

    font-weight: bold;

    text-transform: uppercase;

}



ol.service-tab-list{

    counter-reset: service-tab-list-counter;

}



.service-tab-list > div > li, .service-tab-list > li{

    list-style: none;

    margin: 10px 0;

    display: flex;

    gap: 10px;

    align-items: center;

}



ol.service-tab-list > li::before{

    content: counter(service-tab-list-counter);

    counter-increment: service-tab-list-counter;

    background-color: #ffc527;

    color: white;

    border-radius: 50%;

    width: 30px;

    height: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

}



ul.service-tab-list.check-square > li::before{

    font-size: 25px;

    margin-right: 0;

    top: 0;

}



.service-tab-list .service-tab-list{

    margin-left: 10px;

}



.service-tab-list h5{

    margin: 0;

    font-size: 16px;

}



.os-tabs > li i{

    margin-bottom: 10px;

}



@media (min-width: 769px){

    .grid-2-cols{

        display: grid;

        grid-template-columns: 1fr 1fr;

    }



    .service-payment-plan-card:first-child,

    .service-payment-plan-card:nth-child(3){

        margin-left: 0;

    }



    .service-payment-plan-card:nth-child(2),

    .service-payment-plan-card:nth-child(4){

        margin-right: 0;

    }

}



.service-payment-plan-card{

    background-color: white;

    padding: 10px 20px;

    border: 1px solid #ebeef0;

    box-shadow: 0 1px 0 #ebeef0;

    margin: 10px;

}



.service-tabs-content .img-preview img{

    aspect-ratio: 3/2;

    object-fit: cover;

}



/* Destinations */

.portfolio-categories li a::before{

    bottom: -3px;

    top: auto;

}



/* Single Destination */

.single-destination .section-content{

    padding: 30px;

    background: #fff;

    border: 1px solid #ebeef0;

    border-top-color: rgb(235, 238, 240);

    border-top-style: solid;

    border-top-width: 1px;

    border-top: none;

    box-shadow: 0 1px 0 #ebeef0;

    margin-bottom: 80px;

}



.single-destination .section-content::before, 

.single-destination .section-content::after{

    height: 0;

}



.single-destination .portfolio-single-slider .slide{

    display: flex;

}



.single-destination .portfolio-single-slider .slide .image-wrapper{

    width: 65%;

}



.single-destination .portfolio-single-slider .slide .content-wrapper{

    width: 35%;

}



.single-destination .portfolio-single-slider .slide .image-wrapper img{

    width: 100%;

    height: 100%;

    object-fit: cover;

}



.single-destination .portfolio-single-slider .slide .btn-reservation{

    display: block;

    width: fit-content;

    margin-left: auto;

    margin-top: auto;

}



.single-destination .itinerary .row .col-md-4{

    padding: 15px;

}



.single-destination .itinerary .row .box-info .box-content{

    min-height: 0;

    aspect-ratio: 1/1;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}



.single-destination .itinerary .row .box-info .day-plan{

    margin-bottom: auto;

    overflow: hidden;

    text-overflow: ellipsis " [..]";

}



.single-destination .itinerary .row .box-info .day-plan.gradient-overlay{

    mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 50%, rgba(0,0,0,0) 100%);

    /* -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0))); */

}



.box-info .box-content .meta a:hover{

    cursor: pointer;

    text-decoration: none;

}



.day-plan-modal{

    position: fixed;

    top: 0;

    left: 0;

    z-index: 100;

    background-color: rgba(0,0,0,0.5);

    width: 100vw;

    height: 100vh;

    display: flex;

    align-items: center;

    justify-content: center;

    opacity: 0;

    display: none;

    transition: opacity 0.2s;

}



.day-plan-modal .box-info{

    width: 50%;

    max-width: 800px;

}



.single-destination .intro-content{

    padding-top: 60px;

}



.day-plan-modal .day-plan-close,

.single-destination .section-content > .project-close{

    position: absolute;

    top: -1px;

    right: -1px;

    display: inline-block;

    width: 48px;

    height: 48px;

    line-height: 48px;

    text-align: center;

    background: #555;

    font-size: 24px;

    color: #fff;

    transition: all 0.2s;

}



.day-plan-modal .day-plan-close:hover,

.single-destination .section-content > .project-close:hover{

    background: #222;

    color: #ffc527;

    cursor: pointer;

}



.disable-scroll{

    height: 100%;

    overflow: hidden;

}

/* FAQ section */

.event-box.faq-box .content :is(h5, i) {

    color: #777;

  }



 .event-box.faq-box .content h5{

    font-family: Stickler;

    font-size: 24px;

    font-weight: normal;

 } 



.event-box.faq-box .content-overlay{

    display: flex;

    flex-direction: column;

    justify-content: center;

    gap: 5px;

}



.event-box.faq-box .content-overlay p{

    font-size: 18px;

}



.event-box .content-overlay h5{

    color: #222;

    margin-bottom: 10px;

    font-size: 20px;

    line-height: 1.1;

}



.event-box .content-overlay h5 .fa::before{

    font-size: 18px;

}



/* Get Connected */

.form-group.submit-group{

    text-align: right;
    margin-top: 20px;

}



.contact-info li i{

    padding-top: 5px;

}



/* Header */

#header .logo{

    display: none;

}



/* Footer */

#footer-mini{

    background-color: black;

}



#footer-mini .copyrights-message{

    color: white;

}



.footer-navigation{

    display: flex;

    justify-content: center;

    gap: 20px;

    font-weight: 600;

    margin-bottom: 30px;

}



.footer-navigation a:hover{

    color: #ffc527;

    cursor: pointer;

}



@media (max-width: 600px){ 

    .footer-navigation{

        flex-direction: column;

        gap: 10px;

    }

}

/* Brand Ambasador Programm page */
.brand-ambasador-programm .flat-section .section-content:not(:first-of-type){
    margin-top: 0;
}

.brand-ambasador-programm .flat-section .section-content:not(.intro-section)::before,
.brand-ambasador-programm .flat-section .section-content:not(.intro-section)::after{
    display: none;
}

.big-subtitle{
    font-size: 40px;
    font-family: 'Wanderlust';
    letter-spacing: 0rem;
    text-align: center;
}

.big-sub-subtitle{
    font-size: 30px;
    font-family: 'Wanderlust';
    letter-spacing: 0rem;
    text-align: center;
}

.brand-ambasador-programm .section-content:nth-of-type(even){
    background-color: white;
}

.brand-ambasador-programm .intro-section{
    padding-bottom: 0;
}

.brand-ambasador-programm .intro-section img{
    width: 100%;
    max-height: 350px;
    object-fit: cover;
    object-position: bottom center;
}

.brand-ambasador-programm .intro-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 10px 45px 20px 30px;
}

.brand-ambasador-programm .intro-wrapper .btn{
    margin-left: auto;
    margin-top: auto;
}

.description-box-wrapper{
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr 1fr;
    padding-top: 20px;
    padding-bottom: 30px;
    
}

.description-box{
    padding: 30px;
    text-align: center;
}

.info-box-wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    padding-top: 30px;
}

.ambassador-programm-image-holder:nth-of-type(2){
    background-image: url("../images/files/ambassador-program/ambassador-programm-2.jpg");
    background-size: cover;
}

.ambassador-programm-image-holder:nth-of-type(3){
    background-image: url("../images/files/ambassador-program/ambassador-programm-3.jpg");
    background-size: cover;
}

.ambassador-programm-connect-box{
    max-width: 800px;
    margin: auto;
}

small.note{
    font-size: 70%;
}

/* Single Destination page */
#single-destination-body{
    background-color: #f6f8f9;
}

#single-destination-body .ps-fixedwidth-intro .description{
    display: flex;
    flex-direction: column;
    padding: 40px;
}

#single-destination-body .ps-fixedwidth-intro .description .section-title{
    padding-top: 0;
}

.section-content.itinerary-item{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 0;
}

.row:nth-of-type(odd) .section-content.itinerary-item{
    flex-direction: row-reverse;
}

.section-content.itinerary-item .itinerary-item__text{
    width: 67%;
    padding: 40px 50px;
}

.section-content.itinerary-item .itinerary-item__img{
    width: 33%;
}

.section-content.itinerary-item .itinerary-item__img.img-preview{
    padding: 0;
}

.section-content.itinerary-item .itinerary-item__img img{
    height: 100%;
}

.section-content.section-content.itinerary-item.itinerary-item_no-img .itinerary-item__text{
    width: 100%;
}

.booking-form-connect-box{
    max-width: 800px;
    margin: auto;
}

.trip-date-radio-group{
    display: grid;
    
}

.trip-date-radio-group label{
    display: flex;
    gap: 5px;
    cursor: pointer;
}

.trip-date-radio-group label input{
    width: auto;
    height: 20px;
}