/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.0.17
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: https://www.fastlinemedia.com
template: bb-theme
*/

/* ==========================================================================
   STYLESHEET IMPORTS
   ========================================================================== */

/* Base - Variables, Fonts, Utilities */
@import url('assets/css/base.css');

/* Header & Footer */
@import url('assets/css/header-footer.css');

/* Components - Buttons, Cards, Video Icons, Mini Components */
@import url('assets/css/components.css');

/* Posts - Post Types, Content Styles */
@import url('assets/css/posts.css');

/* ==========================================================================
   Add any additional overrides or page-specific styles below
   ========================================================================== */

/* Search & Filter Pro - Selected chip colours */
body:not(#sf1):not(#sf2) .search-filter-component-combobox--mode-multiple .search-filter-component-combobox__selection-item {
    background-color: #F1F0F5;
    font-weight: 700;
}

/* Search & Filter Pro - Dropdown selected/active option background */
body:not(#sf1):not(#sf2) .search-filter-component-combobox-base__listbox-option--selected {
    background: #F1F0F5;
    color: #3c434a;
}

body:not(#sf1):not(#sf2) .search-filter-component-combobox-base__listbox-option--active {
    background: #F1F0F5;
    color: #3c434a;
}

body:not(#sf1):not(#sf2) .search-filter-component-combobox-base__listbox-option--active:hover,
body:not(#sf1):not(#sf2) .search-filter-component-combobox-base__listbox-option--active.search-filter-component-combobox-base__listbox-option--selected {
    background: #F1F0F5;
    color: #3c434a;
}

/* Search & Filter Pro - Match site font */
body:not(#sf1):not(#sf2) .search-filter-component-combobox {
    font-family: "Atten Round New", sans-serif;
}

body:not(#sf1):not(#sf2) .search-filter-component-combobox-base__listbox {
    font-family: "Atten Round New", sans-serif;
}

/* Listing pagination (resources / blog) - match site button styling.
   body:not(#sf1):not(#sf2) boosts specificity over Beaver Builder's default
   pagination CSS (same pattern as the Search & Filter overrides above). */
body:not(#sf1):not(#sf2) .fl-builder-pagination {
    text-align: center;
}

body:not(#sf1):not(#sf2) .fl-builder-pagination ul.page-numbers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 100%;
    margin: 2.5em 0 0;
    padding: 0;
    list-style: none;
}

body:not(#sf1):not(#sf2) .fl-builder-pagination ul.page-numbers li {
    margin: 0;
    padding: 0;
}

body:not(#sf1):not(#sf2) .fl-builder-pagination li > .page-numbers {
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    height: 42px;
    margin: 0;
    padding: 0 14px;
    border: 2px solid var(--color-primary-navy);
    border-radius: 6px;
    background: #fff;
    color: var(--color-primary-navy);
    font-family: "Atten Round New", sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
    transition: var(--transition-smooth);
}

body:not(#sf1):not(#sf2) .fl-builder-pagination li > a.page-numbers:hover,
body:not(#sf1):not(#sf2) .fl-builder-pagination li > a.page-numbers:focus {
    background: var(--color-primary-navy);
    color: #fff;
}

body:not(#sf1):not(#sf2) .fl-builder-pagination li > .page-numbers.current {
    background: var(--color-primary-navy);
    color: #fff;
}

body:not(#sf1):not(#sf2) .fl-builder-pagination li > .page-numbers.dots {
    border-color: transparent;
    background: transparent;
    min-width: 0;
    padding: 0 4px;
}

/* Next / Previous: chevrons instead of the » « double-arrows */
body:not(#sf1):not(#sf2) .fl-builder-pagination li > a.page-numbers.next,
body:not(#sf1):not(#sf2) .fl-builder-pagination li > a.page-numbers.prev {
    font-size: 0;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

body:not(#sf1):not(#sf2) .fl-builder-pagination li > a.page-numbers.next::after {
    content: "Next \203A";
    font-size: 14px;
}

body:not(#sf1):not(#sf2) .fl-builder-pagination li > a.page-numbers.prev::after {
    content: "\2039 Previous";
    font-size: 14px;
}

/* Projects archive CTA buttons ("View past projects" / "Back to current
   projects"). The .iriss-cta-button class is set on the Beaver Builder Button
   module. The body:not(#sf1):not(#sf2) prefix boosts specificity over BB's
   per-node button colour rules (same pattern as the overrides above), so the
   teal-on-white styling matches the "Read more" card buttons. */
body:not(#sf1):not(#sf2) .iriss-cta-button .fl-button,
body:not(#sf1):not(#sf2) .iriss-cta-button a.fl-button,
body:not(#sf1):not(#sf2) .iriss-cta-button a.fl-button:visited {
    background-color: #2a8378;
}

body:not(#sf1):not(#sf2) .iriss-cta-button .fl-button,
body:not(#sf1):not(#sf2) .iriss-cta-button .fl-button *,
body:not(#sf1):not(#sf2) .iriss-cta-button a.fl-button:visited,
body:not(#sf1):not(#sf2) .iriss-cta-button a.fl-button:visited * {
    color: #ffffff;
}

body:not(#sf1):not(#sf2) .iriss-cta-button .fl-button:hover,
body:not(#sf1):not(#sf2) .iriss-cta-button .fl-button:focus,
body:not(#sf1):not(#sf2) .iriss-cta-button .fl-button:hover *,
body:not(#sf1):not(#sf2) .iriss-cta-button .fl-button:focus * {
    color: #ffffff;
}

body:not(#sf1):not(#sf2) .iriss-cta-button .fl-button:hover,
body:not(#sf1):not(#sf2) .iriss-cta-button .fl-button:focus {
    background-color: #1e6b62;
}