#header .sticky-liner .header-menu li:not(.button--light) {
  color: var(--color--grey-matter__light) !important;
  transition: all 0.2s ease-in-out;
}
#header .sticky-liner .header-menu li:not(.button--light) a {
  color: inherit !important;
}
#header .sticky-liner .header-menu li:not(.button--light):hover, #header .sticky-liner .header-menu li:not(.button--light):focus, #header .sticky-liner .header-menu li:not(.button--light):active {
  color: #fff !important;
}

.search-activate {
  cursor: pointer;
}

#header .header-menu {
  letter-spacing: 0;
  padding: 0 !important;
  text-transform: none;
}
#header .header-menu.mobile {
  display: flex;
  align-items: center;
}
#header .header-menu.mobile .left, #header .header-menu.mobile .right {
  float: none;
}
#header .header-menu.mobile svg {
  height: 32px;
}
#header .header-menu.desktop {
  display: none;
}
#header .header-menu li {
  color: var(--color--grey-matter__light);
}
#header .header-menu li a {
  color: inherit !important;
  transition: all 0.2s ease-in-out;
}
#header .header-menu li:hover, #header .header-menu li:focus, #header .header-menu li:active {
  color: #fff;
}
#header .header-menu li.button--light:hover, #header .header-menu li.button--light:focus, #header .header-menu li.button--light:active {
  color: var(--color--near-black) !important;
}
#header .header-menu a {
  font-weight: normal !important;
}
#header .header-menu .logo {
  height: auto;
}
#header .header-menu .logo a {
  display: block;
  font-size: 0;
  line-height: 1;
}
#header .header-menu .logo svg {
  max-width: 100px;
  height: auto;
}
@media (min-width: 768px) {
  #header .header-menu.desktop {
    display: flex;
    align-items: center;
  }
  #header .header-menu.desktop .left, #header .header-menu.desktop .right {
    float: none;
    align-items: center;
  }
  #header .header-menu.desktop .left {
    column-gap: 16px;
  }
  #header .header-menu.desktop .left .is-active {
    font-weight: bold;
    color: #fff !important;
  }
  #header .header-menu.desktop .left .is-active::after {
    content: "";
    display: block;
    position: absolute;
    bottom: -4px;
    left: 50%;
    transform: translate(-50%);
    width: 20px;
    height: 4px;
    border-radius: 4px;
    background: var(--color--blue-cassette);
  }
  #header .header-menu.mobile {
    display: none;
  }
}
#header .right .menu {
  display: flex;
  align-items: center;
}
#header .right .menu-item a {
  text-transform: none;
}
#header .wrapper--menu {
  padding: 0 24px;
}
#header .menu .button--plain {
  border: none;
}
#header .menu .menu-item:not(.button--light):hover, #header .menu .menu-item:not(.button--light):focus, #header .menu .menu-item:not(.button--light):active {
  color: #fff !important;
}
#header .menu .button--light {
  color: var(--color--near-black) !important;
}
#header .menu .button--light a {
  color: inherit !important;
}
@media (min-width: 768px) {
  #header {
    padding: 0;
  }
}
@media (min-width: 1000px) {
  #header {
    height: 56px;
  }
  #header .header-menu {
    padding: 0 !important;
  }
  #header .header-menu .logo a {
    display: block;
    position: relative;
  }
}

.wrapper--menu-search {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--color--dark-matter__light);
  padding: 8px 24px;
  transition: all 0.2s ease-in-out;
}
.wrapper--menu-search .button--dropdown {
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 8px 20px;
  border-radius: 8px;
}
.wrapper--menu-search .button--dropdown button {
  appearance: none;
  border-width: 0;
  background-color: transparent;
  cursor: pointer;
  color: inherit;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.43;
}
.wrapper--menu-search .button--dropdown svg {
  transition: transform 0.2s ease-in-out;
}
.wrapper--menu-search.mobile .menu {
  display: none;
  position: fixed;
  background: #fff;
  z-index: 1000;
  height: calc(100% - 107px);
  top: 107px;
  left: 0;
  box-shadow: rgba(0, 0, 0, 0.1490196078) 1.95px 1.95px 2.6px;
  float: none !important;
  list-style-type: none;
  margin: 0;
  padding: 24px 8px 0 !important;
  font-size: 0.875rem;
}
.wrapper--menu-search.mobile .menu .menu-item {
  padding: 8px 0;
  color: #000;
  margin-bottom: 12px;
  position: relative;
}
.wrapper--menu-search.mobile .menu .menu-item:last-of-type {
  margin-bottom: 0;
}
.wrapper--menu-search.mobile .menu .menu-item a {
  color: inherit;
  display: block;
  width: 100%;
  line-height: 1.43;
  padding: 0 20px;
}
.wrapper--menu-search.mobile .menu .menu-item.menu-item-has-children {
  padding: 0;
}
.wrapper--menu-search.mobile .menu .menu-item.menu-item-has-children > a {
  position: relative;
}
.wrapper--menu-search.mobile .menu .menu-item.menu-item-has-children .sub-menu {
  display: none;
  list-style: none;
  color: var(--color--grey-matter) !important;
}
.wrapper--menu-search.mobile .menu .menu-item.menu-item-has-children.is-open {
  margin-bottom: 0;
}
.wrapper--menu-search.mobile .menu .menu-item.menu-item-has-children.is-open .button--dropdown {
  background-color: var(--color--grey-matter__light-plus);
}
.wrapper--menu-search.mobile .menu .menu-item.menu-item-has-children.is-open > a {
  background-color: var(--color--grey-matter__light-plus);
  border-radius: 8px;
}
.wrapper--menu-search.mobile .menu .menu-item.menu-item-has-children.is-open svg {
  transform: rotate(180deg);
}
.wrapper--menu-search.mobile .menu .menu-item.menu-item-has-children.is-open .sub-menu {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  list-style-type: none;
  float: none !important;
  padding-left: 16px !important;
  margin-top: 12px;
}
.wrapper--menu-search.mobile .menu .menu-item.menu-item-has-children.is-open .sub-menu .menu-item {
  border-width: 0;
  padding: 8px 20px;
  white-space: nowrap;
  font-weight: 500;
  color: var(--color--grey-matter);
  margin-bottom: 0;
}
.wrapper--menu-search.mobile .menu .menu-item.menu-item-has-children.is-open .sub-menu .menu-item a {
  padding: 0;
}
.wrapper--menu-search.mobile .menu.active {
  display: block;
  min-width: 15rem;
}
.wrapper--menu-search .button--wrapper {
  padding: 0 24px 0 0;
}
.wrapper--menu-search .button--wrapper button {
  appearance: none;
  border: none;
  background-color: transparent;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.5;
  display: flex;
  align-items: center;
  column-gap: 8px;
  padding: 0;
}
.wrapper--menu-search .button--wrapper button svg {
  font-size: 0;
  line-height: 1;
  transition: all 0.2s ease-in-out;
}
.wrapper--menu-search .button--wrapper.is-open svg {
  transform: rotate(180deg);
}
.wrapper--menu-search .search-icon {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
.wrapper--menu-search .search-icon span {
  color: var(--color--grey-matter);
  font-size: 0.875rem;
}
.wrapper--menu-search.desktop {
  display: none;
  padding: 0;
}
.wrapper--menu-search.active {
  position: fixed;
  top: 60px;
  width: 100%;
  background-color: #fff;
  z-index: 2;
}
.wrapper--menu-search.active .menu.active {
  height: calc(100% - 107px);
}
@media (min-width: 1000px) {
  .wrapper--menu-search.mobile {
    display: none;
  }
  .wrapper--menu-search.desktop {
    margin-top: 24px;
    display: flex;
    border-bottom-width: 0;
    /* Styles that apply after the menu gets fixed on scroll. */
  }
  .wrapper--menu-search.desktop .menu {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    list-style-type: none;
    padding-left: 0 !important;
    float: none !important;
    margin: 0;
  }
  .wrapper--menu-search.desktop .menu .menu-item {
    color: #000;
    font-size: 0.875rem;
    line-height: 1.43;
    position: relative;
  }
  .wrapper--menu-search.desktop .menu .menu-item.is-active {
    color: #fff;
  }
  .wrapper--menu-search.desktop .menu .menu-item.menu-item-has-children .button--dropdown {
    padding: 0;
    column-gap: 8px;
  }
  .wrapper--menu-search.desktop .menu .menu-item.menu-item-has-children .sub-menu {
    display: none;
  }
  .wrapper--menu-search.desktop .menu .menu-item.menu-item-has-children.is-open {
    color: #fff;
    background-color: var(--color--blue-cassette);
  }
  .wrapper--menu-search.desktop .menu .menu-item.menu-item-has-children.is-open .button--dropdown svg {
    transform: rotate(180deg);
  }
  .wrapper--menu-search.desktop .menu .menu-item.menu-item-has-children.is-open .sub-menu {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 0;
    top: calc(100% + 2px);
    z-index: 2;
    background-color: #fff;
    list-style-type: none;
    float: none !important;
    padding: 8px !important;
    border-radius: 8px;
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.08), 0 4px 16px 0 rgba(0, 0, 0, 0.1), 0 8px 12px 0 rgba(0, 0, 0, 0.08);
  }
  .wrapper--menu-search.desktop .menu .menu-item.menu-item-has-children.is-open .sub-menu .menu-item {
    border-width: 0;
    padding: 8px 20px;
    white-space: nowrap;
    font-weight: 500;
    color: #000;
    border-radius: 8px;
  }
  .wrapper--menu-search.desktop .menu .menu-item.menu-item-has-children.is-open .sub-menu .menu-item:hover, .wrapper--menu-search.desktop .menu .menu-item.menu-item-has-children.is-open .sub-menu .menu-item:focus, .wrapper--menu-search.desktop .menu .menu-item.menu-item-has-children.is-open .sub-menu .menu-item:active, .wrapper--menu-search.desktop .menu .menu-item.menu-item-has-children.is-open .sub-menu .menu-item:focus-within {
    background-color: var(--color--grey-matter__light-plus);
  }
  .wrapper--menu-search.desktop .menu .menu-item.menu-item-has-children.is-open svg {
    stroke: #fff;
  }
  .wrapper--menu-search.desktop .menu .menu-item:hover, .wrapper--menu-search.desktop .menu .menu-item:focus {
    background-color: var(--color--blue-cassette);
    color: #fff;
  }
  .wrapper--menu-search.desktop .menu .menu-item a {
    color: inherit;
    font-weight: inherit;
  }
  .wrapper--menu-search.desktop .menu-blog-hub-container {
    flex: 0 1 auto;
  }
  .wrapper--menu-search.desktop .search-icon {
    flex: 0 0 150px;
  }
  .wrapper--menu-search.desktop.active {
    position: fixed;
    background: #fff;
    left: 0;
    padding: 16px;
    margin-top: 0;
    border-bottom: 1px solid var(--color--grey-matter__light);
  }
  .wrapper--menu-search.desktop.active .menu-item {
    border-width: 0;
    color: var(--color--grey-matter);
    transition-property: color, background-color;
    padding: 6px 16px;
  }
  .wrapper--menu-search.desktop.active .menu-item:hover .sub-menu .menu-item:hover, .wrapper--menu-search.desktop.active .menu-item:hover .sub-menu .menu-item:focus, .wrapper--menu-search.desktop.active .menu-item:hover .sub-menu .menu-item:active, .wrapper--menu-search.desktop.active .menu-item:focus .sub-menu .menu-item:hover, .wrapper--menu-search.desktop.active .menu-item:focus .sub-menu .menu-item:focus, .wrapper--menu-search.desktop.active .menu-item:focus .sub-menu .menu-item:active, .wrapper--menu-search.desktop.active .menu-item:active .sub-menu .menu-item:hover, .wrapper--menu-search.desktop.active .menu-item:active .sub-menu .menu-item:focus, .wrapper--menu-search.desktop.active .menu-item:active .sub-menu .menu-item:active {
    background-color: var(--color--grey-matter__light-plus);
  }
}

@media (min-width: 1000px) {
  .category .page--header .back-to-blog, .tag .page--header .back-to-blog, .search .page--header .back-to-blog, .blog .page--header .back-to-blog {
    margin-top: 80px;
  }
}
.category .wrapper--menu-search, .tag .wrapper--menu-search, .search .wrapper--menu-search, .blog .wrapper--menu-search {
  margin-top: 0;
}
.category .wrapper--menu-search.desktop, .tag .wrapper--menu-search.desktop, .search .wrapper--menu-search.desktop, .blog .wrapper--menu-search.desktop {
  padding: 16px 24px;
  border-bottom: 1px solid var(--color--dark-matter__light);
  position: fixed;
  left: 0;
  top: 60px;
  width: 100%;
  background-color: #fff;
}
.category .wrapper--menu-search.desktop .menu .menu-item, .tag .wrapper--menu-search.desktop .menu .menu-item, .search .wrapper--menu-search.desktop .menu .menu-item, .blog .wrapper--menu-search.desktop .menu .menu-item {
  padding: 6px 16px;
  transition: all 0.2s ease-in-out;
  border-radius: 8px;
  border-width: 0;
}
.category .wrapper--menu-search.desktop .menu .menu-item::after, .tag .wrapper--menu-search.desktop .menu .menu-item::after, .search .wrapper--menu-search.desktop .menu .menu-item::after, .blog .wrapper--menu-search.desktop .menu .menu-item::after {
  color: inherit !important;
}
.category .wrapper--menu-search.desktop .menu .menu-item.current-menu-item, .category .wrapper--menu-search.desktop .menu .menu-item.is-active, .tag .wrapper--menu-search.desktop .menu .menu-item.current-menu-item, .tag .wrapper--menu-search.desktop .menu .menu-item.is-active, .search .wrapper--menu-search.desktop .menu .menu-item.current-menu-item, .search .wrapper--menu-search.desktop .menu .menu-item.is-active, .blog .wrapper--menu-search.desktop .menu .menu-item.current-menu-item, .blog .wrapper--menu-search.desktop .menu .menu-item.is-active {
  color: #000;
}
.category .wrapper--menu-search.desktop .menu .menu-item.current-menu-item:hover, .category .wrapper--menu-search.desktop .menu .menu-item.current-menu-item:focus, .category .wrapper--menu-search.desktop .menu .menu-item.is-active:hover, .category .wrapper--menu-search.desktop .menu .menu-item.is-active:focus, .tag .wrapper--menu-search.desktop .menu .menu-item.current-menu-item:hover, .tag .wrapper--menu-search.desktop .menu .menu-item.current-menu-item:focus, .tag .wrapper--menu-search.desktop .menu .menu-item.is-active:hover, .tag .wrapper--menu-search.desktop .menu .menu-item.is-active:focus, .search .wrapper--menu-search.desktop .menu .menu-item.current-menu-item:hover, .search .wrapper--menu-search.desktop .menu .menu-item.current-menu-item:focus, .search .wrapper--menu-search.desktop .menu .menu-item.is-active:hover, .search .wrapper--menu-search.desktop .menu .menu-item.is-active:focus, .blog .wrapper--menu-search.desktop .menu .menu-item.current-menu-item:hover, .blog .wrapper--menu-search.desktop .menu .menu-item.current-menu-item:focus, .blog .wrapper--menu-search.desktop .menu .menu-item.is-active:hover, .blog .wrapper--menu-search.desktop .menu .menu-item.is-active:focus {
  color: #fff;
}

.single .page--header .wrapper--menu-search.desktop {
  margin-top: 0;
}
.single .page--header .wrapper--inner {
  padding: 24px 24px 0;
}
@media (min-width: 1000px) {
  .single .back-to-blog {
    margin-top: 32px;
    margin-bottom: 0;
  }
}

.search .page--header .wrapper--inner {
  width: 100%;
  max-width: 1200px;
}
@media (min-width: 1200px) {
  .search .page--header .wrapper--inner {
    margin-inline: auto;
  }
}

/*# sourceMappingURL=nav.css.map */