/**
 * Starttrain shared site header.
 *
 * Blocksy owns the header markup, layout, transparent/sticky state and mobile
 * drawer. This small layer contains only the Starttrain brand treatment used
 * by the homepage. Landing-page bundles must never style #header directly.
 */

#header {
  z-index: 9999 !important;
}

body
  #mega-menu-wrap-menu_1
  #mega-menu-menu_1
  > li.mega-menu-megamenu.ht-menu-85
  > ul.mega-sub-menu {
  left: 50%;
  width: 85vw;
  transform: translate(-45%, 0) !important;
}

body
  #mega-menu-wrap-menu_1
  #mega-menu-menu_1
  > li.mega-menu-megamenu.ht-menu-85
  > ul.mega-sub-menu
  li.mega-menu-column-standard:not(:last-child) {
  border-right: solid 1px #e1e8ed !important;
}

body
  #mega-menu-wrap-menu_1
  #mega-menu-menu_1
  > li.mega-menu-item
  > a.mega-menu-link {
  color: #192a3d;
}

body
  #mega-menu-wrap-menu_1
  #mega-menu-menu_1
  > li.mega-menu-item.mega-current-menu-item
  > a.mega-menu-link,
body
  #mega-menu-wrap-menu_1
  #mega-menu-menu_1
  > li.mega-menu-item.mega-current-menu-ancestor
  > a.mega-menu-link,
body
  #mega-menu-wrap-menu_1
  #mega-menu-menu_1
  > li.mega-menu-item
  > a.mega-menu-link:hover,
body
  #mega-menu-wrap-menu_1
  #mega-menu-menu_1
  > li.mega-menu-item.mega-current-menu-ancestor
  > a.mega-menu-link {
  color: #2872fa;
}

body
  div[data-transparent]
  #mega-menu-wrap-menu_1
  #mega-menu-menu_1
  > li.mega-menu-item
  > a.mega-menu-link {
  color: #fff;
}

body
  #mega-menu-wrap-menu_1
  #mega-menu-menu_1
  > li.mega-menu-item
  > a.mega-menu-link,
body
  div[data-transparent-row="no"]
  #mega-menu-wrap-menu_1
  #mega-menu-menu_1
  > li.mega-menu-item
  > a.mega-menu-link {
  color: #192a3d;
}

body
  #mega-menu-wrap-menu_1
  #mega-menu-menu_1
  > li.mega-menu-item
  > a.mega-menu-link:hover,
body
  #mega-menu-wrap-menu_1
  #mega-menu-menu_1
  > li.mega-menu-item.mega-current-menu-ancestor
  > a.mega-menu-link,
body
  div[data-transparent-row="no"]
  #mega-menu-wrap-menu_1
  #mega-menu-menu_1
  > li.mega-menu-item
  > a.mega-menu-link:hover {
  color: #2872fa;
}

body
  #mega-menu-wrap-menu_1
  #mega-menu-menu_1
  > li.mega-menu-flyout
  ul.mega-sub-menu,
body
  #mega-menu-wrap-menu_1
  #mega-menu-menu_1
  > li.mega-menu-megamenu
  > ul.mega-sub-menu {
  border-bottom: solid 6px #2872fa;
  border-radius: 30px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}

#header .ct-header-cta {
  position: relative;
  overflow: hidden;
  padding: 2.5px;
  border-radius: 50px;
  box-shadow:
    inset 0 -7px 24px #ffffff80,
    0 3px 12px #0057f280;
}

#header .ct-header-cta::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: -35%;
  display: block;
  width: 250px;
  height: 250px;
  background: conic-gradient(
    from 0 at 50% 50%,
    rgba(255, 255, 255, 0.5) 0deg,
    rgba(255, 255, 255, 0) 60deg,
    #233d57 310deg,
    rgba(255, 255, 255, 0.5) 360deg
  );
  animation: spin 3s linear infinite;
}

#header .ct-header-cta a {
  padding: 12px 24px;
  border-radius: 50px;
  background-image: linear-gradient(270deg, #0057f2, #1e88e5);
  box-shadow: inset 0 -7px 24px #ffffff80;
}

@media (max-width: 767px) {
  [data-header*="type-1"] .ct-header [data-id="logo"] .site-logo-container {
    --logo-max-height: unset;
  }
}