/*
 Theme Name:     SitFit Online
 Theme URI:      https://www.hiddendesign.com
 Description:    child theme based on Divi www.elegantthemes.com
 Author:         Hidden Design
 Author URI:     https://www.hiddendesign.com
 Template:       Divi
 Version:        1.0.0
*/

#main-header.et-fixed-header {
    box-shadow: 0 0 7px rgba(0, 0, 0, 0.8) !important;
}

/* --- heading positioning ---- */
#main-header { height: 107px !important; }
.et_pb_column { padding-bottom: 24px; }
#et-top-navigation { width: auto !important;  padding-left:100px !important}
#top-menu li{padding-right:10px !important}
.et_mobile_menu li a{font-size:20px; font-weight:300; color:#ffcc32}
.et_mobile_menu li a:hover{ color:#fff !important}
/* Mobile menu active/current page link */
#et_mobile_nav_menu .et_mobile_menu li.current-menu-item > a,
#et_mobile_nav_menu .et_mobile_menu li.current_page_item > a {
    color: #fff !important;}

/* Fluid menu font size + padding — scales smoothly, no jumps */
#top-menu li a {
    font-size: clamp(16px, 1.3vw, 22px) !important;
    padding: 0 clamp(3px, 0.6vw, 10px) !important;
    font-weight: 400;
}
#top-menu li:last-child a { padding-right: 0 !important; }

/* Logo fills header height on desktop */
.et_header_style_left #logo {
    height: 107px !important;
    max-height: 107px !important;
    width: auto !important;
}
#main-header .logo_container { height: 107px !important; }

/* 981px – 1300px */
@media (max-width: 1300px) and (min-width: 981px) {
    #page-container { padding-top: 80px !important; }
    #et-top-navigation nav > ul > li > a { line-height: 80px !important; }
    #et-top-navigation { padding-top: 0 !important; }
    .et_header_style_left #logo { height: 80px !important; max-height: 80px !important; }
    #main-header .logo_container { height: 80px !important; }
    #main-header, #et-main-area { height: 80px !important; }
}


/* Tablet: 768px – 980px */
@media (max-width: 980px) and (min-width: 768px) {
    .et_header_style_left #logo { height: 90px !important; max-height: 90px !important; }
    #main-header .logo_container { height: 90px !important; }
    #main-header { height: 90px !important; }
}

/* Mobile: under 767px */
@media (max-width: 767px) {
    .et_header_style_left #logo {      height: 70px !important;      max-height: 70px !important;     width: auto !important;
    }
    #main-header .logo_container { height: 70px !important; }
    #main-header { height: 70px !important; }
}