/*!
 * Copyright (c) 2025 [Your Name/Company]. All Rights Reserved.
 * Unauthorized copying or reproduction of this file is strictly prohibited.
 * Website: https://yourwebsite.com
 */


/* ============ GLOBAL STYLES ============ */
body {
    background: linear-gradient(to right, rgba(26, 95, 122, 0.95), rgba(45, 55, 72, 0.95)) !important;
}

.text-shadow-2 {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* ============ LAYOUT & STRUCTURE ============ */
/* Page background */
.site-content {
    padding: 0 !important;
    margin: 0 !important;
}

.entry-content > .wp-block-cover.alignfull:first-of-type {
    margin-top: -1px !important; /* Creates slight overlap to avoid pixel gap */
}

/* Header common styling */
.main-header-bar {
    background: linear-gradient(to right, rgba(26, 95, 122, 0.95), rgba(45, 55, 72, 0.95));
    padding: 15px 10px;
    filter: drop-shadow(0 3px 5px rgba(0,0,0,0.1));
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Remove line between sections */
.site-header,
.ast-primary-header-bar,
.ast-header-break-point .main-header-bar,
.ast-above-header-bar, 
.ast-below-header-bar {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Fix for Astra containers */
.ast-separate-container .ast-article-post, 
.ast-separate-container .ast-article-single {
    padding: 0 !important;
    border: none !important;
}

.ast-separate-container .site-main {
    border-top: none !important;
    margin-top: 0 !important;
}

/* Text colors */
.site-title a, 
.site-description {
    color: white !important;
}

/* ============ DESKTOP MENU STYLING ============ */
/* Desktop menu items */
.main-header-menu a {
    color: #d4af37 !important; /* Gold color */
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 20px !important;
    padding: 0 15px;
}

.main-header-menu a:hover {
    color: #57C0E8 !important; /* Light bluish color on hover */
}

/* Style the last menu item as a button - Desktop */
.main-header-menu li:last-child a {
    background-color: #ee0000;
    color: white !important;
    padding: 0px 20px !important;
    border-radius: 4px;
    margin-left: 15px;
    transition: all 0.3s ease;
}

.main-header-menu li:last-child a:hover {
    background-color: #c00000;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(238, 0, 0, 0.2);
}

/* ============ MOBILE HEADER & MENU (Max 921px) ============ */
@media (max-width: 921px) {
    /* Mobile Site Identity Structure */
    .ast-site-identity {
        position: relative !important;
        padding-top: 40px !important; /* Space for title above */
        padding-bottom: 40px !important; /* Space for tagline below */
    }
    
    /* Mobile Site Logo and Branding */
    .site-branding {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        padding-right: 40px !important; /* Room for toggle */
        position: relative !important;
    }
    
    /* Mobile Title Positioning */
    .site-title {
        position: absolute !important;
        top: 0 !important;
        left: -25px !important; /* Fixed syntax error: removed semicolon */
        width: 100% !important;
        text-align: center !important;
        margin: 0 !important;
    }
    
    .site-title a {
        font-size: 20px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
    }
    
    /* Mobile Logo Styling */
    .custom-logo-link {
        margin: 10px auto !important;
        display: block !important;
        text-align: center !important;
    }
    
    /* Mobile Tagline Positioning */
    .site-description {
        position: absolute !important;
        bottom: 5px !important;
        left: 0 !important;
        width: 100% !important;
        text-align: center !important;
        margin: 0 !important;
    }
    
    /* Mobile Menu Button */
    .ast-button-wrap .menu-toggle .menu-toggle-icon {
        color: #d4af37 !important; /* Gold color */
    }
    
    /* Mobile Menu Popup Styling */
    .ast-mobile-popup-drawer .ast-mobile-popup-inner {
        background-color: #1a5f7a !important;
        width: 300px !important;
        max-width: 80% !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
    }
    
    /* Mobile Menu Popup Content */
    .ast-desktop-popup-content, 
    .ast-mobile-popup-content {
        max-height: 80vh !important;
        overflow-y: auto !important;
    }
    
    /* Mobile Menu Items */
    .ast-builder-menu-mobile .main-navigation .menu-item .menu-link {
        color: #d4af37 !important;
        font-family: 'Oswald', sans-serif !important;
        text-transform: uppercase !important;
        padding: 10px !important;
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    }
    
    /* Mobile Menu Hover State */
    .ast-builder-menu-mobile .main-navigation .menu-item .menu-link:hover {
        background-color: rgba(255,255,255,0.05) !important;
        color: #1a5f7a !important; /* Bluish on hover to match desktop */
    }
    
    /* Mobile Button Styling */
    .menu-item-1246 .menu-link,
    .ast-builder-menu-mobile .main-navigation .menu-item:last-child .menu-link {
        background-color: #ee0000 !important;
        color: white !important;
        text-align: center !important;
        margin: 0px 10px 10px 10px !important;
        border-radius: 4px !important;
        border-bottom: none !important;
    }
    
    /* Mobile Close Button */
    .ast-mobile-popup-drawer .menu-toggle-close {
        color: #d4af37 !important; /* Gold color to match */
    }
    
    /* Mobile Menu Padding */
    .ast-builder-menu-mobile .main-navigation {
        padding: 10px 0 !important;
    }
    
    /* Mobile Menu Shadow */
    .ast-mobile-popup-drawer.active .ast-mobile-popup-inner {
        box-shadow: -5px 0 10px rgba(0,0,0,0.1) !important;
    }
}

/* ============ DESKTOP HEADER STYLING (Min 922px) ============ */
@media (min-width: 922px) {
    /* Desktop Header Structure */
    .site-header {
        padding-top: 50px !important; /* Space for title above */
        position: relative !important;
    }
    
    .ast-site-identity {
        padding: 0 !important;
        position: relative !important;
        margin-bottom: 50px !important; /* Space for tagline below */
    }
    
    /* Desktop Title Positioning and Styling */
    .site-title {
        position: absolute !important;
        top: -40px !important;
        left: -10px !important; /* Fine-tuned positioning */
        width: 100% !important;
        text-align: center !important;
        margin: 0 !important;
    }
    
    .site-title a {
        font-size: 32px !important;
        letter-spacing: 1px !important;
        line-height: 1.2 !important;
    }
    
    /* Optional Separator Line */
    .site-title:after {
        content: '' !important;
        display: block !important;
        width: 100px !important;
        height: 2px !important;
        background: rgba(255,255,255,0.2) !important;
        margin: 5px auto 0 !important;
    }
    
    /* Desktop Logo Placement */
    .custom-logo-link {
        display: block !important;
        margin: 5px auto !important;
        text-align: center !important;
        max-width: 400px !important;
    }
	
/* ========ENHANCED LOGO STYLING ========= */
/* Enhanced Logo Styling - Desktop Only with Gold Accent */
@media screen and (min-width: 922px) {
    .site-logo-img img, 
    #masthead img, 
    .custom-logo, 
    img[src*="WeStopPreForeclosures"] {
        /* Shadow and rounded corners */
        filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.25));
        border-radius: 8px;
        box-shadow: 0 3px 10px rgba(0, 0, 50, 0.1);
        /* Smooth transitions */
        transition: all 0.3s ease;
    }
    
    /* Hover effects with gold accent - Desktop only */
    .site-logo-img img:hover, 
    #masthead img:hover, 
    .custom-logo:hover, 
    img[src*="WeStopPreForeclosures"]:hover {
        filter: drop-shadow(0 6px 12px rgba(212, 175, 55, 0.6));
        transform: translateY(-3px) scale(1.02);
    }
}
/*   /ENHANCED   */   
	
	
    /* Desktop Tagline Positioning */
    .site-description {
        position: absolute !important;
        bottom: -45px !important;
        left: -10px !important; /* Fine-tuned positioning */
        width: 100% !important;
        text-align: center !important;
        font-size: 18px !important;
        margin: 0 !important;
    }
    
    /* Desktop Menu Layout */
    .ast-main-header-bar-alignment {
        width: 100% !important;
        text-align: center !important;
        display: block !important;
    }
    
    .main-header-menu {
        justify-content: center !important;
        display: inline-flex !important;
    }
    
    .main-header-menu > li {
        margin: 0 12px !important;
    }
    
    /* Fix Desktop Container Layout */
    .main-header-bar > .ast-container,
    .ast-flex.main-header-container {
        display: block !important;
    }
    
    /* Desktop Bottom Border */
    .main-header-bar {
        border-bottom: 1px solid rgba(255,255,255,0.1) !important;
    }
}

/* ============ HAMBURGER MENU COLOR FIX ============ */
/* Target SVG icon fill */
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
    width: 20px;
    height: 20px;
    fill: #d4af37 !important; /* Gold color */
}

/* Target all possible menu toggle elements */
.menu-toggle-icon,
.ast-button-wrap .menu-toggle .menu-toggle-icon,
.ast-mobile-menu-buttons-minimal menu-toggle button,
.ast-mobile-menu-buttons .menu-toggle .mobile-menu-wrap .mobile-menu {
    color: #d4af37 !important; /* Gold color */
}

/* Close button in slide-out menu */
.ast-mobile-popup-drawer .menu-toggle-close {
    color: #d4af37 !important; /* Gold color */
}

/* Fix mobile menu button alignment */
@media (max-width: 921px) {
    /* Make the mobile CTA button flush with container */
    .menu-item-1246 .menu-link,
    .ast-builder-menu-mobile .main-navigation .menu-item:last-child .menu-link {
        background-color: #ee0000 !important;
        color: white !important;
        text-align: center !important;
        margin: 0px 0px 10px 0px !important; /* Remove horizontal margins */
        border-radius: 4px !important;
        border-bottom: none !important;
        width: calc(100% - 20px) !important; /* Account for container padding */
        display: block !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
    
    /* Adjust container padding if needed */
    .ast-builder-menu-mobile .main-navigation {
        padding: 10px 10px !important; /* Consistent padding */
    }
    
    /* Ensure menu items have consistent width */
    .ast-builder-menu-mobile .main-navigation .menu-item .menu-link {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

/* ======= Cards ======= */
/* ============ PROBLEM SECTION STYLING ============ */
.problem-section {
    padding: 60px 20px;
    background-color: #dbe9ef;
    position: relative;
}

.section-title {
    color: #1a5f7a !important;
    font-family: 'Bebas Neue', 'Oswald', sans-serif !important;
    font-size: 36px !important;
    text-align: center;
    margin-bottom: 20px !important;
    position: relative;
}

.section-title:after {
    content: '';
    display: block;
    width: 80px;
    height: 3px;
    background-color: #d4af37; /* Gold accent */
    margin: 15px auto 0;
}

.section-intro {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 40px;
    font-size: 18px;
    color: #2d3748;
}

.problem-cards .wp-block-column {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    margin-top: -40px !important;
}

.problem-card {
    background-color: #dbe9ef;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.08);
    padding: 30px;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-top: 4px solid #1a5f7a;
}

.problem-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0,0,0,0.12);
}

.problem-icon {
    width: 60px;
    height: 60px;
    background-color: #1a5f7a;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-bottom: 20px;
    font-size: 1.8rem;
    font-family: 'Bebas Neue', 'Oswald', sans-serif;
    position: relative;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

.problem-icon:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    border: 2px dashed rgba(255,255,255,0.3);
}

.problem-card h3 {
    color: #1a5f7a !important;
    font-family: 'Bebas Neue', 'Oswald', sans-serif !important;
    font-size: 24px !important;
    margin-bottom: 15px !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .problem-cards {
        flex-direction: column;
    }
    
    .problem-card {
        width: 100%;
    }
}

/* Force cards to stack on tablet and mobile */
@media (max-width: 921px) {
    /* Force Gutenberg columns to stack */
    .problem-section .wp-block-columns {
        display: block !important;
    }
    
    .problem-section .wp-block-column {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 30px !important;
    }
}


/* MAKE YOUR SELECTION */
.section-selection {
    color: #1a5f7a !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.5px !important;
    font-family: 'Bebas Neue', 'Oswald', sans-serif !important;
    position: relative !important;
    display: block !important;
    text-align: center !important;
    padding: 5px 0 !important;
    margin: 25px auto 5px auto !important; /* Increased top margin by 10px, reduced bottom margin */
    width: fit-content !important;
    
    border-bottom: 2px solid #d4af37 !important;
    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.8) !important;
}

/* Adjust spacing for tabs container */
.tabs-container, 
.wp-block-kadence-tabs > .kt-tabs-title-list {
    margin-top: 8px !important; /* Reduce space below section-selection */
}

/* If you're using WP core tabs */
.wp-block-tabs .wp-block-tabs__panel {
    margin-top: 8px !important;
}

/* Additional selector to ensure tabs are closer */
.section-selection + div, 
.section-selection + .tabs-container,
.section-selection + .wp-block-kadence-tabs {
    margin-top: 8px !important;
}

/*====== Tabs Section ====*/
/* ============ SOLUTIONS SECTION STYLING ============ */

.solutions-section {
    padding: 70px 20px;
    background-color: white;
    position: relative;
}

/* Reuse the section-title styling from problem section */

.tabs-container {
    max-width: 1100px;
    margin: 40px auto 0;
}

.tabs {
    display: flex;
    border-bottom: 2px solid #e2e8f0;
    margin-bottom: 30px;
    justify-content: center;
}

.tab-btn {
    padding: 15px 30px;
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 600;
    color: #2d3748;
    transition: all 0.3s ease;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.tab-btn.active {
    color: #1a5f7a;
    border-bottom-color: #1a5f7a;
}

.tab-content {
    display: none;
    animation: fadeIn 0.5s ease;
}

.tab-content.active {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.solution-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}

.solution-content h3 {
    color: #1a5f7a !important;
    font-size: 28px !important;
    margin-bottom: 20px !important;
    font-family: 'Bebas Neue', 'Oswald', sans-serif !important;
}

.solution-content p {
    margin-bottom: 15px;
    font-size: 16px;
}

.solution-content .wp-block-button__link {
    background-color: #ee0000;
    color: white;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    padding: 12px 24px;
    border-radius: 4px;
    font-weight: 600;
    margin-top: 10px;
    display: inline-block;
    transition: all 0.3s ease;
}

.solution-content .wp-block-button__link:hover {
    background-color: #c00000;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(238, 0, 0, 0.2);
}

.solution-image {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.solution-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Responsive adjustments */
@media (max-width: 921px) {
    .tabs {
        flex-direction: column;
        border-bottom: none;
    }
    
    .tab-btn {
        width: 100%;
        text-align: center;
        border: 1px solid #e2e8f0;
        border-bottom: none;
        padding: 15px;
        margin: 0;
    }
    
    .tab-btn:last-child {
        border-bottom: 1px solid #e2e8f0;
    }
    
    .tab-btn.active {
        background-color: #1a5f7a;
        color: white;
        border-color: #1a5f7a;
    }
    
    .solution-grid {
        grid-template-columns: 1fr;
    }
    
    .solution-image {
        order: -1; /* Image first on mobile */
    }
}


/* Updated Tab Button Styling */
.tab-btn {
    padding: 15px 30px;
    background: none;
    border: none;
    border-bottom: 3px solid transparent;
    cursor: pointer;
    font-size: 1.1rem;
    font-weight: 600;
    color: #2d3748;
    transition: all 0.3s ease;
    font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Change active tab text to gold */
.tab-btn.active {
    color: #d4af37 !important; /* Gold text color */
    border-bottom-color: #1a5f7a; /* Keep blue border for visual anchor */
}

/* Add hover state with gold text */
.tab-btn:hover {
    color: #d4af37 !important;
}

/* For mobile tabs, make active state more visible */
@media (max-width: 921px) {
    .tab-btn.active {
        background-color: #1a5f7a;
        color: #d4af37 !important; /* Gold text on blue background */
        border-color: #1a5f7a;
    }
}



/* Form */
.form-btn {
    width: 100%;
    padding: 15px;
    font-size: 16px;
    margin-top: 10px;
    background-color: #ee0000;
    color: white;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 1px;
}

.form-btn:hover {
    background-color: #c00000;
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(238, 0, 0, 0.2);
}

/* form customizing */
/* ============ ENHANCED FORMINATOR FORM STYLING ============ */
/* Main form section background */
.forminator-custom-form-section {
    background: linear-gradient(135deg, #1a5f7a 0%, #57c0e8 100%) !important;
    padding: 50px 20px !important;
    position: relative !important;
    overflow: hidden !important;
}

/* Add subtle badge watermark to background */
.forminator-custom-form-section:before {
    content: '';
    position: absolute;
    right: -50px;
    bottom: -50px;
    width: 300px;
    height: 300px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff' opacity='0.05'%3E%3Cpath d='M12 2L14.5 9H22L16 13.5L18.5 20.5L12 16L5.5 20.5L8 13.5L2 9H9.5L12 2Z'/%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.05;
    transform: rotate(15deg);
    pointer-events: none;
    z-index: 0;
}

/* Heading and text styling */
.forminator-custom-form-section h2,
.form-title {
    color: white !important;
    font-family: 'Bebas Neue', 'Oswald', sans-serif !important;
    font-size: 36px !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    margin-bottom: 25px !important;
    line-height: 1.2 !important;
}

.forminator-custom-form-section p,
.form-text {
    color: white !important;
    font-size: 17px !important;
    margin-bottom: 20px !important;
    font-family: 'Open Sans', sans-serif !important;
    max-width: 90% !important;
}

/* Form container styling */
.forminator-ui.forminator-custom-form {
    background-color: rgba(255, 255, 255, 0.1) !important;
    padding: 30px !important;
    border-radius: 8px !important;
    backdrop-filter: blur(5px) !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}

/* Form fields styling */
.forminator-row {
    margin-bottom: 20px !important;
}

/* Form labels */
.forminator-label,
.forminator-field label {
    color: white !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    margin-bottom: 8px !important;
}

/* Form inputs */
.forminator-input,
.forminator-textarea {
    background-color: white !important;
    border: none !important;
    border-radius: 4px !important;
    padding: 12px 15px !important;
    font-size: 16px !important;
    font-family: 'Open Sans', sans-serif !important;
    color: #2d3748 !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1) !important;
    transition: box-shadow 0.3s ease !important;
}

.forminator-input:focus,
.forminator-textarea:focus {
    border: 1px solid #d4af37 !important; /* Gold border on focus */
    box-shadow: 0 0 0 3px rgba(212, 175, 55, 0.2) !important;
}

/* Radio buttons */
.forminator-radio {
    margin-bottom: 10px !important;
}

.forminator-radio-bullet {
    border-color: white !important;
}

.forminator-radio-bullet:after {
    background-color: #d4af37 !important; /* Gold dot for selected radio */
}

.forminator-radio span {
    color: white !important;
    font-family: 'Open Sans', sans-serif !important;
}

.forminator-description {
	font-weight: 700;
	color: navy;
}
	
/* Submit button */
.forminator-button-submit {
    background-color: #ee0000 !important;
    color: white !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    padding: 12px 25px !important;
    border-radius: 4px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important;
    width: 100% !important;
}

.forminator-button-submit:hover {
    background-color: #c00000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15) !important;
}

/* Add shield icon before submit button */
.forminator-button-submit:before {
    content: "Secured & Confidential";
    display: block;
    text-align: center;
    font-size: 13px;
    margin-bottom: 10px;
    font-weight: normal;
    color: white;
    position: relative;
    padding-left: 22px;
}

.forminator-button-submit:before:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 6c1.4 0 2.8 1.1 2.8 2.5V11c.6 0 1.2.6 1.2 1.3v3.5c0 .6-.6 1.2-1.3 1.2H9.2c-.6 0-1.2-.6-1.2-1.3v-3.5c0-.6.6-1.2 1.2-1.2V9.5C9.2 8.1 10.6 7 12 7z'/%3E%3C/svg%3E");
    background-size: contain;
}

/* Responsive adjustments */
@media (max-width: 921px) {
    .forminator-custom-form-section {
        padding: 30px 15px !important;
    }
    
    .forminator-ui.forminator-custom-form {
        padding: 20px !important;
    }
    
    .forminator-custom-form-section h2,
    .form-title {
        font-size: 28px !important;
    }
}

/* ================ */
/* MORE RED BUTTON CSS */ 
/* Strong styling for anchor buttons to match other buttons */
a[href="#form"],
a[href="#gethelpnow"] {
    background-color: #ee0000 !important;
    color: white !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    margin-top: 10px !important;
    display: inline-block !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    opacity: 1 !important; /* Ensure full opacity */
    background-image: none !important; /* Remove any background images */
}

/* Ensure hover state has identical color change to other buttons */
a[href="#form"]:hover,
a[href="#gethelpnow"]:hover {
    background-color: #c00000 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 4px 8px rgba(238, 0, 0, 0.2) !important;
    text-decoration: none !important;
    color: white !important;
    border: none !important;
    outline: none !important;
    opacity: 1 !important;
    background-image: none !important;
}

/* Focus state styling */
a[href="#form"]:focus,
a[href="#gethelpnow"]:focus {
    outline: none !important;
    border: none !important;
    box-shadow: 0 0 0 2px #d4af37 !important; /* Gold outline for focus */
    text-decoration: none !important;
}
/* =================== */

/* ======= FAQ ======= */
/* FAQ Section Title Enhancement */
.wp-block-cover__inner-container h2,
h2.ea-header-span,
.frequently-asked-questions-faq {
    color: #1a5f7a !important;
    font-family: 'Bebas Neue', 'Oswald', sans-serif !important;
    font-size: 32px !important;
    text-align: center !important;
    margin-bottom: 30px !important;
    position: relative !important;
}

.wp-block-cover__inner-container h2:after,
h2.ea-header-span:after,
.frequently-asked-questions-faq:after {
    content: '' !important;
    display: block !important;
    width: 80px !important;
    height: 3px !important;
    background-color: #d4af37 !important; /* Gold accent */
    margin: 10px auto 0 !important;
}

/* Main Accordion Styling */
.sp-easy-accordion {
    max-width: 900px !important;
    margin: 0 auto 50px !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08) !important;
    border-radius: 8px !important;
    overflow: hidden !important;
}

/* Accordion Header Styling */
.sp-easy-accordion .ea-header {
    background-color: #f5f7fa !important; /* Light gray background */
    transition: all 0.3s ease !important;
    border-left: 3px solid transparent !important;
}

.sp-easy-accordion .ea-header:hover {
    background-color: #e9f0f5 !important; /* Slightly darker on hover */
    border-left: 3px solid #d4af37 !important; /* Gold left border on hover */
}

/* Active Header Styling */
.sp-easy-accordion .ea-card.ea-expand .ea-header {
    background-color: #1a5f7a !important; /* Blue background when active */
    border-left: 3px solid #d4af37 !important; /* Gold left border */
}

/* Header Text Styling */
.sp-easy-accordion .ea-header a {
    color: #1a5f7a !important; /* Blue text */
    font-family: 'Oswald', sans-serif !important;
    font-weight: 600 !important;
    padding: 15px 45px 15px 15px !important; /* Extra padding for comfort */
}

/* Active Header Text */
.sp-easy-accordion .ea-card.ea-expand .ea-header a {
    color: white !important; /* White text when active */
}

/* Plus/Minus Icon Styling */
.sp-easy-accordion .ea-expand-icon {
    color: #d4af37 !important; /* Gold icon */
    font-weight: bold !important;
}

.sp-easy-accordion .ea-card.ea-expand .ea-expand-icon {
    color: white !important; /* White icon when active */
}

/* Answer Content Styling */
.sp-easy-accordion .ea-body {
    background-color: white !important;
    padding: 20px !important;
    line-height: 1.6 !important;
    color: #444 !important;
}

/* Smooth transitions */
.sp-easy-accordion .ea-body-content {
    transition: all 0.3s ease !important;
}

/* Add some spacing between questions */
.sp-easy-accordion .ea-card {
    margin-bottom: 5px !important;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .sp-easy-accordion {
        max-width: 95% !important;
    }
    
    .sp-easy-accordion .ea-header a {
        font-size: 14px !important;
        padding: 12px 40px 12px 12px !important;
    }
    
    .sp-easy-accordion .ea-body {
        padding: 15px !important;
    }
}

/* Back to top button styling */
.sp-ea-one .ea-body a {
    color: #1a5f7a !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.sp-ea-one .ea-body a:hover {
    color: #d4af37 !important;
    text-decoration: underline !important;
}


/* ======HERO TITLE FIX a/ FAQ Styling ======= */
/* Fix for UAGB Advanced Heading in Hero Section */
.wp-block-uagb-advanced-heading.uagb-block-06c58960 .uagb-heading-text,
.wp-block-uagb-advanced-heading.uagb-block-06c58960.wp-block-uagb-advanced-heading .uagb-heading-text {
    color: white !important;
    font-family: "Bebas Neue", sans-serif !important;
    font-size: 60px !important;
    text-shadow: 2px 2px 10px #045cb4 !important; /* Blue shadow color */
    text-transform: uppercase !important;
 /*   font-weight: 700 !important; */
    letter-spacing: 1px !important;
}

/* Add a gold underline if desired */
.wp-block-uagb-advanced-heading.uagb-block-06c58960 .uagb-heading-text:after {
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    background-color: #d4af37;
    margin: 15px auto 0;
}
/* =================== */

/* ====== ENHANCED SECTION TITLES ====== */
/* Enhanced Section Title Sizes */
.wp-block-heading h2,
h2.wp-block-heading,
h2.has-text-align-center,
.section-title,
.wp-block-uagb-advanced-heading h2 {
    font-size: 36px !important; /* Increased from what appears to be ~24px */
    font-family: 'Bebas Neue', 'Oswald', sans-serif !important;
    letter-spacing: 1px !important;
    margin-bottom: 25px !important;
    /* Keep existing color (black) */
}

/* Title-specific adjustments for each section */
h2#understanding-pre-foreclosure,
h2#your-path-forward,
h2#take-the-first-step-today {
    font-size: 36px !important;
    /* Preserve existing gold underlines */
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .wp-block-heading h2,
    h2.wp-block-heading,
    h2.has-text-align-center,
    .section-title,
    .wp-block-uagb-advanced-heading h2,
    h2#understanding-pre-foreclosure,
    h2#your-path-forward,
    h2#take-the-first-step-today {
        font-size: 30px !important; /* Slightly smaller on mobile */
    }
}

/* ============= */
.btm-pfc-image {
    max-width: 40% !important;
		height: auto;
}

/* =============== */
/* FORECLOSURE TRENDS */
/* == ST Group == */
.key-stats-section {
		margin: 0 auto !important;
}

/* Teaser section styling */
/* Stat boxes styling */
.wp-block-columns .foreclosure-stat {
    background-color: white;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    padding: 15px;
    text-align: center;
    height: 100%;
}

.foreclosure-stat h3 {
    margin: 0 0 10px 0;
    font-size: 16px;
    color: #7f8c8d;
    font-weight: normal;
}

.foreclosure-stat p.stat-number {
    margin: 5px 0;
    font-size: 24px;
    font-weight: bold;
    color: #2c3e50;
}

.foreclosure-stat p.stat-description {
    font-size: 14px;
    color: #7f8c8d;
    margin: 5px 0 0;
}

.trend-up {
    color: #e74c3c;
}

.trend-down {
    color: #2ecc71;
}

/* Container for all stats */
.foreclosure-stats-container {
    margin: 20px auto;
    max-width: 950px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .foreclosure-stat {
        margin-bottom: 15px;
    }
    
    .foreclosure-stat p.stat-number {
        font-size: 20px;
    }
}

/* Adding Margins around data blocks */
/* Create spacing around column blocks */
.wp-block-columns {
margin: 0 auto !important;
    padding: 20px !important;
    gap: 20px !important;
    justify-content: center !important;
    width: 100% !important;
}

/* Make each individual column have some internal margin */
.wp-block-column {
    margin: 10px !important;
    padding: 0 !important;
}

/* Ensure the stat boxes fill their columns but maintain spacing */
.foreclosure-stat {
    margin: 0 !important;
    height: 100% !important;
}

/* Make sure the stat blocks have adequate internal padding */
.foreclosure-stat h3,
.foreclosure-stat p {
    padding: 0 10px !important;
}

/* Container styling */
.foreclosure-stats-container {
		margin: 30px auto !important;
    width: 90% !important;
    float: none !important;
    clear: both !important;
		padding-bottom: 20px !important;
}

/* Add vertical spacing between rows of columns */
.wp-block-columns + .wp-block-columns {
    margin-top: 20px !important;
}

/* ================= */
/* Adjust vertical spacing between rows */
.wp-block-columns {
    padding-bottom: 0 !important; /* Remove bottom padding from column container */
}

/* Adjust the spacing between rows */
.wp-block-columns + .wp-block-columns {
    margin-top: 0px !important; /* Reduce from 20px to 10px */
}

/* Add specific padding to column blocks */
.wp-block-column {
    padding-top: 10px !important; 
    padding-bottom:10px !important;
    margin: 5px !important;
}

/* Data Analysis Button */
/* Button styling and hover effects - targets both custom and default classes */
.data-analysis-btn,
.wp-block-buttons .wp-block-button__link {
    background-color: #DBE9EF !important;
    color: #1a5f7a !important;
    padding: 12px 25px !important;
    border-radius: 5px !important;
    font-weight: bold !important;
    border: 2px solid #3498db !important;
    transition: all 0.3s ease !important;
    text-decoration: none !important;
    display: inline-block !important;
    cursor: pointer !important;
}

.data-analysis-btn:hover,
.wp-block-buttons .wp-block-button__link:hover {
    background-color: #2980b9 !important; /* Darker blue on hover */
    transform: translateY(-2px) !important; /* Slight upward movement */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1) !important; /* Add shadow on hover */
}

.data-analysis-btn:active,
.wp-block-buttons .wp-block-button__link:active {
    transform: translateY(0) !important; /* Return to original position when clicked */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1) !important; /* Smaller shadow when clicked */
}

/* UPDATED the Discover button a/ separated from data analysis button */
/* Discover Options button - precise fix */
.discover-options-btn.wp-block-button .wp-block-button__link {
    background-color: #ee0000 !important;
    color: white !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    padding: 12px 24px !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    margin-top: 10px !important;
    display: inline-block !important;
    transition: background-color 0.3s ease !important;
    text-decoration: none !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    opacity: 1 !important;
    background-image: none !important;
    width: 100% !important; /* Ensure button fills container */
}

/* Hover state */
.discover-options-btn.wp-block-button .wp-block-button__link:hover {
    background-color: #cc0000 !important;
}

/* Active state */
.discover-options-btn.wp-block-button .wp-block-button__link:active {
    background-color: #bb0000 !important;
}

/* Target and fix the button container */
.discover-options-btn.wp-block-button {
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
}


/* Form width and USA text positioning fix for mobile */

@media only screen and (max-width: 767px) {
  /* Wider form with better positioning */
  .forminator-ui.forminator-custom-form,
  #forminator-module-424,
  .forminator-custom-form-424 {
    width: 90vw !important; /* Increased from 85vw for better width */
    max-width: 90vw !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    left: -8px !important; /* Reduced left offset for better centering */
    position: relative !important;
    transform: none !important;
    overflow: hidden !important;
  }
  
  /* Fix the USA Only text positioning */
  .forminator-custom-form-section p.has-text-align-center,
  #gethelpnow p.has-text-align-center {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 20px !important;
    margin-top: 0 !important;
    z-index: 5 !important;
    font-size: 18px !important;
    font-weight: 400 !important;
    color: white !important;
  }
  
  /* Fix column layout */
  #gethelpnow .wp-block-columns {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Control form column specifically */
  #gethelpnow .wp-block-column:nth-child(2) {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* Input field adjustments for wider appearance */
  .forminator-ui.forminator-custom-form .forminator-input,
  .forminator-ui.forminator-custom-form .forminator-textarea {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    padding: 14px 16px !important;
    min-height: 48px !important;
  }
  
  /* Better spacing for form rows */
  .forminator-ui.forminator-custom-form .forminator-row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    margin-bottom: 20px !important;
  }
  
  /* Radio buttons - ensure they stay contained */
  .forminator-ui.forminator-custom-form .forminator-radio {
    padding-right: 5px !important;
  }
  
  /* Phone field flag adjustment */
  .forminator-ui.forminator-custom-form .iti__flag-container {
    left: 0 !important;
  }
}

/* Extra small device adjustments */
@media only screen and (max-width: 480px) {
  /* Keep form width greater on small screens */
  .forminator-ui.forminator-custom-form,
  #forminator-module-424,
  .forminator-custom-form-424 {
    width: 90vw !important;
    max-width: 90vw !important;
    left: -5px !important; /* Smaller offset for small screens */
  }
  
  /* Ensure USA text stays in place */
  .forminator-custom-form-section p.has-text-align-center,
  #gethelpnow p.has-text-align-center {
    margin-bottom: 15px !important;
  }
}

/* Text hyphenation preserved */
@media only screen and (max-width: 767px) {
  .form-text {
    text-align: left;
    line-height: 1.5;
    letter-spacing: 0.015em;
    word-spacing: 0.04em;
    margin: 0 0 22px 0;
    padding: 0 10px;
    font-size: 16.5px;
    font-weight: 400;
    max-width: 100%;
    overflow-wrap: break-word;
    word-wrap: break-word;
    text-wrap: balance;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
  }
}