.wdc-catering{
    text-align: center;
}
.title-section{
    margin-bottom: 20px;   
}
.title-section h1{
    font-size: 42px;  
}
#wdc-catering-lines, #wdc-catering-add-line, .wdc-catering-description{
    margin-bottom: 20px;
}
.wdc-catering-line{
    margin-bottom: 10px;
    background: #e5e5e5;
    padding: 20px;
    border-radius: 20px;
}
.wdc-catering-qty{
    display: flex;
    gap: 10px;
    align-items: center;  
    justify-content: center;  
}
.wdc-catering-qty input{
    width: 20%;    
}
.wdc-qty-uom{
    margin: 0;
    padding: 0;
}
.wdc-bottom-bar{
    position: fixed;
    bottom: -40%;
    right: 0;
    display: flex;
    z-index: 100;
    background: #ffffff;
    flex-direction: column;
    width: 100%;
    padding: 25px;
    gap: 10px;
    margin: 0 auto;
    border-top: 1px solid #000000;
    transition: .5s ease-in;
}
.wdc-bottom-bar-active{
    bottom: 0;
}
li{
    text-align: left !important;
}
.question{
    font-weight: 900;
    padding: 10px;
    background: #e5e5e5;
    cursor: pointer;
    position: relative;
    z-index: 2;
}
.question div{
    cursor: pointer;
}
.rotate-carrot{
    margin-left: 10px;
    display: inline-block;
    transform: rotate(90deg);
    transition: ease-in-out .5s;
}
.rotate-carrot-up{
    transform: rotate(270deg);
}
.answer{
    font-style: italic;
    margin-bottom: 5px;
    padding: 0;
    opacity: 0;
    height: 0;
    transition: ease-in .2s;
}
.show-answer{
    padding: 10px;
    opacity: 1;
    height: auto;
    transition: ease-in .5s;
}
footer{
    margin-top: auto;
    margin-bottom: 215px;
}

.wdc-catering-discount-progress {
margin-top: 20px;
}

.wdc-catering-progress-track {
position: relative;
width: 80%;
height: 14px;
background: #e5e5e5;
border-radius: 999px;
overflow: visible;
margin: 0 auto;
}

.wdc-catering-progress-bar {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
background: #056ad4;
border-radius: 999px;
transition: width 0.5s ease;
}

/* Discount threshold markers */

.wdc-catering-progress-marker {
position: absolute;
top: 50%;
width: 4px;
height: 22px;
transform: translate(-50%, -50%);
background: #fff;
border: 2px solid #333;
border-radius: 999px;
z-index: 2;
}

.wdc-catering-progress-marker span {
position: absolute;
top: 26px;
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
font-size: 12px;
font-weight: 600;
width: 45px;
text-wrap: wrap;
padding: 2px;
}
.span-highlight{
    color: #ffffff;
    background: #056ad4;
    border-radius: 4px;
}

/*

* The bar represents 17 dozen.
*
* 4 / 17 = 23.53%
* 9 / 17 = 52.94%
* 17 / 17 = 100%
  */

.wdc-catering-progress-marker.marker-4 {
left: 23.53%;
}

.wdc-catering-progress-marker.marker-9 {
left: 52.94%;
}

.wdc-catering-progress-marker.marker-17 {
left: 100%;
}

.wdc-catering-progress-message {
margin: 62px 0 0;
font-size: 14px;
}
.wdc-catering-product{
    margin-bottom: 20px;
}
.wdc-catering-remove-line{
    margin-top: 5px;
}
.woocommerce-product-gallery__trigger{
    display: none;
}
.wdc-catering-product-image ol{
    display: none;
}
.mobile-directions{
    margin-top: 1.75em;
} 

@media (min-width: 923px){
    .wdc-catering{
        text-align: left;
    }
    .wdc-catering-product-image{
        width: 60%;
    }
    .wdc-catering-product-details{
        width: 40%;
    }
    .wdc-bottom-bar{
        position: static;
        padding: 0;
        background: none;
    }
    .wdc-catering-product{
        display: flex;
        gap: 20px;        
    } 
    .wdc-catering-qty{
        justify-content: left;
    }
    .wdc-catering-progress-track{
        width: 100%;
    }
    #catering-faq{
        width: 50%;
    }
    footer{
        margin-bottom: auto;
    }
    .wdc-catering-product-image ol{
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        margin: 10px auto;
        gap: 2px;
    }
    .mobile-directions{
        display: none;
    }       
}