.toggle-navbar-btn {position: relative;border: transparent !important;background-color: transparent !important;color: var(--dark);padding-right: 30px;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%;background-color: white;transition: all 300ms ease-out;z-index: 99;}
.header-navbar * {color: var(--dark);}
.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;background-color: var(--base);}
.nav-drawer {background-color: var(--base);overflow: hidden;height: 0;top: 0;position: fixed;width: 100%;left: 0;z-index: 99;}
.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;}
#primary-menu .menu-item {display: flex;align-items: center;font-size: var(--wp--preset--font-size--large);line-height: 1;gap: 1rem;}
#primary-menu .menu-item {overflow: hidden;}
#primary-menu .menu-item a {padding: var(--wp--preset--spacing--20) 0;text-decoration: none;transform: translate(0,100%);}
#primary-menu .menu-item a:hover {opacity: .5 !important;}
#primary-menu .menu-item-has-children .sub-menu {display: flex;align-items: start;gap: 1rem;border: none;}
#primary-menu .menu-item-has-children .sub-menu li {border: none;}
#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%);}
.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;
}
@media (min-width: 1024px) {
    .mobile-nav  {display: none;}
    .toggle-navbar {display: none !important;}
}
@media (max-width: 1023px) {
    .site-navigation-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;}
    /* Active (expanded) state */#primary-menu .sub-menu.visible {height: auto;}
    #primary-menu a {padding: 1rem 0;display: block;font-size: var(--wp--preset--font-size--large);}
    #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;right: 0;}
    #primary-menu .menu-item {display: block;}
    #primary-menu .menu-item-has-children .sub-menu {display: block;}
}
@media (max-height: 740px) {
    .nav-drawer-inner {overflow-y: scroll;-webkit-overflow-scrolling: touch;height: 100vh;}
}


.navigation-cta a {
    background-color: var(--primary);
    color: var(--dark) !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--20) 0 var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
    border-radius: 100vw;
    display: flex;
    transform: translate(0, 0) !important;
    white-space: nowrap;
}

.navigation-cta a {
    padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
}

.site-navigation-desktop {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
    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--paragraph);
    line-height: 1;
    gap: 1rem;
}

/* 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: 38px;
    flex-direction: column;
    
    /* padding: var(--wp--preset--spacing--20) 0; */
}
.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--base) !important;
    padding: var(--wp--preset--spacing--30) !important;
    border-radius: 0 !important;
    color: var(--wp--preset--color--contrast)
}

.site-navigation-desktop .menu-item-has-children .sub-menu {
    height: 0;
    overflow: hidden;
    transition: all 300ms ease;
    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: 32px;
}
.site-navigation-desktop ul#primary-menu > .menu-item-has-children > a::after {
    content: "+";
    position: absolute;
    display: inline-block;
    line-height: 2.3;
    text-align: center;
    right: 0;
    top: 0%;
    width: 36px; height: 36px;
    /* transform: translate(-50%, 0%); */
    transition: all 300ms ease;
}
.site-navigation-desktop ul#primary-menu > .menu-item-has-children.is_open > a::after {
    transform: rotate(135deg);
}

.sub-footer {
    border-top: 1px solid rgba(125, 125, 125, .23);
}

.footer-navigation ul {
    width: 100%;
    display: flex;
    margin-top: 0;
    flex-wrap: wrap;
    list-style: none;
}

 ul.footer-navigation {
    list-style: none;
}
.footer-navigation li a {
    padding-right: 1rem;
    font-size: var(--wp--preset--font-size--small);
    opacity: .7;
}