/* GLOBAL */
/* GLOBAL CSS */
/* GLOBAL CSS */
.proDet_weight {
display: none;
}
.bg-black {
background: var(--dark)!important;
}
.oms-wrapper .btn-primary-alt {
color: white!important;
}
.navbar-dark .navbar-nav .nav-link {
color: white;
}
.navbar-dark .navbar-nav .nav-link.active {
color: var(--primary-alt);
}
.oms-wrapper .btn {
border-width: 1px;
padding: 10px 30px;
border-radius: 50px;
font-size: 1rem;
font-weight: 400;
}
.img-after-effect {
position: relative;
}
.img-after-effect > div {
position: relative;
z-index: 1;
}
.img-after-effect:before {
position: absolute;
content: '';
width: 90%;
height: 90%;
left: -1rem;
bottom: -1rem;
z-index: 0;
background-color: var(--primary-alt);
}
.text-styled-eyebrow:after,
.text-styled-eyebrow:before {
content: "";
position: relative;
top: -.3rem;
display: inline-block;
width: .75rem;
height: .063rem;
background: var(--primary-alt);
text-transform: uppercase;
}
.text-styled-eyebrow {
text-transform: uppercase;
}
.animated {
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
/*------------------------------------*
Arrow Notch SCROLL DOWN
*------------------------------------*/
.arrow-container {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 10;
}
.down-arrow {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%) rotate(-135deg);
-ms-transform: translateX(-50%) rotate(-135deg);
transform: translateX(-50%) rotate(-135deg);
width: 16px;
height: 16px;
border-right: 2px solid transparent;
border-bottom: 2px solid transparent;
z-index: 100;
}
#begin:before {
content: "";
display: block;
height: 130px;
/* fixed header height*/
margin: -130px 0 0;
/* negative fixed header height */
}
.notch-position {
top: -48px;
}
.down-arrow {
top: -40px;
}
@media (min-width: 768px) {
.notch-position {
top: -48px;
}
.down-arrow {
top: -40px;
}
}
@media (min-width: 1200px) {
.notch-position {
top: -49.5px;
}
.down-arrow {
top: -33px;
}
}
@media (min-width: 1500px) {
.notch-position {
top: -49.5px;
}
.down-arrow {
top: -33px;
color: #505050 !important;
}
}
.viewMoreDetailsBut,
.prodPageCartBtn {
border: 1px solid var(--light);
border-radius: .5rem;
background: var(--white);
color: var(--dark);
}
.product-title {
font-weight: 700;
font-size: 1rem;
color: var(--dark);
}
.price {
font-size: 1.2rem !important;
font-weight: 300;
color: #cecece;
margin-right: 25px;
}
.price::first-letter {
font-size: .75rem;
color: #cecece;
vertical-align: top;
position: relative;
top: -10px;
}
span.productPrice {
border-top: 1px solid #cecece;
padding-top: .5rem;
display: flex;
width: 100%;
margin-top: 1rem;
}
.product-image {
min-height: auto !important;
background-position: center 60% !important;
background-size: cover!important;
background-repeat: no-repeat !important;
padding-bottom: 100%;
height: auto !important;
}
.overlay-side {
background: linear-gradient(to right, hsl(0, 0%, 0%) 0%, hsla(0, 0%, 0%, 0.964) 7.4%, hsla(0, 0%, 0%, 0.918) 15.3%, hsla(0, 0%, 0%, 0.862) 23.4%, hsla(0, 0%, 0%, 0.799) 31.6%, hsla(0, 0%, 0%, 0.73) 39.9%, hsla(0, 0%, 0%, 0.655) 48.2%, hsla(0, 0%, 0%, 0.577) 56.2%, hsla(0, 0%, 0%, 0.497) 64%, hsla(0, 0%, 0%, 0.417) 71.3%, hsla(0, 0%, 0%, 0.337) 78.1%, hsla(0, 0%, 0%, 0.259) 84.2%, hsla(0, 0%, 0%, 0.186) 89.6%, hsla(0, 0%, 0%, 0.117) 94.1%, hsla(0, 0%, 0%, 0.054) 97.6%, hsla(0, 0%, 0%, 0) 100%);
}
.fancy-style {
filter: invert(0.13) saturate(1.2) sepia(0.04);
}
.tone-down {
opacity: 0.85;
transition: all .2s ease!important;
}
/* PAGE SPECIFIC */
/* FOOTER */