/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
@media (min-width: 981px) {
  #site-header.sticky li.mega-menu:after {
    color: var(--white); }
  #site-header.sticky li.mega-menu .sub-menu-wrap:after {
    margin-top: 17px; }
  .menu-container li.mega-menu {
    position: inherit;
    transition: opacity 0.2s ease-in-out 0s !important; }
    .menu-container li.mega-menu:after {
      content: '\e903';
      font-family: Icomoon;
      position: relative;
      font-size: 6px;
      top: -2px;
      display: inline-block;
      font-weight: 700; }
    .menu-container li.mega-menu a {
      position: relative; }
      .menu-container li.mega-menu a:after {
        display: none; }
    .menu-container li.mega-menu:hover {
      transition: opacity 0.2s ease-in-out 0s !important; }
    .menu-container li.mega-menu:nth-child(1):hover > a:before, .menu-container li.mega-menu:nth-child(2):hover > a:before {
      border-bottom-color: var(--text-color); }
    .menu-container li.mega-menu.current-menu-item:hover > a:before, .menu-container li.mega-menu.current_page_ancestor:hover > a:before {
      border: transparent; }
    .menu-container li.mega-menu li.current-menu-item > a:before,
    .menu-container li.mega-menu li.current-menu-ancestor > a:before {
      display: none; }
    .menu-container li.mega-menu > .sub-menu-wrap {
      z-index: 999;
      position: absolute;
      visibility: hidden;
      opacity: 0;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-top: 2em;
      left: 0;
      right: 0; }
      .menu-container li.mega-menu > .sub-menu-wrap:after {
        content: "";
        background-color: var(--night);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 1em;
        margin-top: 17px;
        box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16); }
      .menu-container li.mega-menu > .sub-menu-wrap > ul.sub-menu {
        box-shadow: none;
        max-width: 1300px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background-color: inherit;
        position: relative;
        visibility: hidden;
        gap: 0;
        opacity: 0;
        display: grid;
        grid-template-rows: repeat(3, 1fr);
        grid-auto-flow: column;
        padding-top: 3em;
        padding-bottom: 1em; }
        .menu-container li.mega-menu > .sub-menu-wrap > ul.sub-menu a {
          color: var(--white);
          font-weight: bold;
          padding-left: 0; }
        .menu-container li.mega-menu > .sub-menu-wrap > ul.sub-menu > li {
          flex-basis: calc(100% / 3);
          padding: 0;
          margin: 0;
          position: relative; }
          .menu-container li.mega-menu > .sub-menu-wrap > ul.sub-menu > li.current-menu-item a {
            color: var(--orange); }
          .menu-container li.mega-menu > .sub-menu-wrap > ul.sub-menu > li > a {
            position: relative;
            display: block;
            border-bottom: 3px solid rgba(var(--white), 0.61);
            padding-bottom: .5em;
            margin-bottom: .5em;
            line-height: 1.15; }
          .menu-container li.mega-menu > .sub-menu-wrap > ul.sub-menu > li .sub-menu {
            position: relative;
            background: transparent;
            padding: 0;
            width: auto;
            font-weight: normal;
            font-size: 17.78px; }
            .menu-container li.mega-menu > .sub-menu-wrap > ul.sub-menu > li .sub-menu li {
              margin: 0;
              padding: 0; }
              .menu-container li.mega-menu > .sub-menu-wrap > ul.sub-menu > li .sub-menu li a {
                padding: .75em .5em;
                display: block;
                transition: color .3s ease-in-out; }
                .menu-container li.mega-menu > .sub-menu-wrap > ul.sub-menu > li .sub-menu li a:hover {
                  background: rgba(255, 255, 255, 0.15); }
      .menu-container li.mega-menu > .sub-menu-wrap li {
        background: none; }
    .menu-container li.mega-menu:hover > .sub-menu-wrap {
      visibility: visible;
      opacity: 1; }
      .menu-container li.mega-menu:hover > .sub-menu-wrap .sub-menu {
        visibility: visible;
        opacity: 1; } }

#site-header .container {
  align-items: center;
  padding: .8em 0; }
  #site-header .container .logo {
    height: 50px; }

#site-header .menu-container {
  text-align: right;
  flex: 3; }

#hamburger-menu-button {
  display: none; }

.search-button {
  border: 0;
  background-color: transparent;
  cursor: pointer;
  position: relative; }

nav.main-nav {
  padding: .5em 0;
  display: flex;
  gap: 1em;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center; }

nav ul {
  padding: 0;
  margin: 0;
  display: flex;
  gap: 1em; }
  nav ul li {
    display: inline-block;
    text-align: left;
    position: relative;
    font-size: 15.83333px; }
    nav ul li:last-child {
      padding-right: 0;
      margin-right: 0; }
    nav ul li a {
      padding: 10px;
      text-decoration: none; }
      nav ul li a .subtitle {
        display: none; }
      nav ul li a:hover {
        text-decoration: none; }

nav .open-sub-menu {
  display: none; }

nav li.current-menu-item > a:before,
nav li.current_page_item > a:before,
nav li.current_page_ancestor > a:before,
nav .current-menu-ancestor > a:before {
  background: #00124a;
  bottom: -8px;
  content: '';
  display: block;
  height: 3px;
  left: -1px;
  position: absolute;
  transform: skewX(-10deg);
  width: 100%; }

nav li.mega-menu.current-menu-item > a:before,
nav li.mega-menu.current_page_item > a:before,
nav li.mega-menu.current_page_ancestor > a:before,
nav li.mega-menu.current-menu-ancestor > a:before {
  background: #00124a;
  bottom: -1px;
  content: '';
  display: block;
  height: 3px;
  left: -1px;
  position: absolute;
  transform: skewX(-10deg);
  width: 100%; }

.top-right {
  display: flex;
  gap: 2em; }
  .top-right .top-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center; }
  .top-right .shop {
    display: flex;
    align-items: center;
    gap: 2em; }
    .top-right .shop .icon-cart {
      color: var(--white); }

.menu-container .sub-menu {
  position: absolute;
  z-index: 100;
  left: 0;
  padding: 0;
  background: var(--light-gray);
  width: 200px; }
  .menu-container .sub-menu li {
    display: block;
    width: 100%;
    padding: 1em; }

.menu-container .menu-item-has-children {
  position: relative; }
  .menu-container .menu-item-has-children .sub-menu {
    visibility: hidden;
    opacity: 0;
    z-index: 100;
    transition: opacity 0.3s ease-in-out;
    max-height: none;
    background-color: var(--white);
    text-align: left; }
  .menu-container .menu-item-has-children:hover .sub-menu {
    visibility: visible;
    opacity: 1; }

.menu-container .shop {
  display: flex;
  align-items: center;
  gap: 1em;
  justify-content: center; }
  .menu-container .shop .icon-cart {
    color: var(--night);
    position: relative;
    padding: 1em;
    border: 1px solid var(--light-gray);
    border-radius: 15px; }
    .menu-container .shop .icon-cart span {
      display: flex;
      color: var(--black); }
    .menu-container .shop .icon-cart:hover {
      text-decoration: none; }
    .menu-container .shop .icon-cart .cart-contents-count {
      position: absolute;
      top: -15px;
      left: 12px;
      background-color: #EE7F08;
      color: white;
      padding: 4px 6px;
      border-radius: 15px;
      font-family: monospace;
      font-size: 10px; }
  .menu-container .shop .btn.orange {
    padding: 13px 30px;
    font-size: 14px;
    font-weight: 600; }

/*# sourceMappingURL=desktop-menu.css.map */