/* 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;
}

.custom-product-variations .color_field__swatch {
    border-radius: 50%;
    box-shadow: 0px 0px 0px 2px #f2f1f1;
}
.product-price{
    display: flex;
    justify-content: space-between;
    font-weight: bold;
}
.market-price-price{
    margin-left: 6px;
}

.webshop-price, .market-price{display: flex;}
.webshop-price-price{
    margin-left: 6px;
    color: #FF4421;
}
.custom-product-variations .button--add-to-cart{
    border: 1px solid transparent;
    border-radius: 0px;
    padding: 8px 12px;
    font-weight: bold;
}
.product--rendered-attribute__selected ~ label.option {
    border: none;
}
.product-img div{
    background-color: #FFF2EF;
    text-align: center;
}
.product-img div img{
    width: 100%;
    height: auto;
}
.product-multi-images-row .row .col-md-12, .product-multi-images-row .row .col-md-2, .product-multi-images-row .row .col-md-10{
    padding-left: 0px;
    padding-right: 0px;
}
.product-multi-images-row{
    padding: 12px;
}
.images-main-row{
    display: flex;
    align-items: center;
}
.product-multi-images-row .row .col-md-2 img{
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.product-multi-images-row .row .col-md-10 img{
    padding-top: 5px;
    padding-bottom: 5px;
}
.product-single-image img{
    width: 80% !important;
    height: auto !important;
    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;
    align-items: 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 .market-price-price{
    text-decoration: line-through;
    color: #FF4421;
}
.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';
}
.product-title{
    font-size: 30px;
}
.product-description p{
    color: #656262;
}
.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{
    box-shadow: 0px 0px 2px 0px #000;
    outline: 0;
    margin-bottom: 1rem !important;
    text-align: center;
    width: 100%;
    display: block;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.65;
    color: #212529;
    background-color: #F6F6F6;
    background-clip: padding-box;
    border: 1px solid #F6F6F6;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
#edit-quantity-wrapper .js-form-type-number{
    width: 18%;
    float: left;
    margin-right: 30px;
}


/* Cart page CSS start here */
.cart-form form table tr{
    box-shadow: 0px 0px 2px 0px #000;
}
#close-cart-popup{background-color: red;}
.product-variation-cart-image img{
    width: 100%;
    height: auto;
}
.cart-form form table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0 22px;
    margin-top: -22px;
}
.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;
}
#edit-actions #edit-checkout{
    margin-left: 1rem;
    padding: 8px 18px;
    background-color: #313131;
    border: 1px solid tclass="cart-block--contents is-outside-horizontal"ransparent;
    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;
}
.goto-cart, .goto-cart:hover, .continue-shopping, .continue-shopping:hover{
    padding: 8px 12px !important;
    background-color: #FFF !important;
    border: 1px solid #313131 !important;
    border-radius: 0px !important;
    color: #000;
    text-decoration: none;
    width: 49%;
    float: left;
    text-align: center;
}
.checkout-button-cart-form, .checkout-button-cart-form:hover,
 .proceed-to-pay, .proceed-to-pay:hover,.checkout-btn, .checkout-btn:hover,
  .commerce-checkout-flow-multistep-default #edit-actions-next{
    padding: 8px 12px !important;
    background-color: #FF4421 !important;
    border: 1px solid #FF4421 !important;
    border-radius: 0px !important;
    color: #FFFFFF;
    text-decoration: none;
    width: 49%;
    float: right;
    text-align: center;
}

#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;}
#block-views-block-summary-block-1 .views-field-order-id, #block-views-block-summary-block-1 .views-field-total-price__number{display: block;}
.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;}
/* 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: fit-content !important;
}
#block-cart .cart-block--contents {
    width: auto;
    top: 0;
    position: fixed;
}
#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: #FFFFFF;
    box-shadow: 1px 2px 4px #968585;
    height: 100vh;
}
.cart--cart-block table{
    background-color: #FFF;
    width: 100%;
    min-height: 38px;
}
.cart--cart-block table tr td{
    padding: 10px;
    font-family: 'Lora Regular';
}
.cart-block--contents__links{
    position: absolute;
/*    bottom: 30px; */
    width: 96%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cart--cart-block .cart-block--contents__links .continue-shopping{
    display: block;
    text-align: center;
    margin-top: 12px;
    font-family: 'Lora Regular';
    font-weight: bold;
    width: 50%;
    float: left;
    padding: 8px 12px;
    background-color: #FFF !important;
    border: 1px solid #313131;
    border-radius: 0px;
    color: #313131;
    text-decoration: none;
}
.cart--cart-block .cart-block--contents__links .checkout-button{
    display: block;
    text-align: center;
    margin-top: 12px;
    font-family: 'Lora Regular';
    font-weight: bold;
    width: 50%;
    float: left;
    padding: 8px 12px;
    background-color: #FF4421;
    border: 1px solid #FF4421;
    border-radius: 0px;
    color: #FFFFFF;
    text-decoration: none;
}
.cart-row .image-wrapper img{
    width: 100%;
    height: auto;
}

.price-wrapper, .quantity-rmv-btn-wrapper{
    display: flex;
    justify-content: space-between;
    margin-top: 6px;
    margin-bottom: 6px;
}
.mkt-price{
    text-decoration: line-through;
    color: #ACACAC;
}
.custom-summary-block .views-field-field-image{
    width: 175px;
    display: flex;
    background-color: #fff2ef;
}
.custom-summary-block .views-field-field-image img{
   width: 100%;
   height: auto;
}
body.path-cart .custom-cart-block-head-wrapper, body.path-customer-info-confirm .custom-cart-block-head-wrapper{
    display: none;
}
.custom-cart-block-head-wrapper{
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}
.custom-cart-block-head-wrapper p{
    font-size: 20px;
    font-weight: bold;
}
.cart-block hr{ 
    padding-bottom: 12px;
}
.cart-block-title-rmv-button{
    display: flex;
    justify-content: space-between;
}
.cart-block .order-total-line-value{
    color: #FF4421;
    font-weight: bold;
}
.cart-block .order-total-line.order-total-line__subtotal{
    border-top: 1px solid #b9b9b9;
    border-bottom: 1px solid #b9b9b9;
    padding-top: 16px;
    padding-bottom: 16px;
}
.cart-form-title-parent{
    display: flex;
    align-items: center;
}
/* #block-cart .button.form-submit{
    display: none;
} */
#block-cart #edit-submit.button.form-submit{
  display: none;
}
.cart-block-qty-price-wrapper{
    display: flex;
    margin-top: 12px;
}
.cart-block-price{
    color:#FF4421;
    font-weight: bold;
    margin-left: 10px;
}
/* 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,
#edit-field-email-address-wrapper .form-email{
    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;
    width: 100%;
    outline: 0;
}
.path-customer-information .placeholder{
    background-color: transparent;
    opacity: 1;
}
.phone-number-wrapper .js-form-type-phone-international{
    display: flex;
    flex-direction: column;
}
.house-number-wrapper{
    padding-left: 0px !important;
}
.box-number-wrapper{
    padding-right: 0px !important;
}
.shipping-profile-form-wrapper{
    background-color: #FFFFFF;
    padding: 25px;
    box-shadow: 0px 0px 2px 0px #000;
}
.continue-shopping a{
    text-decoration: none;
    color: #000;
}
.proceed-button .button{
    padding: 8px 18px;
    background-color: #FF4421 !important;
    border: 1px solid #FF4421 !important;
    border-radius: 0px !important;
    color: #FFFFFF;
    width: 49%;
    float: right;
}
.customer-profile-form-title h4{
    color: #A3A7AC;
    font-weight: bold;
    margin-top: 18px;
}
.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: 18px;
    justify-content: space-evenly;
}
.progress-line-ul li a.active .counter{
    background-color: #FF4421;
    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: #a3a7ac;
    border-radius: 50%;
    color: #FFFFFF;;
    border: 0.5px solid transparent;;
}

.progress-line-ul li a, .progress-line-ul li a:hover{
    color: #a3a7ac;
    border: 0px solid transparent !important; 
    /* align-items: center;
    display: flex; */
}
.progress-line-ul li a.active{
    color: #313131 !important;
    background-color: transparent !important;
    text-decoration: underline;
    text-underline-offset: 31px;
    text-decoration-thickness: 2px;
    text-decoration-color: #FF4421;
}
.progress-line-ul li a.active .counter{border: 1px solid transparent;}
.empty-cart-page #block-progresslineblock{
    display: none;
}
/* Address page CSS */
.address-page .title-wrapper, .address-page .product-specification-wrapper p{
    white-space: nowrap;
}
.address-page .product-specification-wrapper p{margin-bottom: 0px;}
.each-prod-price-wrapper{
    display: flex;
    align-items: end;
}
#block-views-block-checkout-summary-block-block-1 .address-page{
    border-bottom: 24px solid #f8fafb;
    margin-left: -16px;
    margin-right: -16px;
    display: flex;
    align-items: end;
}
.each-prod-price{
   margin-bottom: 8px;
}
/* .path-customer-information .custom-buttons-wrapper,
 .path-customer-information .custom-cart-block-head-wrapper{
    display: none;
} */
.custom-summary-block{
    border-bottom: 12px solid transparent;
}
/* Empty cart CSS */
.cart-empty-page{
    text-align: center;
    margin: 20px 0px;
    font-size: 24px;
    font-family: 'Lora Regular';
}
.path-cart .cart-form table tr .views-field-field-image img{
   width: 250px;
   height: auto;
   padding-top: 15px;
}

.path-cart .quantity-textfield{
    width: 100%;
    margin: auto;
}
label[for="edit-quantity-0-value"], .path-cart div[aria-label="Status message"], .path-frontpage div[aria-label="Status message"]{
    display: none;
}
#block-views-block-checkout-summary-block-block-1, #block-customerinformationblock{
    padding: 12px;
    margin-bottom: 12px;
    background-color: #FFFFFF;
}
#block-views-block-checkout-summary-block-block-1 img{
    width: 100%;
    height: auto;
}
.views-field-quantity, .checkout-price-quantity, .views-field-field-additional-information p{
    white-space: nowrap;
    margin-bottom: 0px !important;
}
#block-views-block-checkout-summary-block-block-1 td{
        padding: 4px;
}
.views-field-quantity p{
    margin-bottom: 0px;
}
#block-views-block-checkout-summary-block-block-1 tr{
    vertical-align: bottom;
}
.order-total-line {
    padding: 0px;
  }
#block-cart form{
    max-height: calc(100vh - 315px);
    overflow-y: auto;
}
.temphalla-content #block-views-block-product-overview-summary-block-1, .payment-information-wrapper {
    padding: 16px 24px;
    box-shadow: 0px 0px 2px 0px #000;
 }
 .final-total-price{
    background-color: #f2f2f2;
    padding: 16px 24px;
    margin: 16px -24px -16px -24px;
    font-weight: bold;
}
.order-total-line__total{
   display: none;
}
.order-total-line__subtotal, .order-total-line__adjustment{
   display: flex;
   justify-content: space-between;
}
 .temphalla-content #block-views-block-product-overview-summary-block-1 table{
    width: 100%;
 }
 .temphalla-content #block-views-block-product-overview-summary-block-1 table th{
    padding-bottom: 15px;
 }

 .temphalla-content #block-views-block-product-overview-summary-block-1 table .views-field-unit-price__number{
    text-align: right;
    white-space: nowrap;
    padding-left: 12px;
}
#block-views-block-product-overview-summary-block-1 .views-field-quantity{
   text-align: center;
}
.temphalla-content h3{
    font-weight: bold;
}

/* Shipping form CSS */
#webform-submission-delivery-address-add-form{
    background-color: #FFFFFF;
    padding: 28px;
    box-shadow: 0px 0px 2px 0px #000;
}
#edit-name-wrapper, #edit-address-wrapper, #edit-code-city, #edit-country{
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
 }
 #edit-email-phone-wrapper{
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    flex-direction: column;
 }
 .form-item-first-name, .form-item-last-name,
  .form-item-street, .form-item-postal-code, .form-item-city, .form-item-country-name{
    width: 48%;
 }
 
 #edit-first-name, #edit-last-name, #edit-email-address, #edit-contact, #edit-street, #edit-house-number,
  #edit-box,  #edit-postal-code, #edit-city, #edit-country-name{
    width: 100%;
 }
 #edit-email-address, #edit-contact{
    width: 48%;
}
 .form-item-contact{
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
 }
 .form-item-contact{
    margin-top: 4px;
 }
 .form-item-first-name input, .form-item-last-name input, .form-item-email-address input, .form-item-contact input,
 .form-item-street input, .form-item-house-number input, .form-item-box input, .form-item-postal-code input, .form-item-city input, .form-item-country-name{
   outline: 0;
}
#webform-submission-delivery-address-add-form #edit-actions{
    text-align: right;
}
#webform-submission-delivery-address-add-form #edit-actions input{
    padding: 8px 18px;
    background-color: #313131 !important;
    border: 1px solid #313131 !important;
    border-radius: 0px !important;
    color: #FFFFFF;
}
#edit-address-wrapper .form-item-house-number{
    width: 23%;
    margin-left: 20px;
}
#edit-address-wrapper .form-item-box{
    width: 23%;
}
.head-wrapper span{
   font-size: 21px;
   font-weight: bold;
}
.path-webform .webform-confirmation{display: none;}
.path-cart .remove-btn{
    margin-right: -45px;
}
.address-form-title h4{
    color: #A3A7AC;
    font-weight: bold;
    margin-left: 12px;
    margin-top: 18px;
}
.cart-overview-payment-row h4{
    color: #A3A7AC;
    font-weight: bold;
}
.including-vat-tax{
    font-weight: 300;
    font-size: 14px;
    color: #817878;
}
.we-accept-text{
    font-weight: 300;
    font-size: 14px;
    color: #817878;
    margin-bottom: 0rem;
    margin-top: 12px;
}
.payment-card-images{
    margin-bottom: 0rem;
}
.payment-card-images img{
    width: 17%;
    padding-right: 20px;
}
.social-media-icon a{
   text-decoration: none;
}
/* View order details page css */
.path-view-order-details .custom-header, .path-view-order-details .horizontal-line,
.path-view-order-details .bottom-border, .path-view-order-details footer{
    display: none;
}

.path-view-order-details .show-customer-address-wrapper .row{
    box-shadow: none;
    padding: 0px;
}
.order-details-img-column{
    padding-left: 0px;
    padding-right: 0px;
}
.order-details-row{
    margin-bottom: 48px;
}
.powered-by{
    font-size: 10px;
    margin-bottom: 0rem;
}