/* ==========================================================
   HOME HEADER
   Match Tours navigation while keeping Home hero untouched
========================================================== */

body .site-header{
    position:relative !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;

    width:100%;

    background:#044C48 !important;

    border-top:2px solid #1aa39a;
    border-bottom:1px solid rgba(255,255,255,.10);

    box-shadow:none !important;

    z-index:1000;
}


/* REMOVE OLD TOP BAR */

body .site-header .top-bar{
    display:none !important;
}


/* NAVBAR */

body .site-header .main-navbar{
    position:relative !important;

    background:#044C48 !important;

    border:0 !important;

    box-shadow:none !important;

    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
}


/* MAIN WIDTH */

body .site-header .nav-container{
    width:min(1440px,calc(100% - 80px)) !important;

    min-height:110px;

    margin:0 auto;

    display:flex;

    align-items:center;

    justify-content:space-between;
}


/* ==========================================================
   LOGO
========================================================== */

body .site-header .site-logo{
    display:flex !important;

    align-items:center !important;

    justify-content:flex-start !important;

    width:auto !important;
    height:auto !important;

    padding:0 !important;
    margin:0 !important;

    background:transparent !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    overflow:visible !important;
}


body .site-header .site-logo::before,
body .site-header .site-logo::after{
    display:none !important;
}


body .site-header .site-logo img{
    display:block !important;

    width:255px !important;
    max-width:255px !important;

    height:82px !important;

    object-fit:contain !important;

    object-position:left center !important;

    padding:0 !important;
    margin:0 !important;

    background:transparent !important;

    border:0 !important;
    border-radius:0 !important;

    box-shadow:none !important;

    filter:none !important;
}


/* ==========================================================
   MENU
========================================================== */

body .site-header .main-menu{
    display:flex;

    align-items:center;

    justify-content:center;

    gap:40px;
}


body .site-header .main-menu a{
    position:relative;

    display:flex;

    align-items:center;

    min-height:110px;

    padding:0 !important;

    color:#ffffff !important;

    font-family:'Manrope',sans-serif;

    font-size:14px;

    font-weight:700;

    line-height:1;

    text-decoration:none;

    background:transparent !important;

    border:0 !important;

    opacity:1 !important;

    transition:color .2s ease;
}


body .site-header .main-menu a:hover{
    color:#FC7507 !important;
}


body .site-header .main-menu a.active{
    color:#FC7507 !important;
}


body .site-header .main-menu a.active::after{
    content:"";

    position:absolute;

    left:50%;

    bottom:27px;

    width:38px;

    height:2px;

    transform:translateX(-50%);

    background:#FC7507;

    border-radius:20px;
}


/* ==========================================================
   PLAN YOUR TRIP
========================================================== */

body .site-header .nav-actions{
    display:flex;

    align-items:center;

    justify-content:flex-end;
}


body .site-header .book-btn{
    display:inline-flex !important;

    align-items:center !important;

    justify-content:center !important;

    min-height:50px;

    padding:0 25px !important;

    background:#FC7507 !important;

    color:#044C48 !important;

    border:0 !important;

    border-radius:7px !important;

    box-shadow:none !important;

    font-family:'Manrope',sans-serif;

    font-size:13px;

    font-weight:800;

    text-decoration:none;
}


body .site-header .book-btn span{
    display:none !important;
}


body .site-header .book-btn:hover{
    background:#f0bb2b !important;

    color:#044C48 !important;
}


/* ==========================================================
   IMPORTANT:
   HOME HERO STARTS AFTER HEADER
========================================================== */

body .zp-home-hero{
    margin-top:0 !important;
}


/* ==========================================================
   TABLET / MOBILE
========================================================== */

@media(max-width:1100px){

    body .site-header .nav-container{
        width:calc(100% - 40px) !important;
    }

    body .site-header .main-menu{
        gap:25px;
    }

    body .site-header .site-logo img{
        width:220px !important;
        max-width:220px !important;
    }

}


@media(max-width:900px){

    body .site-header .nav-container{
        min-height:88px;
    }

    body .site-header .site-logo img{
        width:190px !important;
        max-width:190px !important;
        height:65px !important;
    }

    body .site-header .main-menu{
        display:none;
    }

    body .site-header .menu-toggle{
        display:flex !important;
    }

}


@media(max-width:600px){

    body .site-header .nav-container{
        width:calc(100% - 28px) !important;

        min-height:78px;
    }

    body .site-header .site-logo img{
        width:165px !important;
        max-width:165px !important;

        height:58px !important;
    }

    body .site-header .book-btn{
        display:none !important;
    }

}