/* Custom CSS for Consultame */

/* Set logo width to 340px on all pages, overriding inline styles */
#header .header-logo img {
    width: 340px !important; /* Override inline width of 240px */
    transition: all 0.3s ease;
}

/* Adjust sticky header to accommodate larger logo */
html.sticky-header-active #header.header-effect-shrink .header-container {
    min-height: 120px !important; /* Increased from default 70px */
    padding-top: 10px;
    padding-bottom: 10px;
}

/* Ensure logo fits properly in sticky header */
html.sticky-header-active #header.header-effect-shrink .header-logo img {
    max-height: 100px;
}

/* Responsive styles for different screen sizes */
@media (max-width: 1199px) {
    #header .header-logo img {
        width: 300px !important;
    }
    
    html.sticky-header-active #header.header-effect-shrink .header-container {
        min-height: 110px !important;
    }
}

@media (max-width: 991px) {
    #header .header-logo img {
        width: 260px !important;
    }
    
    html.sticky-header-active #header.header-effect-shrink .header-container {
        min-height: 100px !important;
    }
}

@media (max-width: 767px) {
    #header .header-logo img {
        width: 240px !important;
    }
    
    html.sticky-header-active #header.header-effect-shrink .header-container {
        min-height: 90px !important;
    }
}

@media (max-width: 575px) {
    #header .header-logo img {
        width: 220px !important;
    }
    
    html.sticky-header-active #header.header-effect-shrink .header-container {
        min-height: 80px !important;
    }
}