.gHmrv2 [for^=drop] {color: #fff} .gHmrv2 [for^=drop] i {margin-left: 10px} .gHmrv2.global_menu_ltr [for^=drop] i {margin-right: 10px} .gHmrv2 {position: relative;width: 65px} .gHmrv2 .first_level {left: -100%; visibility: hidden; overflow: auto; height: 0} .gHmrv2 [id^=drop]:checked ~ .first_level {height: initial;display:flex;background: #fff;position: fixed;left: 0;width: 80%;top: 0;bottom: 0;flex-direction: column;z-index: 99999; padding: 10px; visibility: visible;-webkit-transition: visibility 0.3s cubic-bezier(0.55, 0, 0.1, 1),opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);-o-transition: visibility 0.3s cubic-bezier(0.55, 0, 0.1, 1),opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition: visibility 0.3s cubic-bezier(0.55, 0, 0.1, 1),opacity 0.3s cubic-bezier(0.55, 0, 0.1, 1);} .gHmrv2 [id^=drop]:checked + .overflow {visibility: visible; opacity: 1;position: fixed;right: 0;width: 100%;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.52);-webkit-transition: visibility 0.5s cubic-bezier(0.55, 0, 0.1, 1),opacity 0.5s cubic-bezier(0.55, 0, 0.1, 1);-o-transition: visibility 0.5s cubic-bezier(0.55, 0, 0.1, 1),opacity 0.5s cubic-bezier(0.55, 0, 0.1, 1);transition: visibility 0.5s cubic-bezier(0.55, 0, 0.1, 1),opacity 0.5s cubic-bezier(0.55, 0, 0.1, 1);} .gHmrv2 > ul ul ul, .gHmrv2 > ul ul {flex-direction: column; top: 0 !important; position: relative !important; width: 100% !important; right: 0 !important; padding: 0 !important; left: 0 !important} .gHmrv2 > ul > li {height: inherit;} .gHmrv2 ul li:not(:first-of-type) {margin: 0;border-top: 1px solid #f0f2f1;} .gHmrv2 ul li.parent {flex-direction: column;} .gHmrv2 ul ul ul {right: 0;box-shadow: none;} .gHmrv2 ul ul {box-shadow: none;} .gHmrv2 > ul > li:not(:last-of-type) {margin-left: 0;} .gHmrv2 ul ul li label {padding: 10px 30px 10px 20px !important} .gHmrv2 ul ul ul li label {padding: 10px 45px 10px 20px !important} .gHmrv2 ul ul ul ul li label {padding: 10px 60px 10px 20px !important} .gHmrv2 .parent i {display: flex;align-items: center} .gHmrv2 .toggle + a, [id$=drop] + ul {display: none !important;} .gHmrv2 .toggle {display: flex !important;padding: 10px 20px;text-decoration: none;width: 100%;border: none;} .gHmrv2 ul .toggle:hover {background-color: #f4f4f4;} .gHmrv2 [id$=drop]:checked + ul {display: flex !important;} .gHmrv2 label a {padding: 0;width: 100%} .gHmrv2.global_menu_ltr .parent i {left: auto !important;right: 10px !important;} .gHmrv2.global_menu_ltr .first_level {left: auto;right: -100%; visibility: hidden; overflow: auto; height: 0} .gHmrv2.global_menu_ltr [id$=drop]:checked ~ .first_level {left: auto; right: 0} .gHmrv2.global_menu_ltr [id$=drop]:checked + .overflow {right: auto;left: 0;} .gHmrv2.global_menu_ltr ul ul li label {padding: 10px 20px 10px 30px !important} .gHmrv2.global_menu_ltr ul ul ul li label {padding: 10px 20px 10px 45px !important} .gHmrv2.global_menu_ltr ul ul ul ul li label {padding: 10px 20px 10px 60px !important} .gVmrv2 [for^=drop] {color: #fff} .gVmrv2 [for^=drop] i {margin-left: 10px} .gVmrv2.global_menu_ltr [for^=drop] i {margin-right: 10px} .gVmrv2 {position: relative;width: 65px} .gVmrv2 .first_level {left: -100%; visibility: hidden; overflow: auto; height: 0} .gVmrv2 [id^=drop]:checked ~ .first_level {height: initial;display:flex;background: #fff;position: fixed;left: 0;width: 80%;top: 0;bottom: 0;flex-direction: column;z-index: 99999; padding: 10px; visibility: visible;-webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);-o-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);} .gVmrv2 [id^=drop]:checked + .overflow {visibility: visible; opacity: 1;position: fixed;right: 0;width: 100%;top: 0;bottom: 0;background: rgba(0, 0, 0, 0.52);-webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);-o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);} .gVmrv2 > ul ul ul, .gVmrv2 > ul ul {flex-direction: column; top: 0 !important; position: relative !important; width: 100% !important; right: 0 !important; padding: 0 !important; left: 0 !important} .gVmrv2 > ul > li {height: inherit;} .gVmrv2 ul li:not(:first-of-type) {margin: 0;border-top: 1px solid #f0f2f1;} .gVmrv2 ul li.parent {flex-direction: column;} .gVmrv2 ul ul ul {right: 0;box-shadow: none;} .gVmrv2 ul ul {box-shadow: none;} .gVmrv2 > ul > li:not(:last-of-type) {margin-left: 0;} .gVmrv2 ul ul li label {padding: 10px 30px 10px 20px !important} .gVmrv2 ul ul ul li label {padding: 10px 45px 10px 20px !important} .gVmrv2 ul ul ul ul li label {padding: 10px 60px 10px 20px !important} .gVmrv2 .parent i {position: absolute;top: 15px !important;margin-top: 0 !important;left: 10px !important;} .gVmrv2 .toggle + a, [id$=drop] + ul {display: none !important;} .gVmrv2 .toggle {display: flex !important;padding: 10px 20px;text-decoration: none;width: 100%;border: none;} .gVmrv2 ul .toggle:hover {background-color: #f4f4f4;} .gVmrv2 [id$=drop]:checked + ul {display: flex !important;} .gVmrv2 label a {padding: 0} .gVmrv2.global_menu_ltr .parent i {left: auto !important;right: 10px !important;} .gVmrv2.global_menu_ltr .first_level {left: auto;right: -100%; visibility: hidden; overflow: auto; height: 0} .gVmrv2.global_menu_ltr [id$=drop]:checked ~ .first_level {left: auto; right: 0} .gVmrv2.global_menu_ltr [id$=drop]:checked + .overflow {right: auto;left: 0;} .gVmrv2.global_menu_ltr ul ul li label {padding: 10px 20px 10px 30px !important} .gVmrv2.global_menu_ltr ul ul ul li label {padding: 10px 20px 10px 45px !important} .gVmrv2.global_menu_ltr ul ul ul ul li label {padding: 10px 20px 10px 60px !important}