RP_Rave1_theme/assets/css/nav.css

1 line
20 KiB
CSS
Raw Normal View History

2024-11-06 10:10:48 +00:00
.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.c