header#main-header#main-header {
  transition: background .35s var(--cubic-bezier);
  height: 72px;
  z-index: 99;

  @media (max-width: 980px) {
    position: fixed;
  }

  > .et_menu_container {
    height: 100%;
    width: 100%;
    max-width: 1488px;
    padding: 0 48px;

    &:after {
      display: none;
    }
  }

  #et-top-navigation {
    padding-top: 16px;

    nav > ul > li.primary-btn > a {
      display: inline-flex;
      padding: 10px 16px;
      font-size: 18px;
      line-height: 20px;
      transition: background-color .35s var(--cubic-bezier);

      &:hover {
        opacity: 1;
      }
    }
  }

  .logo_container > a {
    pointer-events: all;
    cursor: pointer;

    #logo {
      height: 50px;
      max-height: unset;
      opacity: 1;
      transform: translateY(0);
      animation: snaploader-logo-enter .35s var(--cubic-bezier) both;
      transition: opacity .35s var(--cubic-bezier), transform .35s var(--cubic-bezier);
    }
  }

  #top-menu {
    a {
      transition: color .35s var(--cubic-bezier);
      color: #fff;
      font-size: 20px;
      line-height: 28px;
      font-weight: 400;
    }

    li.current-menu-item > a {
      color: var(--gcid-primary-color);
    }
  }

  &.et-fixed-header {
    background: #ffffff;
    position: fixed;

    .logo_container > a {
      pointer-events: all;
      cursor: pointer;

      #logo {
        opacity: 1;
        transform: translateY(0);
      }
    }

    #et-top-navigation {
      padding-top: 16px;

      nav > ul > li.primary-btn > a {
        color: #ffffff !important;
      }
    }

    #top-menu {
      a {
        color: var(--gcid-primary-color) !important;
        padding-bottom: 0;
      }

      li.current-menu-item > a {
        color: #697680 !important;
      }
    }
  }


  body.snaploader-dark-navigation-theme & {
    #top-menu {
      a {
        color: var(--gcid-primary-color);
      }

      li.primary-btn a {
        color: #fff;
      }

      li.current-menu-item > a {
        color: #697680;
      }
    }

    &.et-fixed-header {
      #top-menu li.current-menu-item > a {
        color: #697680 !important;
      }
    }
  }
}

@keyframes snaploader-logo-enter {
  from {
    opacity: 0;
    transform: translateY(-80px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media (prefers-reduced-motion: reduce) {
  header#main-header#main-header .logo_container > a #logo {
    animation: none;
  }
}

#et_mobile_nav_menu .mobile_menu_bar.mobile_menu_bar_toggle {
  background-color: #ffffff;
  padding: 8px;
  border-radius: 8px;
  transition: background-color .35s var(--cubic-bezier);
  cursor: pointer;

  &:before {
    color: var(--gcid-primary-color);
  }

  &:hover {
    background-color: rgba(256, 256, 256, .8);
  }
}

#main-header #mobile_menu {
  background: #ffffff;
  border: unset;
  width: 320px;
  border-radius: 16px;
  right: 48px;
  left: auto;
  margin-top: 8px;

  li {
    &.primary-btn a {
      display: inline-flex;
      color: #ffffff;
      padding: 10px 16px;

      &:hover {
        background: var(--col-navy-hover);
        opacity: 1;
      }
    }
  }

  a {
    color: var(--gcid-primary-color);
  }
}