/* FORCE HEADER COLOR CHANGE */
:root {
    --header_background_color: #E8ECE2 !important;
    --header-bg-color: #E8ECE2 !important;
}

/* 1. Import Montserrat from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

/* 2. Force the font on all elements */
body, h1, h2, h3, h4, h5, h6, p, a, span, div, li, input, textarea, button, .btn {
    font-family: 'Montserrat', sans-serif !important;
}

header, 
#sb_header, 
.sb-header, 
.header-container, 
.header-wrapper, 
.navbar,
.sticky-header {
    background-color: #E8ECE2 !important;
    background: #E8ECE2 !important;
}

/* Fix the menu button background just in case */
.sb-menu-button {
    background-color: transparent !important;
}

/* Force text color to be dark */
header a, .navbar a, .sb-header a, .btn-link {
    color: #101820 !important;
}


/* 1. Hides ONLY the navigation bar at the top */
#steps-nav {
    display: none !important;
}

/* 2. Removes the gap/padding from the main container */
#sb-timeline {
    display: block !important; /* Ensures booking content stays visible */
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 3. Removes any top margin from the booking content itself */
#steps {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

#sb-timeline {
    margin-top: 40px !important;
}