.zeus-menu-layout-horizontal {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.zeus-menu-layout-horizontal .zeus-menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.zeus-menu-layout-horizontal .zeus-menu a {
white-space: nowrap;
}
.zeus-menu-align-left .zeus-menu {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
margin-right: auto;
}
.zeus-menu-align-left .zeus-menu-layout-vertical > ul > li > a {
text-align: left;
}
.zeus-menu-align-center .zeus-menu {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: auto;
margin-left: auto;
}
.zeus-menu-align-center .zeus-menu-layout-vertical > ul > li > a {
text-align: center;
}
.zeus-menu-align-right .zeus-menu {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-left: auto;
}
.zeus-menu-align-right .zeus-menu-layout-vertical > ul > li > a {
text-align: right;
}
.zeus-menu-align-justify .zeus-menu-layout-horizontal .zeus-menu {
width: 100%;
}
.zeus-menu-align-justify .zeus-menu-layout-horizontal .zeus-menu > li {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.zeus-menu-align-justify .zeus-menu-layout-horizontal .zeus-menu > li > a {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.zeus-menu a, .zeus-menu a:hover, .zeus-menu a:focus {
padding: 10px 20px;
line-height: 20px;
}
.zeus-ul,
.zeus-menu-toggle-dropdown ul {
position: relative;
z-index: 2;
}
.zeus-ul,
.zeus-ul li,
.zeus-ul ul,
.zeus-menu-toggle-dropdown ul,
.zeus-menu-toggle-dropdown ul li,
.zeus-menu-toggle-dropdown ul ul {
display: block;
list-style: none;
margin: 0;
padding: 0;
line-height: normal;
}
.zeus-ul li,
.zeus-ul a,
.zeus-menu-toggle-dropdown ul li,
.zeus-menu-toggle-dropdown ul a {
position: relative;
}
.zeus-ul ul,
.zeus-menu-toggle-dropdown ul ul {
border: 0;
font-size: 13px;
}
.zeus-ul .zeus-sub-icon,
.zeus-menu-toggle-dropdown ul .zeus-sub-icon {
cursor: pointer;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.zeus-ul .zeus-sub-icon svg,
.zeus-menu-toggle-dropdown ul .zeus-sub-icon svg {
width: 1em;
height: 1em;
vertical-align: middle;
}
.zeus-ul ul ul ul li {
border-bottom: 1px solid #f1f1f1;
}
.zeus-ul ul ul ul li:last-child {
border: 0;
}
.zeus-ul ul ul a {
color: #222;
}
.zeus-ul ul ul a:hover, .zeus-ul ul ul a:focus {
background-color: #f8f8f8;
color: #555;
}
.zeus-ul ul ul a, .zeus-ul ul ul a:hover, .zeus-ul ul ul a:focus {
padding: 10px 20px;
line-height: 20px;
}
.zeus-menu-layout-horizontal .zeus-ul ul {
display: none;
}
.zeus-menu-toggle-dropdown ul {
background-color: rgba(0, 0, 0, 0.03);
}
.zeus-menu-toggle-dropdown ul a {
padding: 15px 20px;
}
.zeus-menu a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.zeus-menu-layout-horizontal .zeus-menu .zeus-sub-icon {
position: absolute;
top: 50%;
right: 0;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
line-height: 1;
}
.zeus-menu-layout-horizontal .zeus-menu ul {
position: absolute;
width: 12em;
background-color: #fff;
border-top: 1px solid #222;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.zeus-menu-layout-horizontal .zeus-menu ul ul.sub-menu {
top: 0;
left: 100%;
}
.zeus-menu-layout-vertical .zeus-sub-icon,
.zeus-menu-layout-horizontal .zeus-menu-dropdown .zeus-sub-icon {
right: 15px;
}
.zeus-menu-layout-vertical a,
.zeus-dropdown-menu a {
display: block;
}
.zeus-menu-layout-vertical .zeus-sub-icon,
.zeus-dropdown-menu .zeus-sub-icon {
position: absolute;
top: 0;
right: 0;
padding: 15px 12px;
z-index: 2;
text-align: center;
}
.zeus-menu-layout-vertical .zeus-sub-icon {
padding: 10px 15px;
}
.zeus-menu-main .zeus-menu a {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.zeus-menu-toggle-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 20px;
width: 40px;
padding: 10px;
border-radius: 3px;
background-color: #f9f9f9;
color: #222;
cursor: pointer;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.zeus-menu-toggle-icon svg {
height: 1em;
width: 1em;
position: relative;
fill: currentColor;
}
.zeus-menu-toggle-icon svg:nth-child(2),
.zeus-active .zeus-menu-toggle-icon svg:nth-child(1) {
display: none;
}
.zeus-active .zeus-menu-toggle-icon svg:nth-child(2) {
display: block;
}
.zeus-toggle-align-left .zeus-menu-toggle-icon {
margin-right: auto;
}
.zeus-toggle-align-center .zeus-menu-toggle-icon {
margin: 0 auto;
}
.zeus-toggle-align-right .zeus-menu-toggle-icon {
margin-left: auto;
}
.zeus-menu-toggle-dropdown {
position: absolute;
top: 100%;
left: 0;
width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
z-index: 9999;
}
.zeus-menu-toggle-dropdown,
.zeus-menu-toggle-dropdown .zeus-menu-dropdown {
-webkit-transition: max-height 0.3s, -webkit-transform 0.3s;
transition: max-height 0.3s, -webkit-transform 0.3s;
-o-transition: max-height 0.3s, transform 0.3s;
transition: max-height 0.3s, transform 0.3s;
transition: max-height 0.3s, transform 0.3s, -webkit-transform 0.3s;
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
overflow: auto;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
max-height: 0;
}
.zeus-active .zeus-menu-toggle-dropdown,
.zeus-active .zeus-menu-toggle-dropdown .zeus-dropdown-open > .zeus-menu-dropdown {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
max-height: 100vh;
}
.zeus-menu-layout-vertical .zeus-menu-dropdown {
-webkit-transition: max-height 0.3s, -webkit-transform 0.3s;
transition: max-height 0.3s, -webkit-transform 0.3s;
-o-transition: max-height 0.3s, transform 0.3s;
transition: max-height 0.3s, transform 0.3s;
transition: max-height 0.3s, transform 0.3s, -webkit-transform 0.3s;
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
overflow: auto;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
max-height: 0;
}
.zeus-menu-layout-vertical .zeus-menu .zeus-dropdown-open > .zeus-menu-dropdown {
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
max-height: 100vh;
}
li.zeus-cart-menu a,
li.zeus-search-menu a {
height: 100%;
}
li.zeus-cart-menu svg,
li.zeus-search-menu svg {
font-size: 18px;
width: 1em;
height: 1em;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
li.zeus-cart-menu .zeus-menu-dropdown,
li.zeus-search-menu .zeus-menu-dropdown {
right: 0;
padding: 20px;
width: 260px;
}
li.zeus-search-menu .zeus-menu-dropdown form {
margin: 0;
}
li.zeus-search-menu .zeus-menu-dropdown form input {
width: 100%;
}
.zeus-menu-main li.zeus-cart-menu .zeus-cart-text,
.zeus-menu-main.zeus-hide-cart li.zeus-cart-menu {
display: none;
}
.zeus-dropdown-menu li.zeus-search-menu > a {
display: none;
}
.zeus-dropdown-menu li.zeus-search-menu .zeus-searchform-menu {
display: block;
width: 100%;
max-height: 100%;
-webkit-transform: none;
-ms-transform: none;
transform: none;
border: 0 !important;
}
.zeus-dropdown-menu li.zeus-cart-menu svg,
.zeus-dropdown-menu li.zeus-cart-menu .zeus-cart-text {
vertical-align: middle;
}
.zeus-dropdown-menu li.zeus-cart-menu .zeus-cart-text {
padding-left: 8px;
}
.zeus-has-sticky {
-webkit-transition: background-color 0.4s;
-moz-transition: background-color 0.4s;
-ms-transition: background-color 0.4s;
-o-transition: background-color 0.4s;
transition: background-color 0.4s;
}
.zeus-sticky-shadow {
-webkit-box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.14);
-moz-box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.14);
box-shadow: 0 0.15em 0.35em 0 rgba(0, 0, 0, 0.14);
} body.rtl .zeus-menu-layout-horizontal .zeus-menu .zeus-sub-icon {
right: auto;
left: 0;
}
body.rtl .zeus-menu-layout-horizontal .zeus-menu ul ul.sub-menu {
left: 100%;
right: auto;
}
body.rtl .zeus-menu-layout-vertical .zeus-sub-icon,
body.rtl .zeus-menu-layout-horizontal .zeus-menu-dropdown .zeus-sub-icon {
right: auto;
left: 15px;
}
body.rtl .zeus-menu-layout-vertical .zeus-sub-icon,
body.rtl .zeus-dropdown-menu .zeus-sub-icon {
right: auto;
left: 0;
}
body.rtl .zeus-menu-toggle-dropdown {
left: auto;
right: 0;
}
body.rtl li.zeus-cart-menu .zeus-menu-dropdown,
body.rtl li.zeus-search-menu .zeus-menu-dropdown {
right: auto;
left: 0;
}
body.rtl .zeus-dropdown-menu li.zeus-cart-menu .zeus-cart-text {
padding-left: 0;
padding-right: 8px;
} @media (min-width: 1025px) {
.zeus-menu-dropdown-tablet .zeus-menu-toggle {
display: none;
}
}
@media (max-width: 1024px) {
.zeus-menu-dropdown-tablet .zeus-menu-main {
display: none;
}
}
@media (min-width: 768px) {
.zeus-menu-dropdown-mobile .zeus-menu-toggle {
display: none;
}
}
@media (max-width: 767px) {
.zeus-menu-dropdown-mobile .zeus-menu-main {
display: none;
}
}