/* RalphFosterMuseumFA2018 Theme Style Sheet */

/* Header Decorative Lines - Ralph Foster Green */
.genpagebuilder-decorativeLLine::after,
.genpagebuilder-decorativeMLine::after,
.genpagebuilder-decorativeRLine::after {
    border-color: #407D7E !important;
}

/* CKEditor and site heading styles - ensure CKEditor headings use the site font */
/* Default to Inter 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: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* ---------------------------------------------------------------------------
   ImageGallery — Ralph Foster Museum. Green accent, Inter.
   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: #e2e6e4;
    --gpb-gallery-ink: #1c2220;
    --gpb-gallery-ink-quiet: #576260;
    --gpb-gallery-accent: #407d7e;
    --gpb-gallery-heading-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Gallery title matches the site's own section headings. Museum: content h2 (Arial 500, teal). */
.gen-article-section .image-gallery-container.gpb-gallery .article-image-gallery-header > span {
    --gpb-gallery-heading-font: Arial, 'Helvetica Neue', sans-serif;
    --gpb-gallery-heading-color: #407d7e;
    --gpb-gallery-heading-size: 1.875rem;
    --gpb-gallery-heading-weight: 500;
}

/* ---------------------------------------------------------------------------
   Editor headings (.gpb-h2..4) and buttons (.gpb-btn): see GenPageBuilderStyling.css.
   Museum: content headings (Arial 500, teal).
   Scoped to the page sections and to the editor's editing area (.gpb-site-museum),
   so both show the same thing.
   --------------------------------------------------------------------------- */
.gen-article-section,
.gpb-site-museum {
    --gpb-heading-font: Arial, "Helvetica Neue", sans-serif;
    --gpb-heading-weight: 500;
    --gpb-heading-color: #407d7e;
    --gpb-h2-size: 1.875rem;
    --gpb-h3-size: 1.5rem;
    --gpb-h4-color: #212529;
    --gpb-btn-bg: #407d7e;
    --gpb-btn-bg-hover: #2f6061;
    --gpb-btn-ink: #ffffff;
    --gpb-btn-radius: 4px;
    --gpb-btn-font: Arial, "Helvetica Neue", sans-serif;
}
