.mob-menu-overlay .mobmenu-panel { opacity: 0; visibility: hidden; transition: opacity 0.5s, visibility 0s 0.5s; position: fixed; width: 100%; height: 100%; top: 0; left: 0; } .mob-menu-overlay.show-nav-left .mobmenu-panel, .mob-menu-overlay.show-nav-right .mobmenu-panel { opacity: 1; visibility: visible; transition: opacity 0.5s; z-index: 100001; } .mob-menu-overlay .show-panel .mob-cancel-button { position: absolute; right: 0px; top: 0px; padding-top: 8px; overflow: hidden; border: none; outline: none; z-index: 100002; font-size: 30px; line-height: 30px; cursor: pointer; } .mob-retina-logo{ display: none; max-width: 100%; } .mob-cancel-button{ z-index: 99999999!important; position:relative!important; } .mobmenu-content .widget { padding-bottom: 0px; padding: 20px; } .mob-expand-submenu i { position: relative; font-weight: 600; cursor: pointer; } .mob-menu-left-bg-holder, .mob-menu-right-bg-holder, .mob-menu-cart-bg-holder { width: 100%; height: 100%; position: absolute; z-index: -50; background-repeat: no-repeat; top: 0; left: 0; } .mob-menu-no-scroll{ overflow: hidden; } .mobmenu-content .sub-menu { display: none; opacity: 1; } .mobmenur-container { position: absolute; right: 0px; } .leftmbottom h2 { font-weight: bold; background-color: transparent; color: inherit; } .mob-cancel-button { display:none; z-index: 99999999; } .show-nav-left.mob-menu-overlay .left-menu-icon-text, .show-nav-right.mob-menu-overlay .left-menu-icon-text { display: none; } .show-nav-left.mob-menu-slideout-top .mobmenu-right-bt .mob-cancel-button, .show-nav-right.mob-menu-slideout-top .mobmenu-left-bt .mob-cancel-button { display: none; } .show-nav-left.mob-menu-slideout-top .mobmenu-right-bt .mob-menu-icon, .show-nav-right.mob-menu-slideout-top .mobmenu-left-bt .mob-menu-icon { display: block; } .show-panel .mob-cancel-button { display: block; } .mobmenu-content li a { display: block; letter-spacing: 1px; padding: 10px 20px; text-decoration: none; font-size: 14px; } .mobmenu-content li a:active, .mobmenu-content li:active, .mobmenu-content li a .mob-expand-submenu:active{ border-style: outset; border: none; } .mobmenu-left-alignment.show-panel, .mobmenu-right-alignment.show-panel { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .mobmenu-left-alignment { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .mobmenu-right-alignment { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } body.admin-bar .mobmenu, body.admin-bar .mobmenu-panel { top: 32px; } #wpadminbar { position: fixed; } .show-nav-left .mob-menu-header-holder, .show-nav-right .mob-menu-header-holder, .mob-menu-header-holder, .mobmenu-panel, .mobmenu-overlay , .show-nav-left .mobmenu-push-wrap, .show-nav-right .mobmenu-push-wrap, .show-nav-left .mob-menu-header-holder, .show-nav-left .mobmenu-left-alignment, .show-nav-right .mobmenu-right-alignment, .show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay{ -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -ms-transition: -ms-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s; } .mobmenu-overlay { opacity: 0; } .widget img { max-width: 100%; } #mobmenuleft, #mobmenuright { margin: 0; padding: 0; } #mobmenuleft li > ul { display:none; left: 15px; padding-left: 0px; } .rtl .mob-expand-submenu { float: left; } .mob-expand-submenu { position: relative; right: 0px; float: right; } .mobmenu-parent-link .menu-item-has-children { cursor: pointer; } #mobmenuright li > ul { display:none; left: 15px; padding-left: 0px; } .rightmbottom, .rightmtop { padding-left: 10px; padding-right: 10px; } .mob-menu-slideout .mobmenu-panel { position: fixed; top: 0; height: 100%; z-index: 300000; overflow-y: hidden; overflow-x: hidden; opacity: 1; } .mob-menu-slideout .mobmenu-right-alignment { right: 0; } .mobmenu-content li { list-style: none; visibility: visible; opacity: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); margin: 0; } .mob-menu-slideout .mobmenu-left-alignment, .mob-menu-slideout-over .mobmenu-left-alignment { left: 0; } .mob-menu-slideout .mobmenu-right-alignment, .mob-menu-slideout-over .mobmenu-right-alignment { right: 0; } .mob-menu-header-holder { font-weight:bold; top:0px; right: 0px; color:#000; display: block; z-index: 9999; } .mobmenu .sub-menu li > a { padding-left: 50px; } .mobmenu .sub-menu .sub-menu li a { padding-left: 75px; } .mobmenu-left-panel .mobmenu-left-bt, .mobmenu-right-panel .mobmenu-right-bt { position: absolute; right: 0px; top: 0px; font-size: 30px; } .mobmenu-content { margin-top: 45px; padding-bottom: 120px; z-index: 1; height: calc( 100% - 45px); overflow: auto; padding-top: 10px; } .mobmenu-parent-link .mob-expand-submenu { cursor: pointer; } #mobmenuright.nomenu li, #mobmenuleft.nomenu li{ padding-left: 7%; padding-right: 7%; } .mob-expand-submenu.show-sub .mob-icon-down-open { display: none; } .mob-expand-submenu.show-sub .mob-icon-up-open { display: block; } .mob-expand-submenu .mob-icon-down-open { display: block; } .mob-expand-submenu .mob-icon-up-open { display: none; } .show-nav-left .mobmenu-overlay, .show-nav-right .mobmenu-overlay { width: 100%; height: 100%; z-index: 99999; left: 0; top: 0; opacity: 1; position: fixed; cursor: pointer; } .mobmenu-ajax-search-results { display: none; opacity: 1; visibility: visible; width: 100%; height: 100%; position: fixed; margin-top: 50px; } [data-panel-target="mobmenu-filter-panel"].mobmenu-trigger-action { float:left; } .mobmenu-content .sub-menu.show-sub-menu { -webkit-transition: height 1s linear 0s; -moz-transition: height 1s linear 0s; -ms-transition: height 1s linear 0s; -o-transition: height 1s linear 0s; transition: height 1s linear 0s; overflow:hidden; } h4.no-mobile-menu { padding: 22px; text-align: center; width: 90%; background: #fff; margin: auto; font-size: 17px; font-weight: 400; line-height: 29px; } h4.no-mobile-menu a { text-decoration: none; color:#000; } .mobmenu-content li a:focus { outline: none; } .mobmenu-content .widget_media_image { text-align: center; } #_pick_tips_content { border: 0; position: fixed; right: 5px; top: 5px; z-index: 99999999; width: 300px; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); border-radius: 4px; background-color: rgba(255, 255, 255, 0.8); font-size: 0; margin: 0; padding: 0; transition: all 0.3s; min-height: 540px; height: auto; display: none; } #_pick_tips_content.on { display: inline-block; } #_picker_cover_wrap_box svg { position: fixed; top: 0; left: 0; cursor: crosshair; width: 100%; height: 100%; z-index: 99999998; } #_picker_cover_wrap_box svg>path:first-child { fill: rgba(0, 0, 0, 0); fill-rule: evenodd; } #_picker_cover_wrap_box svg>path+path { stroke: #29c66d; stroke-width: 3.5px; fill: rgb(226 239 232 / 20%); } #_picker_cover_wrap_box { transition: all 0.3s; pointer-events: none; } @keyframes ellipsis { from { width: 2px; } to { width: 15px; } } ._picker_target_elm { background: transparent; outline: #1dcd1d solid 3px; color: #000; }