.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;
-webkit-transition: right 0.4s ease 0s;
-moz-transition: right 0.4s ease 0s;
-ms-transition: right 0.4s ease 0s;
-o-transition: right 0.4s ease 0s;
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 .sticky-header.stuck .header-menu-button {
padding: 16px 15px 18px;
}
.site-boxed .guten-header-four .stick-header.stuck .header-menu-button {
padding: 20px 16px 20px;
}
.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 .sticky-header.stuck .header-menu-button {
padding: 16px 15px 18px;
}
.site-boxed .guten-header-five .stick-header.stuck .header-menu-button {
padding: 20px 16px 20px;
}
.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;
}
.site-boxed .guten-header-default .stick-header.stuck .header-menu-button {
padding: 20px 16px 20px;
}
.guten-header-default.site-header-switch .header-menu-button {
padding: 42px 10px 43px 10px;
}
.guten-header-default .stick-header.stuck .header-menu-button {
padding: 20px 16px 20px;
}
.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;
}
.site-boxed .guten-header-seven .stick-header.stuck .header-menu-button {
padding: 20px 16px 20px;
}
.guten-header-seven.site-header-switch .header-menu-button {
padding: 42px 10px 43px 40px;
}
.guten-header-seven .stick-header.stuck .header-menu-button {
padding: 20px 16px 20px;
}
.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 .sticky-header.stuck .header-menu-button {
padding: 16px 15px 18px;
}
.site-boxed .guten-header-nine .stick-header.stuck .header-menu-button {
padding: 20px 16px 20px;
}
.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;
}.entry-header h2 {
margin: 0 0 10px;
}
.breadcrumbs,
.blog-break-blocks .entry-header .breadcrumbs {
position: relative;
top: 0;
right: auto;
margin: 0 0 10px;
}
.blog-blocks-wrap .blog-blocks-layout {
width: 50% !important;
}
body.page-template-template-floating-left-sidebar .widget-area,
body.page-template-template-floating-right-sidebar .widget-area,
body.post-template-template-floating-left-sidebar .widget-area,
body.post-template-template-floating-right-sidebar .widget-area,
body.blog.guten-blog-fl-sidebar .widget-area,
body.archive.category.guten-blog-archives-fl-sidebar .widget-area,
body.archive.tag.guten-blog-archives-fl-sidebar .widget-area,
body.single.single-post.guten-blog-single-fl-sidebar .widget-area,
body.search-results.guten-blog-search-fl-sidebar .widget-area,
body.post-type-archive-product.woocommerce.guten-shop-full-width.guten-shop-fl-sidebar .widget-area,
body.archive.woocommerce.guten-shop-archives-full-width.guten-shop-archives-fl-sidebar .widget-area,
body.single-product.woocommerce.guten-shop-single-full-width.guten-shop-single-fl-sidebar .widget-area {
width: 360px;
left: -360px !important;
}
body.page-template-template-floating-left-sidebar.show-floating-sidebar .widget-area,
body.page-template-template-floating-right-sidebar.show-floating-sidebar .widget-area,
body.post-template-template-floating-left-sidebar.show-floating-sidebar .widget-area,
body.post-template-template-floating-right-sidebar.show-floating-sidebar .widget-area,
body.blog.guten-blog-fl-sidebar.show-floating-sidebar .widget-area,
body.archive.category.guten-blog-archives-fl-sidebar.show-floating-sidebar .widget-area,
body.archive.tag.guten-blog-archives-fl-sidebar.show-floating-sidebar .widget-area,
body.single.single-post.guten-blog-single-fl-sidebar.show-floating-sidebar .widget-area,
body.search-results.guten-blog-search-fl-sidebar.show-floating-sidebar .widget-area,
body.post-type-archive-product.woocommerce.guten-shop-full-width.guten-shop-fl-sidebar.show-floating-sidebar .widget-area,
body.archive.woocommerce.guten-shop-archives-full-width.guten-shop-archives-fl-sidebar.show-floating-sidebar .widget-area,
body.single-product.woocommerce.guten-shop-single-full-width.guten-shop-single-fl-sidebar.show-floating-sidebar .widget-area {
left: 0 !important;
}
.page-template-default .entry-content > *,
.page-template-default .page-titlebar,
.page-template-default .entry-header,
.page-template-default .page-header,
.page-template-default .post-thumbnail,
.page-template-default #comments,
.post-template-default .entry-content > *,
.post-template-default .page-titlebar,
.post-template-default .entry-header,
.post-template-default .page-header,
.post-template-default .post-thumbnail,
.post-template-default #comments {
max-width: 80%;
}
.page-template-default .alignwide,
.post-template-default .alignwide {
max-width: 90%;
}
.page-template-default .alignfull,
.post-template-default .alignfull {
max-width: 100%;
} .guten-header-one .site-title,
.guten-header-two .site-title,
.guten-header-three .site-title {
font-size: 56px;
line-height: 56px;
padding: 0 0 4px;
}
.guten-header-one .site-description,
.guten-header-two .site-description {
font-size: 12px;
line-height: 14px;
} .guten-header-four .site-title,
.guten-header-five .site-title,
.guten-header-nine .site-title {
font-size: 56px;
line-height: 56px;
}
.guten-header-four .sticky-header.stuck .site-branding,
.guten-header-five .sticky-header.stuck .site-branding,
.guten-header-seven .sticky-header.stuck .site-branding,
.guten-header-nine .sticky-header.stuck .site-branding {
padding: 10px 0 4px;
}
.guten-header-seven .site-header-top {
flex: 1;
}
.guten-header-seven .header-menu-button,
.guten-header-nine .header-menu-button {
padding: 42px 15px 43px 15px;
} .guten-header-six .site-branding {
display: inline-block;
box-shadow: none;
padding: 10px 0 15px;
}
.guten-header-six .site-title {
font-size: 56px;
line-height: 56px;
padding: 0 0 4px;
}
.guten-header-six .stick-header.stuck {
position: relative !important;
top: 0 !important;
left: 0 !important;
width: auto !important;
}
.site-header-side-container {
width: auto;
padding: 0;
float: none;
margin: 0;
}
.site-side-layout-container {
margin-left: 0;
}
.site-side-layout-container .site-container {
max-width: 1240px;
padding: 0 20px;
}
.guten-header-six .site-top-bar-left {
float: left;
margin: 0;
text-align: center;
padding: 0 0 0 5px;
}
.guten-header-six .site-top-bar-right {
float: right;
padding: 3px 15px 5px 0;
}
.guten-header-six .guten-header-nav ul li {
float: none;
display: inline-block;
vertical-align: middle;
}
.guten-header-six .site-header-social {
text-align: center;
}
.guten-header-six .site-header-social .social-icon,
.guten-header-six .menu-search {
float: none;
display: inline-block;
vertical-align: middle;
padding: 5px;
margin: 0 2px;
box-shadow: none;
}
.guten-header-six .search-btn {
padding: 0;
} .site-header-switch .site-header-right {
flex: 2;
} .guten-header-eight .site-title {
font-size: 56px;
line-height: 56px;
padding: 0 0 4px;
}
.guten-header-eight .site-description {
font-size: 12px;
line-height: 14px;
}
.guten-header-eight .site-branding-right {
flex: 2;
}