/* At the very top of your CSS file */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;500;600;700&display=swap');

:root {
  /* ===== NEW COLOR SYSTEM ===== */
  
  /* DARK BLUE → GOLD PRIMARY (40% - Headers, emphasis, navigation bars) */
  --blue: #C8A53B;
  --blue-dark: #C8A53B;
  --blue-darker: #C8A53B;
  --indigo: #C8A53B;
  --purple: #C8A53B;
  --primary: #C8A53B;
  --dark: #1F3255;
  --theme-primary-color: #C8A53B;
  --theme-primary-bgcolor: #C8A53B;
  
  /* LIGHT BLUE → GOLD SECONDARY (30% - Buttons, links, interactive elements) */
  --theme-secondary-color: #EAD292;
  --theme-secondary-bgcolor: #EAD292;
  --blue-light: #EAD292;
  --blue-lighter: #FAF7ED;
  
  /* MEDIUM BLUE → DEEP RED (5% - Supporting, accents) */
  --theme-tertiary-color: #B52B2D;
  --theme-tertiary-bgcolor: #B52B2D;
  --cyan: #B52B2D;
  --teal: #B52B2D;
  --info: #B52B2D;
  --green: #B52B2D;
  --success: #B52B2D;
  
  /* ===== RED ACCENT → SILVER (Supporting elements) ===== */
  --red: #B3B3B3;
  --danger: #B3B3B3;
  --warning: #B3B3B3;
  --orange: #B3B3B3;
  --yellow: #B3B3B3;
  --pink: #B3B3B3;
  
  /* ===== NEUTRALS ===== */
  --white: #FFFFFF;
  --light: #F1F1F1;
  --grey-lighter: #F1F1F1;
  --black: #000000;
  --grey-darker: #000000;
  --body-color: #000000;
  --theme-font-color: #000000;
  
  /* Grays - Keep for secondary UI */
  --gray: #B3B3B3;
  --grey: #B3B3B3;
  --grey-light: #B3B3B3;
  --secondary: #B3B3B3;
  --gray-dark: #1F3255;
  --grey-dark: #1F3255;
  
  /* ===== HEADER COLORS ===== */
  --theme-h1-font-color: #C8A53B;
  --theme-h2-font-color: #C8A53B;
  --theme-h3-font-color: #C8A53B;
  --theme-h4-font-color: #C8A53B;
  --theme-h5-font-color: #C8A53B;
  --theme-h6-font-color: #C8A53B;
  
  /* ===== LINK COLORS ===== */
  --theme-anchor-color: #EAD292;
  --theme-anchor-hover-color: #B52B2D;
  
  /* ===== SHADOWS ===== */
  --theme-box-shadow-primary-color: rgba(200, 165, 59, .08);
  --theme-box-shadow-secondary-color: rgba(200, 165, 59, .15);
  --theme-header-box-shadow-color: rgba(200, 165, 59, .1);
  
  /* Keep typography settings unchanged */
  --theme-font-family: "Montserrat", Arial, sans-serif;
  --theme-font-size: 16px;
  --theme-font-weight: normal;
  --theme-letter-spacing: .25px;
  --theme-line-height: 1.5;
  
  /* Breakpoints - unchanged */
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
}

/* ===== BUTTONS ===== */

/* Primary buttons - Gold secondary with dark text */
.btn,
.btn-primary {
  background-color: #EAD292 !important;
  color: #1F3255 !important;
  border-color: #EAD292 !important;
}

/* Hover: Gold secondary → Deep red */
.btn:hover,
.btn-primary:hover {
  background-color: #B52B2D !important;
  border-color: #B52B2D !important;
  color: #FFFFFF !important;
}

/* Outline buttons - White bg with gold text, NO BORDER */
.btn.outline-btn,
.c-info-section__column-button {
  background-color: #FFFFFF !important;
  color: #EAD292 !important;
  border: none !important;
}

/* Hover: White → Gold secondary background */
.btn.outline-btn:hover,
.c-info-section__column-button:hover {
  background-color: #EAD292 !important;
  color: #1F3255 !important;
  border: none !important;
}

/* Info/Success buttons - Deep red */
.btn-info,
.btn-success {
  background-color: #B52B2D !important;
  border-color: #B52B2D !important;
  color: #FFFFFF !important;
}

/* Hover: Deep red → Gold primary */
.btn-info:hover,
.btn-success:hover {
  background-color: #C8A53B !important;
  border-color: #C8A53B !important;
  color: #FFFFFF !important;
}

/* Secondary buttons - Silver */
.btn-secondary {
  background-color: #B3B3B3 !important;
  border-color: #B3B3B3 !important;
  color: #1F3255 !important;
}

/* Hover: Silver → Darker gray */
.btn-secondary:hover {
  background-color: #8A8A8A !important;
  border-color: #8A8A8A !important;
  color: #FFFFFF !important;
}

/* Danger/Warning buttons - Silver */
.btn-danger,
.btn-warning {
  background-color: #B3B3B3 !important;
  border-color: #B3B3B3 !important;
  color: #1F3255 !important;
}

.btn-danger:hover,
.btn-warning:hover {
  background-color: #8A8A8A !important;
  border-color: #8A8A8A !important;
  color: #FFFFFF !important;
}

/* ===== HEADERS ===== */
h1, h2, h3, h4, h5, h6 {
  color: #C8A53B !important;
}

.c-number-counter__item-count,
.c-number-counter__number-counter-column_title,
.l-portfolio__item-title,
.l-team-archive__name {
  color: #C8A53B !important;
}

/* ===== NAVIGATION - REMOVE YELLOW UNDERLINE ===== */

/* Remove ::after yellow pseudo-element */
.c-header__nav-link::before,
.c-header__nav-link::after,
.nav-link::before,
.nav-link::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    border: none !important;
}

/* Remove border-bottom */
.c-header__nav-link {
    border-bottom: none !important;
}

/* Default navigation links */
.nav-link,
.c-header__nav-link {
    color: #1F3255 !important;
    font-weight: 500;
    position: relative;
    transition: all 0.3s ease;
}

/* Active state - Bold, no background */
.nav-link.active,
.c-header__nav-link.active {
    color: #EAD292 !important;
    font-weight: 700 !important;
    border-radius: 5px;
    padding: 8px 16px;
}

/* Hover state */
.nav-link:hover,
.c-header__nav-link:hover {
    color: #B52B2D !important;
}

/* Active link stays same on hover */
.nav-link.active:hover,
.c-header__nav-link.active:hover {
    color: #EAD292 !important;
}

/* ===== LINKS ===== */
a {
  color: #EAD292 !important;
}

/* Hover: Gold secondary → Deep red */
a:hover {
  color: #B52B2D !important;
}

/* ===== BACKGROUNDS ===== */
.bg-primary {
  background-color: #C8A53B !important;
}

.bg-secondary {
  background-color: #B3B3B3 !important;
}

.bg-info,
.bg-success {
  background-color: #B52B2D !important;
}

.bg-danger,
.bg-warning {
  background-color: #B3B3B3 !important;
}

.bg-light {
  background-color: #F1F1F1 !important;
}

/* ===== TEXT COLORS ===== */
.text-primary {
  color: #C8A53B !important;
}

.text-secondary {
  color: #B3B3B3 !important;
}

.text-info,
.text-success {
  color: #B52B2D !important;
}

.text-danger,
.text-warning {
  color: #B3B3B3 !important;
}

/* ===== BADGES & ALERTS ===== */
.badge-primary {
  background-color: #C8A53B !important;
}

.badge-info,
.badge-success {
  background-color: #B52B2D !important;
}

.badge-danger,
.badge-warning {
  background-color: #B3B3B3 !important;
}

.alert-primary {
  background-color: rgba(200, 165, 59, .1) !important;
  border-color: #C8A53B !important;
  color: #C8A53B !important;
}

.alert-info,
.alert-success {
  background-color: rgba(181, 43, 45, .1) !important;
  border-color: #B52B2D !important;
  color: #B52B2D !important;
}

.alert-danger,
.alert-warning {
  background-color: rgba(179, 179, 179, .1) !important;
  border-color: #B3B3B3 !important;
  color: #1F3255 !important;
}

/* ===== FOOTER (FULL WIDTH WITH TOP ROUNDED CORNERS) ===== */

.c-footer {
    background-color: #C8A53B !important;
    padding: 100px 0 30px;
    display: block;
    /* Only top corners rounded */
    border-top-left-radius: 25px !important;
    border-top-right-radius: 25px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin: 0;
    width: 100%;
}

/* Make sure container inside footer is also full width */
.c-footer .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Footer headings - WHITE */
.c-footer__footer-heading {
    color: #FFFFFF !important;
}

/* Footer text - WHITE */
.c-footer,
.c-footer p,
.c-footer a,
.c-footer__footer-content,
.c-footer__footer-content p,
.c-footer__copyright-text,
.c-footer__copyright-text p,
.c-footer__footer-column ul li,
.c-footer__footer-column ul li a {
    color: #FFFFFF !important;
}

/* Footer link hover - Gold secondary */
.c-footer a:hover,
.c-footer__footer-column ul li a:hover {
    color: #EAD292 !important;
}

/* Footer social icons - White circle with gold icon */
.c-footer__copyright-social-icon ul li a i {
    background-color: #FFFFFF !important;
    padding: 10px;
    border-radius: 50%;
    color: #C8A53B !important;
    transition: .5s;
}

/* Footer social icons hover - Gold secondary circle with white icon */
.c-footer__copyright-social-icon ul li a i:hover {
    background-color: #EAD292 !important;
    color: #1F3255 !important;
}

/* Font Awesome brands */
.fab {
    font-family: 'Font Awesome 5 Brands';
}

/* ===== BORDERS ===== */
.border-primary {
  border-color: #C8A53B !important;
}

.border-secondary {
  border-color: #B3B3B3 !important;
}

.border-danger,
.border-warning {
  border-color: #B3B3B3 !important;
}

/* ===== SPECIFIC OVERRIDES ===== */

/* Override old blue colors */
[style*="rgb(45, 54, 99)"],
[style*="#002868"] {
  color: #C8A53B !important;
}

[style*="background-color: rgb(45, 54, 99)"],
[style*="background: rgb(45, 54, 99)"],
[style*="background-color: #002868"],
[style*="background: #002868"] {
  background-color: #C8A53B !important;
}

[style*="rgb(110, 146, 255)"],
[style*="#4A7BC8"] {
  color: #EAD292 !important;
}

[style*="background-color: rgb(110, 146, 255)"],
[style*="background: rgb(110, 146, 255)"],
[style*="background-color: #4A7BC8"],
[style*="background: #4A7BC8"] {
  background-color: #EAD292 !important;
}

[style*="rgb(22, 44, 64)"] {
  color: #1F3255 !important;
}

[style*="rgb(0, 57, 143)"],
[style*="#00398F"] {
  color: #B52B2D !important;
}

[style*="background-color: rgb(0, 57, 143)"],
[style*="background: rgb(0, 57, 143)"],
[style*="background-color: #00398F"],
[style*="background: #00398F"] {
  background-color: #B52B2D !important;
}

/* Heroicons new color scheme */
.icon-patriotic-3 { stroke: none !important; }
.icon-patriotic-3 path:nth-child(1) { fill: #C8A53B; }
.icon-patriotic-3 path:nth-child(2) { fill: #EAD292; }
.icon-patriotic-3 path:nth-child(3) { fill: #B52B2D; }

/* Gradient option */
.icon-patriotic-gradient { 
    stroke: url(#patriotic-gradient); 
}

/* Feature icons (replaces 87px PNGs) */
.feature-icon,
.c-info-section__analyze-column_column-image img,
.c-info-section__analyze-column_column-image svg {
    width: 96px;
    height: 96px;
}

/* Responsive sizing */
@media (max-width: 767px) {
    .feature-icon {
        width: 64px;
        height: 64px;
    }
}

/* ===== TITLE BLOCK WAVE BACKGROUND ===== */

/* Page title block with wave background */
.block-page-title-block {
    margin-bottom: 4rem;
    padding-top: 0rem;
    position: relative;
}

/* Wave background media */
.block-page-title-block .block__media {
    display: block;
    left: calc(-50vw + 50%);
    max-width: none;
    width: 100vw;
    height: 38rem;
    position: absolute;
    top: 0;
    z-index: 0;
    background-image: url('/images/waive-2.svg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* Full-width block with image on right */
.block-page-title-block .block__inner {
    background-color: #FFFFFF;
    display: flex;
    align-items: stretch;
    max-width: 100%;
    padding: 0;
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
    gap: 0;
    height: 30rem;
}

/* Left side: Text content */
.block__inner-text {
    flex: 1 1 42%;
    min-width: 42%;
    padding: 1.5rem 3.5rem 1.75rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    background-color: #FFFFFF;
}

/* Right side: Full-height image with overlay */
.block__inner-image {
    flex: 0 0 58%;
    min-height: 100%;
    position: relative;
}

/* Base hero image */
.hero-image-base {
    object-fit: cover;
    display: block;
    object-position: center;
}

/* Overlapping color image - OUTSIDE to the left */
.hero-image-overlay {
    position: absolute;
    bottom: 24px;
    left: -48px;
    width: auto;
    height: 50%;
    z-index: 2;
    object-fit: contain;
}

/* Call to action button - bottom left aligned with overlay */
.block__inner-text .c-call-to-action__button {
    position: absolute;
    bottom: 30px;
    left: 3.5rem;
    color: #B52B2D;
}

.block__inner-text .c-call-to-action__button .btn {
    margin: 0;
}

/* Responsive: Stack on mobile - TEXT GOES BELOW IMAGE */
@media (max-width: 991px) {
    .block-page-title-block .block__inner {
        flex-direction: column;
        height: auto;
    }
    
    /* Image on top */
    .block__inner-image {
        flex: 0 0 300px;
        order: 1;
        width: 100%;
    }
    
    /* Text below image */
    .block__inner-text {
        order: 2;
        padding: 1rem 2rem 1.25rem;
        min-width: 100%;
        flex: 1 1 auto;
    }
    
    .hero-image-base {
        object-position: center center;
    }
    
    .hero-image-overlay {
        bottom: 16px;
        left: -24px;
        height: 40%;
    }
    
    /* Button positioning on mobile */
    .block__inner-text .c-call-to-action__button {
        position: relative;
        bottom: auto;
        left: auto;
        margin-top: 1.5rem;
    }
}

/* Fix main content position below fixed header */
#main-content {
    margin-top: 86px;
}

/* Sidebar container - 20% width */
#sidebar-image {
    position: fixed;
    left: 0;
    top: 210px;
    width: 30%;
    height: calc(100vh - 140px);
}

/* Image - 15% of screen width (75% of container) */
#sidebar-image img {
    width: 75%;
    object-fit: cover;
    display: block;
    margin: 0 auto;
}

@media (max-width: 991px) {
    #sidebar-image {
        display: none;
    }
}

/* Simple styling - no fixed positioning needed */
scrolling-text {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    background: #f5f5f5; 
    padding: 12px 0;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

scrolling-text > div {
    display: inline-block;
}

.text-size--larger {
    font-size: 1.1rem;
}

.element--horizontal-space--regular-x-2 {
    padding: 0 2rem;
}

/* Hide demo wrapper elements */
.demo-container {
    margin: 0;
}

.demo-label {
    display: none;
}

/* Adjust ROW  t */

.row {
margin-bottom: 32px;  
} 

/* Ensure header displays normally */
.c-header {
    display: block !important;
    position: relative !important; /* Use relative if not fixed */
    z-index: 1000; /* Keep it above other content */
}

/* Ensure navbar inside header shows */
.c-header__navbar {
    display: flex !important;
}

/* Print version */
@media print {
    .c-header {
        display: block !important;
        position: relative !important;
    }
    .c-header__navbar {
        display: flex !important;
    }
}