@media only screen and ( min-width: 87.5em ) {
  .nav-toggle,
  .no-js .nav-chk-label {
    display: none;
  }
  .header-content, 
  .header .menu-main-menu-wrapper,
  .header .menu {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .header-content {
    justify-content: space-between;
    align-items: start;
  }
  .site-navigation {
    width: auto;
    flex: 1 0;
    position: static;
    padding: 0;
    margin: -0.5em -0.5em 0 0;
  }
  .site-navigation .menu-main-menu-wrapper {
    position: static;
    width: 100%;
    min-height: unset;
    padding: 0;
    overflow-x: visible;
    background-color: transparent;
    border-bottom: 0;
  }
  .site-navigation,
  .menu-main-menu-wrapper,
  .menu-header-menu-container {
    width: 100%;
  }
  .header.menu-open {
    height: 100vh;
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
  }
  .header.menu-open .header-content{
    background-color: var(--black);
    height: auto;
  }
  .header .menu {
    padding: 0;
    margin: 0;
    align-items: flex-start;
    column-gap: var(--single-space);
  }
  .header .menu, 
  .header .menu > li {
    border: 0;
  }
  .header .menu li {
    margin: 0;
    padding: var(--half-space);
    overflow: visible;
  }
  .header .menu li a {
    padding: .25em;
    justify-content: start;
  }
  .menu-header-container {
    flex-grow: 1;
  }
  .header .menu a .carat {
    margin-left: .75em;
  }
  .header .menu a.open .carat {
    transform: rotate(90deg);
  }
  .header .menu .menu-item-has-children {
    position: relative;
  }
  .header .menu .sub-menu,
  .header .menu .sub-menu li {
    height: auto;
    padding: var(--half-space);
    align-items: center;
  }
  .header .menu .sub-menu li a {
    height: 0;
  }
  .header .menu .sub-menu {
    margin: 0;
    position: absolute;
    width: max-content;
    top: 2em;
    left: 0;
    flex: 0 0 100%;
    opacity: 0;
  }
  .header .menu .sub-menu li {
    padding: 0;
  }
  .header .menu .sub-menu li.mobile-only {
    display: none;
  }
  .header .menu .open ~ .sub-menu,
  .header .menu .open ~ .sub-menu li,
  .header .menu .menu-item-has-children a:focus ~ .sub-menu,
  .header .menu .sub-menu:focus-within {
    opacity: 1;
  }
  .header .menu .open ~ .sub-menu {
    top: 3em;
  }
  .header .menu .open ~ .sub-menu li {
    height: 2.5em;
  }
  .header .menu .open ~ .sub-menu li a {
    height: auto;
    opacity: 1;
    padding: .25em;
  }
  .menu,
  .social-icons {
    margin: 0;
  }
  .single-brand .header.dark.menu-open .logo-svg {
    opacity: 1;
  }
  @media (prefers-reduced-motion: no-preference) {
    .header,
    .header-content {
      transition: all .3s ease-in-out;
    }
    .header.menu-open .header-content{
      transition: all .3s ease-in-out;
    }
    .header .menu .sub-menu {
      transition: all .3s ease-in-out;
    }
    .header .menu .sub-menu li a {
      transition: all .3s ease-in-out;
    }
    .header .menu .open ~ .sub-menu,
    .header .menu .open ~ .sub-menu li,
    .header .menu .menu-item-has-children a:focus ~ .sub-menu,
    .header .menu .sub-menu:focus-within {
      transition: all .3s ease-in-out;
    }
    .header .menu .open ~ .sub-menu li a {
      transition: all .3s ease-in-out;
    }
  }
}

.page-section.light  + .page-section.light  .content {
	padding-top: 0;
}
.page-section.light-cream  + .page-section.light-cream  .content {
	padding-top: 0;
}
.page-section.light-gray  + .page-section.light-gray  .content {
	padding-top: 0;
}
.page-section.warm-gray  + .page-section.warm-gray  .content {
	padding-top: 0;
}
.page-section.dark-blue  + .page-section.dark-blue  .content {
	padding-top: 0;
}
.page-section.dark  + .page-section.dark  .content {
	padding-top: 0;
}
section.light  + section.light  .content {
	padding-top: 0;
}
section.light-cream  + section.light-cream  .content {
	padding-top: 0;
}
section.light-gray  + section.light-gray  .content {
	padding-top: 0;
}
section.warm-gray  + section.warm-gray  .content {
	padding-top: 0;
}
section.dark-blue  + section.dark-blue  .content {
	padding-top: 0;
}
section.dark  + section.dark  .content {
	padding-top: 0;
}
div.light  + div.light  .content {
	padding-top: 0;
}
div.light-cream  + div.light-cream  .content {
	padding-top: 0;
}
div.light-gray  + div.light-gray  .content {
	padding-top: 0;
}
div.warm-gray  + div.warm-gray  .content {
	padding-top: 0;
}
div.dark-blue  + div.dark-blue  .content {
	padding-top: 0;
}
div.dark  + div.dark  .content {
	padding-top: 0;
}