/* SecurityTalent 1.9.61 production palette.
   Inspired by the supplied high-clarity reference while remaining distinctly
   SecurityTalent: deep teal, bright teal, restrained orange and clean paper. */
:root {
  --st-navy-950: #07383d;
  --st-navy-900: #0a4147;
  --st-blue-700: #007781;
  --st-blue-600: #0094a1;
  --st-cyan-500: #18a6b4;
  --st-orange-500: #f4512a;
  --st-gold: #f3b31f;
  --st-sage: #e9f4f3;
  --st-sand: #eef3f2;
  --st-ivory: #fbfcfa;
  --st-ink: #0a3439;
  --st-muted: #536d70;
  --st-line: #cadbd9;
  --st-surface: #ffffff;
  --st-canvas: #fbfcfa;
  --st-success: #167a69;
  --st-shadow: 0 12px 30px rgba(7, 56, 61, .10);
}

body,
.body-wrapper,
#sp-main-body {
  color: var(--st-ink) !important;
  background-color: var(--st-canvas) !important;
}

#sp-header {
  background: var(--st-navy-900) !important;
  border-bottom: 2px solid rgba(243, 179, 31, .55) !important;
  box-shadow: 0 8px 20px rgba(7, 56, 61, .10) !important;
}

#sp-header .sp-megamenu-parent > li > a,
#sp-header .sp-megamenu-parent > li > span,
#sp-header .burger-icon > span {
  color: #fff !important;
}

#sp-header .sp-megamenu-parent > li.active > a,
#sp-header .sp-megamenu-parent > li:hover > a,
#sp-header .sp-megamenu-parent > li:focus-within > a {
  color: #ffd56d !important;
}

#sp-header .sp-megamenu-parent > li.active > a::before {
  background: var(--st-orange-500) !important;
}

#sp-header .sp-dropdown .sp-dropdown-inner {
  border-color: var(--st-line) !important;
  background: #fff !important;
  box-shadow: 0 18px 42px rgba(7, 56, 61, .18) !important;
}

#sp-header .sp-dropdown li.sp-menu-item > a {
  color: var(--st-ink) !important;
}

#sp-header .sp-dropdown li.sp-menu-item > a:hover,
#sp-header .sp-dropdown li.sp-menu-item > a:focus-visible {
  background: var(--st-sage) !important;
  color: var(--st-blue-700) !important;
}

.btn-primary,
.button-primary,
input[type="submit"],
.es-button--primary,
.o-btn--primary {
  border-color: var(--st-blue-700) !important;
  background: var(--st-blue-700) !important;
  color: #fff !important;
  box-shadow: 0 7px 18px rgba(0, 119, 129, .20) !important;
}

.btn-primary:hover,
.button-primary:hover,
input[type="submit"]:hover,
.es-button--primary:hover,
.o-btn--primary:hover {
  border-color: var(--st-navy-900) !important;
  background: var(--st-navy-900) !important;
}

.st-header-auth > .mod-es > a,
.st-responsive-auth > .mod-es > a {
  border-color: var(--st-blue-700) !important;
  background: var(--st-blue-700) !important;
  color: #fff !important;
}

.st-header-auth > .mod-es > a:last-child,
.st-responsive-auth > .mod-es > a:last-child {
  border-color: var(--st-orange-500) !important;
  background: var(--st-orange-500) !important;
}

.card,
.well,
.panel,
.es-card,
.eb-card,
.ed-card,
.o-card,
.t-card,
.st-feature,
.st-tab-panel,
.st-amazon-guide-card {
  border-color: var(--st-line) !important;
  background-color: #fff !important;
  box-shadow: 0 6px 18px rgba(7, 56, 61, .06) !important;
}

.es-toolbar,
.eb-toolbar,
.ed-toolbar,
.st-application-toolbar,
.st-amazon-study-controls,
.st-alert-filters {
  border-color: var(--st-line) !important;
  background: var(--st-sage) !important;
}

.st-eyebrow,
.st-alert-eyebrow,
.st-change-kicker,
.st-amazon-study-eyebrow {
  color: var(--st-cyan-500) !important;
}

.st-home-carousel,
.st-guide-preview-header,
.st-group-directory-hero,
.st-home-alerts.is-featured {
  background-color: var(--st-blue-700) !important;
}

.st-tab-list button[aria-selected="true"],
.st-amazon-guide-links__number,
.st-kb-card-icon,
.st-kb-issuer-card > span {
  border-color: var(--st-blue-700) !important;
  background: var(--st-blue-700) !important;
  color: #fff !important;
}

.st-amazon-guide-card__open,
.st-amazon-guide-links__arrow,
.st-alert-card-bottom a,
.st-home-alerts-head > a {
  color: #b84121 !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  border-color: var(--st-cyan-500) !important;
  box-shadow: 0 0 0 3px rgba(24, 166, 180, .16) !important;
}

#sp-bottom,
#sp-footer,
.st-footer {
  background: var(--st-navy-950) !important;
  color: #fff !important;
}

#sp-bottom a,
#sp-footer a,
.st-footer a {
  color: #d9f6f6 !important;
}

@media (max-width: 1199.98px) {
  .offcanvas-menu,
  .offcanvas-inner {
    background: #fbfcfa !important;
    color: var(--st-ink) !important;
  }

  .offcanvas-menu .menu > li.active > a,
  .offcanvas-menu .menu > li > a:hover,
  .offcanvas-menu .menu > li > a:focus-visible {
    color: var(--st-blue-700) !important;
  }
}