/**
 * Header Spacing Fix
 * Removes unwanted space between menu bar and hero section/banner
 */

/* Fix spacing between header and hero section */
header.tcl-header {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Remove gap between navigation and content */
.tcl-navigation {
    margin-bottom: 0 !important;
    border-bottom: none !important;
}

/* Hero section spacing fix */
.stqc-hero-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Fix for any possible browser-specific gaps */
body {
    overflow-x: hidden !important;
}

/* Remove any default margins from main content */
.site-content {
    margin-top: 0 !important;
}

/* Remove any possible gaps in the layout */
.tcl-main-header + .tcl-navigation,
.tcl-navigation + .stqc-hero-section,
.tcl-navigation + .site-content,
header + .site-content,
header + .stqc-hero-section {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Ensure no white space between elements */
.tcl-navigation {
    border-bottom: none !important;
}

/* Fix for possible float clearing issues */
.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

/* Mobile-specific fixes */
@media (max-width: 768px) {
    .tcl-navigation {
        margin-bottom: 0 !important;
    }
    
    .stqc-hero-section {
        margin-top: 0 !important;
    }
}

/* High-resolution screen fixes */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .tcl-navigation {
        margin-bottom: 0 !important;
    }
    
    .stqc-hero-section {
        margin-top: 0 !important;
    }
}

/* Header Spacing Fix - Removes gap between menu and hero section */
/* This file ensures that the main content area, regardless of what it contains,
   sits directly underneath the main header without any vertical space. */

/* Generic fix for the main content area */
#main-content,
#main-content > div:first-child,
#main-content > section:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Specific fix for the old hero section container */
#hero-container {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* Specific fix for the new GIGW 3.0 Hero Slider */
.gigw-hero-slider {
    margin-top: 0 !important;
    padding-top: 0 !important;
}