html,
body {
overflow-x: hidden !important;
}
#masthead {
position: fixed !important;
top: 42px !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2147483639 !important;
background: transparent !important;
transform: none !important;
transition:
top .35s ease,
background-color .35s ease,
box-shadow .35s ease !important;
}
#masthead.astra-child-scrolled {
top: 0 !important;
background: #fff !important;
box-shadow:
0 2px 15px rgba(0,0,0,.08) !important;
}
#masthead .ast-primary-header-bar,
#masthead .ast-builder-grid-row-container,
#masthead .ast-builder-grid-row,
#masthead .main-header-bar-wrap {
background: transparent !important;
}
#masthead.astra-child-scrolled .ast-primary-header-bar,
#masthead.astra-child-scrolled .ast-builder-grid-row-container,
#masthead.astra-child-scrolled .ast-builder-grid-row,
#masthead.astra-child-scrolled .main-header-bar-wrap {
background: #fff !important;
}
#masthead .site-branding,
#masthead .ast-site-identity,
#masthead .site-logo-img,
#masthead .custom-logo-link {
display: none !important;
}
#masthead .custom-header-logo {
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform:
translate(-50%, -50%) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
z-index: 2147483640 !important;
text-decoration: none !important;
}
#masthead .custom-header-logo img {
display: block !important;
width: auto !important;
height: 42px !important;
max-width: 150px !important;
max-height: 50px !important;
object-fit: contain !important;
margin: 0 !important;
padding: 0 !important;
}
.astra-child-menu-toggle {
position: absolute !important;
top: 50% !important;
left: 20px !important;
right: auto !important;
transform:
translateY(-50%) !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: auto !important;
height: auto !important;
padding: 4px 8px !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
outline: none !important;
color: #fff !important;
font-size: 27px !important;
font-weight: 400 !important;
line-height: 1 !important;
cursor: pointer !important;
z-index: 2147483647 !important;
transition:
opacity .2s ease,
color .3s ease,
transform .2s ease !important;
}
#masthead.astra-child-scrolled
.astra-child-menu-toggle {
color: #111 !important;
}
#masthead .astra-child-menu-toggle:hover {
background: transparent !important;
border: none !important;
box-shadow: none !important;
transform:
translateY(-50%)
scale(1.08) !important;
}
#masthead .astra-child-menu-toggle:focus {
outline: none !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
html.astra-child-menu-open
#masthead .astra-child-menu-toggle,
body.astra-child-menu-open
#masthead .astra-child-menu-toggle {
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
.astra-child-promo-bar {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 42px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: #f4f4f4 !important;
color: #222 !important;
z-index: 2147483647 !important;
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
transition:
transform .35s ease,
opacity .35s ease,
visibility .35s ease !important;
box-sizing: border-box !important;
}
.astra-child-promo-bar.astra-child-promo-hidden {
transform:
translateY(-100%) !important;
opacity: 0 !important;
visibility: hidden !important;
pointer-events: none !important;
}
.astra-child-promo-inner {
position: relative !important;
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 0 18px !important;
box-sizing: border-box !important;
}
.astra-child-promo-slides {
position: absolute !important;
left: 50% !important;
top: 0 !important;
transform:
translateX(-50%) !important;
width: calc(100% - 100px) !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden !important;
}
.astra-child-promo-slide {
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
opacity: 0 !important;
visibility: hidden !important;
transform:
translateY(8px) !important;
transition:
opacity .3s ease,
transform .3s ease,
visibility .3s ease !important;
white-space: nowrap !important;
}
.astra-child-promo-slide.active {
opacity: 1 !important;
visibility: visible !important;
transform:
translateY(0) !important;
}
.astra-child-promo-slide span {
color: #222 !important;
font-size: 12px !important;
font-weight: 400 !important;
line-height: 1 !important;
}
.astra-child-promo-slide a {
color: #222 !important;
font-size: 12px !important;
font-weight: 600 !important;
text-decoration: underline !important;
}
.astra-child-promo-arrow {
position: relative !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 28px !important;
height: 30px !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
color: #222 !important;
font-size: 23px !important;
font-weight: 300 !important;
line-height: 1 !important;
cursor: pointer !important;
z-index: 2 !important;
}
.astra-child-promo-arrow:hover {
background: transparent !important;
color: #000 !important;
border: none !important;
box-shadow: none !important;
}
html.astra-child-menu-open,
body.astra-child-menu-open {
overflow: hidden !important;
}
.astra-child-menu-overlay {
position: fixed !important;
inset: 0 !important;
width: 100% !important;
height: 100% !important;
background:
rgba(0,0,0,.48) !important;
z-index: 2147483644 !important;
opacity: 0 !important;
visibility: hidden !important;
transition:
opacity .3s ease,
visibility .3s ease !important;
}
.astra-child-menu-overlay.active {
opacity: 1 !important;
visibility: visible !important;
}
.astra-child-offcanvas {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 430px !important;
max-width: 92vw !important;
height: 100vh !important;
height: 100dvh !important;
padding: 0 !important;
margin: 0 !important;
background: #fff !important;
z-index: 2147483645 !important;
transform:
translateX(-100%) !important;
transition:
transform .4s cubic-bezier(.77,0,.18,1) !important;
overflow-x: hidden !important;
overflow-y: auto !important;
box-shadow:
10px 0 40px rgba(0,0,0,.15) !important;
-webkit-overflow-scrolling: touch !important;
}
.astra-child-offcanvas.active {
transform:
translateX(0) !important;
}
.astra-child-menu-close {
position: absolute !important;
top: 20px !important;
right: 22px !important;
width: 42px !important;
height: 42px !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
box-shadow: none !important;
color: #111 !important;
font-size: 34px !important;
font-weight: 300 !important;
line-height: 42px !important;
cursor: pointer !important;
z-index: 10 !important;
}
.astra-child-menu-close:hover {
background: transparent !important;
color: #111 !important;
transform:
rotate(90deg) !important;
}
.astra-child-menu-close:focus {
outline: none !important;
box-shadow: none !important;
}
.astra-child-menu-content {
padding: 70px 35px 35px !important;
margin: 0 !important;
}
.astra-child-menu-logo {
margin-bottom: 45px !important;
text-align: center !important;
}
.astra-child-menu-logo img {
display: block !important;
width: auto !important;
height: 45px !important;
max-width: 220px !important;
max-height: 55px !important;
object-fit: contain !important;
margin: 0 auto !important;
}
.astra-child-menu-brand {
padding: 0 0 20px !important;
margin: 0 !important;
border-bottom:
1px solid #e5e5e5 !important;
}
.astra-child-menu-brand span {
display: block !important;
color: #111 !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 3px !important;
line-height: 1.4 !important;
}
.astra-child-main-menu {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
margin-top: 30px !important;
margin-bottom: 30px !important;
}
.astra-child-main-menu a {
display: block !important;
color: #080707 !important;
text-decoration: none !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
padding: 6px 0 !important;
transition:
opacity .2s ease !important;
}
.astra-child-main-menu a:hover {
color: #080707 !important;
opacity: .55 !important;
}
.astra-child-gender-menu {
display: flex !important;
align-items: center !important;
padding: 22px 0 !important;
margin: 0 !important;
border-bottom:
1px solid #e5e5e5 !important;
}
.astra-child-gender-button {
all: unset !important;
display: inline-block !important;
position: relative !important;
padding: 0 !important;
margin: 0 !important;
color: #111 !important;
font-size: 14px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
line-height: 1.4 !important;
cursor: pointer !important;
}
.astra-child-gender-button:hover,
.astra-child-gender-button.active {
color: #111 !important;
background: transparent !important;
}
.astra-child-gender-button.active::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
bottom: -8px !important;
height: 1px !important;
background: #111 !important;
}
.astra-child-new-in {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
padding: 21px 0 !important;
margin: 0 !important;
color: #111 !important;
background: transparent !important;
text-decoration: none !important;
font-size: 15px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
border-bottom:
1px solid #e5e5e5 !important;
}
.astra-child-new-in:hover {
color: #111 !important;
background: transparent !important;
}
.astra-child-new-in span:last-child {
font-size: 18px !important;
font-weight: 400 !important;
transition:
transform .2s ease !important;
}
.astra-child-new-in:hover span:last-child {
transform:
translateX(5px) !important;
}
.astra-child-sale-video {
display: block !important;
width: 100% !important;
height: 180px !important;
min-height: 180px !important;
margin: 25px 0 32px !important;
padding: 0 !important;
overflow: hidden !important;
background: #111 !important;
box-sizing: border-box !important;
}
.astra-child-sale-video video {
display: block !important;
width: 100% !important;
height: 180px !important;
min-height: 180px !important;
margin: 0 !important;
padding: 0 !important;
object-fit: cover !important;
}
.astra-child-menu-section {
display: block !important;
width: 100% !important;
margin-top: 32px !important;
padding: 0 !important;
}
.astra-child-section-heading {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
width: 100% !important;
margin: 0 0 12px !important;
padding: 0 !important;
}
.astra-child-section-heading span {
color: #111 !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
}
.astra-child-gender-categories {
display: none !important;
width: 100% !important;
padding: 12px 0 5px !important;
margin: 0 !important;
}
.astra-child-gender-categories.active {
display: block !important;
}
.astra-child-gender-categories[data-category="women"] {
display: block !important;
}
.astra-child-gender-categories ul {
list-style: none !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
}
.astra-child-gender-categories li {
display: block !important;
width: 100% !important;
padding: 0 !important;
margin: 0 !important;
list-style: none !important;
}
.astra-child-gender-categories li a {
display: flex !important;
align-items: center !important;
width: 100% !important;
box-sizing: border-box !important;
padding: 9px 0 !important;
color: #222 !important;
background: transparent !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 1.4 !important;
letter-spacing: .3px !important;
text-decoration: none !important;
transition:
color .2s ease,
padding-left .2s ease !important;
}
.astra-child-gender-categories li a:hover {
color: #000 !important;
padding-left: 6px !important;
}
.astra-child-no-category {
margin: 10px 0 !important;
color: #777 !important;
font-size: 13px !important;
line-height: 1.5 !important;
}
.astra-child-utility-menu {
width: 100% !important;
margin-top: 40px !important;
padding-top: 25px !important;
border-top:
1px solid #ddd !important;
}
.astra-child-utility-menu a {
display: block !important;
width: 100% !important;
padding: 13px 0 !important;
color: #222 !important;
background: transparent !important;
font-size: 12px !important;
font-weight: 700 !important;
letter-spacing: 1.2px !important;
line-height: 1.4 !important;
text-decoration: none !important;
border-bottom:
1px solid #eee !important;
}
.astra-child-utility-menu a:hover {
color: #000 !important;
padding-left: 6px !important;
}
.astra-child-account-menu {
display: flex !important;
align-items: center !important;
gap: 25px !important;
width: 100% !important;
margin-top: 25px !important;
padding-top: 20px !important;
border-top:
1px solid #ddd !important;
}
.astra-child-account-menu a {
color: #111 !important;
background: transparent !important;
font-size: 11px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-decoration: none !important;
}
.astra-child-social-menu {
display: flex !important;
align-items: center !important;
gap: 25px !important;
width: 100% !important;
margin: 45px 0 20px !important;
padding: 25px 0 0 !important;
border-top:
1px solid #ddd !important;
}
.astra-child-social-menu a {
display: flex !important;
align-items: center !important;
justify-content: center !important;
width: 50px !important;
height: 50px !important;
min-width: 50px !important;
min-height: 50px !important;
padding: 0 !important;
margin: 0 !important;
color: #111 !important;
background: transparent !important;
border:
1px solid #ddd !important;
border-radius: 50% !important;
box-sizing: border-box !important;
text-decoration: none !important;
}
.astra-child-social-menu a i {
display: inline-block !important;
font-size: 22px !important;
line-height: 1 !important;
}
.astra-child-mobile-bottom-nav {
display: none !important;
}
@media (max-width: 921px) {
#ast-mobile-header .main-header-menu-toggle,
#ast-mobile-header .menu-toggle,
#ast-mobile-header .ast-mobile-menu-trigger,
#ast-mobile-header .ast-button-wrap {
display: none !important;
}
#masthead .astra-child-menu-toggle {
display: flex !important;
left: 14px !important;
font-size: 25px !important;
}
#masthead .custom-header-account {
right: 58px !important;
width: 25px !important;
height: 25px !important;
font-size: 19px !important;
}
#masthead .custom-header-logo img {
height: 40px !important;
max-width: 135px !important;
}
.astra-child-promo-inner {
padding: 0 10px !important;
}
.astra-child-promo-slides {
width:
calc(100% - 75px) !important;
}
.astra-child-promo-slide span,
.astra-child-promo-slide a {
font-size: 11px !important;
}
.astra-child-promo-arrow {
width: 25px !important;
}
.astra-child-offcanvas {
width: 400px !important;
max-width: 90vw !important;
}
}
@media (max-width: 600px) {
#masthead {
top: 42px !important;
}
#masthead.astra-child-scrolled {
top: 0 !important;
}
.astra-child-promo-bar {
height: 42px !important;
}
.astra-child-menu-content {
padding:
65px 25px 30px !important;
}
.astra-child-menu-logo {
margin-bottom: 40px !important;
}
.astra-child-menu-logo img {
height: 45px !important;
max-height: 45px !important;
}
.astra-child-sale-video,
.astra-child-sale-video video {
height: 160px !important;
min-height: 160px !important;
max-height: 160px !important;
}
.astra-child-social-menu a {
width: 48px !important;
height: 48px !important;
min-width: 48px !important;
min-height: 48px !important;
}
.astra-child-social-menu a i {
font-size: 21px !important;
}
.astra-child-mobile-bottom-nav {
position: fixed !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
width: 100% !important;
height: 58px !important;
display: grid !important;
grid-template-columns:
repeat(4, 1fr) !important;
align-items: stretch !important;
background: #fff !important;
border-top:
1px solid #ddd !important;
box-shadow:
0 -2px 10px rgba(0,0,0,.06) !important;
z-index: 2147483646 !important;
box-sizing: border-box !important;
}
.astra-child-mobile-bottom-nav a {
position: relative !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
gap: 3px !important;
color: #111 !important;
text-decoration: none !important;
font-size: 9px !important;
line-height: 1 !important;
padding: 5px 0 !important;
background: transparent !important;
}
.astra-child-mobile-bottom-nav a i {
font-size: 15px !important;
line-height: 1 !important;
}
.astra-child-mobile-bottom-nav a span {
display: block !important;
font-size: 9px !important;
line-height: 1.2 !important;
}
Badge
.astra-child-mobile-badge {
position: absolute !important;
top: 4px !important;
margin-left: 17px !important;
min-width: 14px !important;
height: 14px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 3px !important;
background: #111 !important;
color: #fff !important;
border-radius: 50% !important;
font-size: 8px !important;
font-weight: 700 !important;
box-sizing: border-box !important;
}
body {
padding-bottom: 58px !important;
}
}
@media (max-width: 380px) {
.astra-child-promo-slide span,
.astra-child-promo-slide a {
font-size: 10px !important;
}
.astra-child-menu-content {
padding-left: 20px !important;
padding-right: 20px !important;
}
.astra-child-gender-categories li a {
font-size: 13px !important;
}
.astra-child-mobile-bottom-nav {
height: 56px !important;
}
body {
padding-bottom: 56px !important;
}
}
@media (min-width: 601px) {
body:not(.home) #content {
padding-top: 112px !important;
}
body.woocommerce:not(.home) #content {
padding-top: 112px !important;
}
body.single-product #content {
padding-top: 112px !important;
}
body.woocommerce-cart #content {
padding-top: 112px !important;
}
body.woocommerce-checkout #content {
padding-top: 112px !important;
}
body.woocommerce-account #content {
padding-top: 112px !important;
}
body.astra-child-header-scrolled:not(.home) #content {
padding-top: 70px !important;
}
body.astra-child-header-scrolled.woocommerce #content {
padding-top: 70px !important;
}
body.astra-child-header-scrolled.single-product #content {
padding-top: 70px !important;
}
body.astra-child-header-scrolled.woocommerce-cart #content {
padding-top: 70px !important;
}
body.astra-child-header-scrolled.woocommerce-checkout #content {
padding-top: 70px !important;
}
body.astra-child-header-scrolled.woocommerce-account #content {
padding-top: 70px !important;
}
}
@media (max-width: 600px) {
body:not(.home) #content {
padding-top: 105px !important;
}
body.woocommerce:not(.home) #content {
padding-top: 105px !important;
}
body.single-product #content {
padding-top: 105px !important;
}
body.woocommerce-cart #content {
padding-top: 105px !important;
}
body.woocommerce-checkout #content {
padding-top: 105px !important;
}
body.woocommerce-account #content {
padding-top: 105px !important;
}
body.astra-child-header-scrolled:not(.home) #content {
padding-top: 65px !important;
}
body.astra-child-header-scrolled.woocommerce #content {
padding-top: 65px !important;
}
body.astra-child-header-scrolled.single-product #content {
padding-top: 65px !important;
}
body.astra-child-header-scrolled.woocommerce-cart #content {
padding-top: 65px !important;
}
body.astra-child-header-scrolled.woocommerce-checkout #content {
padding-top: 65px !important;
}
body.astra-child-header-scrolled.woocommerce-account #content {
padding-top: 65px !important;
}
}
#masthead {
height: auto !important;
min-height: 70px !important;
}
#masthead .main-header-bar,
#masthead .ast-primary-header-bar,
#masthead .ast-builder-grid-row {
min-height: 70px !important;
height: 70px !important;
}
#masthead.astra-child-scrolled .main-header-bar,
#masthead.astra-child-scrolled .ast-primary-header-bar,
#masthead.astra-child-scrolled .ast-builder-grid-row {
min-height: 70px !important;
height: 70px !important;
}
body:not(.single-product) .cfvsw_variations_form {
display: none !important;
}
body.admin-bar #wpadminbar {
display: block !important;
visibility: visible !important;
opacity: 1 !important;
position: fixed !important;
top: 0 !important;
left: 0 !important;
right: 0 !important;
width: 100% !important;
height: 32px !important;
z-index: 2147483647 !important;
}
body.admin-bar .astra-child-promo-bar {
top: 32px !important;
}
body.admin-bar #masthead {
top: 74px !important;
}
body.admin-bar #masthead.astra-child-scrolled {
top: 32px !important;
}