/* The entire option section uses navy and white on desktop and mobile. */
html body.subpage .fi-option-section {
  background: #1a2b5c !important;
  color: #fff;
  border-top-color: #1a2b5c;
}
html body.subpage .fi-option-section #fi-option-heading {
  padding: 0 0 0 18px;
  background: transparent;
  color: #fff !important;
  border-radius: 0;
}
html body.subpage .fi-option-section #fi-option-heading::before {
  content: "";
  display: block;
  background: #fff;
}
html body.subpage .fi-option-section .fi-option-item h3,
html body.subpage .fi-option-section .fi-option-link,
html body.subpage .fi-option-section .fi-option-badge {
  color: #fff !important;
}
html body.subpage .fi-option-section .fi-option-item {
  border-bottom-color: rgba(255, 255, 255, .3);
}
html body.subpage .fi-option-section .fi-option-item img {
  filter: brightness(0) invert(1);
}
html body.subpage .fi-option-section .fi-option-badge {
  background: rgba(255, 255, 255, .1);
  border-color: rgba(255, 255, 255, .45);
}
html body.subpage .fi-option-section .fi-option-link:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 4px;
}
@media (min-width: 769px) {
  html body.subpage .fi-option-section::after {
    background:
      linear-gradient(180deg, rgba(26,43,92,.38) 0%, rgba(26,43,92,0) 4%, rgba(26,43,92,0) 96%, rgba(26,43,92,.38) 100%),
      linear-gradient(90deg, #1a2b5c 0%, #1a2b5c 52%, rgba(26,43,92,.94) 58%, rgba(26,43,92,.55) 64%, rgba(26,43,92,.14) 70%, rgba(26,43,92,0) 77%, rgba(26,43,92,0) 100%) !important;
  }
}
@media (max-width: 768px) {
  html body.subpage .fi-option-section .fi-vblend-mobile-media--option {
    --photo-surface: #1a2b5c;
    background-color: #1a2b5c;
  }
}