/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 22 2026 | 12:36:50 */
/* Shared photo hero: navy left-to-right fade over a section background image.
   Usage: Avia Color Section > background image + overlay enabled + custom class "iab-photo-hero".
   Matches the About, How to Join and Membership banners. */
#top .iab-photo-hero .av-section-color-overlay{background-color:transparent;background-image:linear-gradient(90deg,rgba(0,33,61,.94) 0%,rgba(0,33,61,.86) 45%,rgba(0,33,61,.66) 100%);opacity:1}
#top .iab-photo-hero,#top .iab-photo-hero h1,#top .iab-photo-hero h2,#top .iab-photo-hero p{color:#fff}
#top .iab-photo-hero .iab-eyebrow{color:#C9A06A;font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:16px;margin:0 0 10px}
#top .iab-photo-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:900;line-height:1.15;margin:0}

/* Gold bar along the bottom edge of a photo hero (sits under the image, straddling into the next section).
   Usage: Code Block as the last element in the hero section containing <div class="iab-hero-gold-bar"></div> */
.iab-photo-hero .content:has(.iab-hero-gold-bar) {
    position: static; /* let the bar anchor to the section container, not the content column */
}
.iab-photo-hero .iab-hero-gold-bar {
    position: absolute;
    bottom: 0;
    left: calc(50% - 50vw);
    width: 48vw;
    height: 32px;
    background: #c9a06a;
    border-radius: 0 30px 0 0;
    z-index: 2;
    pointer-events: none;
}