:root {--main-color:#008080;--main-color:#70c1b7;}
.nav-menu-btn{border:0;background:0 0;font-size:13px;letter-spacing:3px;font-weight:600;padding:10px 0;color:#37465f;opacity:0.6;transition:all 0.3s;text-decoration:none;display:inline-block;}
.nav-menu-btn:hover{opacity:1;color:#70c1b7;text-decoration:none;}
.nav-menu-btn i{display:block;font-size:16px;margin-bottom:4px;opacity:0.5;color:#70c1b7;}
header nav{min-height:78px;padding:0px}


/* === Mobile header v3 === */
@media (max-width:576px){
    header{background:#fff;}
    header nav{min-height:auto;padding:0;}
    .header-logo-col{text-align:center;padding:24px 20px 18px;}
    .header-logo-col img{max-width:150px!important;opacity:0.9;}
    .header-nav-bar{border-top:1px solid #eee;background:#fff;}
    .header-nav-row{margin:0!important;display:flex!important;align-items:center;}
    .nav-link-item{
        flex:1;text-align:center;padding:12px 0;
        font-size:9px;letter-spacing:1px;font-weight:600;
        color:#37465f;opacity:0.6;
        transition:all 0.3s;display:block;
    }
    .nav-link-item i{font-size:12px;display:block;margin-bottom:2px;opacity:0.5;}
    .nav-link-item:hover,.nav-link-item:active{opacity:1;color:#70c1b7;text-decoration:none;}
    header hr{display:none;}
    /* Hide desktop nav items on mobile */
    .desktop-nav{display:none!important;}
}
@media (min-width:577px){
    .mobile-nav{display:none!important;}
}