.elementor-5656 .elementor-element.elementor-element-ed56f2b{--display:flex;}.elementor-5656 .elementor-element.elementor-element-25c1166 .btn-mask, .elementor-5656 .elementor-element.elementor-element-25c1166 .th-btn:hover{color:#000000 !important;}.elementor-5656 .elementor-element.elementor-element-25c1166 .btn-mask, .elementor-5656 .elementor-element.elementor-element-25c1166 .th-btn:before{background:#FFFFFF !important;}.elementor-5656 .elementor-element.elementor-element-25c1166 .btn-mask, .elementor-5656 .elementor-element.elementor-element-25c1166 .th-btn:after{background:#FFFFFF !important;}/* Start custom CSS for tourmheader, class: .elementor-element-25c1166 */.sticky-wrapper {
    background-color: #0E587F!important;
}

.sticky {
    background-color: #0E587F!important;
}

.sticky-wrapper {
    color: white!important;
}

.sticky {
    color: white!important;
}

.sticky-wrapper a {
    color: white!important;
}

.sticky a {
    color: white!important;
}

/* --- Dropdown Menu Styling --- */

/* 1. Set Dropdown Background to match the Header (#0E587F) */
.sub-menu,
.elementor-nav-menu--dropdown,
.sticky .sub-menu {
    background-color: #0E587F !important;
}

/* 2. Set Dropdown Text to White */
.sub-menu a,
.elementor-nav-menu--dropdown a {
    color: white !important;
}

/* 3. Add the Grey Highlight on Hover (#7A7A7A) */
.sub-menu a:hover,
.elementor-nav-menu--dropdown a:hover,
.sub-menu li.current-menu-item > a {
    color: white !important;
}
.elementor-button:hover,
a.elementor-button:hover,
.tt-button:hover,
.sticky .elementor-button:hover {
    background-color: #ffffff !important;
    color: #7A7A7A !important; /* Turns text Grey */
    border-color: #ffffff !important; /* Matches background */
}


/*
.header-button a:hover {
    color: black!important;
    background-color: white!important;
}
*/

.th-btn.style4:hover.th-icon:after {
    background: black!important;
}

/* === SIDE MENU (MOBILE MENU) STYLING === */

/* 1. Side Menu Background - Only the menu area */
.th-menu-area.text-center {
    background-color: #0E587F !important;
}

/* 2. Side Menu Text - White (but exclude flags) */
.th-menu-area.text-center a:not(.language-switcher):not([class*="flag"]),
.th-menu-area.text-center {
    color: white !important;
}

/* 3. Don't affect language switcher flags */
.th-menu-area .gtranslate_wrapper,
.th-menu-area .language-switcher,
.th-menu-area img[class*="flag"],
.th-menu-area .gt_switcher {
    background-color: transparent !important;
}

.th-menu-area .gtranslate_wrapper img,
.th-menu-area .language-switcher img {
    content: normal !important; /* Don't replace flag images */
}

/* 4. Mobile Logo Section - Same background */
.mobile-logo {
    background-color: #0E587F !important;
}

/* 5. Change Side Menu Logo to white version (but not flags) */
.th-menu-area .mobile-logo img,
.mobile-logo img {
    content: url('http://moroccohospitalityservices.com/wp-content/uploads/2024/07/Logo-mhs-1.png') !important;
}

/* 6. Dropdown toggle buttons (plus signs) - Make them black */
.th-menu-area .mean-expand::after,
.th-menu-area .menu-expand::after,
.th-menu-area .dropdown-toggle::after,
.th-menu-area button.mean-expand,
.th-menu-area .sub-menu-toggle::after {
    color: black !important;
    background-color: white !important; /* Optional: white background for better visibility */
}/* End custom CSS */