header#masthead {
background-color: #354534;
z-index: 9;
position: fixed;
top: 0;
width: 100%;
box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
transition: padding .5s	
} .ws-logo {
display: block;
transition: width .5s
}
@media screen and (min-width: 783px) {
.admin-bar header#masthead {
top:32px
}
}
@media screen and (max-width: 782px) {
.admin-bar header#masthead {
top:46px
}
}
header#masthead > .container {
position: relative;
z-index: 1;
}
.navbar-brand {
position: relative;
margin:0;
} .header-social-block a {
display: inline-block;
margin-right: 20px;
}
.header-social-block {
margin-bottom: 12px
}
.header-info-shop {
margin-bottom: 10px
} a.logo-pushy {
color: #000;
display: inline-block;
font-weight: 700;
text-decoration: none;
line-height: 1
}
.navbar-brand > a:visited, .navbar-brand > a:hover {
text-decoration: none;
}
.site-header .header-cart {
margin-left:16px;
margin-bottom: 2px;
color: #C8BFA1;
text-decoration: none;
}
.site-header .header-cart svg {
width:24px;
height:25px;
}
.site-header a:hover svg {
fill:#fff;
transition: fill .5s
}
.header-info-shop .user-account {
margin-left:15px
}
@media only screen and (max-width: 767px) {
header#masthead {
padding: 8px 0
}
header#masthead > .container {
padding: 0 20px 0 15px
}
.navbar-brand {
max-width: 150px
}
.site-header .menu-btn {
bottom: 7px;
}
.header-info-shop {
margin-right: 58px!important;
}
.header-mobile-info {
margin: 35px 20px 25px;
}
.header-social-block {
margin: 0 0 2px;
}
#content {
padding-top:68px
}
.pushy .user-account {
margin-bottom: -3px;
text-decoration: none
}
.pushy .user-account svg {
fill: #354534;
}
}
@media only screen and (max-width: 574px) {
.mob-info {
font-size:13px
}
}
@media only screen and (max-width: 359px) {
.navbar-brand {
max-width: 120px;
margin-left: -5px;
}
}
@media only screen and (max-width: 991px) { }
@media only screen and (max-width: 1199px) {
.navbar-toggler:focus, .navbar-toggler:hover {
outline: none;
}
.navbar-brand {
padding: 0
}
.header-info-shop {
margin-bottom: 2px;
margin-right: 62px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1199px) {
header#masthead {
padding: 8px 0 10px;
}
.header-social-block {
margin-bottom: 4px;
min-width: 144px;
}
.ws-logo {
width: 210px;
}
header#masthead.fixed .ws-logo {
width: 160px
}
#content {
padding-top:91px
}
}
@media only screen and (min-width: 1200px) {
header#masthead {
padding: 20px 0 30px;
}
.navbar-brand {
margin:0 20px;
padding: 0 0 3px;
}
header#masthead.fixed {
padding:5px 0 6px
}
#content {
padding-top:127px
}
}
@media only screen and (min-width: 1440px) {
.navbar-brand {
margin:0 20px;
}
}
#main-nav-right.navbar-collapse {
flex-grow: 0
} @media only screen and (min-width:992px) {
.ws_mobile .navbar-toggler {
font-size: 1rem;
}
.ws_mobile .navbar-toggler[aria-expanded="false"] i {
transform:rotate(90deg);
color: #1c1c1c;
}
.ws_mobile .navbar-toggler[aria-expanded="true"] i {
transform:rotate(-90deg);
color:#ff0000;
}
.ws_mobile .navbar.mobile-menu {
position: absolute;
top: 100%;
left: 0;
right: 0;
background-color: #fff;
}
.ws_mobile header .navbar.navbar-expand-lg.align-items-lg-center {
-ms-flex-align: start!important;
align-items: flex-start!important;
}
.ws_mobile a.logo-pushy {
font-size: 37px;
padding: 6px 0 11px;
}
}
@media (min-width: 1600px) {
.header-cart svg {
width:24px;
height:24px;
}
.header-cart {
margin-left:20px
}
}
@media (min-width: 1840px) {
}