.mod_mobile_menu {
  position: fixed;
  right: 10px;
  top: 10px;
  z-index: 10000;
}

.mod_mobile_menu {
position: fixed;
  right: 10px;
  top: 10px;
}

.mobile_menu {
    width: 75% !important;
    font-size: 1em;
}

.mobile_menu .inner {
    background: #ffffff;
    height: 100%;
}

.mobile_menu .mod_navigation {
    padding: 0;
}

.mobile_menu ul {
    margin: 0;
    padding: 0;
}

.mobile_menu li {
    list-style: none;
    position: relative;
}

.mobile_menu a,
.mobile_menu strong {
    display: block;
    padding: 0.9em 1.1em;
    color: var(--h2);
    text-decoration: none;
}

.mobile_menu a:hover,
.mobile_menu a:focus,
.mobile_menu a:visited {
    text-decoration: none;
    color: var(--h2);
}

.mobile_menu li:hover {
    background: var(--sand);
}

.mobile_menu .active {
    background: var(--sand);
}

.mobile_menu .active a,
.mobile_menu .active strong {
    color: #2b2b2b;
    font-weight: 700;
}

.mobile_menu .active::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    height: 100%;
    background: var(--cliniqorot);
}

.mobile_menu ul.level_2 a,
.mobile_menu ul.level_2 strong {
    padding-left: 2.3em;
    font-size: 0.95em;
}

.mobile_menu ul.level_3 a,
.mobile_menu ul.level_3 strong {
    padding-left: 3.3em;
    font-size: 0.9em;
}

.mobile_menu_trigger span {
    font-size: 1.8em;
    background: var(--cliniqorot);
    color: #ffffff;
    padding: 0.2em 0.7em;
    display: inline-block;
    cursor: pointer;
}

.mobile_menu_trigger span:hover {
    background: #6E6A67;
}