/*
 * IslandTravelAtlas global contrast layer
 *
 * This stylesheet is loaded after all legacy and page CSS.
 * It is intentionally the final authority for dark-surface
 * text contrast.
 */

:root {
  --ita-on-dark-heading: #ffffff;
  --ita-on-dark-text: #edf6f1;
  --ita-on-dark-muted: #d8e8df;
  --ita-on-dark-link: #ffffff;
  --ita-on-dark-outline: rgba(255, 255, 255, 0.34);
  --ita-light-surface-text: #173126;
  --ita-light-surface-body: #496056;
}

body.ita-page-guides .rf-library-hero,
body.ita-page-guides .rf-library-hero-grid,
body.ita-page-guides .dark-section,
body.ita-page-guides .ita-dark-surface,
body.ita-page-guides .pm-brand-mark,
body.ita-page-guides .pm-footer,
body.ita-page-guides .pm-footer-bottom,
body.ita-page-guides .pm-footer-brand,
body.ita-page-guides .pm-footer-column,
body.ita-page-guides .pm-footer-heading,
body.ita-page-guides .pm-footer-main,
body.ita-page-guides .pm-header-cta,
body.ita-page-guides .pm-mega-intro,
body.ita-page-guides .pm-menu-button i,
body.ita-page-guides .pm-mobile-cta,
body.ita-page-guides .rf-button-primary,
body.ita-page-guides .rf-destination-shade,
body.ita-page-guides .rf-filter-row button.is-active,
body.ita-page-guides .rf-planning-section,
body.ita-page-guides .site-footer,
body.ita-page-guides .skip-link,
body.ita-page-guides .surface-dark,
body.ita-page-guides .theme-dark,
body.ita-page-guides [data-theme='dark'],
body.ita-page-guides footer,
body.ita-page-guides footer[role="contentinfo"] {
  color: var(--ita-on-dark-text) !important;
}

body.ita-page-guides .rf-library-hero :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .rf-library-hero-grid :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .dark-section :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .ita-dark-surface :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .pm-brand-mark :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .pm-footer :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .pm-footer-bottom :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .pm-footer-brand :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .pm-footer-column :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .pm-footer-heading :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .pm-footer-main :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .pm-header-cta :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .pm-mega-intro :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .pm-menu-button i :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .pm-mobile-cta :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .rf-button-primary :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .rf-destination-shade :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .rf-filter-row button.is-active :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .rf-planning-section :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .site-footer :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .skip-link :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .surface-dark :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides .theme-dark :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides [data-theme='dark'] :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides footer :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta),
body.ita-page-guides footer[role="contentinfo"] :where(h1,h2,h3,h4,h5,h6,p,li,dt,dd,small,label,strong,b,em,span,.title,.subtitle,.eyebrow,.kicker,.description,.summary,.meta) {
  color: var(--ita-on-dark-text) !important;
  opacity: 1 !important;
}

body.ita-page-guides .rf-library-hero :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .rf-library-hero-grid :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .dark-section :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .ita-dark-surface :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .pm-brand-mark :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .pm-footer :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .pm-footer-bottom :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .pm-footer-brand :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .pm-footer-column :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .pm-footer-heading :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .pm-footer-main :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .pm-header-cta :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .pm-mega-intro :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .pm-menu-button i :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .pm-mobile-cta :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .rf-button-primary :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .rf-destination-shade :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .rf-filter-row button.is-active :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .rf-planning-section :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .site-footer :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .skip-link :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .surface-dark :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides .theme-dark :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides [data-theme='dark'] :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides footer :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading),
body.ita-page-guides footer[role="contentinfo"] :where(h1,h2,h3,h4,h5,h6,strong,b,.title,.heading) {
  color: var(--ita-on-dark-heading) !important;
  opacity: 1 !important;
}

body.ita-page-guides .rf-library-hero a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .rf-library-hero-grid a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .dark-section a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .ita-dark-surface a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-brand-mark a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-footer a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-footer-bottom a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-footer-brand a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-footer-column a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-footer-heading a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-footer-main a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-header-cta a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-mega-intro a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-menu-button i a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-mobile-cta a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .rf-button-primary a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .rf-destination-shade a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .rf-filter-row button.is-active a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .rf-planning-section a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .site-footer a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .skip-link a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .surface-dark a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .theme-dark a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides [data-theme='dark'] a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides footer a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides footer[role="contentinfo"] a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']) {
  color: var(--ita-on-dark-link) !important;
  text-decoration-color:
    rgba(255, 255, 255, 0.68) !important;
}

body.ita-page-guides .rf-library-hero a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .rf-library-hero-grid a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .dark-section a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .ita-dark-surface a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-brand-mark a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-footer a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-footer-bottom a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-footer-brand a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-footer-column a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-footer-heading a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-footer-main a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-header-cta a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-mega-intro a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-menu-button i a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .pm-mobile-cta a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .rf-button-primary a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .rf-destination-shade a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .rf-filter-row button.is-active a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .rf-planning-section a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .site-footer a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .skip-link a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .surface-dark a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides .theme-dark a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides [data-theme='dark'] a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides footer a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']),
body.ita-page-guides footer[role="contentinfo"] a:not(.button):not(.btn):not([class*='button']):not([class*='btn-']):hover {
  color: #ffffff !important;
  text-decoration-color: #ffffff !important;
}

body.ita-page-guides .rf-library-hero :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .rf-library-hero-grid :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .dark-section :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .ita-dark-surface :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .pm-brand-mark :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .pm-footer :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .pm-footer-bottom :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .pm-footer-brand :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .pm-footer-column :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .pm-footer-heading :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .pm-footer-main :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .pm-header-cta :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .pm-mega-intro :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .pm-menu-button i :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .pm-mobile-cta :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .rf-button-primary :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .rf-destination-shade :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .rf-filter-row button.is-active :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .rf-planning-section :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .site-footer :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .skip-link :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .surface-dark :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides .theme-dark :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides [data-theme='dark'] :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides footer :where(.button,.btn,[class*='button'],[class*='btn-']),
body.ita-page-guides footer[role="contentinfo"] :where(.button,.btn,[class*='button'],[class*='btn-']) {
  border-color:
    var(--ita-on-dark-outline) !important;
}

/*
 * Restore dark text inside white cards that happen to be
 * nested within a dark section.
 */

body.ita-page-guides :where(
  .guide-card,
  .system-card,
  .destination-card,
  .decision-card,
  .library-card,
  .tool-card,
  .resource-card,
  .content-card,
  .card
) {
  color: var(--ita-light-surface-body) !important;
}

body.ita-page-guides :where(
  .guide-card,
  .system-card,
  .destination-card,
  .decision-card,
  .library-card,
  .tool-card,
  .resource-card,
  .content-card,
  .card
) :where(
  h1,h2,h3,h4,h5,h6,strong,b,
  .title,.heading
) {
  color: var(--ita-light-surface-text) !important;
}

body.ita-page-guides :where(
  .guide-card,
  .system-card,
  .destination-card,
  .decision-card,
  .library-card,
  .tool-card,
  .resource-card,
  .content-card,
  .card
) :where(
  p,li,small,span,
  .description,.summary,.meta
) {
  color: var(--ita-light-surface-body) !important;
}

body.ita-page-guides :where(
  .guide-card,
  .system-card,
  .destination-card,
  .decision-card,
  .library-card,
  .tool-card,
  .resource-card,
  .content-card,
  .card
) a {
  color: #135f43 !important;
}