/* body */
body[data-fixed="1"]  {
    position: fixed;
}

/* Menu */
nav.menu-parents {
    border-top: .1rem solid var(--gray-dark);
    padding-top: var(--mb);
    display: flex;
    flex-wrap: wrap;
    column-gap: var(--gap-);
    letter-spacing: var(--ls);
    font-size: var(--f4-);
}

nav.menu-parents a.menuParent, nav.menu-parents .menuParent {
    color: var(--black);
    border-bottom: 1px solid transparent;
    cursor: pointer;
}

nav.menu-parents a.menuParent:hover, nav.menu-parents .menuParent:hover {
    border-bottom: 1px solid var(--black);
}

nav.menu-parents .menuParent[aria-haspopup="1"] {
    display: flex;
    column-gap: var(--gapX);
    align-items: center;
}

nav.menu-parents .menuParent[aria-haspopup="1"]:after {
    content: '';
    display: block;
    height: 1.4rem;
    min-width: 1.4rem;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M5.293%208.293a1%201%200%20000%201.414l6%206a1%201%200%20001.414%200l6-6a1%201%200%2000-1.414-1.414L12%2013.586%206.707%208.293a1%201%200%2000-1.414%200z%22%20clip-rule%3D%22evenodd%22%20data-original%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E);
    transition: all .2s ease-in-out;
}

nav.menu-parents .menuParent[aria-haspopup="1"][data-active="1"]:after {
    transform: rotate(180deg);
}

/* menu-nav */
nav.menu-nav {
    box-shadow: var(--shD);
    position: absolute;
    background: var(--gray-light);
    width: var(--menuWidth);
    z-index: 500;
    padding: var(--menuPad);
    border-radius: var(--roUnd-);
    left: var(--menuLeft);
    margin-top: var(--menuTop);
    transition: all .2s ease-in-out;
    opacity: 0;
    pointer-events: none;
}

nav.menu-nav[data-active="1"] {
  opacity: 1;
    pointer-events: auto;
}

nav.menu-nav .nav-inner {
    opacity: 0;
    pointer-events: auto;
    transition: opacity .2s ease-in-out;
max-height: 0;
    overflow: hidden;
}
nav.menu-nav[data-active="1"] .nav-inner[data-active="1"] {
    transform: translateY(0);
    transition: opacity .2s ease-in-out .2s;
    opacity: 1;
    pointer-events: auto;
    max-height: 100vh;
}

nav.menu-nav .titLe {
    font-family: var(--fw-);
    font-style: italic;
    line-height: var(--lhH);
    font-size: var(--f2-);
    margin-bottom: var(--mb);
}

nav.menu-nav a {
    color: var(--black-);
    margin-bottom: var(--mb-);
    line-height: var(--lh);
    display: block;
}

nav.menu-nav a:hover {
    color: var(--c1);
}

/* Burger menu */
header .burger-toggle:before {
    content: '';
    display: block;
    height: var(--headerIcon);
    min-width: var(--headerIcon);
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M3%205a1%201%200%20011-1h12a1%201%200%20110%202H4a1%201%200%2001-1-1zm0%205a1%201%200%20011-1h12a1%201%200%20110%202H4a1%201%200%2001-1-1zm6%205a1%201%200%20011-1h6a1%201%200%20010%202h-6a1%201%200%2001-1-1z%22%20clip-rule%3D%22evenodd%22%20data-original%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E);
    transition: all .2s ease-in-out;
}

header .burger-toggle[data-active="1"]:before {
    background-image: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.293%206.293a1%201%200%20011.414%200L12%2010.586l4.293-4.293a1%201%200%20111.414%201.414L13.414%2012l4.293%204.293a1%201%200%2001-1.414%201.414L12%2013.414l-4.293%204.293a1%201%200%2001-1.414-1.414L10.586%2012%206.293%207.707a1%201%200%20010-1.414z%22%20clip-rule%3D%22evenodd%22%20data-original%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E);
}

.moBMenu {
    display: none;
}

@media (max-width: 699px) {
    .moBMenu {
        display: flex;
    }
    
    nav.menu-parents {
        position: fixed;
        top: -.1rem;
        left: 0;
        background: var(--gray-light);
        width: 100%;
        min-height: 100vh;
        min-height: -moz-available;
        min-height: -webkit-fill-available;
        min-height: fill-available;
        z-index: 500;
        padding: var(--menuTop) var(--menuPad);
        left: 0;
        transition: all .2s ease-in-out;
        opacity: 0;
        pointer-events: none;
        flex-direction: column;
    }
    
    nav.menu-parents[data-active="1"] {
        opacity: 1;
        pointer-events: auto;
    }
    
    nav.menu-parents a.menuParent, nav.menu-parents .menuParent {
        font-family: var(--fw-);
        font-size: var(--f2-);
        font-style: italic;
        margin-bottom: var(--mb-);
    }
    
    nav.menu-nav {
        border-radius: 0;
        margin: 0;
        padding: var(--menuTop) var(--menuPad);
        position: fixed;
        top: 0;
        left: 0;
        min-height: 100vh;
        min-height: -moz-available;
        min-height: -webkit-fill-available;
        min-height: fill-available;
    }
    
    nav.menu-nav .colm {
        margin-bottom: calc(var(--mb)*1.5);
    }
    
    .menu-controls {
        display: flex;
        column-gap: var(--gap);
        justify-content: end;
    }
    
    .menu-controls span:before {
        content: '';
        display: block;
        height: var(--headerIcon);
        min-width: var(--headerIcon);
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url(data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M6.293%206.293a1%201%200%20011.414%200L12%2010.586l4.293-4.293a1%201%200%20111.414%201.414L13.414%2012l4.293%204.293a1%201%200%2001-1.414%201.414L12%2013.414l-4.293%204.293a1%201%200%2001-1.414-1.414L10.586%2012%206.293%207.707a1%201%200%20010-1.414z%22%20clip-rule%3D%22evenodd%22%20data-original%3D%22%23000000%22%2F%3E%3C%2Fsvg%3E);
    }
    
    .menu-controls span.back:before {
        background-image: url(data:image/svg+xml,%3Csvg%20class%3D%22hovered-paths%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M5%2012a1%201%200%20011-1h12a1%201%200%20110%202H6a1%201%200%2001-1-1z%22%20class%3D%22hovered-path%22%20data-original%3D%22%23000000%22%2F%3E%3Cpath%20d%3D%22M11.707%2017.707a1%201%200%2001-1.414%200l-5-5a1%201%200%20010-1.414l5-5a1%201%200%20111.414%201.414L7.414%2012l4.293%204.293a1%201%200%20010%201.414z%22%20class%3D%22hovered-path%22%20data-original%3D%22%23000000%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    }
    
    nav.menu-parents .menu-controls span.back {
        display: none;
    }
    
    
}