#navigation {
    z-index: 1000;
    transition: z-index 0s;
}

#navigation:not(.is-open) {
    z-index: -1;
    transition: z-index 0s 300ms;
}

#navigation-overlay {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition:
        opacity 300ms ease,
        visibility 0s;
}

#navigation:not(.is-open) #navigation-overlay {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
        opacity 300ms ease,
        visibility 0s 300ms;
}

#navigation li a {
	display: block;
}

#navigation-overlay > * {
    max-height: 100%;
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

#navigation-overlay > *::-webkit-scrollbar {
    display: none;
}


h1, h2, h3, h4 {
	hyphens: auto;
}
a, a:hover, a:visited, a:focus, a:link {
    text-decoration: none;
	cursor: pointer;
}

main ul[role="list"]:not(:where(nav ul, [role="navigation"] ul, .woocommerce ul)) {
    margin-inline-start: 1.5em;
    padding-inline-start: 0 !important;
    list-style-position: outside !important;
}
main ul[role="list"]:not(:where(nav ul, [role="navigation"] ul, .woocommerce ul)) > li {
    text-indent: 0 !important;
    padding-left: 0 !important;
}
main ul[role="list"]:not(:where(nav ul, [role="navigation"] ul, .woocommerce ul)) > li::marker {
    content: "•\00A0\00A0";
}
main ul[role="list"]:not(:where(nav ul, [role="navigation"] ul, .woocommerce ul)) > li:not(:first-child) {
    margin-block-start: 0.4em;
}


body:has(#wpadminbar) {
    --admin-bar-height: 32px;
}

@media (max-width: 782px) {
    body:has(#wpadminbar) {
        --admin-bar-height: 46px;
    }
}

#header {
    position: fixed;
    top: calc(20px + var(--admin-bar-height, 0px));
}


#accordion>div {
	overflow: hidden;
}
#accordion>div>div:first-child {
	cursor: pointer;
	transition: background-color 150ms ease;
}
#accordion>div>div:first-child:hover {
	background-color: #85937E;
}
#accordion>div>div:first-child p,
#accordion>div>div:first-child svg path {
	transition: color 150ms ease, stroke 150ms ease;
}
#accordion>div>div:first-child:hover :is(h1, h2, h3, h4, h5, h6, p) {
	color: #fff;
}
#accordion>div>div:first-child:hover svg path {
	stroke: #fff;
}
#accordion>div>div:first-child>div:has(> img) {
	transition: opacity 150ms ease;
}
#accordion>div.is-open>div:first-child>div:has(> img) {
	opacity: 0;
	visibility: hidden;
}
#accordion>div>div:first-child svg {
	transform: rotate(0deg);
	transition: transform 150ms ease;
}
#accordion>div.is-open>div:first-child svg {
	transform: rotate(180deg);
}


#hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

#hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(20, 25, 18, 0.35);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    -webkit-mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        transparent 20%,
        black 100%
    );
    mask-image: linear-gradient(
        to bottom,
        transparent 0%,
        transparent 20%,
        black 100%
    );
    pointer-events: none;
}

#hero > * {
    position: relative;
    z-index: 2;
}

#hero::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(26, 22, 16, 0.15) 30%,
        rgba(26, 22, 16, 0.45) 65%,
        rgba(26, 22, 16, 0.65) 100%
    );
    pointer-events: none;
    z-index: 1;
}