.vertical-header .header {
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.vertical-header .header--fixed .header-wrapper {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
padding-top: 15px;
padding-bottom: 50px;
box-sizing: border-box;
}
.header-position-right .header {
margin-left: auto;
margin-right: 0;
right: 0;
}
.vertical-header .header-wrapper {
margin: 0;
}
.header-position-left .header-wrapper {
padding-top: 15px;
padding-left: 15px;
padding-right: 30px;
}
.header-position-right .header-wrapper {
padding-right: 3vw;
padding-left: 30px;
right: 0;
}
.vertical-header .site-title-description-wrapper {
align-items: normal;
}
.vertical-header .site-title-wrapper {
height: auto;
margin-right: 0;
}
.vertical-header .site-title,
.vertical-header .site-description {
display: inline-block;
word-break: break-word;
}
.vertical-header .site-description {
margin-left: 0;
display: inline-block;
}
.vertical-header .site-description-below .site-title {
line-height: 1.1;
}
.vertical-header .site-description-below .site-description {
line-height: 1.35;
}
.vertical-header .header-wrapper .nav-menu--header {
height: auto;
width: 100%;
float: left;
margin-left: 0;
}
.vertical-header .header-wrapper .nav-menu,
.vertical-header #sliding-menu-dropdown-wrapper {
float: left;
margin-left: 0;
height: auto;
margin-top: 25px;
clear: both;
}
.vertical-header .header-wrapper .social-links {
height: auto;
padding-left: 0;
clear: both;
float: left;
justify-content: flex-start;
}
.vertical-header .header .search-header {
float: left;
justify-content: flex-start;
clear: both;
height: auto;
}
.vertical-header .header .woocommerce-links-wrapper {
float: left;
justify-content: flex-start;
clear: both;
margin-left: 0;
margin-top: 25px;
align-items: flex-start;
}
.vertical-header .product-list-cart,
.vertical-header .product-list-right {
display: none;
}
.vertical-header .header-wrapper .nav-menu ul,
.vertical-header .header-wrapper .nav-menu ul ul {
display: block;
width: 100%;
float: left;
margin: 0;
}
.vertical-header .header-wrapper .nav-menu ul li,
.vertical-header .header-wrapper .nav-menu ul ul li {
margin-left: 0;
float: left;
clear: both;
margin: 0.575em 0 0;
line-height: inherit;
}
.vertical-header .header-wrapper .nav-menu ul ul li {
margin-left: .575em;
}
.vertical-header .header-wrapper .nav-menu ul li:first-of-type {
margin-top: 0;
}
.vertical-header .header-wrapper .nav-menu ul ul li:first-of-type {
margin-top: .575em;
}
.header-elements-wrapper {
float: left;
margin-top: auto;
margin-top: 25px;
clear: both;
}
.header-elements-wrapper > div {
margin-top: 25px;
margin-left: 0;
}
.header-elements-wrapper > div:first-of-type {
margin-top: 0;
}
.vertical-header .info-header {
padding-left: 0;
margin-top: 1.15rem;
float: left;
display: block;
text-align: left;
clear: both;
margin-left: 0;
}
.vertical-header .info-header p {
margin-bottom: .5em;
}
.vertical-header .info-header p:last-of-type {
margin-bottom: 0;
}
.vertical-header #sliding-menu-wrapper {
display: none;
}
.vertical-header #sliding-menu-dropdown-wrapper {
display: none;
}
.header-position-right #main-content {
flex-direction: row-reverse;
}
.header-position-right .to-top {
left: 40px;
right: auto;
} .vertical-header .header .nav-menu ul li ul {
padding: 0;
overflow: hidden;
transition: max-height .2s ease;
position: relative;
width: 100%;
margin-left: 0;
display: block;
max-width: none;
visibility: visible;
opacity: 1;
float: left;
transform: none;
left: auto;
min-width: auto;
max-height: 0;
}
.vertical-header .header-wrapper .nav-menu ul li li:hover ul,
.vertical-header .header-wrapper .nav-menu ul li li.sfHover ul {
margin-top: 0;
}
.vertical-header .header .nav-menu ul > .menu-item-has-children {
display: inline-block;
}
.vertical-header .header .nav-menu ul > .menu-item-has-children > a {
cursor: pointer;
}
.vertical-header .header .nav-menu .drop-icon {
margin-left: .5em;
right: auto;
}
.vertical-header .header-wrapper .nav-menu ul li li a {
width: auto;
}
@media (max-width: 1023px) {
.vertical-header .header {
position: fixed !important;
height: 85px;
}
.vertical-header .header--fixed .header-wrapper {
overflow-y: initial;
overflow-x: initial;
}
.vertical-header .site-description-below .site-title {
line-height: 1;
}
.vertical-header .site-description-below .site-description {
line-height: 1;
}
.header-elements-wrapper {
display: none;
}
.vertical-header .entry-content > .wpb_row > .wrapper {
padding: 0;
}
.vertical-header .entry-content > .wpb_row.full-width.portfolio-padding > .wrapper {
padding: 0 15px;
}
.single-post.main-sidebar-is-active.vertical-header #primary,
.blog.main-sidebar-is-active.vertical-header #primary {
padding-left: 15px;
padding-right: 15px;
}
.vertical-header .header {
padding: 0;
z-index: 1000;
}
.vertical-header .header-wrapper {
padding-left: 15px;
padding-right: 15px;
}
.vertical-header .header--fixed .header-wrapper {
padding-top: 15px;
padding-bottom: 15px;
}
.vertical-header .site-title-wrapper { }
.vertical-header .header .nav-menu {
margin-top: 0;
}
.vertical-header .header .woocommerce-links-wrapper {
align-items: center;
margin-top: 0;
}
.single-post.main-sidebar-is-active.vertical-header #primary,
.blog.main-sidebar-is-active.vertical-header #primary {
padding-left: 15px;
padding-right: 15px;
}
}