/* Golden Empire final all-page readability + Sierra Grey shingle title background fixes */
:root {
  --ge-header-blue: #0d1b30;
  --ge-sierra-shingle-bg: url('images/OC-Sierra-Grey-Shingle-BG.png');
}

/* Page keyword/title band: use Sierra Grey OC-style shingle background on every page title block. */
body > section.ge-shingle-bg-fix,
body > section[id="block-11"],
body > section.u-image.ge-shingle-bg-fix,
body > section.u-align-center.u-image[id="block-11"] {
  background-image: linear-gradient(0deg, rgba(13, 27, 48, 0.46), rgba(13, 27, 48, 0.46)), var(--ge-sierra-shingle-bg) !important;
  background-position: 50% 50%, 50% 50% !important;
  background-size: cover, cover !important;
  background-repeat: no-repeat, no-repeat !important;
  background-color: #0d1b30 !important;
}

/* Keep page title readable over the dark shingle image. */
body > section.ge-shingle-bg-fix .u-title,
body > section.ge-shingle-bg-fix h1,
body > section[id="block-11"] .u-title,
body > section[id="block-11"] h1 {
  color: #ffffff !important;
  text-shadow: 0 2px 7px rgba(0, 0, 0, 0.55) !important;
}

/* White-on-white / light-background readability fix: make hidden white text the same dark blue as the header. */
body > section:not(.u-shading):not(.u-image):not(.u-custom-color-1):not(.u-custom-color-2) .u-text-white:not(.u-btn):not(.u-nav-link):not(.u-icon):not(.u-gallery-nav):not(.u-carousel-control),
body > section:not(.u-shading):not(.u-image):not(.u-custom-color-1):not(.u-custom-color-2) .u-text-body-alt-color:not(.u-btn):not(.u-nav-link):not(.u-icon):not(.u-gallery-nav):not(.u-carousel-control),
body > section .u-white .u-text-white:not(.u-btn):not(.u-nav-link):not(.u-icon):not(.u-gallery-nav):not(.u-carousel-control),
body > section .u-white .u-text-body-alt-color:not(.u-btn):not(.u-nav-link):not(.u-icon):not(.u-gallery-nav):not(.u-carousel-control),
body > section .u-grey-5 .u-text-white:not(.u-btn):not(.u-nav-link):not(.u-icon):not(.u-gallery-nav):not(.u-carousel-control),
body > section .u-grey-10 .u-text-white:not(.u-btn):not(.u-nav-link):not(.u-icon):not(.u-gallery-nav):not(.u-carousel-control),
body > section .u-palette-1-light-3 .u-text-white:not(.u-btn):not(.u-nav-link):not(.u-icon):not(.u-gallery-nav):not(.u-carousel-control),
body > section .u-container-style.u-white .u-text,
body > section .u-container-style.u-white .u-text *,
body > section .u-group.u-white .u-text,
body > section .u-group.u-white .u-text *,
body > section .u-layout-cell.u-white .u-text,
body > section .u-layout-cell.u-white .u-text *,
body > section .u-list-item.u-white .u-text,
body > section .u-list-item.u-white .u-text *,
body > section .u-accordion-link.u-white,
body > section .u-accordion-link.u-white *,
body > section .u-accordion-pane.u-white,
body > section .u-accordion-pane.u-white * {
  color: var(--ge-header-blue) !important;
}

/* Get In Touch block + FAQ block forced readable sitewide. */
.ge-contact-blue,
.ge-contact-blue *,
.ge-faq-section,
.ge-faq-section h1,
.ge-faq-section h2,
.ge-faq-section h3,
.ge-faq-section h4,
.ge-faq-section p,
.ge-faq-section span,
.ge-faq-section div,
.ge-faq-section a,
.ge-faq-section .u-accordion-link-text,
.ge-faq-section .fr-view {
  color: var(--ge-header-blue) !important;
}

/* Keep header/nav and dark footer looking original. */
header .u-text-white,
header .u-text-body-alt-color,
.u-header .u-text-white,
.u-header .u-text-body-alt-color,
.u-header .u-nav-link,
.u-header .u-nav-link span,
footer.u-custom-color-2 .u-text-white,
footer.u-custom-color-2 .u-text-body-alt-color,
.u-footer.u-custom-color-2 .u-text-white,
.u-footer.u-custom-color-2 .u-text-body-alt-color {
  color: #ffffff !important;
}

/* Mobile title band stays readable and not oversized. */
@media (max-width: 575px) {
  body > section.ge-shingle-bg-fix .u-title,
  body > section[id="block-11"] .u-title,
  body > section.ge-shingle-bg-fix h1,
  body > section[id="block-11"] h1 {
    font-size: 2.4rem !important;
    line-height: 1.12 !important;
  }
}