/*
 * AHCEM Color Override — EM Brand
 * Green → Maroon | Blue → Red
 * Colors derived from EM logo (crimson #8C2332, silver gray)
 *
 * Load LAST — after all other stylesheets.
 * All colors defined as vars in :root — change once, applies everywhere.
 */


/* ============================================================
   1. COLOR TOKENS
   ============================================================ */
:root {
    /* ── Base RGB channels (kept for rgba() in gradients/shadows) ── */
    --o-color1-base: 92, 21, 30;
    --o-color2-base: 140, 35, 50;
    --o-color3-base: 92, 21, 30;
    /* ── Maroon scale (replaces greens) ── */
    --o-color1-900: #ae2026;
    --o-color1-700: #ae2026;
    --o-color1-600: #993f4c;
    --o-color1-500: #b35a66;
    --o-color1-400: #cc8490;
    --o-color1-300: #dda8b0;
    --o-color1-200: #eeccd2;
    --o-color1-100: #f7e6e9;
    /* ── Crimson scale (replaces blues) ── */
    --o-color2-900: #8c2332;
    --o-color2-800: #9a3d4b;
    --o-color2-700: #ae2026;
    --o-color2-600: #be6070;
    --o-color2-400: #d98e9a;
    --o-color2-300: #e6afb8;
    --o-color2-200: #f0ced4;
    --o-color2-100: #f9e5e8;
    --o-color2-emphasis: #8c2332;
    /* ── Color3: CTA / hero buttons (dark maroon) ── */
    --o-color3-900: #5c151e;
    --o-color3-800: #6e2029;
    --o-color3-700: #7a2d36;
    --o-color3-600: #993f4c;
    --o-color3-400: #cc8490;
    --o-color3-300: #dda8b0;
    --o-color3-200: #eeccd2;
    --o-color3-100: #f7e6e9;
    /* ── RGB channels for rgba() usage ── */
    --o-color2-700-rgb: var(--o-color2-base);
    --o-color2-800-rgb: var(--o-color2-base);
    /* ── Bootstrap overrides ── */
    --bs-primary: var(--o-color2-700);
    --bs-primary-rgb: var(--o-color2-700-rgb);
    --bs-primary-text-emphasis: var(--o-color2-emphasis);
    --bs-primary-bg-subtle: var(--o-color2-100);
    --bs-primary-border-subtle: var(--o-color2-300);
    --bs-link-color: var(--o-color2-700);
    --bs-link-color-rgb: var(--o-color2-700-rgb);
    --bs-link-hover-color: var(--o-color2-800);
    --bs-link-hover-color-rgb: var(--o-color2-800-rgb);
    --bs-focus-ring-color: rgba(var(--o-color2-700-rgb), 0.25);
    --bs-dropdown-link-active-bg: var(--o-color2-700);
    --bs-dropdown-link-active-color: #fff;
    --bs-dropdown-link-hover-bg: var(--o-color2-100);
    --bs-dropdown-link-hover-color: var(--o-color2-900);
    /* ── BS5 component-level vars ── */
    --bs-nav-pills-link-active-bg: var(--o-color2-700);
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-tabs-link-active-color: var(--o-color2-700);
    --bs-nav-tabs-link-active-border-color: var(--o-color2-700);
    --bs-nav-link-color: var(--o-color2-700);
    --bs-nav-link-hover-color: var(--o-color2-800);
    --bs-pagination-active-bg: var(--o-color2-700);
    --bs-pagination-active-border-color: var(--o-color2-700);
    --bs-pagination-active-color: #fff;
    --bs-pagination-color: var(--o-color2-700);
    --bs-pagination-hover-color: var(--o-color2-800);
    --bs-pagination-hover-bg: var(--o-color2-100);
    --bs-pagination-hover-border-color: var(--o-color2-300);
    --bs-pagination-focus-color: var(--o-color2-800);
    --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(var(--o-color2-base), 0.25);
    --bs-list-group-active-bg: var(--o-color2-700);
    --bs-list-group-active-border-color: var(--o-color2-700);
    --bs-list-group-active-color: #fff;
    --bs-accordion-active-bg: var(--o-color2-100);
    --bs-accordion-active-color: var(--o-color2-900);
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%238C2332'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--o-color2-base), 0.25);
    --bs-form-check-bg: var(--o-color2-700);
    /* ── Section tints ── */
    --lt-green: var(--o-color1-100);
    --lt-blue: var(--o-color2-100);
    --lt-pink: var(--o-color2-100);
}


/* ============================================================
   2. SECTION BACKGROUND COLORS
   ============================================================ */
.green-background,
.cardbox .blue-background,
.cardbox .white-background {
    background-color: var(--o-color1-100) !important;
}

.blue-background,
.cardbox .green-background {
    background-color: var(--o-color2-100) !important;
}

.pink-background,
.cardbox .pink-background {
    background-color: var(--o-color2-100) !important;
}

.white-background.bg-darkx {
    background-color: var(--o-color1-100) !important;
}


/* ============================================================
   3. SECTION TEXT COLORS
   ============================================================ */
.green-background *:not(h1, h2, h3, h4, h5, h6) {
    color: var(--o-color1-700) !important;
}

.blue-background *:not(h1, h2, h3, h4, h5, h6) {
    color: var(--o-color2-700) !important;
}

.white-background *:not(h1, h2, h3, h4, h5, h6) {
    color: var(--o-color1-700) !important;
}


/* ============================================================
   4. INTRO LINE BARS
   ============================================================ */
.introLine.green-background {
    background-color: var(--o-color1-600) !important;
}

.introLine.blue-background {
    background-color: var(--o-color2-700) !important;
}

.introLine.pink-background {
    background-color: var(--o-color2-600) !important;
}


/* ============================================================
   5. ELEMENT-SCOPED OVERRIDES (no Tailwind dependency)
   ============================================================ */

/* Footer bg — targets <footer> inside AHCEM layout */
footer.w-full {
    background-color: var(--o-color1-900) !important;
}

/* Header utility nav links — .langs container in top bar */
.langs a:hover {
    color: var(--o-color1-600) !important;
}

/* ThreeLevelNavigation links — Bootstrap navbar within AHCEM nav */
.navbar-nav .nav-link:hover {
    color: var(--o-color1-600) !important;
}


/* ============================================================
   6. TAILWIND UTILITY OVERRIDES (fallback)
   ============================================================ */
.bg-\[\#0c3618\]  { background-color: var(--o-color1-900) !important; }
.text-\[\#0c3618\] { color: var(--o-color1-900) !important; }

.hover\:text-\[\#1c8038\]:hover { color: var(--o-color1-600) !important; }
.text-\[\#1c8038\] { color: var(--o-color1-600) !important; }

.bg-\[\#eaf1f7\]  { background-color: var(--o-color2-100) !important; }
.bg-\[\#1c527b\]  { background-color: var(--o-color2-700) !important; }
.text-\[\#1c527b\] { color: var(--o-color2-700) !important; }
.hover\:bg-\[\#1c527b\]:hover { background-color: var(--o-color2-700) !important; }

footer.bg-\[\#0c3618\],
footer[class*="bg-"] {
    background-color: var(--o-color1-900) !important;
}


/* ============================================================
   6. LEGACY COMPONENT OVERRIDES
   ============================================================ */
.ui-accordion .ui-accordion-header {
    background-color: var(--o-color2-700) !important;
    border-bottom-color: var(--o-color2-700) !important;
}

.nonePadding .postTitle {
    background-color: var(--o-color2-900) !important;
}

.nonePadding .postTitle:hover {
    background-color: var(--o-color2-400) !important;
}

.button,
input[type=submit]:not(.SearchSubmit),
.ruFileInput {
    background-color: var(--o-color2-900) !important;
}

.button:hover,
input[type=submit]:not(.SearchSubmit):hover,
.cta-button-in-detailpage:hover {
    background-color: var(--o-color2-800) !important;
}

.hamburger span,
.hamburger span:before,
.hamburger span:after {
    background-color: var(--o-color2-600) !important;
}

input[type=text]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
    border-color: var(--o-color2-700) !important;
}

.accessible-megamenu :focus {
    outline-color: var(--o-color2-700) !important;
}

:focus {
    outline-color: var(--o-color2-700) !important;
}


/* ============================================================
   7. FOOTER OVERRIDES
   ============================================================ */
footer {
    background-color: var(--o-color1-900) !important;
    color: #fff !important;
}

footer a {
    color: var(--o-color1-100) !important;
}

footer a:hover {
    color: #fff !important;
}


/* ============================================================
   8. NAVIGATION OVERRIDES
   ============================================================ */
.accessible-megamenu-top-nav-item a:hover {
    border-bottom-color: var(--o-color2-700) !important;
}

h2.open a {
    border-bottom-color: var(--o-color2-700) !important;
}

.SumoSelect > .optWrapper > .options li.opt:hover {
    background-color: var(--o-color2-700) !important;
}


/* ============================================================
   9. BWA ATTACH LAYER OVERRIDES
   ============================================================ */
.bwa-attach {
    --bwa-shadow-primary: 0 0.5rem 1.5rem rgba(var(--o-color2-700-rgb), 0.25);
    --bwa-shadow-primary-sm: 0 0.25rem 0.75rem rgba(var(--o-color2-700-rgb), 0.15);
    --bwa-focus-ring-primary: 0 0 0 0.25rem rgba(var(--o-color2-700-rgb), 0.25);
}

.bwa-attach .bwa-input:focus,
.bwa-attach [data-slot="input"]:focus,
.bwa-attach .bwa-module input:focus,
.bwa-attach .bwa-module textarea:focus,
.bwa-attach .bwa-module select:focus {
    border-color: var(--o-color2-700) !important;
}

.bwa-attach button[type="submit"],
.bwa-attach input[type="submit"],
.bwa-attach .bwa-submit {
    background-color: var(--o-color2-700) !important;
    border-color: var(--o-color2-700) !important;
}

.bwa-attach button[type="submit"]:hover,
.bwa-attach input[type="submit"]:hover,
.bwa-attach .bwa-submit:hover {
    background-color: var(--o-color2-800) !important;
    border-color: var(--o-color2-900) !important;
}

.bwa-attach button[type="submit"]:focus,
.bwa-attach input[type="submit"]:focus,
.bwa-attach .bwa-submit:focus {
    box-shadow: 0 0 0 .25rem rgba(var(--o-color2-700-rgb), .5) !important;
}

.bwa-attach input:focus,
.bwa-attach select:focus,
.bwa-attach textarea:focus {
    border-color: var(--o-color2-300) !important;
    box-shadow: 0 0 0 .25rem rgba(var(--o-color2-700-rgb), .25) !important;
}


/* ============================================================
   10. CALENDAR / FULLCALENDAR OVERRIDES
   ============================================================ */
.calendar .list-view h2 {
    background-color: var(--o-color2-700) !important;
}

.calendar .color-filter a {
    border-color: var(--o-color2-700) !important;
}


/* ============================================================
   11. MISCELLANEOUS
   ============================================================ */
.call-to-action {
    border-color: var(--o-color2-700) !important;
}

.tabbed .tabbed-nav li.active {
    border-bottom-color: var(--o-color2-700) !important;
}

.tabbed-content.tab-content {
    border-top-color: var(--o-color2-700) !important;
}

.pricing .item .ribbon .text {
    background-color: var(--o-color1-600) !important;
}

.pricing .item .ribbon .text:before,
.pricing .item .ribbon .text:after {
    border-top-color: var(--o-color1-900) !important;
}

.pricing .feature-icon {
    color: var(--o-color2-700) !important;
}

.profile .social a {
    background-color: var(--o-color2-700) !important;
}

.admin-control nav ul li a:hover {
    background-color: var(--o-color2-300) !important;
}

.admin-control .logout-button {
    background-color: var(--o-color2-300) !important;
    background: linear-gradient(0deg, var(--o-color2-100), var(--o-color2-300) 68%) no-repeat !important;
}

.admin-control .logout-button:hover {
    background-color: var(--o-color2-700) !important;
    background: linear-gradient(0deg, var(--o-color2-800), var(--o-color2-700) 82%) no-repeat !important;
}


/* ============================================================
   12. SUMOSELECT OVERRIDES
   ============================================================ */
.SumoSelect:focus > .CaptionCont,
.SumoSelect:hover > .CaptionCont,
.SumoSelect.open > .CaptionCont {
    border-color: var(--o-color2-700) !important;
    box-shadow: 0 0 2px var(--o-color2-700) !important;
}

.SumoSelect > .optWrapper > .options li.opt.selected {
    background-color: var(--o-color2-100) !important;
}


/* ============================================================
   13. TAILWIND COMPILED COLOR OVERRIDES
   ============================================================ */
/* Greens → maroon */
.bg-\[\#b9d8c1\]  { background-color: var(--o-color1-300) !important; }
.bg-\[\#97c5a3\]  { background-color: var(--o-color1-400) !important; }
.bg-\[\#d2e6d8\]  { background-color: var(--o-color1-200) !important; }
.bg-\[\#8bb99a\]  { background-color: var(--o-color1-500) !important; }
.bg-\[\#e8f2eb\]  { background-color: var(--o-color1-100) !important; }
.bg-\[\#1c8038\]  { background-color: var(--o-color1-600) !important; }
.text-\[\#d2e6d8\] { color: var(--o-color1-200) !important; }
.text-\[\#97c5a3\] { color: var(--o-color1-400) !important; }
.text-\[\#145b28\] { color: var(--o-color1-700) !important; }
.border-\[\#97c5a3\] { border-color: var(--o-color1-400) !important; }

/* Blues → red */
.bg-\[\#2874ad\]  { background-color: var(--o-color2-700) !important; }
.bg-\[\#113149\]  { background-color: var(--o-color2-900) !important; }
.text-\[\#2874ad\] { color: var(--o-color2-700) !important; }
.text-\[\#113149\] { color: var(--o-color2-900) !important; }
.text-\[\#eaf1f7\] { color: var(--o-color2-100) !important; }
.border-\[\#bcd4e6\] { border-color: var(--o-color2-200) !important; }
.border-\[\#9cbfd9\] { border-color: var(--o-color2-300) !important; }
.border-\[\#eaf1f7\] { border-color: var(--o-color2-100) !important; }
.border-\[\#113149\] { border-color: var(--o-color2-900) !important; }
.border-\[\#2874ad\] { border-color: var(--o-color2-700) !important; }
.border-\[#2874ad\] { border-color: var(--o-color2-700) !important; }

/* Hover variants */
.hover\:bg-\[\#8bb99a\]:hover  { background-color: var(--o-color1-500) !important; }
.hover\:bg-\[\#e8f2eb\]:hover  { background-color: var(--o-color1-100) !important; }
.hover\:bg-\[\#eaf1f7\]:hover  { background-color: var(--o-color2-100) !important; }
.hover\:bg-\[\#2874ad\]:hover  { background-color: var(--o-color2-700) !important; }
.hover\:text-\[\#2874ad\]:hover { color: var(--o-color2-700) !important; }
.hover\:text-\[\#145b28\]:hover { color: var(--o-color1-700) !important; }
.hover\:text-\[\#97c5a3\]:hover { color: var(--o-color1-400) !important; }
.bg-\[\#145b28\]  { background-color: var(--o-color1-700) !important; }

/* Group hover */
.group-hover\:text-\[\#1c8038\]:is(:where(.group):hover *) {
    color: var(--o-color1-600) !important;
}

/* ============================================================
   14. ASCX HARDCODED COLOR OVERRIDES
   ============================================================ */

/* ── Blues from EventListing / ArticleDetails / Banner ── */
.bg-\[\#4f7fb5\]    { background-color: var(--o-color2-700) !important; }
.text-\[\#4f7fb5\]  { color: var(--o-color2-700) !important; }
.bg-\[\#3d6899\]    { background-color: var(--o-color2-800) !important; }
.text-\[\#3d6899\]  { color: var(--o-color2-800) !important; }
.bg-\[\#2d4055\]    { background-color: var(--o-color2-900) !important; }
.text-\[\#2d4055\]  { color: var(--o-color2-900) !important; }
.border-\[\#2d4055\] { border-color: var(--o-color2-900) !important; }

/* ── Blues from Pagination / Select / ArticleFilterListing ── */
.bg-\[\#00549a\]    { background-color: var(--o-color2-700) !important; }
.text-\[\#00549a\]  { color: var(--o-color2-700) !important; }
.border-\[\#00549a\] { border-color: var(--o-color2-700) !important; }
.bg-\[\#003778\]    { background-color: var(--o-color2-900) !important; }
.text-\[\#003778\]  { color: var(--o-color2-900) !important; }
.border-\[\#003778\] { border-color: var(--o-color2-900) !important; }
.bg-\[\#00215e\]    { background-color: var(--o-color2-900) !important; }
.text-\[\#00215e\]  { color: var(--o-color2-900) !important; }
.border-\[\#c2cedf\] { border-color: var(--o-color2-200) !important; }
.bg-\[\#c2cedf\]    { background-color: var(--o-color2-200) !important; }

/* ── Blues from Banner.ascx ── */
.bg-\[\#002F6C\]    { background-color: var(--o-color2-900) !important; }
.text-\[\#002F6C\]  { color: var(--o-color2-900) !important; }
.bg-\[\#E6EBF6\]    { background-color: var(--o-color2-100) !important; }
.text-\[\#E6EBF6\]  { color: var(--o-color2-100) !important; }

/* ── Greens from Pagination.ascx ── */
.bg-\[\#18371d\]    { background-color: var(--o-color1-900) !important; }
.text-\[\#18371d\]  { color: var(--o-color1-900) !important; }
.border-\[\#18371d\] { border-color: var(--o-color1-900) !important; }
.bg-\[\#3c8742\]    { background-color: var(--o-color1-600) !important; }
.text-\[\#3c8742\]  { color: var(--o-color1-600) !important; }
.bg-\[\#eef3ee\]    { background-color: var(--o-color1-100) !important; }


/* ============================================================
   15. INLINE STYLE OVERRIDES (ascx <style> blocks)
   ============================================================ */

/* EventListing.ascx / ArticleDetails.ascx — calendar blues */
.fc-button-primary,
.fc-button-active,
.fc-daygrid-event {
    background-color: var(--o-color2-700) !important;
    border-color: var(--o-color2-800) !important;
}

.fc-button-primary:hover {
    background-color: var(--o-color2-800) !important;
}

/* FilterListWithCalendar.ascx — teal/green overrides */
.fc-today-button,
.fc .fc-button-primary {
    background-color: var(--o-color2-700) !important;
    border-color: var(--o-color2-700) !important;
}

/* FilterListWithCalendar.ascx — inline <style> calendar cells */
.cal-today {
    border-color: var(--o-color2-700) !important;
}

.cal-nav {
    background-color: var(--o-color2-700) !important;
}

.cal-content {
    background-color: var(--o-color2-700) !important;
}

.cal-selected {
    background-color: var(--o-color2-900) !important;
}

/* Login.ascx — registration link */
.user_registeration a {
    color: var(--o-color2-700) !important;
}

/* Pagination.ascx — green pagination colors */
.paging-nav a,
.paging-nav .current {
    border-color: var(--o-color1-900) !important;
}

.paging-nav .current {
    background-color: var(--o-color1-900) !important;
    color: #fff !important;
}

.paging-nav a:hover {
    background-color: var(--o-color1-100) !important;
    color: var(--o-color1-600) !important;
}

/* Login.ascx — accent blue */
.login-form .btn-primary,
.login-form input[type=submit] {
    background-color: var(--o-color2-700) !important;
    border-color: var(--o-color2-700) !important;
}

/* Breadcrumb / SectionContent — green hover */
.breadcrumb a:hover,
.section-cta a:hover {
    color: var(--o-color1-600) !important;
}

/* HorizontalRule — blue line */
hr.styled,
.horizontal-rule hr {
    border-color: var(--o-color2-700) !important;
}

/* Select.ascx — dark blue */
.select-dropdown,
.styled-select {
    border-color: var(--o-color2-900) !important;
}


/* ============================================================
   16. GRADIENT OVERRIDES
   ============================================================ */

/* main.css — Tailwind gradient from/to #0c3618 with alpha */
.from-\[\#0c3618b3\] { --tw-gradient-from: #1f0a0eb3 !important; }
.to-\[\#0c3618d9\]   { --tw-gradient-to: #1f0a0ed9 !important; }

/* Banner.ascx — inline <style> gradients rgba(12,54,24) → maroon */
.carousel-height-wrap,
.hero-overlay {
    background: linear-gradient(to bottom, rgba(var(--o-color1-base), 0.7), rgba(var(--o-color1-base), 0.85)) !important;
}

/* Banner.ascx — hero buttons */
.btn-hero-primary {
    background-color: var(--o-color3-900) !important;
    border-color: var(--o-color3-900) !important;
    color: #fff !important;
}

.btn-hero-primary:hover,
.btn-hero-primary:focus {
    background-color: var(--o-color3-800) !important;
    border-color: var(--o-color3-900) !important;
    color: #fff !important;
}

.btn-hero-secondary {
    background-color: transparent !important;
    border-color: var(--o-color1-400) !important;
    color: #fff !important;
}

.btn-hero-secondary:hover,
.btn-hero-secondary:focus {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: var(--o-color1-400) !important;
    color: #fff !important;
}


/* ============================================================
   17. ACTIVE FILTER / CYAN OVERRIDES
   ============================================================ */
.color-filter a.active,
.calendar .color-filter a.active {
    background-color: var(--o-color2-700) !important;
    border-color: var(--o-color2-700) !important;
    color: #fff !important;
}


/* ============================================================
   18. INLINE style= ATTRIBUTE OVERRIDES
   ============================================================ */
.setBGColor[style*="232, 242, 235"] {
    background-color: var(--o-color1-100) !important;
}

.setBGColor[style*="234, 241, 247"] {
    background-color: var(--o-color2-100) !important;
}


/* ============================================================
   19. BOOTSTRAP 3 PRIMARY COLOR OVERRIDES
   ============================================================ */
a {
    color: var(--o-color2-700);
}

a:hover,
a:focus {
    color: var(--o-color2-800);
}

.btn-primary {
    background-color: var(--o-color2-700) !important;
    border-color: var(--o-color2-800) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--o-color2-800) !important;
    border-color: var(--o-color2-900) !important;
}

.text-primary {
    color: var(--o-color2-700) !important;
}

.bg-primary {
    background-color: var(--o-color2-700) !important;
}

.label-primary {
    background-color: var(--o-color2-700) !important;
}

.panel-primary > .panel-heading {
    background-color: var(--o-color2-700) !important;
    border-color: var(--o-color2-700) !important;
}

.panel-primary {
    border-color: var(--o-color2-700) !important;
}

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    background-color: var(--o-color2-700) !important;
    border-color: var(--o-color2-700) !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover {
    background-color: var(--o-color2-700) !important;
    border-color: var(--o-color2-700) !important;
}

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: var(--o-color2-700) !important;
}

.progress-bar {
    background-color: var(--o-color2-700) !important;
}

.thumbnail.active {
    border-color: var(--o-color2-700) !important;
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover {
    background-color: var(--o-color2-700) !important;
}


/* ============================================================
   20. SUMOSELECT REMAINING BLUES
   ============================================================ */
.SumoSelect > .optWrapper > .options li.opt.sel,
.SumoSelect .select-all.sel {
    background-color: var(--o-color2-100) !important;
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p:focus {
    box-shadow: 0 0 2px var(--o-color2-700) !important;
    border-color: var(--o-color2-700) !important;
    background-color: var(--o-color2-100) !important;
}


/* ============================================================
   21. INLINE <STYLE> BLOCK CLASS OVERRIDES
   ============================================================ */

/* EventListing.ascx / ArticleDetails.ascx — btn-cta blues */
.btn-cta {
    background-color: var(--o-color2-700) !important;
    border-color: var(--o-color2-800) !important;
}

.btn-cta:hover {
    background-color: var(--o-color2-800) !important;
}

#MainContent_ctl00_ctl01_ctlFilter_btnReset {
    border-color: var(--o-color2-700) !important;
    color: var(--o-color2-900) !important;
}

/* EventListing.ascx — event calendar selected day link */
.event-calendar .cal-content a {
    background-color: var(--o-color2-700) !important;
}

/* EventListing.ascx — filter submit button */
.filterBtns input[type="submit"] {
    background-color: var(--o-color2-700) !important;
}

/* ArticlesLister.ascx — bordered button */
.b-btn {
    border-color: var(--o-color2-700) !important;
}

.b-btn:hover {
    background-color: var(--o-color2-100) !important;
}

/* Pagination.ascx — green pagination text */
.pagination-ui a,
.pagination-ui .pagination-ellipsis {
    color: var(--o-color1-900) !important;
}

.pagination-page a {
    color: var(--o-color1-900) !important;
}

/* Pagination.ascx — arrow buttons */
.pagination-arrow {
    border-color: var(--o-color1-600) !important;
    background-color: var(--o-color1-100) !important;
    color: var(--o-color1-900) !important;
}

.pagination-arrow:hover {
    background-color: var(--o-color1-900) !important;
    border-color: var(--o-color1-900) !important;
    color: #fff !important;
}

/* EventsListerContentArea.ascx — inline style border */
a[style*="2874ad"] {
    border-color: var(--o-color2-700) !important;
}

/* Banner.ascx — hero description green tint */
.hero-description {
    color: var(--o-color1-200) !important;
}

/* EventsListerCardsArea.ascx — SVG stroke attribute */
svg[stroke="#2874AD"] {
    stroke: rgba(var(--o-color2-base), 0.75);
}

/* Banner.ascx — SVG carousel arrow fills */
rect[fill="#002F6C"] {
    fill: rgba(var(--o-color2-base), 1);
}

path[fill="#E6EBF6"] {
    fill: #fff;
}


/* ============================================================
   22. COMPONENTS.CSS OVERRIDES
   ============================================================ */

/* Sidebar filter active link — #00adef cyan */
aside .widget.filter .link-hover.active {
    color: var(--o-color2-700) !important;
}

/* Questionnaire correct answer — #006eb9 border, #50a24a/#356931 selected */
.questionnaire .answer .correct {
    border-color: var(--o-color2-700) !important;
}

.questionnaire .answer .correct.selected {
    background-color: var(--o-color1-500) !important;
    border-color: var(--o-color1-700) !important;
}

/* Pricing feature list icon — #4a6781 steel blue */
.pricing .item .feature-list li .fa {
    color: var(--o-color2-600) !important;
}


/* ============================================================
   23. BWA ALERT / BOOTSTRAP SEMANTIC OVERRIDES
   ============================================================ */

/* BWA success alerts — green → color1 */
.bwa-attach .alert-success,
.bwa-attach .notification-success {
    color: var(--o-color1-900) !important;
    background-color: var(--o-color1-100) !important;
    border-color: var(--o-color1-300) !important;
}

.bwa-attach .valid-feedback,
.bwa-attach .success-message {
    color: var(--o-color1-700) !important;
}

/* BWA info alerts — cyan → color2 */
.bwa-attach .alert-info,
.bwa-attach .notification-info {
    color: var(--o-color2-900) !important;
    background-color: var(--o-color2-100) !important;
    border-color: var(--o-color2-200) !important;
}


/* ============================================================
   24. BOOTSTRAP VARIABLE + SEMANTIC COLOR OVERRIDES
   ============================================================ */
:root {
    --bs-blue:    var(--o-color2-700);
    --bs-green:   var(--o-color1-600);
    --bs-teal:    var(--o-color1-500);
    --bs-cyan:    var(--o-color2-600);
    --bs-success: var(--o-color1-600);
    --bs-info:    var(--o-color2-600);
    --bs-success-rgb: var(--o-color1-base);
    --bs-info-rgb:    var(--o-color2-base);
}

/* Bootstrap 3 success buttons + states */
.btn-success {
    background-color: var(--o-color1-600) !important;
    border-color: var(--o-color1-700) !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
    background-color: var(--o-color1-700) !important;
    border-color: var(--o-color1-900) !important;
}

.btn-info {
    background-color: var(--o-color2-600) !important;
    border-color: var(--o-color2-700) !important;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
    background-color: var(--o-color2-700) !important;
    border-color: var(--o-color2-900) !important;
}

/* Success validation states */
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .form-control-feedback {
    color: var(--o-color1-700) !important;
}

.has-success .form-control {
    border-color: var(--o-color1-600) !important;
}

.has-success .form-control:focus {
    border-color: var(--o-color1-700) !important;
}

/* Success backgrounds */
.alert-success {
    color: var(--o-color1-900) !important;
    background-color: var(--o-color1-100) !important;
    border-color: var(--o-color1-300) !important;
}

.label-success {
    background-color: var(--o-color1-600) !important;
}

.bg-success {
    background-color: var(--o-color1-100) !important;
}

/* Info validation states */
.has-info .form-control {
    border-color: var(--o-color2-600) !important;
}

.alert-info {
    color: var(--o-color2-900) !important;
    background-color: var(--o-color2-100) !important;
    border-color: var(--o-color2-200) !important;
}

.label-info {
    background-color: var(--o-color2-600) !important;
}

.bg-info {
    background-color: var(--o-color2-100) !important;
}

.progress-bar-success {
    background-color: var(--o-color1-600) !important;
}

.progress-bar-info {
    background-color: var(--o-color2-600) !important;
}

.list-group-item-success {
    color: var(--o-color1-700) !important;
    background-color: var(--o-color1-100) !important;
}

.list-group-item-info {
    color: var(--o-color2-700) !important;
    background-color: var(--o-color2-100) !important;
}

.panel-success > .panel-heading {
    background-color: var(--o-color1-100) !important;
    border-color: var(--o-color1-300) !important;
    color: var(--o-color1-700) !important;
}

.panel-success {
    border-color: var(--o-color1-300) !important;
}

.panel-info > .panel-heading {
    background-color: var(--o-color2-100) !important;
    border-color: var(--o-color2-200) !important;
    color: var(--o-color2-700) !important;
}

.panel-info {
    border-color: var(--o-color2-200) !important;
}


/* ============================================================
   25. VENDOR PLUGIN OVERRIDES
   ============================================================ */

/* Bootstrap .form-control:focus — #66afe9 blue glow */
.form-control:focus {
    border-color: var(--o-color2-400) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(var(--o-color2-base), 0.3) !important;
}

/* FullCalendar — .fc-event base blue */
.fc-event {
    background-color: var(--o-color2-700) !important;
    border-color: var(--o-color2-700) !important;
}

/* FullCalendar — .fc-highlight selection cyan */
.fc-highlight {
    background-color: var(--o-color2-100) !important;
}

/* jQuery Tag Editor — blues */
.tag-editor .tag-editor-tag {
    color: var(--o-color2-700) !important;
    background-color: var(--o-color2-100) !important;
}

.tag-editor .tag-editor-delete i:before {
    color: var(--o-color2-400) !important;
}

.tag-editor .tag-editor-delete:hover i:before {
    color: var(--o-color2-700) !important;
}

.tag-editor .ui-state-hover {
    background-color: var(--o-color2-100) !important;
}

/* Datepicker — active state blues */
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled {
    background-color: var(--o-color2-700) !important;
    border-color: var(--o-color2-800) !important;
    background-image: none !important;
}

/* Timepicker — selected hover blue */
.ui-timepicker-list .ui-timepicker-selected,
.ui-timepicker-list .ui-timepicker-selected:hover {
    background-color: var(--o-color2-700) !important;
}

/* DataTables — responsive expand green */
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
    background-color: var(--o-color1-600) !important;
}


/* ============================================================
   26. BS5 COMPONENT-LEVEL VAR CONSUMERS
   ============================================================ */

/* Dropdowns */
.dropdown-item.active,
.dropdown-item:active {
    color: var(--bs-dropdown-link-active-color) !important;
    text-decoration: none;
    background-color: var(--bs-dropdown-link-active-bg) !important;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--bs-dropdown-link-hover-color) !important;
    background-color: var(--bs-dropdown-link-hover-bg) !important;
}

/* Nav pills */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: var(--bs-nav-pills-link-active-color) !important;
    background-color: var(--bs-nav-pills-link-active-bg) !important;
}

/* Nav tabs */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: var(--bs-nav-tabs-link-active-color) !important;
    border-bottom-color: var(--bs-nav-tabs-link-active-border-color) !important;
}

/* Nav links */
.nav-link {
    color: var(--bs-nav-link-color);
}

.nav-link:hover,
.nav-link:focus {
    color: var(--bs-nav-link-hover-color);
}

/* Pagination (BS5) */
.page-item.active .page-link {
    color: var(--bs-pagination-active-color) !important;
    background-color: var(--bs-pagination-active-bg) !important;
    border-color: var(--bs-pagination-active-border-color) !important;
}

.page-link {
    color: var(--bs-pagination-color);
}

.page-link:hover {
    color: var(--bs-pagination-hover-color) !important;
    background-color: var(--bs-pagination-hover-bg) !important;
    border-color: var(--bs-pagination-hover-border-color) !important;
}

.page-link:focus {
    color: var(--bs-pagination-focus-color) !important;
    box-shadow: var(--bs-pagination-focus-box-shadow) !important;
}

/* List groups (BS5) */
.list-group-item.active {
    color: var(--bs-list-group-active-color) !important;
    background-color: var(--bs-list-group-active-bg) !important;
    border-color: var(--bs-list-group-active-border-color) !important;
}

/* Accordion (BS5) */
.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color) !important;
    background-color: var(--bs-accordion-active-bg) !important;
}

.accordion-button:focus {
    box-shadow: var(--bs-accordion-btn-focus-box-shadow) !important;
}

/* Buttons (BS5) */
.btn-primary {
    --bs-btn-bg: var(--o-color2-700);
    --bs-btn-border-color: var(--o-color2-700);
    --bs-btn-hover-bg: var(--o-color2-800);
    --bs-btn-hover-border-color: var(--o-color2-900);
    --bs-btn-active-bg: var(--o-color2-900);
    --bs-btn-active-border-color: var(--o-color2-900);
    --bs-btn-focus-shadow-rgb: var(--o-color2-base);
}

.btn-outline-primary {
    --bs-btn-color: var(--o-color2-700);
    --bs-btn-border-color: var(--o-color2-700);
    --bs-btn-hover-bg: var(--o-color2-700);
    --bs-btn-hover-border-color: var(--o-color2-700);
    --bs-btn-active-bg: var(--o-color2-800);
    --bs-btn-active-border-color: var(--o-color2-900);
    --bs-btn-focus-shadow-rgb: var(--o-color2-base);
}

.btn-success {
    --bs-btn-bg: var(--o-color1-600);
    --bs-btn-border-color: var(--o-color1-700);
    --bs-btn-hover-bg: var(--o-color1-700);
    --bs-btn-hover-border-color: var(--o-color1-900);
    --bs-btn-active-bg: var(--o-color1-900);
    --bs-btn-focus-shadow-rgb: var(--o-color1-base);
}

.btn-info {
    --bs-btn-bg: var(--o-color2-600);
    --bs-btn-border-color: var(--o-color2-700);
    --bs-btn-hover-bg: var(--o-color2-700);
    --bs-btn-hover-border-color: var(--o-color2-900);
    --bs-btn-active-bg: var(--o-color2-800);
    --bs-btn-focus-shadow-rgb: var(--o-color2-base);
}

/* Form controls (BS5) */
.form-control:focus {
    border-color: var(--o-color2-400) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--o-color2-base), 0.25) !important;
}

.form-select:focus {
    border-color: var(--o-color2-400) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--o-color2-base), 0.25) !important;
}

.form-check-input:checked {
    background-color: var(--o-color2-700) !important;
    border-color: var(--o-color2-700) !important;
}

.form-check-input:focus {
    border-color: var(--o-color2-400) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--o-color2-base), 0.25) !important;
}

.form-switch .form-check-input:checked {
    background-color: var(--o-color2-700) !important;
}

.form-range::-webkit-slider-thumb {
    background-color: var(--o-color2-700) !important;
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(var(--o-color2-base), 0.25) !important;
}

/* Tables (BS5) */
.table-primary {
    --bs-table-bg: var(--o-color2-100);
    --bs-table-border-color: var(--o-color2-200);
    color: var(--o-color2-900);
}

.table-success {
    --bs-table-bg: var(--o-color1-100);
    --bs-table-border-color: var(--o-color1-200);
    color: var(--o-color1-900);
}

.table-info {
    --bs-table-bg: var(--o-color2-100);
    --bs-table-border-color: var(--o-color2-200);
    color: var(--o-color2-900);
}

/* Badges (BS5) */
.badge.bg-primary {
    background-color: var(--o-color2-700) !important;
}

.badge.bg-success {
    background-color: var(--o-color1-600) !important;
}

.badge.bg-info {
    background-color: var(--o-color2-600) !important;
}

/* Alerts (BS5) */
.alert-primary {
    --bs-alert-color: var(--o-color2-900);
    --bs-alert-bg: var(--o-color2-100);
    --bs-alert-border-color: var(--o-color2-200);
    --bs-alert-link-color: var(--o-color2-900);
}

.alert-success {
    --bs-alert-color: var(--o-color1-900);
    --bs-alert-bg: var(--o-color1-100);
    --bs-alert-border-color: var(--o-color1-300);
    --bs-alert-link-color: var(--o-color1-900);
}

.alert-info {
    --bs-alert-color: var(--o-color2-900);
    --bs-alert-bg: var(--o-color2-100);
    --bs-alert-border-color: var(--o-color2-200);
    --bs-alert-link-color: var(--o-color2-900);
}

/* Breadcrumbs (BS5) */
.breadcrumb-item.active {
    color: var(--o-color2-700);
}

.breadcrumb-item a {
    color: var(--o-color2-700);
}

.breadcrumb-item a:hover {
    color: var(--o-color2-800);
}

/* Spinners (BS5) */
.spinner-border.text-primary {
    color: var(--o-color2-700) !important;
}

.spinner-border.text-success {
    color: var(--o-color1-600) !important;
}

/* Toast (BS5) */
.toast .btn-close:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--o-color2-base), 0.25) !important;
}

/* Offcanvas (BS5) */
.offcanvas .btn-close:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--o-color2-base), 0.25) !important;
}

/* Modal (BS5) */
.modal .btn-close:focus {
    box-shadow: 0 0 0 0.25rem rgba(var(--o-color2-base), 0.25) !important;
}
.max-w-\[1200px\] {
    max-width: 1600px;
}