/* KeeterFA2021 Theme Style Sheet */

/* Header Decorative Lines - Keeter Brown */
.genpagebuilder-decorativeLLine::after,
.genpagebuilder-decorativeMLine::after,
.genpagebuilder-decorativeRLine::after {
    border-color: #3D2A17 !important;
}

/* CKEditor and site heading styles - ensure CKEditor headings use the site font */
/* Keeter site should use League Spartan for headings (use .genpagebuilder-h1..h6 classes) */
.genpagebuilder-h1, .genpagebuilder-h2, .genpagebuilder-h3, .genpagebuilder-h4, .genpagebuilder-h5, .genpagebuilder-h6,
.cke_editable .genpagebuilder-h1, .cke_editable .genpagebuilder-h2, .cke_editable .genpagebuilder-h3, .cke_editable .genpagebuilder-h4, .cke_editable .genpagebuilder-h5, .cke_editable .genpagebuilder-h6 {
    font-family: 'League Spartan', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* ---------------------------------------------------------------------------
   ImageGallery — The Keeter Center. The mount IS the brand cream.
   ImageGallery.css is registered during body render, so it loads AFTER this
   file. Source order cannot win; `.gen-article-section` (0,3,0) outranks that
   file's own `.image-gallery-container.gpb-gallery` (0,2,0) defaults instead.
   Do not add !important here.
   --------------------------------------------------------------------------- */
.gen-article-section .image-gallery-container.gpb-gallery {
    --gpb-gallery-mount: #eee7d4;
    --gpb-gallery-ink: #3d2a17;
    --gpb-gallery-ink-quiet: #6b5a45;
    --gpb-gallery-accent: #3d2a17;
    --gpb-gallery-heading-font: 'League Spartan', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Gallery title matches the site's own section headings. Keeter: .genpagebuilder-h2 (League Spartan 500, #212529). */
.gen-article-section .image-gallery-container.gpb-gallery .article-image-gallery-header > span {
    --gpb-gallery-heading-font: 'League Spartan', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
    --gpb-gallery-heading-color: #212529;
    --gpb-gallery-heading-size: 2rem;
    --gpb-gallery-heading-weight: 500;
}

/* ---------------------------------------------------------------------------
   Editor headings (.gpb-h2..4) and buttons (.gpb-btn): see GenPageBuilderStyling.css.
   Keeter: League Spartan headings, Garamond Pro subheadings (as on the live pages); the beige arrow button.
   Scoped to the page sections and to the editor's editing area (.gpb-site-keeter),
   so both show the same thing.
   --------------------------------------------------------------------------- */
.gen-article-section,
.gpb-site-keeter {
    --gpb-heading-font: 'League Spartan', 'Inter', Arial, sans-serif;
    --gpb-heading-weight: 500;
    --gpb-heading-color: #212529;
    --gpb-h2-size: 2rem;
    --gpb-h3-size: 1.75rem;
    --gpb-h3-font: "Garamond Pro", Garamond, Georgia, serif;
    --gpb-h3-weight: 700;
    --gpb-btn-bg: #eee7d4;
    --gpb-btn-bg-hover: #e2d6b6;
    --gpb-btn-ink: #3d2a18;
    --gpb-btn-outline-ink: #3d2a18;
    --gpb-btn-focus: #3d2a18;
    --gpb-btn-radius: 0;
    --gpb-btn-font: 'League Spartan', sans-serif;
    --gpb-btn-size: clamp(1rem, 2.5vw, 1.375rem);
    --gpb-btn-weight: 400;
    --gpb-btn-height: 47px;
    --gpb-btn-padding: 0 10px;
    --gpb-btn-margin: 1.5rem 10px 1.5rem 0;
}

/* Keeter's button keeps its brown arrow, as genpagebuilder-button-keeter-right did. */
.gen-article-section a.gpb-btn::after,
.gpb-site-keeter a.gpb-btn::after {
    content: "";
    flex: 0 0 auto;
    width: 1.75em;
    height: 1em;
    background: url('/DesktopModules/MVC/GenPageBuilder/Resources/images/arrow_rbrown.svg') no-repeat right center / contain;
}