/* NAV MENU */

.vte-nav{
flex:1;
display:flex;
justify-content:center;
}

.vte-menu{
display:flex;
align-items:center;
gap:28px;
list-style:none;
margin:0;
padding:0;
}

.vte-menu li{ position:relative; }

.vte-menu a{
font-size:15px;
font-weight:600;
color:#222;
text-decoration:none;
padding:6px 0;
display:inline-block;
}

.vte-menu a:hover{ color:var(--sun2); }

.vte-menu a.active::after{
content:"";
position:absolute;
bottom:-6px;
left:0;
width:100%;
height:2px;
background:var(--sun2);
}

/* DROPDOWN */

.menu-parent{
display:inline-flex;
align-items:center;
font-size:15px;
font-weight:600;
background:none;
border:none;
cursor:pointer;
}

.menu-arrow{ font-size:12px; }

.sub{
position:absolute;
top:100%;
left:0;
background:#fff;
border-radius:10px;
box-shadow:0 15px 40px rgba(0,0,0,.12);
width:210px;
padding:10px 0;
opacity:0;
visibility:hidden;
transition:.25s;
}

.has-sub:hover .sub{
opacity:1;
visibility:visible;
}

.sub li{ padding:6px 16px; }

.sub a{
display:block;
background:#f5f7ff;
border-radius:8px;
padding:8px 10px;
font-size:14px;
}

/* HAMBURGER */

.hamburger{
display:none;
flex-direction:column;
gap:4px;
background:none;
border:0;
cursor:pointer;
}

.hamburger span{
width:26px;
height:3px;
background:#333;
}

/* MOBILE PANEL */

.vte-mobile-panel{
position:fixed;
top:var(--headerTotal);
right:0;
width:80%;
max-width:320px;
height:calc(100vh - var(--headerTotal));
background:#fff;
z-index:15000;
overflow-y:auto;
padding:20px;
transform:translateX(100%);
transition:.35s;
}

.vte-mobile-panel.open{
transform:translateX(0);
}