/*header*/
#masthead > .polestar-container {
    margin: 0 auto;
}

.site-header .site-branding svg, #mobile-navigation .logo-wrapper svg {
    shape-rendering: geometricprecision;
}

#masthead .main-navigation li {
    font-size: 1.3336rem;
    margin: 0 66px -10px 0;
}

#masthead .main-navigation li a {
    color: var(--header-color);
    font-weight: 700;
    pointer-events: all;
}

#masthead .main-navigation .current-menu-ancestor > a,
#masthead .main-navigation .current-menu-item > a,
#masthead .main-navigation .current > a,
#masthead .main-navigation .current_page_ancestor > a,
#masthead .main-navigation .current_page_item > a {
    color: var(--header-color);
}

@media screen and (max-width: 780px) {
    #masthead {
        padding: 10px;
    }

    #masthead > .polestar-container {
        max-width: unset;
        padding: 0;
        z-index: 100;
    }
}

@media screen and (min-width: 781px) {
    
    #masthead > .polestar-container {
        max-width: unset;
    }

    #masthead #site-navigation {
        flex: 1;
        text-align: center;
        transform: translateX(calc(-179px / 2));
        pointer-events: none;
    }
}

/*header*/

/*hambuger icon*/
#hamburger-menu-icon {
    text-align: right;
}

#hamburger-menu-icon button {
    background: var(--header-bg-color);
}

#hamburger-menu-icon .hamburger {
    border: none;
    pointer-events: auto;
    padding: 0;
}

#hamburger-menu-icon .hamburger__flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#hamburger-menu-icon .hamburger__line {
    border: none;
    height: 1px;
    background: var(--header-color);
    margin: 4px 0;
    width: 32px;
    flex-shrink: 0;
    display: block;
    transform-origin: left center;
    transform: scaleX(0);
    will-change: transform;
    transition: .8s ease;
}

.menu-opened #hamburger-menu-icon .hamburger__line {
    background: #000;
}

#page.active #hamburger-menu-icon .hamburger__line {
    transform: scaleX(1);
}

#hamburger-menu-icon .hamburger__line:nth-child(1) {
    transition-delay: .5s;
}

#hamburger-menu-icon .hamburger__line:nth-child(2) {
    transition-delay: .7s;
}

#hamburger-menu-icon .hamburger__line:nth-child(3) {
    transition-delay: .9s;
}

#page.active #hamburger-menu-icon button.animation-done .hamburger__line {
    transition-delay: 0s;
}

.menu-opened #hamburger-menu-icon .hamburger__line:first-child {
    transform: translate(7px) skewY(45deg) scaleX(.5625) !important;
}

.menu-opened #hamburger-menu-icon .hamburger__line:nth-child(2) {
    transform: scale(0) !important;
}

.menu-opened #hamburger-menu-icon .hamburger__line:nth-child(3) {
    transform: translate(7px) skewY(-45deg) scaleX(.5625) !important;
}

/*hambuger icon*/

/*mobile menu*/
#mobile-menu-button {
    right: 0;
    top: -10px;
    width: auto;
    height: auto;
}

#mobile-navigation {
    padding: 0;
    width: 75%;
    min-height: 105vh;
    top: 0;
    display: block !important;
    transform: translateX(-105%);
    transform-origin: left top;
    transition: all .4s .5s ease-out;
    box-shadow: 0 0 3px 1px rgba(0,0,0,.15);
    z-index: 1000;
}

#mobile-navigation.menu-opened {
    transform: translateX(0%);
    transition: all .4s 0s ease-out;
}

#mobile-navigation .logo-wrapper {
    background: #000;
    padding: 2em;
    height: 160px;
}

#mobile-navigation .menu {
    margin-bottom: 0;
    padding: 1rem 10px 0;
}

#mobile-navigation ul li {
    opacity: 0;
    transform: translateY(40px);
    font-size: 1.667rem;
    line-height: normal;
    padding: 1rem 0;
    transition: all .4s 0s ease-out;
}

#mobile-navigation.menu-opened ul li {
    opacity: 1;
    transform: translateY(0);
    transition: all .4s var(--delay) ease-out;
}

#mobile-navigation ul li a {
    border: 0;
}

#mobile-navigation .menu .menu-item:last-child a {
    border-bottom: 0;
}

/*@media (max-width: 780px) {
    
    .site-header .site-branding a:before {
        content: url(/wp-content/uploads/2023/02/solarium-logo-dark.png);
        position: absolute;
        opacity: 0;
    }

    .menu-opened .site-header .site-branding a:before {
        opacity: 1;
    }
}*/
/*mobile menu*/