StoreX Max Mega Menu Theme 2

storexmaxmegatheme2

{"title":"Storex","container_background_from":"rgb(255, 255, 255)","container_background_to":"rgb(255, 255, 255)","arrow_up":"dash-f343","arrow_down":"dash-f347","menu_item_align":"right","menu_item_background_hover_from":"rgb(255, 255, 255)","menu_item_background_hover_to":"rgb(255, 255, 255)","menu_item_link_height":"100%","menu_item_link_color":"rgb(60, 74, 85)","menu_item_link_weight":"bold","menu_item_link_color_hover":"rgb(0, 174, 239)","menu_item_link_weight_hover":"bold","menu_item_link_padding_left":"17px","menu_item_link_padding_right":"17px","menu_item_link_padding_top":"10px","menu_item_link_padding_bottom":"49px","panel_background_from":"rgb(255, 255, 255)","panel_background_to":"rgb(255, 255, 255)","panel_width":"150%","panel_border_color":"rgb(0, 174, 239)","panel_border_top":"1px","panel_header_color":"rgb(0, 0, 0)","panel_header_text_transform":"none","panel_header_font_size":"14px","panel_header_padding_bottom":"0px","panel_header_margin_bottom":"10px","panel_header_border_color":"#555","panel_widget_padding_left":"20px","panel_widget_padding_right":"20px","panel_widget_padding_top":"20px","panel_widget_padding_bottom":"20px","panel_font_size":"14px","panel_font_color":"rgb(129, 129, 129)","panel_font_family":"inherit","panel_second_level_font_color":"rgb(129, 129, 129)","panel_second_level_font_color_hover":"rgb(0, 0, 0)","panel_second_level_text_transform":"none","panel_second_level_font":"inherit","panel_second_level_font_size":"14px","panel_second_level_font_weight":"normal","panel_second_level_font_weight_hover":"normal","panel_second_level_text_decoration":"none","panel_second_level_text_decoration_hover":"none","panel_second_level_margin_bottom":"5px","panel_second_level_border_color":"rgb(235, 235, 235)","panel_second_level_border_right":"1px","panel_third_level_font_color":"#666","panel_third_level_font_color_hover":"#666","panel_third_level_font":"inherit","panel_third_level_font_size":"14px","flyout_width":"250px","flyout_menu_background_from":"rgb(255, 255, 255)","flyout_menu_background_to":"rgb(255, 255, 255)","flyout_border_color":"rgb(0, 174, 239)","flyout_border_top":"1px","flyout_padding_top":"20px","flyout_padding_right":"25px","flyout_padding_bottom":"20px","flyout_padding_left":"25px","flyout_link_padding_left":"0","flyout_link_padding_right":"0px","flyout_link_weight":"bold","flyout_link_weight_hover":"bold","flyout_link_height":"30px","flyout_background_from":"rgb(255, 255, 255)","flyout_background_to":"rgb(255, 255, 255)","flyout_background_hover_from":"rgb(255, 255, 255)","flyout_background_hover_to":"rgb(255, 255, 255)","flyout_link_size":"14px","flyout_link_color":"rgb(60, 74, 85)","flyout_link_color_hover":"rgb(0, 174, 239)","flyout_link_family":"inherit","responsive_breakpoint":"800px","shadow":"on","shadow_blur":"2px","transitions":"on","mobile_columns":"1","toggle_background_from":"rgb(255, 255, 255)","toggle_background_to":"rgb(255, 255, 255)","toggle_font_color":"rgb(60, 74, 85)","mobile_menu_item_height":"50px","mobile_background_from":"rgb(255, 255, 255)","mobile_background_to":"rgb(255, 255, 255)","mobile_menu_item_link_font_size":"14px","mobile_menu_item_link_color":"rgb(60, 74, 85)","mobile_menu_item_link_text_align":"left","custom_css":"\/** Push menu onto new line **\/ \r\n@media screen and (min-width: 800px){\r\n\t#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item:first-of-type > a.mega-menu-link:before{\r\n\t\tcontent:\\'\\';\r\n\t\tborder:1px solid #00aeef;\r\n\t\tcolor:#00aeef;\r\n\t\tposition:absolute;\r\n\t\ttop:-7px;\r\n\t\tright:1px;\r\n\t\twidth:76%;\r\n\t\theight:38px;\r\n\t\t-webkit-border-radius:20px;\r\n\t\t-moz-border-radius:20px;\r\n\t\tborder-radius:20px;\r\n\t\t-webkit-transform: scale3d(1, 1, 1);\r\n\t\ttransform: scale3d(1, 1, 1);\r\n\t\topacity: 1;\r\n\t\t-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;\r\n\t\ttransition: transform 0.3s, opacity 0.3s;\r\n\t\t-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.5, 1);\r\n\t\ttransition-timing-function: cubic-bezier(0.75, 0, 0.5, 1);\t\r\n\t}\r\n\t#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item:first-of-type > a.mega-menu-link{\r\n\t\tcolor:#00aeef;\r\n\t}\r\n\t#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item:first-of-type > a.mega-menu-link:hover:before{\r\n\t    opacity: 0;\r\n\t\tbackground: transparent;\r\n\t\t-webkit-transform: scale3d(0.5,.5,1);\r\n\t\ttransform: scale3d(0.5,.5,1);\t\r\n\t}\r\n\t#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item:first-of-type > a.mega-menu-link{\r\n\t\tfont-size:18px;\r\n\t}\r\n\t#mega-menu-wrap-primary-nav #mega-menu-primary-nav li.mega-menu-item-has-children > a.mega-menu-link:after{\r\n\t\tfont-weight:400;\r\n\t}\r\n\t#mega-menu-wrap-primary-nav{\r\n\t\ttext-align:right;\r\n\t}\r\n\t#mega-menu-wrap-primary-nav #mega-menu-primary-nav li.mega-menu-item-has-children > a.mega-menu-link:after{\r\n\t\tmargin: 0 0 0 4px;\r\n\t}\r\n\t#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{\r\n\t\ttransition: padding-left .3s ease-out 0s,color .3s;\r\n\t}\r\n\t#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover{\r\n\t\tpadding-left: 5px;\r\n\t}\r\n\t#mega-menu-wrap-primary-nav #mega-menu-primary-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item{\r\n\t\tborder-right:1px solid #ebebeb;\r\n\t}\r\n\t#mega-menu-wrap-primary-nav #mega-menu-primary-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column:last-child > ul.mega-sub-menu > li.mega-menu-item{\r\n\t\tborder-right: none;\r\n\t}\r\n\r\n#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item:first-of-type > a.mega-menu-link{\r\n\t\tpadding-bottom:44px;\r\n\t\tpadding-top:2px;\r\n\t}\r\n}\r\n@media only screen and (max-width: 800px){\r\n\t#mega-menu-wrap-primary-nav .mega-menu-toggle.mega-menu-open + #mega-menu-primary-nav{\r\n\t\tposition:absolute;\r\n\t\tright:0;\r\n\t\ttop:71px;\r\n\t\tz-index:100;\r\n\t\tbackground:#ffffff;\r\n\t\twidth:240px;\r\n\t\tborder-top:1px solid #00aeef;\r\n\t\t-webkit-box-shadow: 0 0 2px rgba(0,0,0,.1);\r\n\t\t-moz-box-shadow: 0 0 2px rgba(0,0,0,.1);\r\n\t\t-ms-box-shadow: 0 0 2px rgba(0,0,0,.1);\r\n\t\t-o-box-shadow: 0 0 2px rgba(0,0,0,.1);\r\n\t\tbox-shadow: 0 0 2px rgba(0,0,0,.1);\r\n\t}\r\n\t#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{\r\n\t\tpadding:0 20px;\r\n\t\t-webkit-transition: padding-left .3s ease-out 0s,color .3s;\r\n\t\ttransition: padding-left .3s ease-out 0s,color .3s;\r\n\t}\r\n\t#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item{\r\n\t\tmargin-bottom:10px;\r\n\t}\r\n\t#mega-menu-wrap-primary-nav .mega-menu-toggle + #mega-menu-primary-nav li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu{\r\n\t\tpadding:5px 0;\r\n\t}\r\n\t#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item{\r\n\t\tborder-top: 1px solid #ebebeb;\r\n\t}\r\n\t#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item:first-child{\r\n\t\tborder-top:none;\r\n\t}\r\n\t#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link{\r\n\t\tborder-bottom:1px solid #00aeef;\r\n\t}\r\n\t#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:first-child > a.mega-menu-link:hover{\r\n\t\tpadding-left:25px;\r\n\t}\r\n\t#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item > a.mega-menu-link{\r\n\t\tpadding:0 15px;\r\n\t}\r\n}\r\n#mega-menu-wrap-primary-nav .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block{\r\n\tposition:relative;\r\n}\r\n#mega-menu-wrap-primary-nav .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:before{\r\n\tcontent: \\'\\';\r\n    border: 1px solid #00aeef;\r\n    position: absolute;\r\n    right: 1px;\r\n    width: 100%;\r\n\twidth:40px;\r\n    height: 100%;\r\n\theight:40px;\r\n\tleft:-1px;\r\n\ttop:-1px;\r\n    -webkit-border-radius: 20px;\r\n    -moz-border-radius: 20px;\r\n    border-radius: 20px;\r\n    -webkit-transform: scale3d(1,1,1);\r\n    transform: scale3d(1,1,1);\r\n    opacity: 1;\r\n    -webkit-transition: -webkit-transform .3s,opacity .3s;\r\n    transition: transform .3s,opacity .3s;\r\n    -webkit-transition-timing-function: cubic-bezier(0.75,0,.5,1);\r\n    transition-timing-function: cubic-bezier(0.75,0,.5,1);\t\r\n}\r\n#mega-menu-wrap-primary-nav #mega-menu-primary-nav li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row,\r\n#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-flyout ul.mega-sub-menu{\r\n\tborder-left:1px solid #ddd;\r\n\tborder-right:1px solid #ddd;\r\n\tborder-bottom:1px solid #ddd;\r\n}\r\n#mega-menu-wrap-primary-nav .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block{\r\n\tmargin-right: 10px;\r\n}\r\n#mega-menu-wrap-primary-nav .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block:hover:before{\r\n    opacity: 0;\r\n    background: transparent;\r\n    -webkit-transform: scale3d(0.5,.5,1);\r\n    transform: scale3d(0.5,.5,1);\t\r\n}\r\n\t.mega-menu  ul.mega-sub-menu .second-purchase{\r\n\t\tbackground:#f8f8f8;\r\n\t\tpadding:30px 25px 20px 25px;\r\n\t\ttext-align:center;\r\n\t\tline-height: 20px;\r\n\t}\r\n\t.mega-menu  ul.mega-sub-menu .second-purchase .qty{\r\n\t\tcolor: #f26522;\r\n\t\tfont-size: 60px;\r\n\t\tfont-weight:bold;\r\n\t\tfloat:left;\r\n\t\tline-height:0.7;\r\n\t}\r\n\t.mega-menu  ul.mega-sub-menu .second-purchase .sale-percent .per-off{\r\n\t\tdisplay:inline-block;\r\n\t}\r\n\t.mega-menu  ul.mega-sub-menu .second-purchase .sale-percent .per-off:after{\r\n\t\tcontent: \\"\\";\r\n\t\tdisplay: table;\r\n\t\tclear: both;\r\n\t}\r\n\t.mega-menu  ul.mega-sub-menu .second-purchase .sale-percent{\r\n\t\tborder-bottom:1px solid #ebebeb;\r\n\t\tpadding-bottom:15px;\r\n\t\tmargin-bottom: 20px;\r\n\t}\r\n\t.mega-menu  ul.mega-sub-menu .second-purchase .sale-percent ul .percent{\r\n\t\tfont-size:24px;\r\n\t\tcolor:#f3733d;\r\n\t\tfont-weight:bold;\r\n\t}\r\n\t.mega-menu  ul.mega-sub-menu .second-purchase .sale-percent ul .off{\r\n\t\tfont-size:18px;\r\n\t\tcolor:#818181;\r\n\t\tfont-weight:bold;\r\n\t}\r\n\t.mega-menu  ul.mega-sub-menu .second-purchase .sale-percent ul{\r\n\t\tlist-style-type:none;\r\n\t}\r\n\t.mega-menu  ul.mega-sub-menu .wrapper-price{\r\n\t\tbackground-color:#00aeef;\r\n\t\tdisplay: inline-block;\r\n\t\t-webkit-border-radius:50%;\r\n\t\tborder-radius:50%;\r\n\t\theight:85px;\r\n\t\twidth:85px;\r\n\t\ttext-align:center;\r\n\t\tpadding-top:20px;\r\n\t\tmargin-top:5px;\r\n\t\tposition: absolute;\r\n\t\tbottom: 22px;\r\n\t\tleft:18px;\r\n\t}\r\n\t.mega-menu  ul.mega-sub-menu .wrapper-price .price{\r\n\t\tcolor:#ffffff;\r\n\t\tfont-size:18px;\r\n\t}\r\n\t.mega-menu  ul.mega-sub-menu .wrapper-price .sale{\r\n\t\tcolor:#3c4a55;\r\n\t\ttext-decoration: line-through;\r\n\t}\r\n\t.primary-nav #mega-menu-wrap-primary-nav .mega-sub-menu  ul.menu > li.menu-item >a{\r\n\t\theight:auto;\r\n\t\tfont-weight:400;\r\n\t\tcolor:#818181;\r\n\t\t-webkit-transition: padding-left .3s ease-out 0s;\r\n\t\ttransition: padding-left .3s ease-out 0s;\r\n\t}\r\n\t.primary-nav #mega-menu-wrap-primary-nav .mega-sub-menu  ul.menu > li.menu-item >a:hover{\r\n\t\tcolor:#000000;\r\n\t\tpadding-left:5px;\r\n\t}\r\n\t#mega-menu-wrap-primary-nav .mega-menu-toggle{\r\n\t\tpadding-bottom:40px;\r\n\t}\r\n \t#mega-menu-wrap-primary-nav .mega-menu-toggle{\r\n\t\tpadding-bottom:40px;\r\n\t}\r\n\t.logo-wrapper.stuck #mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item > a.mega-menu-link,\r\n\t#mega-menu-wrap-primary-nav #mega-menu-primary-nav > li.mega-menu-item:first-of-type > a.mega-menu-link{\r\n\t\tpadding-bottom:35px;\r\n\t}"}