/**
 * 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
 */
/*----------------------
   Mega menu
-----------------------*/
@media (min-width: 981px) {
  #site-header.sticky li.mega-menu:after {
    color: #fff; }
  #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:hover {
      transition: opacity 0.2s ease-in-out 0s !important; }
    .menu-container li.mega-menu:after {
      content: '\e902';
      font-family: Icomoon;
      position: relative;
      display: inline-block;
      color: #1C3F85;
      font-size: 18.139px;
      top: 2px; }
    .menu-container li.mega-menu li {
      border-bottom: 0; }
    .menu-container li.mega-menu a {
      position: relative; }
      .menu-container li.mega-menu a:after {
        display: none; }
    .menu-container li.mega-menu:nth-child(1):hover > a:before, .menu-container li.mega-menu:nth-child(1):focus-within > a:before, .menu-container li.mega-menu:nth-child(2):hover > a:before, .menu-container li.mega-menu:nth-child(2):focus-within > a:before {
      border-bottom-color: #162321; }
    .menu-container li.mega-menu.current-menu-item:hover > a:before, .menu-container li.mega-menu.current-menu-item:focus-within > a:before, .menu-container li.mega-menu.current_page_ancestor:hover > a:before, .menu-container li.mega-menu.current_page_ancestor:focus-within > 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: calc(2em + 22px);
      left: 0;
      right: 0; }
      .menu-container li.mega-menu > .sub-menu-wrap:after {
        content: "";
        background-color: #fff;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        margin-top: 22px; }
      .menu-container li.mega-menu > .sub-menu-wrap > ul.sub-menu {
        max-width: 1400px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        background-color: inherit;
        visibility: hidden;
        position: relative;
        opacity: 0;
        list-style: none;
        -moz-columns: 4;
             columns: 4;
        -moz-column-count: 4;
             column-count: 4;
        -moz-column-gap: 1em;
             column-gap: 1em;
        display: block; }
        .menu-container li.mega-menu > .sub-menu-wrap > ul.sub-menu a {
          color: #000;
          font-size: 14.93207px;
          padding: .3em;
          transition: background-color .3s ease-in-out; }
          .menu-container li.mega-menu > .sub-menu-wrap > ul.sub-menu a:hover {
            transition: background-color .3s ease-in-out;
            background-color: rgba(13, 178, 231, 0.15); }
        .menu-container li.mega-menu > .sub-menu-wrap > ul.sub-menu > li {
          display: inline-block;
          position: relative;
          margin-bottom: 2em; }
          .menu-container li.mega-menu > .sub-menu-wrap > ul.sub-menu > li:nth-child(1) {
            margin-top: 0; }
          .menu-container li.mega-menu > .sub-menu-wrap > ul.sub-menu > li > a {
            position: relative;
            display: block;
            color: #1C3F85;
            line-height: 1.15;
            font-size: 19.35431px;
            margin-bottom: .3em;
            padding-bottom: .3em; }
          .menu-container li.mega-menu > .sub-menu-wrap > ul.sub-menu > li .sub-menu-wrap {
            padding-top: 0; }
          .menu-container li.mega-menu > .sub-menu-wrap > ul.sub-menu > li .open-sub-menu {
            display: none; }
          .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 {
                display: block; }
      .menu-container li.mega-menu > .sub-menu-wrap li {
        background: none; }
    .menu-container li.mega-menu:hover > .sub-menu-wrap, .menu-container li.mega-menu:focus-within > .sub-menu-wrap {
      visibility: visible;
      opacity: 1; }
      .menu-container li.mega-menu:hover > .sub-menu-wrap .sub-menu, .menu-container li.mega-menu:focus-within > .sub-menu-wrap .sub-menu {
        visibility: visible;
        opacity: 1; } }

#site-header .main-header-wrapper {
  padding: 1.25em 0; }

#site-header .menu-container {
  display: flex;
  flex-wrap: wrap; }

.hamburger-menu {
  display: none; }

nav.main-nav {
  font-family: "MultipleSansPro", Helvetica, Arial, sans-serif;
  font-weight: 600;
  display: flex; }
  nav.main-nav > ul {
    gap: 1rem; }
  nav.main-nav ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%; }
    nav.main-nav ul li.hide-desktop {
      display: none; }
    nav.main-nav ul li a {
      font-size: 14px; }
      @media (min-width: 1280px) {
        nav.main-nav ul li a {
          font-size: 16px; } }

nav li {
  display: inline-block;
  text-align: left;
  position: relative; }
  nav li:last-child {
    margin-right: 0; }

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

nav li.current-menu-item > a,
nav li.current_page_item > a,
nav li.current_page_ancestor > a,
nav .current-menu-ancestor > a {
  color: #00B6E8 !important; }

/**
 * Submenu
 */
.menu-container .sub-menu {
  position: absolute;
  z-index: 100;
  background: #fff;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  width: 190px;
  left: 0; }
  @media all and (min-width: 1475px) {
    .menu-container .sub-menu {
      width: 240px; } }
  .menu-container .sub-menu li {
    display: block;
    width: 100%;
    border-bottom: 1px solid rgba(13, 178, 231, 0.17);
    transition: background-color .3s ease-in-out; }
    .menu-container .sub-menu li:last-child {
      border-bottom: 0; }
    .menu-container .sub-menu li:first-of-type {
      margin-top: 1.4em; }
    .menu-container .sub-menu li a {
      padding: 1em .75em;
      display: block; }
    .menu-container .sub-menu li:hover {
      background-color: #00B2E31A; }

.menu-container .menu-item-has-children {
  position: relative; }
  .menu-container .menu-item-has-children > a:after {
    content: '\e902';
    font-family: Icomoon;
    position: relative;
    display: inline-block;
    color: #1C3F85;
    font-size: 18.139px;
    top: 1px; }
  .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: #fff;
    text-align: left; }
  .menu-container .menu-item-has-children:hover .sub-menu,
  .menu-container .menu-item-has-children:focus-within .sub-menu {
    visibility: visible;
    opacity: 1; }

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