1 line
No EOL
20 KiB
CSS
Executable file
1 line
No EOL
20 KiB
CSS
Executable file
.main-nav{position:relative;display:flex;align-items:stretch;height:100%}.main-nav__list,.main-nav__list>ul{list-style:none;padding:0;margin:0;display:flex;align-items:center}.main-nav__list>li,.main-nav__list>ul>li{position:relative;padding:0;margin:0}.main-nav__list>li>a,.main-nav__list>ul>li>a{display:block;color:#777;padding:.5em .25em;margin:0 .5em;text-decoration:none;position:relative;font-family:Montserrat,sans-serif;font-size:.875em;font-weight:700;text-transform:lowercase;transition:color .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (min-width:992px){.main-nav__list>li>a,.main-nav__list>ul>li>a{font-size:.875em}}@media (min-width:1200px){.main-nav__list>li>a,.main-nav__list>ul>li>a{font-size:.875em;padding-left:.5em;padding-right:.5em}}.main-nav__list>li.current-menu-ancestor>a,.main-nav__list>li.current-menu-item>a,.main-nav__list>li.current_page_item>a,.main-nav__list>li>a:hover,.main-nav__list>ul>li.current-menu-ancestor>a,.main-nav__list>ul>li.current-menu-item>a,.main-nav__list>ul>li.current_page_item>a,.main-nav__list>ul>li>a:hover{color:#fff;text-decoration:none}.main-nav__list--active-diagonal-line>li.current-menu-ancestor>a::before,.main-nav__list--active-diagonal-line>li.current-menu-item>a::before,.main-nav__list--active-diagonal-line>li.current_page_item>a::before,.main-nav__list--active-diagonal-line>ul>li.current-menu-ancestor>a::before,.main-nav__list--active-diagonal-line>ul>li.current-menu-item>a::before,.main-nav__list--active-diagonal-line>ul>li.current_page_item>a::before,.main-nav__list--hover-diagonal-line>li>a:hover::before,.main-nav__list--hover-diagonal-line>ul>li>a:hover::before{transform:translateX(-50%) rotate3d(0,0,1,-45deg) scale3d(1,1,1)}.main-nav__list--hover-diagonal-line>li>a::before,.main-nav__list--hover-diagonal-line>ul>li>a::before{content:"";position:absolute;height:2px;width:50px;top:50%;left:50%;background-color:#f60b0e;transform:translateX(-50%) rotate3d(0,0,1,-45deg) scale3d(0,1,1);transition:transform .3s cubic-bezier(.23, 1, .32, 1);z-index:-1}.main-nav__list .children,.main-nav__list .sub-menu,.main-nav__list>ul .children,.main-nav__list>ul .sub-menu{position:absolute;top:100%;z-index:1000;margin:0;padding:.75rem 0;min-width:200px;background-color:#242424;opacity:0;transform-origin:0% 0%;transition:transform .3s,opacity .3s;box-shadow:0 1rem 3rem rgba(0,0,0,.3)}.main-nav__list .children>li>a,.main-nav__list .sub-menu>li>a,.main-nav__list>ul .children>li>a,.main-nav__list>ul .sub-menu>li>a{text-decoration:none}.main-nav__list .children>li.menu-item-has-children>a::after,.main-nav__list .children>li.page_item_has_children>a::after,.main-nav__list .sub-menu>li.menu-item-has-children>a::after,.main-nav__list .sub-menu>li.page_item_has_children>a::after,.main-nav__list>ul .children>li.menu-item-has-children>a::after,.main-nav__list>ul .children>li.page_item_has_children>a::after,.main-nav__list>ul .sub-menu>li.menu-item-has-children>a::after,.main-nav__list>ul .sub-menu>li.page_item_has_children>a::after{content:"";display:block;position:absolute;right:24px;top:50%;margin-top:-2px;width:6px;height:4px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath transform='translate(-586.156 -1047.28)' fill='%23777777' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E");background-size:6px 4px;background-repeat:no-repeat;background-position:center center;transform:rotate(-90deg)}.main-nav__list .children li a:hover,.main-nav__list .children>li.current-menu-ancestor>a,.main-nav__list .children>li.current-menu-item>a,.main-nav__list .children>li.current_page_item>a,.main-nav__list .sub-menu li a:hover,.main-nav__list .sub-menu>li.current-menu-ancestor>a,.main-nav__list .sub-menu>li.current-menu-item>a,.main-nav__list .sub-menu>li.current_page_item>a,.main-nav__list>ul .children li a:hover,.main-nav__list>ul .children>li.current-menu-ancestor>a,.main-nav__list>ul .children>li.current-menu-item>a,.main-nav__list>ul .children>li.current_page_item>a,.main-nav__list>ul .sub-menu li a:hover,.main-nav__list>ul .sub-menu>li.current-menu-ancestor>a,.main-nav__list>ul .sub-menu>li.current-menu-item>a,.main-nav__list>ul .sub-menu>li.current_page_item>a{color:#fff;background-color:transparent}.main-nav__list .children li a,.main-nav__list .sub-menu li a,.main-nav__list>ul .children li a,.main-nav__list>ul .sub-menu li a{display:block;font-family:Montserrat,sans-serif;text-transform:none;font-weight:400;font-size:.8125rem;color:#777;text-align:left;line-height:1.5em;padding:.5rem 1.5rem;letter-spacing:normal;border-bottom:1px solid transparent;transition:background-color .2s,color .2s}.main-nav__list .children li:last-child>a,.main-nav__list .sub-menu li:last-child>a,.main-nav__list>ul .children li:last-child>a,.main-nav__list>ul .sub-menu li:last-child>a{border-bottom:none}.main-nav__list .children li,.main-nav__list .sub-menu li,.main-nav__list>ul .children li,.main-nav__list>ul .sub-menu li{position:relative;padding:0;margin:0;display:block}.main-nav__list .children>.page_item_has_children>.children,.main-nav__list .sub-menu>.menu-item-has-children>.sub-menu,.main-nav__list>ul .children>.page_item_has_children>.children,.main-nav__list>ul .sub-menu>.menu-item-has-children>.sub-menu{min-width:200px;border:1px solid transparent;background-color:#2e2e2e;position:absolute;left:100%;top:-.75rem;margin:0;padding:.75rem 0!important;opacity:0;transform-origin:0% 0%;transition:transform .4s,opacity .4s}@media (min-width:768px){.main-nav__list>li.nav-secondary__cart,.main-nav__list>li.nav-secondary__login,.main-nav__list>ul>li.nav-secondary__cart,.main-nav__list>ul>li.nav-secondary__login{display:none}.main-nav__list li>.children,.main-nav__list li>.sub-menu,.main-nav__list>ul li>.children,.main-nav__list>ul li>.sub-menu{transform-style:preserve-3d;transform:rotateX(-75deg);visibility:hidden}.main-nav__list li:hover>.children,.main-nav__list li:hover>.sub-menu,.main-nav__list>ul li:hover>.children,.main-nav__list>ul li:hover>.sub-menu{transform:rotateX(0);opacity:1;visibility:visible}.main-nav__list li:hover .children,.main-nav__list li:hover .sub-menu,.main-nav__list>ul li:hover .children,.main-nav__list>ul li:hover .sub-menu{display:block}.main-nav__list .children li:hover .sub-menu,.main-nav__list .sub-menu li:hover .sub-menu,.main-nav__list>ul .children li:hover .sub-menu,.main-nav__list>ul .sub-menu li:hover .sub-menu{display:block;opacity:1}.main-nav__list .children>.page_item_has_children>.children li:hover .children,.main-nav__list .children>.page_item_has_children>.children li:hover .sub-menu,.main-nav__list .sub-menu>.menu-item-has-children>.sub-menu li:hover .children,.main-nav__list .sub-menu>.menu-item-has-children>.sub-menu li:hover .sub-menu,.main-nav__list>ul .children>.page_item_has_children>.children li:hover .children,.main-nav__list>ul .children>.page_item_has_children>.children li:hover .sub-menu,.main-nav__list>ul .sub-menu>.menu-item-has-children>.sub-menu li:hover .children,.main-nav__list>ul .sub-menu>.menu-item-has-children>.sub-menu li:hover .sub-menu{opacity:1;list-style:none;padding:0;border:1px solid transparent;background-color:#242424}}.main-nav__list .children>.page_item_has_children>.children li.active>a,.main-nav__list .children>.page_item_has_children>.children>.page_item_has_children>.children li.active>a,.main-nav__list .sub-menu>.menu-item-has-children>.sub-menu li.active>a,.main-nav__list .sub-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu li.active>a,.main-nav__list>ul .children>.page_item_has_children>.children li.active>a,.main-nav__list>ul .children>.page_item_has_children>.children>.page_item_has_children>.children li.active>a,.main-nav__list>ul .sub-menu>.menu-item-has-children>.sub-menu li.active>a,.main-nav__list>ul .sub-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu li.active>a{color:#fff}.main-nav__list .children>.page_item_has_children>.children>.page_item_has_children>.children,.main-nav__list .sub-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu,.main-nav__list>ul .children>.page_item_has_children>.children>.page_item_has_children>.children,.main-nav__list>ul .sub-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu{min-width:200px;position:absolute;left:100%;top:-.75rem;margin:0;padding:.75rem 0!important;opacity:0;transform-origin:0% 0%;transition:transform .4s,opacity .4s}.main-nav__toggle,.main-nav__toggle-2{display:none}@media only screen and (min-width:992px){.main-nav__list li:hover>.children,.main-nav__list li:hover>.sub-menu{display:block}.main-nav .main-nav__item--shopping-cart,.main-nav__list .main-nav__item--social-links,.main-nav__list .nav-account__item,.main-nav__list .social-links__item{display:none}}@media (max-width:991.98px){.main-nav__toggle-2::before,.main-nav__toggle::before{content:"";font-family:Ionicons;font-weight:400;font-style:normal;font-size:16px;line-height:30px}.main-nav{width:270px;left:0;transform:translateX(-270px);height:100%;position:fixed;top:0;bottom:0;margin:0;z-index:103;overflow:auto;transition:.3s cubic-bezier(.77, 0, .175, 1);background-color:#242424}.main-nav__toggle,.main-nav__toggle-2{position:absolute;right:16px;cursor:pointer;z-index:1;transition:.4s}.site-wrapper--has-overlay .main-nav{transform:translateX(0);transition:.5s cubic-bezier(.77, 0, .175, 1)}.main-nav .main-nav__list,.main-nav .main-nav__list>ul{width:100%;border-top:1px solid rgba(255,255,255,.06);height:100%;overflow-y:auto;display:block}.main-nav .main-nav__list>li.menu-item-has-children>a::after,.main-nav .main-nav__list>li.page_item_has_children>a::after,.main-nav .main-nav__list>li>a::before,.main-nav .main-nav__list>ul>li.menu-item-has-children>a::after,.main-nav .main-nav__list>ul>li.page_item_has_children>a::after,.main-nav .main-nav__list>ul>li>a::before,.main-nav__list .children li.menu-item-has-children>a::after,.main-nav__list .children li.page_item_has_children>a::after,.main-nav__list .sub-menu li.menu-item-has-children>a::after,.main-nav__list .sub-menu li.page_item_has_children>a::after,.main-nav__list>ul .children li.menu-item-has-children>a::after,.main-nav__list>ul .children li.page_item_has_children>a::after,.main-nav__list>ul .sub-menu li.menu-item-has-children>a::after,.main-nav__list>ul .sub-menu li.page_item_has_children>a::after{display:none}.main-nav .main-nav__list>li.nav-secondary__cart>a i,.main-nav .main-nav__list>li.nav-secondary__login>a i,.main-nav .main-nav__list>ul>li.nav-secondary__cart>a i,.main-nav .main-nav__list>ul>li.nav-secondary__login>a i{margin-right:.5em}.main-nav__list li:hover .children,.main-nav__list li:hover .children .children>.page_item_has_children>.children,.main-nav__list li:hover .children .sub-menu>.menu-item-has-children>.sub-menu,.main-nav__list li:hover .sub-menu,.main-nav__list li:hover .sub-menu .children>.page_item_has_children>.children,.main-nav__list li:hover .sub-menu .sub-menu>.menu-item-has-children>.sub-menu,.main-nav__list>ul li:hover .children,.main-nav__list>ul li:hover .children .children>.page_item_has_children>.children,.main-nav__list>ul li:hover .children .sub-menu>.menu-item-has-children>.sub-menu,.main-nav__list>ul li:hover .sub-menu,.main-nav__list>ul li:hover .sub-menu .children>.page_item_has_children>.children,.main-nav__list>ul li:hover .sub-menu .sub-menu>.menu-item-has-children>.sub-menu{display:none;box-shadow:none}.main-nav__toggle{width:30px;height:30px;line-height:30px;text-align:center;top:12px;display:block}.main-nav__toggle-2{width:20px;height:20px;top:0;display:block}.main-nav__toggle--rotate::before{content:""}.main-nav__list .children>.page_item_has_children>.children,.main-nav__list .children>.page_item_has_children>.children>.page_item_has_children>.children,.main-nav__list .sub-menu>.menu-item-has-children>.sub-menu,.main-nav__list .sub-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu,.main-nav__list>ul .children>.page_item_has_children>.children,.main-nav__list>ul .children>.page_item_has_children>.children>.page_item_has_children>.children,.main-nav__list>ul .sub-menu>.menu-item-has-children>.sub-menu,.main-nav__list>ul .sub-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu{width:100%;position:static;left:0;top:0;display:none;margin:0;padding:0!important;border:0 solid;transform:none;opacity:1;visibility:visible}.main-nav__list .children>.page_item_has_children>.children li,.main-nav__list .children>.page_item_has_children>.children>.page_item_has_children>.children li,.main-nav__list .sub-menu>.menu-item-has-children>.sub-menu li,.main-nav__list .sub-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu li,.main-nav__list>ul .children>.page_item_has_children>.children li,.main-nav__list>ul .children>.page_item_has_children>.children>.page_item_has_children>.children li,.main-nav__list>ul .sub-menu>.menu-item-has-children>.sub-menu li,.main-nav__list>ul .sub-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu li{margin:0;padding:0;position:relative}.main-nav__list .children>.page_item_has_children>.children li a,.main-nav__list .sub-menu>.menu-item-has-children>.sub-menu li a,.main-nav__list>ul .children>.page_item_has_children>.children li a,.main-nav__list>ul .sub-menu>.menu-item-has-children>.sub-menu li a{display:block;padding:7px 25px 7px 50px}.main-nav__list .children li a:hover,.main-nav__list .children>.page_item_has_children>.children li:hover>a,.main-nav__list .children>.page_item_has_children>.children>.page_item_has_children>.children li:hover>a,.main-nav__list .main-nav__megamenu>ul>li>a:hover,.main-nav__list .sub-menu li a:hover,.main-nav__list .sub-menu>.menu-item-has-children>.sub-menu li:hover>a,.main-nav__list .sub-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu li:hover>a,.main-nav__list>ul .children li a:hover,.main-nav__list>ul .children>.page_item_has_children>.children li:hover>a,.main-nav__list>ul .children>.page_item_has_children>.children>.page_item_has_children>.children li:hover>a,.main-nav__list>ul .main-nav__megamenu>ul>li>a:hover,.main-nav__list>ul .sub-menu li a:hover,.main-nav__list>ul .sub-menu>.menu-item-has-children>.sub-menu li:hover>a,.main-nav__list>ul .sub-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu li:hover>a{color:#fff}.main-nav__list .children>.page_item_has_children>.children>.page_item_has_children>.children li a,.main-nav__list .sub-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu li a,.main-nav__list>ul .children>.page_item_has_children>.children>.page_item_has_children>.children li a,.main-nav__list>ul .sub-menu>.menu-item-has-children>.sub-menu>.menu-item-has-children>.sub-menu li a{display:block;padding:7px 25px 7px 60px}.main-nav .main-nav__list>li,.main-nav .main-nav__list>ul>li{width:100%;display:block;float:none;border-right:none;background-color:transparent;position:relative;white-space:inherit}.main-nav__list .children,.main-nav__list .main-nav__megamenu,.main-nav__list .sub-menu,.main-nav__list>ul .children,.main-nav__list>ul .main-nav__megamenu,.main-nav__list>ul .sub-menu{background-color:#2e2e2e;padding:15px 0;border:none;display:none;position:relative;top:0;transform:none;visibility:visible;opacity:1}.main-nav .main-nav__list>li>a,.main-nav .main-nav__list>ul>li>a{margin:0;text-transform:none;padding:16px 30px;font-size:.875rem;text-align:left;border-right:0px solid;background-color:transparent;color:#fff;line-height:1.5em;border-bottom:1px solid rgba(255,255,255,.06);position:static}.main-nav .main-nav__list li.menu-item-has-children>a::after,.main-nav .main-nav__list li.page_item_has_children>a::after,.main-nav .main-nav__list>ul li.menu-item-has-children>a::after,.main-nav .main-nav__list>ul li.page_item_has_children>a::after{transform:none;top:13px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Cpath transform='translate(-586.156 -1047.28)' fill='%23fff' d='M586.171,1048l0.708-.71,2.828,2.83-0.707.71Zm4.95-.71,0.707,0.71L589,1050.83l-0.707-.71Z'/%3E%3C/svg%3E")}.main-nav__list .children li a,.main-nav__list .sub-menu li a,.main-nav__list>ul .children li a,.main-nav__list>ul .sub-menu li a{line-height:1.5em;font-size:.75rem;padding:7px 0 7px 40px;color:#fff;transition:color .3s;border-bottom:none}.main-nav__list .children li:hover>a,.main-nav__list .sub-menu li:hover>a,.main-nav__list>ul .children li:hover>a,.main-nav__list>ul .sub-menu li:hover>a{background-color:transparent;color:#fff}.main-nav__list .children li:hover>.children,.main-nav__list .children li:hover>.sub-menu,.main-nav__list .sub-menu li:hover>.children,.main-nav__list .sub-menu li:hover>.sub-menu,.main-nav__list>ul .children li:hover>.children,.main-nav__list>ul .children li:hover>.sub-menu,.main-nav__list>ul .sub-menu li:hover>.children,.main-nav__list>ul .sub-menu li:hover>.sub-menu{background-color:transparent}.main-nav__list .children li>.children,.main-nav__list .children li>.sub-menu,.main-nav__list .sub-menu li>.children,.main-nav__list .sub-menu li>.sub-menu,.main-nav__list>ul .children li>.children,.main-nav__list>ul .children li>.sub-menu,.main-nav__list>ul .sub-menu li>.children,.main-nav__list>ul .sub-menu li>.sub-menu{padding:15px 0}.main-nav__list .children li>.children li a,.main-nav__list .children li>.sub-menu li a,.main-nav__list .sub-menu li>.children li a,.main-nav__list .sub-menu li>.sub-menu li a,.main-nav__list>ul .children li>.children li a,.main-nav__list>ul .children li>.sub-menu li a,.main-nav__list>ul .sub-menu li>.children li a,.main-nav__list>ul .sub-menu li>.sub-menu li a{padding-left:50px}.main-nav__list .children li>.children li a:hover,.main-nav__list .children li>.sub-menu li a:hover,.main-nav__list .sub-menu li>.children li a:hover,.main-nav__list .sub-menu li>.sub-menu li a:hover,.main-nav__list>ul .children li>.children li a:hover,.main-nav__list>ul .children li>.sub-menu li a:hover,.main-nav__list>ul .sub-menu li>.children li a:hover,.main-nav__list>ul .sub-menu li>.sub-menu li a:hover{background-color:none}.main-nav__list .main-nav__megamenu,.main-nav__list>ul .main-nav__megamenu{color:#fff}.main-nav__list .main-nav__megamenu [class^=col-],.main-nav__list>ul .main-nav__megamenu [class^=col-]{padding-bottom:15px}.main-nav__list .main-nav__megamenu div[class^=col-],.main-nav__list>ul .main-nav__megamenu div[class^=col-]{padding-left:30px;padding-right:30px}.main-nav__list .main-nav__megamenu .main-nav__title,.main-nav__list>ul .main-nav__megamenu .main-nav__title{color:#fff;font-size:11px;padding:10px 30px;margin:0}.main-nav__list .main-nav__megamenu>ul,.main-nav__list>ul .main-nav__megamenu>ul{width:100%;margin:0;padding:0;font-size:13px}.main-nav__list .main-nav__megamenu>ul>li>a,.main-nav__list>ul .main-nav__megamenu>ul>li>a{padding:7px 20px 7px 40px;line-height:1.5em;font-size:10px;color:#fff}.main-nav__list li:hover .main-nav__megamenu,.main-nav__list>ul li:hover .main-nav__megamenu{display:none;position:relative;top:0}.children li:hover>.children,.children li>.children,.children>.page_item_has_children>.children li:hover>.children,.children>.page_item_has_children>.children li>.children,.main-nav__list li:hover>.children,.main-nav__list li:hover>.main-nav__megamenu,.main-nav__list li:hover>.sub-menu,.main-nav__list li>.children,.main-nav__list li>.main-nav__megamenu,.main-nav__list li>.sub-menu,.sub-menu li:hover>.sub-menu,.sub-menu li>.sub-menu,.sub-menu>.menu-item-has-children>.sub-menu li:hover>.sub-menu,.sub-menu>.menu-item-has-children>.sub-menu li>.sub-menu{transform:none;visibility:visible}.children li:hover>.children,.children>.page_item_has_children>.children li:hover>.children,.children>.page_item_has_children>.children li>.children,.main-nav__list li:hover>.main-nav__megamenu,.main-nav__list li>.main-nav__megamenu,.sub-menu li:hover>.sub-menu,.sub-menu>.menu-item-has-children>.sub-menu li:hover>.sub-menu,.sub-menu>.menu-item-has-children>.sub-menu li>.sub-menu{opacity:1}} |