/* Logo Fix - Ensure logo pushes header down based on its size */

/* Fix for background image logos - hide text but show image */
.site-header h1.site-title a {
    display: block;
    width: 400px !important; /* Increased width for better logo visibility */
    height: 120px !important; /* Increased height significantly for better logo visibility */
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    text-indent: -9999px !important; /* Hide the text */
    overflow: hidden;
    font-size: 0 !important; /* Additional text hiding */
}

/* Hide the tagline/description part */
.site-header h1.site-title a small {
    display: none !important;
}

/* Ensure proper spacing around the logo */
.site-header h1.site-title {
    margin-bottom: 15px;
    margin-top: 15px;
    text-align: left;
}

/* For actual img tags inside the logo link (if used) */
.site-header h1.site-title a img {
    height: auto;
    max-height: 80px;
    width: auto;
    max-width: 100%;
    display: block;
}

/* If using an img tag for logo */
.site-header h1.site-title a img,
.site-header .site-title img {
    height: auto !important;
    max-height: 120px !important;
    min-height: 80px !important;
    width: auto !important;
    max-width: 400px !important;
    display: block !important;
}

/* Ensure header container has proper spacing */
.site-header {
    min-height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

.site-header .header {
    margin-bottom: 20px;
    min-height: 140px !important; /* Increased minimum height for larger logo area */
}

/* Additional fix for the navigation overlap */
.menu-container {
    margin-top: 20px; /* Add space between header and menu */
}

/* Ensure navigation doesn't overlap */
.menu-container,
#navigation {
    position: relative;
    clear: both;
    margin-top: 0;
}

/* Fix navbar positioning */
.navbar-default {
    position: relative;
    z-index: 10;
}

/* Ensure proper spacing for site title */
.site-header h1.site-title {
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1;
}

/* Override main theme logo sizing with higher specificity */
.site-header .header h1.site-title a {
    width: 400px !important;
    height: 120px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}

/* Media queries for responsive behavior */
@media (max-width: 768px) {
    .site-header h1.site-title a,
    .site-header h1.site-title a img {
        max-height: 80px;
        width: 300px !important;
    }
    
    .site-header {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    
    .site-header .header {
        min-height: 100px !important;
    }
}