/* Products Tabs CSS starts here */
.path-products #block-tabs, .path-frontpage #block-tabs{
    text-align: center;
    margin-top: 15px;
}
.path-products #block-tabs a.is-active, .path-products #block-tabs a:hover, .path-frontpage #block-tabs a.is-active, .path-frontpage #block-tabs a:hover {
    color: #424242;
    text-decoration: underline;
    text-underline-offset: 10px;
    text-decoration-thickness: 2px;
    text-decoration-color: #424242;
    font-family: Lora Regular;
}
.path-products #block-tabs a, .path-frontpage #block-tabs a{
    color: #CBCBCB;
    font-family: Lora Regular;
}

.temphalla-content{
    max-width: 1260px;
}
.custom-product-variations .color_field__swatch {
    border-radius: 50%;
    box-shadow: 0px 0px 0px 2px #f2f1f1;
}
.product-price{
    display: flex;
    justify-content: space-between;
}
.custom-product-variations .button--add-to-cart{
    background-color: transparent;
    border: 1px solid #9d4b77;
    padding: 8px 12px;
    color: #9d4b77;
}
.product--rendered-attribute__selected ~ label.option {
    border: none;
}
.product-img div{
    background-color: #FCF8FA;
    text-align: center;
}
.product-img div img{
    padding: 20px;
}

/* Product variation CSS starts here */
.product-variation-content-wrapper{
    padding: 15px;
    margin: 12px;
    background-color: #FCF8FA;
}
.production-variation-price-wrapper{
    display: flex;
    justify-content: space-between;
}
.product-variation-image-wrapper img{
        width: 100%;
        height: auto;
}
.production-variation-price-wrapper .list-price, .cart-product-price-wrapper .list-price{
    text-decoration: line-through;
}
.cart-product-price-wrapper .price{
    margin-left: 20px;
}
.product-variation-title, .production-variation-price-wrapper{
    padding-top: 15px;
}
.product-url-wrapper, .product-url-wrapper:hover{
    color: #8D8D8D;
    text-decoration: none;
    font-family: 'Lora Regular';
}

/* Pagination CSS */
.js-pager__items{
    display: flex;
    justify-content: center;
}
.js-pager__items li{
    padding: 10px;
    list-style-type: none;
    font-family: 'Lora Medium';
}

/* Product detailed page CSS starts */
.product-cart .product-price .market-price div{
    text-decoration: line-through;
}
.product-cart select{
    width: 45%;
    margin-bottom: 1rem;
    box-shadow: none !important;
    margin-left: 3rem;
}
.product-description h4{
    font-family: 'Lora Medium';
}
.product-description p, .product-title, .product-price, .custom-product-variations{
    font-family: 'Lora Regular';
}
.attribute-widgets .js-form-item-purchased-entity-0-attributes-attribute-size{display: flex;}

.product-cart #edit-quantity-wrapper .js-form-item-quantity-0-value{display: flex !important;}

.product-cart #edit-quantity-wrapper input{
    margin-bottom: 1rem !important;
    margin-left: 1rem;
    width: 45%;
    display: block;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.375rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
/* Cart page CSS start here */
.cart-form form table tr{
    background-color: #FFF;
    border-top: 16px solid #F8FAFB;
}
.product-variation-cart-image img{
    width: 100%;
    height: auto;
}
.cart-form form table{
    width: 100%;
}
.cart-image-wrapper .row{
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    margin-bottom: 8px;
}

.delete-order-item {
    border-radius: 9px;
    color: transparent;
    border: 1px solid transparent;
    background-image: url(../images/trash.svg);
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 25px;
}
.cart-form form #edit-actions{
    display: flex;
    justify-content: end;
    margin: 1rem 0;
}
#edit-actions #edit-submit{
    padding: 8px 18px;
    background-color: white;
    border: 1px solid;
    border-radius: 8px;
}
#edit-actions #edit-checkout{
    margin-left: 1rem;
    padding: 8px 18px;
    background-color: #FFB0B0;
    border: 1px solid transparent;
    color: #000;
    border-radius: 8px;
}
.cart-image-wrapper .product-variation-cart-content{
    color: #424242;
    text-decoration: none;
    font-family: Lora Regular;
}
.cart-image-wrapper .pv-cart-title{font-weight: bold;}
.cart-image-wrapper .pv-cart-size-label, .cart-image-wrapper .pv-cart-color-label{
    color: #a59a9a;
}
.cart-product-price-wrapper{
    display: flex;
}
.checkout-button{
    background-color: #000;
    border: 2px solid #000;
    
}
.quantity-wrapper{position: relative;}
.quantity-button-minus{
    position: absolute;
    top: 0px;
    left: 1px;
    background-color: #FFF;
    border: 1px solid #f1f1f1;
    width: 33%;
}
.quantity-button-plus{
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #FFF;
    border: 1px solid #f1f1f1;
    width: 33%;
}
#block-views-block-summary-block-1{
    background-color: #FFF;
    padding: 20px;
}
.path-customer-info-confirm #block-views-block-summary-block-1{
    width: 39.8%;
    margin: 12px;
    float: left;
}
/* .path-customer-info-confirm .temphalla-content div:first-of-type{
    display: flex;
    flex-direction: column-reverse; 
} */
#block-views-block-summary-block-1 table{
    width: 100%;
}
.custom-buttons-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.continue-shopping, .continue-shopping:hover{
    padding: 8px 12px !important;
    background-color: #FFF !important;
    border: 1px solid #FFB0B0 !important;
    border-radius: 0px !important;
    color: #000;
    text-decoration: none;
}
.checkout-button-cart-form, .checkout-button-cart-form:hover, .proceed-to-pay, .proceed-to-pay:hover, .commerce-checkout-flow-multistep-default #edit-actions-next{
    padding: 8px 12px !important;
    background-color: #FFB0B0 !important;
    border: 1px solid #FFB0B0 !important;
    border-radius: 0px !important;
    color: #000;
    text-decoration: none;
}

#block-views-block-summary-block-1{display: none;}
.path-customer-info-confirm #block-views-block-summary-block-1{display: block !important;}
.path-cart #block-views-block-summary-block-1{display: block;}
.empty-cart-page #block-views-block-summary-block-1{display: none;}

.path-customer-info-confirm .checkout-button-cart-form{display: none;}
.path-cart .proceed-to-pay{display: none;}
#block-views-block-summary-block-1 .views-field-order-id, #block-views-block-summary-block-1 .views-field-total-price__number{display: none;}
.views-field-order-id{display: none;}
#block-views-block-summary-block-1 h2{
    font-weight: bold;
}
.cart-form #edit-submit, .cart-form #edit-checkout{display: none;}

 .path-cart #block-views-block-summary-block-1{
    width: 38%;
    float: left;
    margin-top: 16px;
}
.path-cart .cart-form{
    width: 60%;
    float: left;
    margin-left: 20px;
} 

/* Continue as guest CSS */
.custom-checkout-login-form{font-family: Lora Regular;}
.custom-checkout-login-form .form-text{
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    color: #272727;
    font-size: .875em;
    padding: 0.5rem 0.75rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    outline: 0;
}
.custom-checkout-login-form .form-submit{
    margin-top: 10px !important;
    background-color: #41449f;
    border: 1px solid transparent;
    padding: 8px 12px;
    color: #FFF;
    border-radius: 5px;
}

/* Header Cart CSS starts */
#block-cart .cart-block--contents__items {
    overflow-x: auto;
    overflow-y: auto;
    max-height: 600px;
}
#block-cart .cart-block--contents {
    width: auto;
}
#block-cart .cart-summary .row{
    display: flex;
    flex-direction: column;
    margin-bottom: 10px !important;
    text-align: center;
 }
 #block-cart .cart-summary .row img{
    width: 150px;
    height: 150px;
 }
 
.cart--cart-block .cart-block--summary__icon img{
    width: 1.5rem;
    height: 1.5rem;
}
.cart--cart-block .cart-block--contents__inner{
    background: #EAD2DF;
}
.cart--cart-block table{
    background-color: #f1f1f1;
    width: 100%;
    min-height: 38px;
}
.cart--cart-block table tr{
    border-bottom: 1px solid #FFF;
}
.cart--cart-block table tr td{
    padding-left: 8px;
    font-family: 'Lora Regular';
}
.cart--cart-block .cart-block--contents__links a{
    color: #FFF;
    text-decoration: none;
    border: 2px solid #FFF;
    padding: 4px;
    display: block;
    text-align: center;
    margin-top: 12px;
    font-family: 'Lora Regular';
    font-weight: bold;
}

#block-cart .button.form-submit{
    display: none;
}


/* Checkout CSS */

.payment-information-method label{
    display: flex;
    margin-top: 1rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}
.email-address-wrapper .form-email, .payment-information-method .form-email, .form-text, .form-tel {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    border-radius: 0.25rem;
    color: #272727;
    display: block;
    font-size: .875em;
    font-weight: 400;
    line-height: 1.5;
    padding: 0.5rem 0.75rem;
}
.quantity-textfield{
    text-align: center;
    margin-top: 0px;
    height: 28px;  
    outline: 0;
}
.checkout-pane-payment-information{
    margin-top: 1rem;
}
.payment-information-method .form-select{
    width: 75%;
    padding: 0.5rem 2.25rem 0.5rem 0.75rem;
    box-shadow: none;
}

.custom-checkout-actions #edit-actions-next {
    background-color: #00746b;
    border: 2px solid #00746b;
    border-radius: 0.25rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: var(--beo-btn-font-family);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5;
    padding: 0.5rem 2.5rem;
    text-align: center;
    transition: color;
    margin: 1rem 0;
}
.custom-checkout-actions .link--previous{
    text-decoration: none;
    font-size: .875rem;
    margin-left: 0.5rem;
}


.sidebar-checkout{
    background-color: #f8f9fa!important;
    padding: 1rem;
}
.sidebar-checkout #edit-order-summary img{
    width: 100%;
    height: auto;
}
.checkout-pane-coupon-redemption #edit-sidebar-coupon-redemption-form-code{
    width: 100%;
}
.checkout-pane-coupon-redemption #edit-sidebar-coupon-redemption-form-apply{
    background-color: #00746b;
    border: 2px solid #00746b;
    border-radius: 0.25rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-family: var(--beo-btn-font-family);
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1.5;
    padding: 0.5rem 2.5rem;
    text-align: center;
    transition: color;
    margin: 1rem 0;
}

/* Progress line CSS */
.progress-line-ul{
    margin-top: 20px;
    padding-bottom: 15px;
    justify-content: space-evenly;
}
.progress-line-ul li a.active .counter{
    background-color: #FFB4B4;
    border-radius: 50%;
    color: #FFF;
}
.progress-line-ul li a .counter{
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    margin-right: 10px;
    background-color: #FFF;
    border-radius: 50%;
    color: #434343;;
    border: 0.5px solid #434343;;
}

.progress-line-ul li a, .progress-line-ul li a:hover{
    color: #434343;
    border: 0px solid transparent !important; 
    align-items: center;
    display: flex;
}
.progress-line-ul li a.active{
    color: #FFB4B4 !important;
    background-color: transparent !important;
    text-decoration: underline;
    text-underline-offset: 32px;
    text-decoration-thickness: 1px;
}
.progress-line-ul li a.active .counter{border: 1px solid transparent;}
.empty-cart-page #block-progresslineblock{
    display: none;
}
/* Empty cart CSS */
.cart-empty-page{
    text-align: center;
    margin: 20px 0px;
    font-size: 24px;
    font-family: 'Lora Regular';
}