.elementor-27229 .elementor-element.elementor-element-f913402{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for shortcode, class: .elementor-element-70fae38 */.woocommerce-cart ul.checkout-bar li.active::before, .woocommerce-checkout ul.checkout-bar li.active::before, .woocommerce-checkout ul.checkout-bar li.next::before {
    background-color: #CA8A6A;
    padding: 6px;
    margin-top: -8px;
    font-size: 18px;
    
     border-radius: 10px;
}



ul.checkout-bar li:nth-child(2)::before {
      background-color: white;
    border: 1px solid #ddd; /* normale border */
    box-shadow: 0 0 0 5px #fff; /* buitenste rand */
    padding: 6px;
    color: #DDD;
    margin-top: -2px;
    font-size: 18px !important;
    display: inline-block;
    border-radius: 4px; /* optioneel, als je afgeronde hoeken wilt */
}


ul.checkout-bar li:nth-child(3)::before {
    background-color: white;
    border: 1px solid #ddd; /* normale border */
    box-shadow: 0 0 0 5px #fff; /* buitenste rand */
    padding: 6px;
    color: #DDD;
    margin-top: -2px;
    font-size: 18px !important;
    display: inline-block;
    border-radius: 4px; /* optioneel, als je afgeronde hoeken wilt */
}



ul.checkout-bar::before, .woocommerce-checkout .checkout-bar li.active::after, ul.checkout-bar li.visited::after {
    background-color: #CA8A6A !important;
}


ul.checkout-bar a {
    font-size: 13px;
    font-weight: 600;
    padding-top: -50px;
}

ul.checkout-bar {
    width: 100% !important;
    margin:0 !important;
}/* End custom CSS */