/* IATSE Local 33 brand color scheme (blue + gold), loaded after the template CSS to override it. */
:root {
    --iatse-blue: #1f6cb5;
    --iatse-blue-dark: #16548d;
    --iatse-gold: #f5a800;
}

/* Links & primary buttons */
a { color: var(--iatse-blue); }
a:hover { color: var(--iatse-blue-dark); }

.btn-primary,
.btn-primary-outline {
    background-color: var(--iatse-blue) !important;
    border-color: var(--iatse-blue) !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary-outline:hover {
    background-color: var(--iatse-blue-dark) !important;
    border-color: var(--iatse-blue-dark) !important;
    color: #fff !important;
}

/* Header navigation (rd-navbar template) */
.rd-navbar-nav > li > a { color: #1f2937; font-weight: 600; }
.rd-navbar-nav > li > a:hover,
.rd-navbar-nav > li.active > a { color: var(--iatse-blue); }
.rd-navbar-nav > li.active > a { box-shadow: inset 0 -3px 0 var(--iatse-gold); }
.rd-navbar-dropdown,
.rd-navbar-megamenu { border-top: 3px solid var(--iatse-gold); }
.rd-navbar-dropdown a:hover { color: var(--iatse-blue); }

/* CMS page components (override the inline render styles) */
.cms-doc-section-title {
    color: var(--iatse-blue) !important;
    border-bottom: 2px solid var(--iatse-gold) !important;
}
.cms-doc-title:hover { color: var(--iatse-blue) !important; }
.cms-doc-icon i { /* keep file-type colors as set inline */ }

.cms-contact h2 { color: var(--iatse-blue) !important; }
.cms-contact .office-hours h3,
.cms-contact .contact-card h3 { color: var(--iatse-blue) !important; }
.cms-contact .contact-map iframe { border: 2px solid var(--iatse-gold) !important; }

/* Generic accents */
.text-primary { color: var(--iatse-blue) !important; }
.bg-primary { background-color: var(--iatse-blue) !important; }

/* Recolor the dark navy band (bg-ebony-clay) to the IATSE logo blue */
.bg-ebony-clay { background: var(--iatse-blue) !important; fill: var(--iatse-blue) !important; }

/* Shorter home banner: cap the carousel slide height and crop to a band */
#carousel-example-generic .item img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 768px) {
    #carousel-example-generic .item img { height: 220px; }
}

/* Centered brand block (logo + IATSE LOCAL 33) with nav centered below it */
.rd-navbar-group { display: flex !important; flex-direction: column; align-items: center; }
.rd-navbar-panel { width: 100%; text-align: center; float: none; }
.rd-navbar-brand.brand { float: none !important; display: inline-flex !important; justify-content: center; }
.rd-navbar-nav-wrap { width: 100%; }
.rd-navbar-nav-inner { width: 100%; }
.rd-navbar-nav { display: flex !important; justify-content: center; float: none !important; }