/*
menu
*/
:where(html) {
  --menu-color:var(--primary);
  --menu-color:inherit;
  --menu-weight:700;
  --menu-font:inherit;
  --site-desc-color:var(--gray-6);
  --menu-border-color:var(--gray-1);
  --secondary-nav-width:20rem;
}
@media (prefers-color-scheme: dark) {
  :where(html) {
    --site-desc-color:var(--gray-5);
  }
}

.site-header {margin-top: 1rem;}
@media (min-width: 1024px) {
  .site-header,
  .site-footer{margin-left: var(--secondary-nav-width)}
  .site-header {margin-top: var(--size-4);}
}
.branding-wrap {display: flex;gap:1rem;align-items: center;}
.branding-wrap .home-link {margin-right: auto;color:var(--primary);font-size: 1rem;line-height: 1;text-underline-offset: 0.05em;}
.branding-wrap .home-link h1{font-size: inherit;font-style: inherit;font-weight: inherit;}
.branding-wrap .home-link:hover {text-decoration: none;}
.branding-wrap .home-link:hover .site-name{text-decoration: underline;}
.branding-wrap .site-desc {color:var(--site-desc-color);font-size: .9rem;}
@media (min-width: 768px) {
  .branding-wrap .home-link {font-size: 2rem;}
  .branding-wrap .site-desc {font-size: 1.625rem;}
}
.site-header .widget_imagesvg_widget img {height: 32px;width: auto;}

/*
main navigation
*/
.main-navigation {margin-top: 2rem;border-bottom:solid 2px var(--menu-border-color);}
.main-navigation .menu {display: flex;gap:1rem;font-family: var(--menu-font);font-weight: var(--menu-weight);}
.main-navigation .menu-item {display: block;}
.main-navigation .menu-item >a {display: block;
  color:var(--menu-color);
  text-transform: uppercase;padding:2px 3px;
  text-decoration: none;
  text-underline-offset: 6px;
}
.main-navigation .current-menu-item>a,
.main-navigation .menu-item>a:is(:hover,:active,:focus-visible) {color: var(--primary); }
.main-navigation .current-menu-item>a {text-decoration: underline;text-decoration-thickness: 2px;}
@media (max-width: 767px) {
  .main-navigation {overflow: auto;}
  .main-navigation .menu {width: max-content;}
}
@media (min-width: 768px) {
  .main-navigation .menu {flex-wrap: wrap;}
}
/*
secondary nav
*/
.secondary-nav {
  --_space:var(--size-4);
  background-color: var(--neutral);
  padding:var(--_space);
}
.secondary-nav>:first-child {margin-bottom: var(--_space);}
.secondary-nav .widget+.widget {margin-top: var(--_space);  }
.secondary-nav .menu a {display: block;padding-block:.4rem}
@media (min-width: 1024px) {
  .secondary-nav {
    position: fixed;
    top: 0;z-index: 2;
    display: block;
    width: var(--secondary-nav-width);
    height: 100%;
  }
}

@media (max-width: 1023px) {
  .parent-site-link img {height: 64px; width: auto;}
  .secondary-nav {
    overflow-y: scroll;
    position: absolute;
    top: 4rem;
    left: -102%;
    transition: left .2s cubic-bezier(.215,.61,.355,1);
    width: 100vw;
    z-index: 50;
  }
  .toolbar-is-open .secondary-nav {position: fixed; left: 0; }
  .hamb-icon-btn[aria-expanded] .path-close {display: block;}
  .hamb-icon-btn[aria-expanded] .path-open {display: none;}
}
/* icons */
.hamb-icon-btn {background: transparent; border: 0; cursor: pointer; font-size: 15px; }
.hamb-icon {fill:var(--text); display: block; }
.hamb-icon .path-close {display: none;}