.header-menu-button {
display: block;
background: none !important;
border: 0;
color: inherit;
outline: none;
}
#main-menu > div,
.main-navigation ul {
display: block !important;
}
#main-menu {
color: #FFFFFF;
position: fixed;
top: 0;
right: -280px;
width: 280px;
max-width: 100%;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 20px 30px 20px;
background: #000000;
z-index: 99998;
height: 100%;
overflow: auto;
transition: right 0.4s ease 0s;
}
.main-navigation li {
display: block !important;
float: none !important;
box-shadow: none !important;
}
.main-navigation li.guten-button {
padding: 0 15px;
}
.main-navigation li a {
display: block;
float: none;
padding: 10px 0 !important; box-shadow: none !important;
text-align: left;
}
.main-navigation ul ul {
box-shadow: none !important;
position: relative !important;
top: 0 !important;
left: 0 !important;
float: none !important;
background-color: rgba(255, 255, 255, 0.12) !important;
padding: 0;
margin: 0;
}
.main-navigation.guten-nav-accessoff ul ul {
display: none !important;
}
.main-navigation ul ul li a {
background: none !important;
box-shadow: none !important;
padding: 10px !important;
width: auto;
}
.main-navigation ul ul ul li a {
padding-left: 22px !important;
}
.main-navigation ul ul ul ul li a {
padding-left: 30px !important;
}
.main-navigation ul ul ul ul ul li a {
padding-left: 38px !important;
}
.main-navigation ul#primary-menu > li > ul,
.main-navigation #primary-menu > ul > li > ul {
margin: 0 0 15px;
}
.main-navigation.guten-nav-style-underlined li a,
.main-navigation.guten-nav-style-solid li a {
background: none !important;
box-shadow: none !important;
}
.main-navigation.guten-nav-style-blocks li a span.nav-span-block {
background: none !important;
padding: 0;
}
.main-navigation.guten-nav-style-blocks ul ul:before {
display: none !important;
}
#primary-menu {
display: block;
float: none;
}
.main-menu-close {
background: none;
border: none;
display: block;
border-radius: 4px;
position: absolute;
top: 10px;
right: 10px;
font-size: 22px;
color: #898989;
text-align: center;
padding: 0 8px 0 12px;
height: 40px;
line-height: 38px;
cursor: pointer;
}
.main-menu-close .fa-angle-left {
position: relative;
left: -6px;
}
.main-navigation.guten-nav-accesson .menu-dropdown-btn {
display: none !important;
}
.main-navigation.guten-nav-accessoff .menu-dropdown-btn {
display: block !important;
}
.main-navigation .open-page-item > ul.children,
.main-navigation .open-page-item > ul.sub-menu {
display: block !important;
} .guten-header-one .header-menu-button {
display: block;
padding: 18px 100px 20px 20px;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
text-align: center;
}
.site-header-switch.guten-header-one .header-menu-button {
padding: 15px 2px 16px 100px;
}
.content-boxed .site-header-switch.guten-header-one .header-menu-button {
padding: 15px 15px 16px 100px;
}
.guten-header-one .header-menu-button i {
font-size: 11px;
vertical-align: middle;
}
.guten-header-one .header-menu-button span {
vertical-align: middle;
margin: 0 0 0 6px;
}
.guten-header-one .header-cart {
position: absolute;
top: 15px;
left: 10px;
}
.guten-header-one a.header-cart-contents {
padding: 8px 10px !important;
color: #FFF !important;
}
body.admin-bar .guten-header-one #main-menu {
padding: 87px 20px 30px 20px;
}
body.admin-bar .guten-header-one .main-menu-close {
top: 45px;
}
body.admin-bar .guten-header-one .header-cart {
top: 49px;
} .guten-header-two .header-menu-button {
display: block;
padding: 15px 100px 16px 15px;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
text-align: center;
}
.guten-header-two .header-menu-button i {
font-size: 11px;
vertical-align: middle;
}
.guten-header-two .header-menu-button span {
vertical-align: middle;
margin: 0 0 0 6px;
}
body.admin-bar .guten-header-two #main-menu {
padding: 87px 20px 30px 20px;
}
body.admin-bar .guten-header-two .main-menu-close {
top: 45px;
} .guten-header-three .header-menu-button {
display: block;
padding: 15px 15px 16px;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
text-align: center;
width: 100%;
}
.guten-header-three.site-header-switch .header-menu-button {
padding: 15px 10px 16px;
}
.guten-header-three .header-menu-button i {
font-size: 11px;
vertical-align: middle;
}
.guten-header-three .header-menu-button span {
vertical-align: middle;
margin: 0 0 0 6px;
}
body.admin-bar .guten-header-three #main-menu {
padding: 87px 20px 30px 20px;
}
body.admin-bar .guten-header-three .main-menu-close {
top: 45px;
} .guten-header-four .header-menu-button {
display: block;
padding: 42px 10px 43px 40px;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
text-align: center;
width: 100%;
}
.guten-header-four.site-header-switch .header-menu-button {
padding: 42px 40px 43px 10px;
}
.guten-header-four .header-menu-button i {
font-size: 11px;
vertical-align: middle;
}
.guten-header-four .header-menu-button span {
vertical-align: middle;
margin: 0 0 0 6px;
}
body.admin-bar .guten-header-four #main-menu {
padding: 87px 20px 30px 20px;
}
body.admin-bar .guten-header-four .main-menu-close {
top: 45px;
} .guten-header-five .header-menu-button {
display: block;
padding: 10px 15px 20px;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
text-align: center;
}
.guten-header-five.site-header-switch .header-menu-button {
padding: 10px 15px 20px 5px;
}
.guten-header-five .header-menu-button i {
font-size: 11px;
vertical-align: middle;
}
.guten-header-five .header-menu-button span {
vertical-align: middle;
margin: 0 0 0 6px;
}
body.admin-bar .guten-header-five #main-menu {
padding: 87px 20px 30px 20px;
}
body.admin-bar .guten-header-five .main-menu-close {
top: 45px;
} .guten-header-six .header-menu-button {
display: block;
padding: 15px 20px 16px;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
text-align: center;
width: 100%;
}
.guten-header-six.site-header-switch .header-menu-button {
padding: 15px 0 16px 80px;
}
.guten-header-six .header-menu-button i {
font-size: 11px;
vertical-align: middle;
}
.guten-header-six .header-menu-button span {
vertical-align: middle;
margin: 0 0 0 6px;
}
.guten-header-six .main-navigation {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.08) inset, 0 1px 0 rgba(0, 0, 0, 0.08) inset;
}
.guten-header-six .header-cart {
position: absolute;
top: 15px;
left: 10px;
}
.guten-header-six a.header-cart-contents {
padding: 8px 10px !important;
color: #FFF !important;
}
body.admin-bar .guten-header-six #main-menu {
padding: 87px 20px 30px 20px;
}
body.admin-bar .guten-header-six .main-menu-close {
top: 45px;
}
body.admin-bar .guten-header-six .header-cart {
top: 49px;
} .guten-header-default .header-menu-button {
display: block;
padding: 42px 10px 43px 60px;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
text-align: center;
}
.guten-header-default.site-header-switch .header-menu-button {
padding: 42px 10px 43px 10px;
}
.guten-header-default .header-menu-button i {
font-size: 11px;
vertical-align: middle;
}
.guten-header-default .header-menu-button span {
vertical-align: middle;
margin: 0 0 0 6px;
}
body.admin-bar .guten-header-default #main-menu {
padding: 87px 20px 30px 20px;
}
body.admin-bar .guten-header-default .main-menu-close {
top: 45px;
} .guten-header-seven .header-menu-button {
display: block;
padding: 42px 10px 43px 60px;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
text-align: center;
}
.guten-header-seven.site-header-switch .header-menu-button {
padding: 42px 10px 43px 40px;
}
.guten-header-seven .header-menu-button i {
font-size: 11px;
vertical-align: middle;
}
.guten-header-seven .header-menu-button span {
vertical-align: middle;
margin: 0 0 0 6px;
}
body.admin-bar .guten-header-seven #main-menu {
padding: 87px 20px 30px 20px;
}
body.admin-bar .guten-header-seven .main-menu-close {
top: 45px;
} .guten-header-eight .site-header-top-left {
float: none;
}
.guten-header-eight .header-menu-button {
display: block;
padding: 15px 15px 16px 15px;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
text-align: center;
width: 100%;
}
.guten-header-eight .header-menu-button i {
font-size: 11px;
vertical-align: middle;
}
.guten-header-eight .header-menu-button span {
vertical-align: middle;
margin: 0 0 0 6px;
}
body.admin-bar .guten-header-eight #main-menu {
padding: 87px 20px 30px 20px;
}
body.admin-bar .guten-header-eight .main-menu-close {
top: 45px;
} .guten-header-nine .header-menu-button {
display: block;
padding: 42px 10px 43px 40px;
text-transform: uppercase;
font-size: 12px;
cursor: pointer;
text-align: center;
}
.guten-header-nine.site-header-switch .header-menu-button {
padding: 42px 40px 43px 10px;
}
.guten-header-nine .header-menu-button i {
font-size: 11px;
vertical-align: middle;
}
.guten-header-nine .header-menu-button span {
vertical-align: middle;
margin: 0 0 0 6px;
}
body.admin-bar .guten-header-nine #main-menu {
padding: 87px 20px 30px 20px;
}
body.admin-bar .guten-header-nine .main-menu-close {
top: 45px;
} body.show-main-menu #main-menu {
right: 0px !important;
}
body.show-main-menu #page {
right: 280px !important;
}
body.show-main-menu .side-aligned-social.guten-side-social-square,
body.show-main-menu .side-aligned-social.guten-side-social-round {
right: 280px;
}