/* SJ logo palette. Loaded after all vendor styles on every page. */
:root { --ak-blue:#003880; --ak-orange:#F85800; --ak-navy:#002050; }
a {color:var(--ak-blue);} a:hover,a:focus {color:#C74400;}
h1,h2,h3,h4,h5,h6 {color:var(--ak-blue);}
header#header .header-top {background:var(--ak-blue) !important;}
header#header .header-top .btn {background:var(--ak-orange) !important;border-color:var(--ak-orange) !important;color:#fff !important;}
header#header .header-top .btn:hover {background:#C74400 !important;}
.header-nav-wrapper {border-bottom:3px solid var(--ak-orange);}
.menuzord-menu > li.active > a,.menuzord-menu > li:hover > a {background:var(--ak-blue) !important;color:#fff !important;}
.menuzord-menu ul.dropdown,.menuzord-menu .megamenu {border-top:3px solid var(--ak-orange) !important;}
.menuzord-menu ul.dropdown li:hover > a,.menuzord-menu .megamenu a:hover {color:var(--ak-orange) !important;}
.menuzord .showhide em {background:var(--ak-blue) !important;}
.page-title.layer-overlay::before {background:rgba(0,56,128,.88) !important;}
.page-title .title,.page-title h1,.page-title h2 {color:#fff !important;}
.btn-theme-colored1 {background:var(--ak-orange) !important;border-color:var(--ak-orange) !important;color:#fff !important;}
.btn-theme-colored2 {background:var(--ak-blue) !important;border-color:var(--ak-blue) !important;color:#fff !important;}
.btn-theme-colored1:hover {background:#C74400 !important;border-color:#C74400 !important;}
.btn-theme-colored2:hover {background:var(--ak-navy) !important;border-color:var(--ak-navy) !important;}
.form-control:focus {border-color:var(--ak-blue);box-shadow:0 0 0 .2rem rgba(0,56,128,.15);}
#footer {background-color:var(--ak-navy) !important;background-image:none !important;}
#footer .widget-title {color:#fff !important;}
#footer .widget-title::after {background:var(--ak-orange) !important;}
#footer .description,#footer .contact-info,#footer a {color:#fff;}
#footer a:hover {color:var(--ak-orange) !important;}
#footer .fa {color:var(--ak-orange) !important;}
#footer .footer-bottom {background:var(--ak-blue) !important;}
.scrollToTop {background:var(--ak-orange) !important;color:#fff !important;}
::selection {background:var(--ak-blue);color:#fff;}

/* Keep the desktop logo and menu together on one row. */
@media (min-width: 1200px) {
  #header .header-nav-col-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    column-gap: 16px;
  }
  #header .header-nav-col-row > :first-child {
    flex: 0 0 auto;
    width: auto;
    padding-right: 0;
  }
  #header .header-nav-col-row > :last-child {
    flex: 1 1 0;
    width: 0;
    min-width: 0;
    padding-left: 0;
  }
  #header .header-nav .menuzord-brand {
    display: block;
    float: none;
    margin: 8px 0;
    line-height: 1;
  }
  #header .header-nav .menuzord-brand img {
    width: clamp(150px, 12vw, 180px);
    height: auto;
    max-height: 100px;
    object-fit: contain;
  }
  #header #top-primary-nav {
    width: 100%;
    min-width: 0;
  }
  #header #top-primary-nav > .menuzord-menu {
    display: flex !important;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    float: none;
    width: 100%;
    margin: 0;
  }
  #header #top-primary-nav > .menuzord-menu > li {
    flex: 0 0 auto;
    float: none;
    padding: 20px 0;
  }
  #header #top-primary-nav > .menuzord-menu > li > a {
    white-space: nowrap;
    font-size: clamp(12.5px, 0.98vw, 15px);
    padding: 8px clamp(6px, 0.65vw, 10px);
  }
  #header #top-primary-nav > .menuzord-menu > li > a .indicator {
    margin-left: 4px;
  }
}

/* Simple single-column dropdowns. Menuzord supplies slideDown/slideUp. */
#header .menuzord-menu .indicator ~ .indicator {display:none !important;}
@media (min-width:1200px) {
  #header #top-primary-nav > .menuzord-menu > li {position:relative;}
  #header #top-primary-nav .menuzord-menu > li > ul.dropdown {
    width:290px;
    min-width:290px;
    max-width:calc(100vw - 32px);
    max-height:min(65vh,560px);
    overflow-y:auto;
    top:100%;
    left:0;
    right:auto;
    margin:0;
    padding:8px 0;
    background:#fff;
    border-radius:0 0 8px 8px;
    box-shadow:0 12px 24px rgba(0,32,80,.16);
  }
  #header #top-primary-nav .menuzord-menu > li > ul.dropdown.dropdown-right-zero {
    left:auto;
    right:0;
  }
  #header #top-primary-nav .menuzord-menu ul.dropdown > li {width:100%;float:none;}
  #header #top-primary-nav .menuzord-menu ul.dropdown > li > a {
    display:block;
    padding:9px 16px;
    font-size:14px;
    line-height:1.4;
    white-space:normal;
    color:var(--ak-blue);
  }
  #header #top-primary-nav .menuzord-menu ul.dropdown > li:hover > a,
  #header #top-primary-nav .menuzord-menu ul.dropdown > li > a:focus {
    background:#eaf1fa;
    color:var(--ak-blue) !important;
  }
}

/* Stable header and slideshow layout. */
#header .header-nav-wrapper,
#header .menuzord-container,
#header .menuzord-brand,
#header .menuzord-brand img {transition:none !important;}