@font-face {
    font-family: 'Gantari Variable Font Wght';
    src: url(/assets/fonts/Gantari-VariableFont_wght.ttf);
    font-weight: 300;
    font-style: normal
}


body blockquote,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    font-family: 'Gantari Variable Font Wght' !important;
}
body .btn,
body .card,
body .invalid-feedback,
body .tooltip,
body .valid-feedback,
body a,
body button,
body figcaption,
body input[type=search],
body input[type=text],
body label,
body li,
body ol,
body p,
body span,
body strong,
body td,
body th,
body ul {
    font-family: 'Gantari Variable Font Wght' !important;
}

.bctPSubHeader {
    font-family: 'Gantari Variable Font Wght' !important;
}


h2{
    color: #482314;
}
footer{
    background: none;
    color: #482314 !important;
}
footer ul li a{
    color: #482314 !important;
}
footer ul li a:hover{
    color: #BD6E2A !important;
}
footer h6{
    color: #482314 !important;
    border-bottom: #BD6E2A 1px solid;
}
span, p{
    color: #482314;
}

.bctLightGreen{
    color: #BC9940;
}
.bctAccordionFaq .card-header{
    background-color: #BC9940;
}
.reservation-step-circle.reservation-step-completed{
    background-color: #8A391F !important;
}
.reservation-step-circle{
    background-color: #BC9940;
}


.ct-item-doka-volcano, .ct-item-doka-classic, .ct-item-doka-waterfall, 
.ct-item-doka-full, .ct-item-doka-trail{
    display: block;
    background: linear-gradient(rgba(13, 26, 5, 0.01), rgba(13, 26, 5, 0.65));
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 100;
}
.ct-item-doka-volcano:before, .ct-item-doka-classic:before, .ct-item-doka-waterfall:before, 
.ct-item-doka-full:before, .ct-item-doka-trail:before{
    background-image: linear-gradient(
    rgba(13, 26, 5, 0.01),
    rgba(13, 26, 5, 0.65)
    );
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    z-index: -100;
    transition: opacity 0.8s;
}
.ct-item-doka-volcano:hover:before, .ct-item-doka-classic:hover:before,
.ct-item-doka-waterfall:hover:before, .ct-item-doka-full:hover:before, .ct-item-doka-trail:hover:before{
    opacity: 1;
}

.navbar{
    background-color: #ffff;
}
.navbar-nav>.nav-item .nav-link{
    color: #482314;
}
.navbar-nav>.nav-item .dropdown-menu a{
    color: #482314;
}

.navbar-nav>.nav-item .dropdown-menu{
    background-color: #ffff;
}

.navbar-toggler-icon{
    color: #BC9940 !important; 
}

.bct-logo-masthead{
    background: url(/assets/img/icons/logo-doka.jpg) no-repeat center;
    width: 110px;
    left: 5.5vw;
}

.btn-subdued{
    background-color: #BC9940;
    color: #ffff;
}

.btn-subdued:hover{
    background-color: #BD6E2A;
    color: #ffff !important;
}

.btn-default{
    background: #8A391F;
}

.btn-search{
    border-color: #BC9940;
}

.video-container{
    background-color: initial;
    width: 100%;
}

.bctDarkGreen{
    color: #BC9940;
}

.btn-primary, .btn-default{
    background-color: #8A391F;
    color: #ffff !important;
    border-color: #8A391F;
}
.btn-primary:hover, .btn-default:hover{
    background-color: #BD6E2A;
    color: #ffff !important;
    border-color: #8A391F;
}
.btn-primary:visited, .btn-default:visited{
    background-color: #8A391F;
    color: #ffff !important;
    border-color: #8A391F;
}
.btn-primary:active, .btn-default:active{
    background-color: #BD6E2A;
    color: #ffff !important;
    border-color: #8A391F;
}
.btn-primary:not(:disabled):not(.disabled):active{
    background-color: #BD6E2A;
    color: #ffff !important;
    border-color: #8A391F !important;
}
.btn-primary:focus{
    box-shadow:none; 
}
.btn-primary:not(:disabled):not(.disabled):active:focus{
    box-shadow:none; 
}


.bctGallery-thumb{
    opacity: initial;
    filter: initial;
    -webkit-filter: initial;
}

.bctGallery{
    background: none;
    background-color: #757659;
}

.partial-newsletter{
    background: #BC9940;
}

#btnSubscribeContact{
    background-color: #482314; 
}

.separator-light-icon{
    background: none;
}
.separator-light{
    background: url(/assets/img/bg/separador.png) repeat-x center;
}

.bctDarkRed{
    color: #BC9940;
}

.quickfacts-item h6{
    color: #BC9940;
}
.coffeetour-header{
    height: 64vh;
}
.coffeetour-header span, .coffeetour-header p{
    color: #ffff;
}
.coffeetour-header-text h1{
    font-size: 4rem;
}

.reservations-navbar{
    background:#ffff url(/assets/img/dk-25/text/navbar-tourReservations-header.png) no-repeat;background-position:15vw
}
.table-rates-tourName{
    background-color: #BC9940;
}

.coffeetour-header-reservations {
    background: url(/assets/img/DK-25/bg/bct-bg-reservationHeader.jpg) no-repeat center bottom;
}

.coffeetour-header-searchresults {
    background: url(/assets/img/DK-25/bg/bct-bg-reservationHeader.jpg) no-repeat center bottom;
}

.separator-dark-icon{
    height: 60px !important;
    background: url(/assets/img/icons/icon-coffeeplant-white-on-dark-doka.png)
    no-repeat center;
    
}

.sumary-h5{
    color: #a3722a !important;
}
.reservation-summary .rsc .rsc1 {
    color: #a3722a ;
}


@media (max-width: 767px) {
    *{
        overflow-x: hidden;
    }
    .ct-item-doka-volcano, .ct-item-doka-classic, .ct-item-doka-waterfall, .ct-item-doka-full, .ct-item-doka-trail{
        background-position: center;
    }
    .pageContent img{
        width: 100%;
    }
    #home-section{
        width: 100%;
    }
    .ct-item-inner-copy::before{
        background: none;
    }
    .ct-item-inner-copy {
        margin-top: 10px;
        transform: none;
    }
    .bct-logo-masthead{
        left: 2.5vw;
    }

    .coffeetour-header-text h1 {
        font-size: 2.5rem;
        line-height: initial;
    }

    body h5{
        font-size: 1.9rem;
    }
    .ct-item-inner:hover .ct-item-inner-copy {
        transform: none;
    }

    .ct-item-inner {
        height: initial;
    }
    .bctGallery{
        text-align: center;
    }
}

@media (pointer: coarse) and (hover: none){
    .video-container{
        background: none;
    }
}

