/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
:root,
body[data-elementor-device-mode="mobile"]{
    --mm-ocd-width: 100%;
    --mm-ocd-min-width: 100%;
    --mm-ocd-max-width: 100%;
}
body[data-elementor-device-mode="tablet"],
body[data-elementor-device-mode="desktop"] {
    --mm-ocd-width: 80%;
    --mm-ocd-min-width: 200px;
    --mm-ocd-max-width: 440px
}
 /*
 .mm-ocd-opened #wpadminbar, 
.mm-ocd-opened #mega-menu-menu-1,
.mega-menu-menu-1-mobile-open #wpadminbar,
.mega-menu-menu-1-mobile-open #mega-menu-menu-1,
[data-elementor-device-mode="mobile"] #wpadminbar,
[data-elementor-device-mode="tablet"] #mega-menu-menu-1{ 
    display: none !important; 
    z-index: -999 !important; 
    visibility: hidden !important;
    pointer-events: none !important;
}

@media screen and ( max-width: 782px ) {
	html[lang] {margin-top: 0 !important;}
}
*/
/* <hide_the_title> */
.mm-spn.mm-spn--navbar.mm-spn--main:after {
    display: none;
}
.mm-spn.mm-spn--navbar.mm-spn--main ul {
    top: 0;
}
/* </hide_the_title> */


/* <logo> */
.mm-ocd--open a{
    display: flex;
}
.mm-ocd__content .elementor-widget-container {
   padding: calc((var(--mm-spn-item-height) - var(--mm-spn-line-height))/ 2) var(--mm-spn-item-indent);
}
/* </logo> */


/* <icons> */
.mm-ocd--open .menu-item ._svg {
    width: 32px;
    height: auto;
}
/* </icons> */

/* <theme> */
.mm-spn.mm-spn--light,
.mm-ocd__content {
    color: inherit;
    background: #fff;
    color: var(--e-global-color-primary );
    font-family: var(--e-global-typography-primary-font-family ), Sans-serif;
    font-weight: var(--e-global-typography-primary-font-weight );
}
/* </theme> */

/* <fixed_position_toggle_button> */
body.mm-fixed-toggle #clatter_mobile_menu_toggle {
    transition: all .1s;
}
body.mm-fixed-toggle.scrolled-past-toggle-top #clatter_mobile_menu_toggle,
body.mm-fixed-toggle.mm-ocd-opened #clatter_mobile_menu_toggle {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
    padding: .5rem !important;
    background: rgba(255,255,255,.9) !important;
    border-radius: 0 !important;
}

body.mm-fixed-toggle.mm-ocd-opened #clatter_mobile_menu_toggle {
    margin-top: 13px;
    margin-right: 2px;
}

/* </fixed_position_toggle_button> */
/*
body.mm-ocd-opened.mm-fixed-header {
    overflow: auto;
    -ms-scroll-chaining: initial;
    overscroll-behavior: auto;
}*/
body.mm-fixed-header .mm-ocd {
    top: 70px;
}
body.mm-fixed-header[data-elementor-device-mode="tablet"] .mm-ocd,
body.mm-fixed-header[data-elementor-device-mode="desktop"] .mm-ocd  {
    top: 99px;
}

body.mm-fixed-header.admin-bar .mm-ocd {
    top: 116px;
}
body.mm-fixed-header.admin-bar[data-elementor-device-mode="tablet"] .mm-ocd,
body.mm-fixed-header.admin-bar[data-elementor-device-mode="desktop"] .mm-ocd  {
    top: 131px;
}
/*
body.mm-fixed-header .mm-ocd__backdrop {
    display: none !important;
}
body.mm-fixed-header .mm-ocd {
    background: transparent;
    pointer-events: none;
    margin-top: 70px;
}

body.mm-ocd-opened.mm-fixed-header .mm-ocd__content {
    pointer-events: auto;
}*/

ul.sub-menu.mm-spn--open {
    background: #fff;
}