/*
 Theme Name:   bootCommerce Child
 Description:  bootScore WooCommerce Child Theme
 Author:       bootScore
 Author URI:   https://bootscore.me
 Template:     bootscore-main
 Version:      5.1.0.2
 Text Domain:  bootscore
*/

/* 
All style editing is done via css/scss/_bscore_custom.scss
*/

body {
    min-height: 75rem;
    padding-top: 4.5rem;
}

.woocommerce-loop-product__title {
  font-size: 1.1rem !important;
}

.woocommerce .product .related {
    width: 100%;
    display: inline-block;
}

.woocommerce .product .upsells, .cross-sells {
    width: 100% !important;
    display: inline-block !important;
}

#our-brands > div {
    background-color: rgb(0 0 0 / 20%);
    background-blend-mode: multiply;
}

.hero div[style^="background-image: url"] {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 50vh;
    padding-top: 10%;
}

.hero{
    height: 70vh;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}

.vh-25 {
    min-height: 25vh;
}

.vh-50 {
    min-height: 50vh;
}

.slick-dots {
    bottom: 10px;
}
.slick-prev:before, .slick-next:before { 
    color:  #644659 !important;
}
.slick-list, .slick-track, .slick-slide > div {
    height: 100%;
}

.keune-info .row > div:last-child {
    outline: 5px solid #fff;
    outline-offset: -20px;
    padding: 10px;
}
#cooling > div:last-child {
    background-color: #A3D8F5;
}
#energizing > div:last-child {
    background-color: #B3D88C;
}
#moisturizing > div:last-child {
    background-color: #FFD457;
}
#calming > div:last-child {
    background-color: #9398CC;
}
#colour-care > div:last-child {
    background-color: #F15E7C;
}
#exfoliating > div:last-child {
    background-color: #669469;
}

.columns-1 > .row > div[class^="col"] {
    width: 100% !important;
}
.columns-2 > .row > div[class^="col"] {
    width: 50% !important;
}
.columns-3 > .row > div[class^="col"] {
    width: 33.3% !important;
}
.columns-4 > .row > div[class^="col"] {
    width: 25% !important;
}

#offcanvas-cart > .offcanvas-body:after, #offcanvas-user > .offcanvas-body:after {
    content: "";
    width: 50%;
    height: 50%;
    background-image: url(https://mlfzflkro33v.i.optimole.com/mlfzflkro33v-soebaae-style/w:auto/h:auto/q:auto/https://store.beatate.ca/files/2021/11/OM-Frikin_weed.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
    z-index: -1;
}
#offcanvas-cart > .offcanvas-body:after {
    transform: scaleX(-1);
    bottom: 12%;
    right: 0;
}
#offcanvas-user > .offcanvas-body:after {
    bottom: 0;
    left: 0;
}

/*.bootscore-footer {
    background-image: url(https://mlfzflkro33v.i.optimole.com/mlfzflkro33v-soebaae-style/w:auto/h:auto/q:auto/https://store.beatate.ca/files/2021/11/OM-white-flower-buds.png);
    background-size: 25vh;
    background-repeat: no-repeat;
    background-position: right;
}*/
footer:not(.entry-footer) {
    background-color: rgb(223 210 211);
    background-image: url(https://mlfzflkro33v.i.optimole.com/mlfzflkro33v-soebaae-style/w:auto/h:auto/q:auto/https://store.beatate.ca/files/2019/09/om-kangaroo-paw.jpg);
    background-blend-mode: darken;
    background-size: 75vh;
    background-repeat: no-repeat;
    background-position: bottom;
}
.woocommerce-page #page {
    background-image: url(https://mlfzflkro33v.i.optimole.com/mlfzflkro33v-soebaae-style/w:auto/h:auto/q:auto/https://store.beatate.ca/files/Product-Images/Keune/So-Pure/Ingredients/Lavender.jpg);
    background-size: 25vh;
    background-repeat: no-repeat;
    background-position: right -4vw top 10%;
}
.woocommerce-order-received #page {
    background-image: url(https://mlfzflkro33v.i.optimole.com/mlfzflkro33v-soebaae-style/w:auto/h:auto/q:auto/https://store.beatate.ca/files/2021/11/OM-Banksia-Flower.png);
    background-size: 25vh;
    background-repeat: no-repeat;
    background-position: right 10% top 40px;
}
.woocommerce-orders:after, .page-id-969:after {
    content: "";
    width: 25vh;
    height: 25vh;
    background-image: url(https://mlfzflkro33v.i.optimole.com/mlfzflkro33v-soebaae-style/w:auto/h:auto/q:auto/https://store.beatate.ca/files/2021/11/OM-white-flower-buds.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
    top: 7rem;
    right: 5%;
    z-index: -1;
}
.error-404:after {
    content: "";
    width: 50vh;
    height: 50vh;
    background-image: url(https://mlfzflkro33v.i.optimole.com/mlfzflkro33v-soebaae-style/w:auto/h:auto/q:auto/https://store.beatate.ca/files/Product-Images/Keune/So-Pure/Ingredients/Coconut-2.jpg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    position: absolute;
    top: 1rem;
    right: -5%;
    z-index: -1;
    transform: scaleY(-1);
}
.woocommerce-view-order #page {
    background-image: url(https://mlfzflkro33v.i.optimole.com/mlfzflkro33v-soebaae-style/w:auto/h:auto/q:auto/https://store.beatate.ca/files/2021/11/OM-Frikin_weed.png);
    background-size: 25vh;
    background-repeat: no-repeat;
    background-position: left top 15%;
}

.gens-refer-a-friend, .gens-refer-a-friend--generate {
    max-width: inherit;
}

.benefits-bar > .row {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
}
.benefits-bar > .row > .col-md-4 {
  display: inline-block;
}

/*Product Characteristics Bar*/
.effect {
    width: 236px;
    overflow: hidden;
    margin: 0 0 20px 0;
}
.effect .slide {
    width: 236px;
    overflow: hidden;
    margin: 0 0 7px 0;
}
.effect .value {
    float: left;
    width: 30px;
}
.effect .slide-bar {
    width: 154px;
    height: 6px;
    border: 1px solid #eb6562;
    float: left;
    position: relative;
    margin: 3px 0 0 0;
}
.effect .slide-bg {
    background-color: #eb6562;
    display: block;
    height: 5px;
}
.effect .slide-bg-0 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 0%
}
.effect .slide-bg-5 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 5%
}
.effect .slide-bg-10 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 10%
}
.effect .slide-bg-15 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 15%
}
.effect .slide-bg-20 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 20%
}
.effect .slide-bg-25 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 25%
}
.effect .slide-bg-30 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 30%
}
.effect .slide-bg-35 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 35%
}
.effect .slide-bg-40 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 40%
}
.effect .slide-bg-45 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 45%
}
.effect .slide-bg-50 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 50%
}
.effect .slide-bg-55 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 55%
}
.effect .slide-bg-60 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 60%
}
.effect .slide-bg-65 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 65%
}
.effect .slide-bg-70 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 70%
}
.effect .slide-bg-75 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 75%
}
.effect .slide-bg-80 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 80%
}
.effect .slide-bg-85 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 85%
}
.effect .slide-bg-90 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 90%
}
.effect .slide-bg-95 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 95%
}
.effect .slide-bg-100 {
    background-color: #453135;
    display: block;
    height: 6px;
    width: 100%
}
/*/Product Characteristics Bar*/

/*to fix shipping calculator in cart*/
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    width: 100% !important;
}