.elementor-311 .elementor-element.elementor-element-d0f2ab9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-99b8a80 *//* ============================================
   ELEMENTOR/WORDPRESS HEADER COLOR FIX
   ============================================ */

/* Force white text on all header elements in hero/header sections */
.legal-header h1,
.legal-header h2,
.legal-header h3,
.legal-header h4,
.legal-header h5,
.legal-header h6,
.legal-header .legal-header-subtitle,
.legal-header .effective-date,
.legal-header .effective-date strong,
.legal-header .elementor-heading-title,
.legal-header .elementor-widget-heading .elementor-heading-title,
.legal-header .elementor-widget-text-editor,
.legal-header .elementor-widget-text-editor p,
.legal-header .elementor-widget-text-editor h1,
.legal-header .elementor-widget-text-editor h2,
.legal-header .elementor-widget-text-editor h3,
.legal-header .elementor-widget-text-editor h4,
.legal-header .elementor-widget-text-editor h5,
.legal-header .elementor-widget-text-editor h6,
.legal-header .elementor-widget *,
.legal-header *[class*="elementor"],
.legal-header span,
.legal-header div,
.legal-header p {
    color: #ffffff !important;
}

/* Force white text in CTA sections */
.primary-cta-section h1,
.primary-cta-section h2,
.primary-cta-section h3,
.primary-cta-section h4,
.primary-cta-section h5,
.primary-cta-section h6,
.primary-cta-section p,
.primary-cta-section span,
.primary-cta-section div,
.primary-cta-section .elementor-heading-title,
.primary-cta-section .elementor-widget-heading .elementor-heading-title,
.primary-cta-section .elementor-widget-text-editor,
.primary-cta-section .elementor-widget-text-editor p,
.primary-cta-section .elementor-widget-text-editor h1,
.primary-cta-section .elementor-widget-text-editor h2,
.primary-cta-section .elementor-widget-text-editor h3,
.primary-cta-section .elementor-widget-text-editor h4,
.primary-cta-section .elementor-widget-text-editor h5,
.primary-cta-section .elementor-widget-text-editor h6,
.primary-cta-section .elementor-widget *,
.primary-cta-section *[class*="elementor"] {
    color: #ffffff !important;
}

/* Specific targeting for different header types */
.legal-header .elementor-element,
.legal-header .elementor-widget,
.legal-header .elementor-column,
.legal-header .elementor-section,
.legal-header .elementor-container {
    color: #ffffff !important;
}

/* Fix for any inline styles Elementor might add */
.legal-header [style*="color"] {
    color: #ffffff !important;
}

/* Force white text on any element with text color classes */
.legal-header .elementor-heading-title[class*="color"],
.legal-header [class*="color-"] {
    color: #ffffff !important;
}

/* Override any Elementor theme color variables in header */
.legal-header {
    --e-global-color-primary: #ffffff !important;
    --e-global-color-secondary: #ffffff !important;
    --e-global-color-text: #ffffff !important;
    --e-global-color-accent: #ffffff !important;
}

/* Fix for text shadow to ensure readability */
.legal-header h1 {
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important;
}

/* Fix for links in header to maintain contrast */
.legal-header a,
.legal-header .elementor-widget a {
    color: #ffffff !important;
    text-decoration: none !important;
    border-bottom: none !important;
    font-weight: 600;
}

.legal-header a:hover,
.legal-header .elementor-widget a:hover {
    color: rgba(255, 255, 255, 0.9) !important;
    text-decoration: none !important;
    border-bottom: none !important;
}

/* Fix for any button text in header */
.legal-header .elementor-button,
.legal-header .elementor-button-wrapper .elementor-button {
    color: #ffffff !important;
}

/* Fix for any icons in header */
.legal-header i,
.legal-header .fas,
.legal-header .far,
.legal-header .fab {
    color: #ffffff !important;
}

/* Nuclear option: Force white on ALL text elements in header */
.legal-header *:not(script):not(style):not(noscript):not(iframe):not(canvas):not(svg):not(path):not(g) {
    color: #ffffff !important;
}

/* Fix for pseudo-elements */
.legal-header *::before,
.legal-header *::after {
    color: #ffffff !important;
}

/* Fix for text with opacity/transparency */
.legal-header .legal-header-subtitle {
    opacity: 0.95 !important;
    color: #ffffff !important;
}

/* Fix for any inline color styles */
.legal-header [style*="color:"] {
    color: #ffffff !important;
}

/* Important: Add this to your existing Elementor override section */
/* Add this line to your existing Elementor override at the top */
.legal-header, .legal-header * {
    --e-global-color-primary: #ffffff !important;
    --e-global-color-secondary: #ffffff !important;
    --e-global-color-text: #ffffff !important;
    --e-global-color-accent: #ffffff !important;
}/* End custom CSS */