.toggle-navbar-btn {position: relative;border: transparent !important;background-color: transparent !important;color: var(--dark);padding-right: 0px;font-family: var(--wp--preset--font-family--sans-serif);cursor: pointer;}
.toggle-navbar-btn span {position: absolute;width: 18px;height: 18px;top: 50%;right: 0;transform: translate(0, -50%);}
.toggle-navbar-btn span .toggle-arrow {position: absolute;width: 13px;height: 13px;top: 50%;right: 50%;transform: translate(50%, -80%)rotate(45deg);border: 1px solid currentColor;border-top: 0;border-left: 0;}
.header-navbar {width: 100%;transition: all 600ms ease-out;z-index: 99;}
.header-navbar * {color: currentColor;}
.header-navbar.is_navbar_light *,
.single-portfolio .header-navbar *,
.single-project .header-navbar *,
.single-post .header-navbar *  {color: white;}
.header-navbar.is_navbar_light .toggle-navbar-btn span .toggle-arrow,
.single-portfolio .header-navbar .toggle-navbar-btn span .toggle-arrow,
.single-project .header-navbar .toggle-navbar-btn span .toggle-arrow,
.single-post .header-navbar .toggle-navbar-btn span .toggle-arrow {border: 1px solid white;border-top: 0;border-left: 0;}
.header-navbar-smart.fixed-top {top: 0 !important;}
.header-navbar-smart {width: 100%;z-index: 4;position: fixed;transition: top 0.5s ease;top: -8rem !important;}
.nav-drawer {background-color: var(--secondary);overflow: hidden;height: 100vh;opacity:0;top: 0;position: fixed;width: 100%;left: 0;z-index: 99;pointer-events: none;}
.nav-drawer * {color: var(--base);}
.nav-drawer-inner {z-index: 2;overflow-y: auto; -webkit-overflow-scrolling: touch;}
.nav-drawer-bg {background-color: black;height: 0;overflow: hidden;position: fixed;top: 0;left: 0;right: 0;z-index: 11;opacity: .0;cursor: pointer;}
.nav-drawer #primary-menu a {font-size: var(--wp--preset--font-size--h-2);font-family: var(--wp--preset--font-family--sans-serif);}
#primary-menu .menu-item {display: flex;align-items: center;line-height: 1;gap: 1rem;transition: all .3s ease;}
#primary-menu .menu-item {overflow: hidden;}
#primary-menu .menu-item a {padding: var(--wp--preset--spacing--20) 0;text-decoration: none;transform: translate(0,00%);}
.nav-drawer #primary-menu .menu-item a {padding: var(--wp--preset--spacing--20) 0;text-decoration: none;transform: translate(0,00%);opacity: 0;}
.nav-drawer #primary-menu .menu-item.current_page_item a {text-decoration: underline;text-decoration-thickness: 2px;text-underline-offset: 7px;}
#primary-menu .menu-item a:hover {opacity: .85 !important;}
#primary-menu .menu-item-has-children .sub-menu {display: flex;align-items: start;gap: 1rem;border: none;flex-direction: column;}
#primary-menu .menu-item-has-children .sub-menu.visible {display: flex;align-items: start;gap: 1rem;border: none;background-color: var(--primary);height: auto !important;min-width: 202px;box-shadow: 0px 5px 15px #00000025;}
#primary-menu .menu-item-has-children .sub-menu li {border: none;width: 100%;}
#primary-menu .menu-item-has-children .sub-menu .menu-item a {font-family: var(--wp--preset--font-family--sans-serif);font-size: var(--wp--preset--font-size--x-small);transform: translate(0,100%);}
#smartNav {position: fixed;}
.scrollUp {transform: translateY(-90px);}
.desktop-nav, .mobile-nav {padding-top: 0px;padding-bottom: var(--wp--preset--spacing--40);min-height: 100vh;display: flex;flex-direction: column;justify-content: start;gap: 1.5rem;}
.site-brand svg {width:100%;max-width: 120px;padding-right: 1rem;}

@media (min-width: 991px) {
.mobile-nav  {display: none;}
.toggle-navbar {display: none !important;}
#primary-menu ul {display: flex;}
#primary-menu ul a {padding-right: 1rem;}
}

@media (max-width: 990px) {
    .nav-desktop {display: none !important;}
    #primary-menu .sub-menu {position: static;}
    #primary-menu .sub-menu {display: block; overflow: hidden; position: relative;margin: 0;list-style: none;z-index: 1000;height: 0; transition: height 0.3s ease;}
    #primary-menu .sub-menu.visible {height: auto;}
    #primary-menu .menu-item a{padding: 1rem 0;display: block;font-size: var(--wp--preset--font-size--h-3);}
    #primary-menu .sub-menu li {border-bottom: transparent;}
    #primary-menu .sub-menu a {font-family: var(--wp--preset--font-family--sans-serif);font-size: var(--wp--preset--font-size--x-small);}
    #primary-menu .menu-item-has-children > a::after {content: "";position: absolute;transform: translate(-50%, 50%);top: 50%;right: 1rem;display: block;width: 8px;height: 8px;transition: all 300ms ease;transform: translate(40%, -55%) rotate(45deg);border: 1px solid currentColor;border-top: 0;border-left: 0;}
    #primary-menu .menu-item-has-children.is_open > a::after {transform: translate(-50%, 50%);transform: translate(40%, -55%) rotate(225deg);}
    #primary-menu .menu-item-has-children .sub-menu.visible {background-color: transparent;box-shadow: none;flex-direction: column;gap: 0.25rem;padding-bottom: 1rem;}
    #primary-menu .sub-menu a {font-size: var(--wp--preset--font-size--paragraph) !important;}
    #primary-menu .menu-item {display: block;}
    #primary-menu .menu-item-has-children .sub-menu {display: block;}

    .hamburger {--hambueger-size: 42px;--hambueger-height: 11px;display: inline-block;position: relative;width: var(--hambueger-size);height: var(--hambueger-height);}
    .hamburger .h_line_top,
    .hamburger .h_line_bottom {--hambueger-line: 36px;transform: translate(-50%, 50%);left: 50%;position: absolute;display: inline-block;width: var(--hambueger-line);height: 1px;background-color: currentColor;top: var(--hambueger-height);}
    .hamburger .h_line_top { top: 0;}
}
@media (max-height: 740px) {
    .nav-drawer-inner {overflow-y: scroll;-webkit-overflow-scrolling: touch;height: 100vh;}
}


.navigation-cta a {background-color: var(--primary);color: white !important;}
.navigation-cta a:hover {background-color: var(--secondary);color: var(--wp--preset--color--base) !important;}
.site-navigation-desktop ul#primary-menu li a,.navigation-cta a,.site-navigation-desktop ul#primary-menu li a, .navigation-cta a, .site-navigation-desktop .sub-menu a {padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);border-radius: 2px;display: flex;transform: translate(0, 0) !important;white-space: nowrap;}
.navigation-cta a {padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);font-size: var(--wp--preset--font-size--small);}
.site-navigation-desktop {display: flex;width: 100%;align-items: center;justify-content: space-between;gap: 1rem;}
.site-navigation-desktop ul#primary-menu li {display: inline-block;opacity: 1 !important;align-items: center;font-family: var(--wp--preset--font-family--sans-serif);font-size: var(--wp--preset--font-size--small);line-height: 1;gap: 1rem;}
.nav-drawer-inner .navigation-cta a {background-color: transparent;}

/* Dropdown */
.site-navigation-desktop ul .menu-item.menu-item-has-children {position: relative;}
.site-navigation-desktop #primary-menu .menu-item {overflow: inherit;border: 0;}
.site-navigation-desktop ul .sub-menu {position: absolute;gap: 0rem;width: auto;top: 60px;flex-direction: colum}
.site-navigation-desktop .menu-item-has-children .sub-menu li {border-radius: 0 !important;}
.site-navigation-desktop .menu-item-has-children .sub-menu li a {background-color: var(--wp--preset--color--primary) !important;padding: var(--wp--preset--spacing--30) !important;border-radius: 0 !important;color: var(--wp--preset--color--base)}
.site-navigation-desktop .menu-item-has-children .sub-menu {height: 0;overflow: hidden;gap: 0 !important;}
.site-navigation-desktop .menu-item-has-children.is_open .sub-menu {overflow: inherit;}
.site-navigation-desktop ul#primary-menu > .menu-item-has-children > a {padding-right: 2rem;}
.site-navigation-desktop ul#primary-menu > .menu-item-has-children > a::after {content: "";position: absolute;transform: translate(-50%,50%);top: 50%; right: 1rem;display: block;width: 8px; height: 8px;transition: all 300ms ease;transform: translate(40%, -55%) rotate(45deg);border: 1px solid currentColor;border-top: 0;border-left: 0;}
.site-navigation-desktop ul#primary-menu > .menu-item-has-children.is_open > a::after {transform: translate(40%, -19%) rotate(225deg);}
nav.footer-navigation ul {width: 100%;margin-top: 0;}
nav.footer-navigation li a {padding-right: 1rem;font-size: var(--wp--preset--font-size--paragraph);opacity: 1;}