/* =========================================
   HEADER
========================================= */

.gtrip-header{
    display:flex;
    align-items:stretch;

    width:100%;
    min-height:80px;

    background:#070b17;
}

.gtrip-header-inner{
    width:100%;
    max-width:1400px;
    min-height:80px;

    margin:0 auto;
    padding:0 24px;

    display:flex;
    align-items:center;
}

.gtrip-logo{

    display:flex;
    align-items:center;

    flex-shrink:0;

}

.gtrip-logo img{

    height:120px;
    display:block;

}


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

.gtrip-nav{

    display:flex;
    align-items:center;
    gap:36px;

    margin-left:50px;

}

.gtrip-nav a{

    color:#ffffff;

    text-decoration:none;

    font-size:18px;
    font-weight:700;

    opacity:.75;

    transition:.25s;

}

.gtrip-nav a:hover{

    opacity:1;

}

.gtrip-nav a.active{

    opacity:1;
    color:#41d6c3;

}


/* =========================================
   RIGHT
========================================= */

.gtrip-header-right{

    margin-left:auto;

    display:flex;
    align-items:center;
    gap:18px;

}

.gtrip-book-btn{

    background:#2ec4b6;
    color:#fff;

    text-decoration:none;

    padding:12px 22px;

    border-radius:999px;

    font-size:15px;
    font-weight:600;

    transition:.25s;

}

.gtrip-book-btn:hover{

    background:#25b4a6;

}

.gtrip-language{

    position:relative;

}

.gtrip-language-toggle{

    display:flex;
    align-items:center;
    gap:6px;

    background:none;
    border:none;

    color:#fff;

    font-size:16px;
    font-weight:500;

    cursor:pointer;

    padding:8px 0;

}

.gtrip-language-icon{

    width:18px;
    height:18px;

    color:#ffffff;

    flex:none;

}

.gtrip-language-arrow{

    font-size:11px;

    transition:.2s;

}

.gtrip-language.open .gtrip-language-arrow{

    transform:rotate(180deg);

}

.gtrip-language-dropdown{

    display:none;

    position:absolute;

    top:calc(100% + 8px);
    right:0;

    z-index:10000;

    min-width:140px;

    background:#fff;

    border-radius:10px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,.15);

}

.gtrip-language.open .gtrip-language-dropdown{

    display:block;

}

.gtrip-language-dropdown a{

    display:block;

    padding:12px 16px;

    color:#222;

    text-decoration:none;

    font-size:15px;

    transition:.2s;

}

.gtrip-language-dropdown a:hover{

    background:#f5f5f5;

}

.gtrip-language-dropdown a.active{

    background:#eefaf8;

    color:#111;

    font-weight:700;

    pointer-events:none;

}


/* =========================================
   MOBILE BUTTON
========================================= */

.gtrip-mobile-toggle{

    display:none;

    background:none;
    border:none;

    color:#fff;

    font-size:28px;

    cursor:pointer;

}


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

.gtrip-mobile-overlay{

    position:fixed;

    inset:0;

    background:rgba(0,0,0,.45);

    opacity:0;
    visibility:hidden;

    transition:.3s;

    z-index:9998;

}

.gtrip-mobile-overlay.show{

    opacity:1;
    visibility:visible;

}

.gtrip-mobile-menu{

 position:fixed;

    top:0;
    right:-100%;

    width:300px;
    height:100vh;

    background:#070b17;

    display:flex;
    flex-direction:column;

    padding:90px 30px 40px;

    transition:.35s;

    z-index:9999;

}

.gtrip-mobile-menu.open{

    right:0;

}

.gtrip-mobile-close{

    position:absolute;

    top:20px;
    right:22px;

    background:none;
    border:none;

    color:#fff;

    font-size:34px;

    cursor:pointer;

}

.gtrip-mobile-menu a{

    color:#fff;

    text-decoration:none;

    padding:16px 0;

    border-bottom:1px solid rgba(255,255,255,.08);

    font-size:16px;

    opacity:.8;

}

.gtrip-mobile-menu a.active{

    color:#41d6c3;
    opacity:1;

}

.gtrip-mobile-book{

    margin-top:28px;

    background:#2ec4b6;

    color:#fff !important;

    border-radius:999px;

    text-align:center;

    border:none !important;

    padding:14px;

    font-weight:600;

}


/* =========================================
   REMOVE LINK FOCUS STYLE
========================================= */

.gtrip-header a,
.gtrip-logo,
.gtrip-nav a,
.gtrip-book-btn{

    outline:none;
    box-shadow:none;
    -webkit-tap-highlight-color:transparent;
}

.gtrip-header a:focus,
.gtrip-header a:focus-visible,
.gtrip-logo:focus,
.gtrip-logo:focus-visible,
.gtrip-nav a:focus,
.gtrip-nav a:focus-visible,
.gtrip-book-btn:focus,
.gtrip-book-btn:focus-visible{

    outline:none;
    box-shadow:none;
}

/* Override WordPress Block Theme */

.is-layout-constrained > header.gtrip-header{

    max-width:none !important;
    width:100% !important;

    margin-left:0 !important;
    margin-right:0 !important;

}

body.page-id-117 main{
    margin-top:0 !important;
    padding-top:0 !important;
}

body.page-id-117 .entry-content{
    margin-top:0 !important;
    padding-top:0 !important;
}

body.page-id-117,
body.page-id-117 .wp-site-blocks,
body.page-id-117 main,
body.page-id-117 .entry-content{
    margin:0 !important;
    padding:0 !important;
}

body.page-id-117 header.gtrip-header{
    margin-top:0 !important;
    top:0 !important;
}

body.page-id-117 .wp-site-blocks{
    padding-top:0 !important;
    margin-top:0 !important;
}

header.gtrip-header{
    border:0 !important;
    box-shadow:none !important;
}




@media (max-width:1024px){

    .gtrip-nav{
        display:none;
    }


.gtrip-mobile-toggle{

    display:flex !important;

    width:42px;
    height:42px;

    align-items:center;
    justify-content:center;

    border:none;
    background:transparent;

    font-size:28px;

    color:#fff;

    cursor:pointer;

}

.gtrip-book-btn{

    display:none;

}

.gtrip-mobile-menu a{

    font-weight:700;

    outline:none;
    box-shadow:none;

}

.gtrip-mobile-menu a:focus,
.gtrip-mobile-menu a:active,
.gtrip-mobile-menu a:focus-visible{

    outline:none !important;
    box-shadow:none !important;

}

.gtrip-header-inner{

    height:56px;

    display:flex;

    justify-content:space-between;

    align-items:center;

}


.gtrip-logo{
    
height:100%;
    width:auto !important;
    max-width:none !important;
    flex:none !important;

}

.gtrip-logo img{

    height:100%;
    width:auto;
    display:block;

}

}

