.main-navigation {
position: static;
font-size: 20px;
line-height: 24px;
font-weight: 700;
display: flex;
justify-content: flex-end;
}
.main-navigation * {
color: #323232;
font-weight: 400
}
.main-navigation .sub-menu a {
font-weight: 400;
padding: 7px 20px 8px
}
.main-navigation a {
color: #323232;
}
.main-navigation a:hover {
text-decoration: none;
}
.main-navigation .sub-menu {
right: auto;
left: 0;
}
.main-navigation .sub-menu {
display: block;
opacity: 0;
visibility: hidden;
margin-top: 0;
}
.main-navigation .sub-menu {
top: 100%;
transform: rotateX(-90deg);
transform-origin: 0% 0%;
}
.main-navigation .dropdown-menu.fade-up {
top: 180%;
}
.main-navigation .menu-item {
z-index: 3;
position: relative
}
.main-navigation .menu-item .sub-menu {
padding-left: 0;
margin-left: 0;
width: auto;
background-color: var(--maincolor);
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.main-navigation .menu-item .sub-menu a {
color: #fff;
display: block;
white-space: nowrap;
min-width: 210px;
}
.main-navigation .menu-item:hover .sub-menu {
background-color: var(--maincolor);
transition: 0;
opacity: 1;
visibility: visible;
top: 100%;
transform: rotateX(0deg);
left: 0;
right: auto;
z-index: -1;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
}
.nav-down .main-navigation .menu-item:hover .sub-menu {
top: calc(100% - 12px)
}
.nav-down.topEdge .main-navigation .menu-item:hover .sub-menu {
top: 100%
}
.main-navigation .sub-menu {
text-align: left;
}
.primary-menu .sub-menu a:hover {}
.primary-menu .current_page_item a {
text-decoration: none;
}
.primary-menu>li.menu-item-has-children>a:after {
border: 0 !important;
background: url(//selectrical.com.au/wp-content/themes/selectrical/img/arrowDown.svg) no-repeat center center;
width: 13px;
height: 12px;
background-size: 100% auto;
content: "";
display: block;
position: absolute;
}
.primary-menu>li.menu-item-has-children>a {}
.primary-menu>li:hover.menu-item-has-children>a {
background: transparent;
color: var(--maincolor) !important;
}
.primary-menu>li:hover.menu-item-has-children>a:after {
background-image: url(//selectrical.com.au/wp-content/themes/selectrical/img/arrowDownMain.svg)
}
ul.primary-menu {
justify-content: flex-end;
margin: 0;
}
.primary-menu>li {
margin: 0;
padding: 0
}
ul.primary-menu {
letter-spacing: 0;
}
.primary-menu>li>a {
padding: 20px 42px 20px 0;
display: inline-block;
}
.primary-menu>li:first-child>a {
margin-left: 0
}
.primary-menu>li>a {
font-weight: 700;
}
@media screen and (max-width:1060px) {
.primary-menu a {
padding: 20px 10px;
}
}
.primary-menu a:hover {
color: #323232
}
.primary-menu>li.menu-item-has-children>a {
padding-right: 48px;
}
.primary-menu>li.menu-item-has-children>a:hover {
color: #323232;
}
.primary-menu>li.menu-item-has-children>a:after {
right: 30px;
top: 28px;
}
ul.primary-menu {
display: flex;
margin: 0;
padding: 0;
font-weight: 500;
flex-wrap: wrap;
}
.primary-menu ul {
background: #323232;
opacity: 0;
padding: 1rem 0;
position: absolute;
right: 9999rem;
top: calc(100% + 1rem);
-webkit-transition: opacity .15s linear, right 0s .15s, -webkit-transform .15s linear;
transition: opacity .15s linear, right 0s .15s, -webkit-transform .15s linear;
transition: opacity .15s linear, transform .15s linear, right 0s .15s;
transition: opacity .15s linear, transform .15s linear, right 0s .15s, -webkit-transform .15s linear;
-webkit-transform: translateY(0.6rem);
transform: translateY(0.6rem);
width: 20rem;
z-index: 1;
}
.primary-menu .sub-menu .sub-menu {
opacity: 0 !important;
visibility: hidden !important;
top: 100% !important;
transform: rotateX(-90deg) !important;
transform-origin: 0% 0% !important;
position: absolute !important;
left: 90% !important
}
.primary-menu .sub-menu .menu-item:hover .sub-menu {
background: #323232;
transition: 0;
opacity: 1 !important;
visibility: visible !important;
top: -4px !important;
left: 188px !important;
transform: rotateX(0deg) !important;
z-index: 2 !important;
box-shadow: rgb(0 0 0 / 10%) 0px 10px 15px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
}