.banner-header-main {
margin: 10px auto 10px auto;
padding: 0; background: #E70E03;
width: 100%;
max-width: 1200px;
height: 270px;
display: flex; justify-content: center;
gap: 25px;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
overflow: hidden;
cursor: pointer;
position: relative;
}
@media (max-width: 991px) {
.banner-header-main {
padding: 0;
flex-direction: column;
justify-content: center;
height: auto;
}
}
.banner-header-main .sub-text {
position: absolute;
bottom: 18px;
left: 10px;
color: #0F2B36;
font-size: 10px;
font-style: normal;
font-weight: 400;
line-height: 100%;
}
@media (max-width: 991px) {
.banner-header-main .sub-text {
margin-right: 0;
}
}
.banner-header-main::after {
content: "* Selected styles. While quantities last. Sale ends July 3.";
bottom: 0;
right: 0;
font-size: 9px;
color: #545454;
max-width: 440px;
white-space: nowrap;
display: none;
position: absolute;
}
.banner-header-main .off-70-image {
display: block;
width: 100%;
max-width: 350px;
height: auto;
}
@media (max-width: 991px) {
.banner-header-main .off-70-image {
max-width: none;
}
}
.banner-header-main .hero-image {
background-position: center center;
background-size: cover;
height: 270px;
width: 380px;
}
@media (max-width: 991px) {
.banner-header-main .hero-image {
width: 100%;
aspect-ratio: 380/270;
height: auto;
}
}
.banner-header-main .off-10-image {
margin: -50px 0 0 0;
width: 100%;
max-width: 350px;
height: auto;
display: block;
}
@media (max-width: 991px) {
.banner-header-main .off-10-image {
margin: 0;
max-width: none;
}
}
.banner-header-main .help-text {
position: absolute;
bottom: 10px;
right: 10px;
display: block;
}
.banner-header-main .help-text-centered {
margin: 40px 0 20px 0;
width: 50%;
height: auto;
display: none;
}
@media (max-width: 991px) {
.banner-header-main .help-text {
position: absolute;
bottom: 10px;
right: 10px;
display: none;
}
.banner-header-main .help-text-centered {
display: block;
}
} ins.bf-price, .bf-price-container {
position: relative;
}
ins.bf-price::after, .bf-price-container::after {
content: "";
position: absolute;
background: url(//comfortclinic.ca/wp-content/themes/Avada/assets/banners/2024-12-20-boxing-day/pin.png) no-repeat 0 0;
background-size: contain;
height: 64px;
width: 206px;
display: block;
right: -10px;
top: -9px;
transform: translate(100%, 0);
}
.bf-price-container .bf-price::after,
.cart_item .bf-price::after {
display: none !important;
}
.fusion-price-rating ins.bf-price::after, .woocommerce-variation-price ins.bf-price::after {
height: 50px;
width: 161px;
right: -1px;
top: -5px;
}
.woocommerce-variation-price ins.bf-price::after {
top: 8px;
}
.bf-price-container::after {
height: 50px;
width: 50px;
max-width: 40%;
display: block;
right: 10px;
top: 10px;
z-index: 10;
transform: none;
}