/* Call Button Font Size and Spacing Fixes */
.header-widgets .widget .info-icon .content {
    font-size: 18px !important;
    line-height: 1.4 !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    display: block !important;
}

.header-widgets .widget .info-icon .content span {
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    white-space: nowrap !important;
    display: inline !important;
}

/* Adjust the icon container for better alignment */
.header-widgets .widget .info-icon {
    display: flex !important;
    align-items: center !important;
    gap: 15px !important;
}

/* Make the widget wider to accommodate the text */
.header-widgets .widget {
    min-width: 200px !important;
}

/* COMPLETELY DISABLE ALL HOVER EFFECTS */
.header-widgets .widget:hover,
.header-widgets .widget .textwidget:hover,
.header-widgets .widget .info-icon:hover,
.header-widgets .widget .info-icon a:hover,
.header-widgets .widget .info-icon .content:hover,
.header-widgets .widget .info-icon span:hover,
.header-widgets .widget .info-icon i:hover {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    color: inherit !important;
    text-decoration: none !important;
    transform: none !important;
    transition: none !important;
}

/* Force specific colors on hover */
.header-widgets .widget .info-icon a:hover {
    color: #FFF !important;
}

.header-widgets .widget .info-icon a:hover .content,
.header-widgets .widget .info-icon a:hover span {
    color: #FFF !important;
}

.header-widgets .widget .info-icon a:hover i {
    color: #2d5aae !important;
}

/* Hide call icon on desktop, show on mobile */
@media (min-width: 768px) {
    .header-widgets .widget .info-icon i.fa-phone {
        display: none !important;
    }
    
    .header-widgets .widget .info-icon {
        gap: 0 !important;
    }
}

/* Show icon on mobile */
@media (max-width: 767px) {
    .header-widgets .widget .info-icon i.fa-phone {
        display: inline-block !important;
    }
    
    .header-widgets .widget .info-icon .content {
        font-size: 16px !important;
    }
    
    .header-widgets .widget .info-icon .content span {
        font-size: 18px !important;
    }
}

/* Force single line for entire call button content */
.header-widgets .widget .info-icon,
.header-widgets .widget .info-icon a,
.header-widgets .widget .info-icon .content {
    white-space: nowrap !important;
}

/* Override any possible hover transitions */
* .header-widgets .widget *:hover {
    transition: none !important;
    animation: none !important;
}

/* NUCLEAR OPTION - Override ALL possible hover states */
.header-widgets .widget .info-icon a,
.header-widgets .widget .info-icon a *,
.header-widgets .widget .info-icon,
.header-widgets .widget .info-icon * {
    pointer-events: auto !important;
}

.header-widgets .widget .info-icon a:hover,
.header-widgets .widget .info-icon a:focus,
.header-widgets .widget .info-icon a:active,
a[href*=tel:2896848496]:hover,
a[href*=tel:2896848496]:focus,
a[href*=tel:2896848496]:active {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    outline: none !important;
    text-shadow: none !important;
    color: #FFF !important;
    text-decoration: none !important;
    transform: none !important;
    opacity: 1 !important;
}

/* Disable hover on the yellow class that might be causing issues */
.header-widgets .widget .info-icon i.yellow:hover,
.header-widgets .widget .info-icon i.fa-phone.yellow:hover {
    background: none !important;
    background-color: transparent !important;
    color: #2d5aae !important;
    box-shadow: none !important;
}

/* Fix phone number positioning and add Call Now text styling */
.header-widgets .widget .info-icon .content {
    font-size: 14px !important; /* Smaller for Call Now! text */
    line-height: 1.2 !important; /* Tighter line height */
    font-weight: 500 !important; /* Medium weight for Call Now! */
    white-space: normal !important; /* Allow line breaks now */
    display: block !important;
    vertical-align: middle !important; /* Center vertically */
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.header-widgets .widget .info-icon .content span {
    font-size: 18px !important; /* Larger phone number */
    font-weight: 700 !important; /* Bold phone number */
    letter-spacing: 0.5px !important;
    display: block !important; /* Block to go on new line */
    margin-top: 2px !important; /* Small gap between text and number */
}

/* Adjust icon container alignment */
.header-widgets .widget .info-icon {
    display: flex !important;
    align-items: center !important; /* Center align content vertically */
    gap: 12px !important; /* Spacing between icon and text */
}

/* Ensure proper vertical alignment of the widget */
.header-widgets .widget {
    display: flex !important;
    align-items: center !important;
    min-width: 180px !important;
}

/* Change footer from gray to blue gradient like header */
.site-footer {
    background: linear-gradient(135deg, #25498e 0%, #2d5aae 100%) !important;
    background-image: none !important; /* Remove the background pattern */
}

/* Ensure footer content remains properly styled with blue background */
.site-footer .footer-content {
    border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
}
.site-footer, footer.site-footer, div.site-footer { background: linear-gradient(135deg,#25498e 0%,#2d5aae 100%) !important; background-image: none !important; }
/* TEST - This should make the footer bright red */ .site-footer { background: red !important; }

/* COMPREHENSIVE FOOTER BLUE GRADIENT FIX */
.site-footer,
footer.site-footer,
div.site-footer,
.site-footer *,
.site-footer .footer-widgets,
.site-footer .footer-content,
.site-footer .container,
.site-footer .row {
    background: linear-gradient(135deg, #25498e 0%, #2d5aae 100%) !important;
    background-image: none !important;
    background-color: #25498e !important;
}

/* Override any transparent backgrounds in footer children */
.site-footer div,
.site-footer section {
    background: inherit !important;
}