﻿/* Accessibility Compliant color for light blue */
/* Accessibility Compliant color for light blue */
/* Suppress default focus ring on banner buttons during initial
   auto-focus on the "Accept All" button. The ketch-initial-focus
   class is removed once the user interacts (Tab/mousedown). */
#lanyard_root.ketch-initial-focus #ketch-banner *:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important; }

/*
----------------------------------------------------------------
>>>>>>>>>>>>>>>  KETCH BANNER OVERRIDES - BEGIN  <<<<<<<<<<<<<<<
----------------------------------------------------------------
Scoped entirely to #ketch-banner to avoid affecting ketch-modal
or any other page elements.
Loaded conditionally only when IsKetchEnabled = true,
IsMX = false, and IsPunchout = false.
----------------------------------------------------------------
*/
#ketch-banner {
  width: 588px !important;
  left: 32px !important;
  bottom: 32px !important;
  /* Underline link color inside banner description */
  /* Button sizing and spacing */
  /* Flex layout wrap override */
  /* Max-width override for responsive breakpoint class */
  /* Button label typography */
  /* Gap overrides */
  /* Button alignment */
  /* Padding overrides */
  /* Banner title text style */ }
  #ketch-banner .\!ketch-text-\[--k-banner-description-text-color\] u {
    color: #003366 !important; }
  #ketch-banner .lm\:ketch-min-h-10 {
    min-height: 30px !important;
    margin-left: 12px !important;
    width: 150px !important; }
  #ketch-banner .ketch-flex {
    flex-wrap: wrap !important; }
  #ketch-banner .md\:ketch-max-w-\[50\%\] {
    max-width: 100% !important; }
  #ketch-banner .lm\:ketch-text-ketch-lm {
    font-size: 12px !important;
    font-family: "AvantGardeGothic", Verdana, Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important;
    line-height: 16px !important; }
  #ketch-banner .sm\:ketch-gap-8 {
    gap: 0px !important; }
  #ketch-banner .ketch-gap-3 {
    gap: 0px !important; }
  #ketch-banner .ketch-justify-between {
    justify-content: flex-end !important; }
  #ketch-banner .ketch-p-4 {
    padding: 0px !important; }
  #ketch-banner .ketch-pb-3 {
    padding-bottom: 20px !important; }
  #ketch-banner .ketch-text-ketch-l {
    font-size: 12px !important;
    line-height: 16px !important;
    font-family: "AvantGardeGothic", Verdana, Arial, Helvetica, sans-serif !important;
    font-weight: 700 !important; }

/* Description and button container top margins */
#banner-description {
  margin-top: 10px !important; }

#ketch-banner-buttons-container-standard {
  margin-top: 10px !important; }

/* Individual button bottom margins */
#ketch-banner-button-tertiary {
  margin-bottom: 10px !important; }

#ketch-banner-button-secondary {
  margin-bottom: 10px !important; }

#ketch-banner-button-primary {
  margin-bottom: 10px !important; }

/* Padding overrides for consent banner children */
#ketch-consent-banner > :first-child {
  padding-top: 20px !important; }

#ketch-consent-banner > :nth-child(2) {
  padding-top: 8px !important; }

/*
----------------------------------------------------------------
>>>  KETCH BANNER OVERRIDES - FORCE DESKTOP ON SHORT SCREENS  <<<
----------------------------------------------------------------
Prevents the banner from switching to mobile layout when the
viewport height decreases. Re-asserts all desktop geometry and
typography with elevated specificity so height-based breakpoints
inside the Ketch library cannot override them.
----------------------------------------------------------------
*/
@media screen and (max-height: 550px) and (min-width: 782px) {
  #ketch-banner#ketch-banner {
    width: 588px !important;
    left: 32px !important;
    bottom: 32px !important;
    /* Flex layout wrap override */
    /* Max-width override for responsive breakpoint class */
    /* Button label typography */
    /* Gap overrides */
    /* Button alignment */
    /* Padding overrides */
    /* Banner title text style */ }
    #ketch-banner#ketch-banner .\!ketch-text-\[--k-banner-description-text-color\] u {
      color: #003366 !important; }
    #ketch-banner#ketch-banner .ketch-flex {
      display: block !important; }
    #ketch-banner#ketch-banner .md\:ketch-max-w-\[50\%\] {
      max-width: 100% !important; }
    #ketch-banner#ketch-banner .lm\:ketch-text-ketch-lm {
      font-size: 12px !important;
      font-family: "AvantGardeGothic", Verdana, Arial, Helvetica, sans-serif !important;
      font-weight: 700 !important;
      line-height: 16px !important; }
    #ketch-banner#ketch-banner .sm\:ketch-gap-8 {
      gap: 0px !important; }
    #ketch-banner#ketch-banner .ketch-gap-3 {
      gap: 0px !important; }
    #ketch-banner#ketch-banner .ketch-justify-between {
      justify-content: flex-end !important; }
    #ketch-banner#ketch-banner .ketch-p-4 {
      padding: 0px !important; }
    #ketch-banner#ketch-banner .ketch-pb-3 {
      padding-bottom: 20px !important; }
    #ketch-banner#ketch-banner .ketch-text-ketch-l {
      font-size: 12px !important;
      line-height: 16px !important;
      font-family: "AvantGardeGothic", Verdana, Arial, Helvetica, sans-serif !important;
      font-weight: 700 !important; }
  /* Description and button container top margins */
  #banner-description#banner-description {
    margin-top: 10px !important; }
  #ketch-banner-buttons-container-standard#ketch-banner-buttons-container-standard {
    margin-top: 10px !important; }
  /* Individual button bottom margins */
  #ketch-banner-button-tertiary#ketch-banner-button-tertiary {
    margin-bottom: 10px !important;
    min-height: 30px !important;
    width: 170px !important;
    margin-left: 12px !important; }
  #ketch-banner-button-secondary#ketch-banner-button-secondary {
    margin-bottom: 10px !important;
    min-height: 30px !important;
    width: 150px !important;
    margin-left: 12px !important; }
  #ketch-banner-button-primary#ketch-banner-button-primary {
    margin-bottom: 10px !important;
    min-height: 30px !important;
    width: 150px !important;
    margin-left: 12px !important; }
  /* Padding overrides for consent banner children */
  #ketch-consent-banner#ketch-consent-banner > :first-child {
    padding-top: 20px !important; }
  #ketch-consent-banner#ketch-consent-banner > :nth-child(2) {
    padding-top: 8px !important; }
  #lanyard_root#lanyard_root * .ketch-mt-5 {
    margin-top: 10px; }
  #ketch-banner-buttons-container-compact {
    padding-left: 32px !important; }
  #lanyard_root#lanyard_root * .ketch-mx-auto {
    margin-left: 0px !important;
    margin-right: 0px !important; } }

@media screen and (min-width: 782px) {
  /* Individual button bottom margins */
  #ketch-banner-button-tertiary#ketch-banner-button-tertiary {
    margin-bottom: 10px !important;
    min-height: 30px !important;
    width: 170px !important;
    margin-left: 12px !important; }
  #ketch-banner-button-secondary#ketch-banner-button-secondary {
    margin-bottom: 10px !important;
    min-height: 30px !important;
    width: 150px !important;
    margin-left: 12px !important; }
  #ketch-banner-button-primary#ketch-banner-button-primary {
    margin-bottom: 10px !important;
    min-height: 30px !important;
    width: 150px !important;
    margin-left: 12px !important; } }

/*
----------------------------------------------------------------
>>>>>>>>>>>>>>>>  KETCH BANNER OVERRIDES - END  <<<<<<<<<<<<<<<<
----------------------------------------------------------------
*/
