body { background-image: url(images/bg.jpg) !important; background-position:right;}

body .item-wrapper-points .item { background-image: url(images/point-stars.png)!important; }

.sub-content-order-options .item:last-child  .button,
.completebutton .button,
.sub-content-half-half .savebutton.button,
.sub-content-half-half .button,
.menubox .button-group .button,
.popup-alert-wrapper .item-wrapper-popup .button,
.popup .cancelbutton:hover,
.mdcselected a,
.item-wrapper-buttons .payment-submit-button,
#uaccompletepromo .item-wrapper-points .points-button .button,
.addbuttons .button,
.item-wrapper-buttons .total,
.popup .savebutton,
.item-wrapper-order-options .switch .button-group .active,
#contactpage .sub-content-contact .button-group .button,
.popup .savebutton,
.sub-content-user-sign-up .savebutton,
.item-wrapper-user-login .button-group .button,
.col-del-buttons .button,
.sub-content-shop-details .button-group .button,
.item-wrapper-postcode .form .button-group .button
{ background: #c39150; background-color:#c39150; }     


.item-wrapper-order-options .switch .button-group .active {  border: 1px solid #c39150; }      /* COLLECT / DELIVERY PAGE BUTTONS */

.popup .savebutton { border:2px solid #c39150; }                                                /* POPUP SAVE BUTTON */

.popup .cancelbutton { border:2px solid #c39150; }                                              /* POPUP CANCEL BUTTON */

#uaccompletepromo .button { border-color:#c39150; }                                            /* POINTS BUTTON BORDER */   

.sub-content-user-sign-up .savebutton, .add-choices .button-1 { border-color:#c39150; }


.completebutton .button:hover,
.item-wrapper-buttons .payment-submit-button:hover,
.menubox .button-group .button:hover,
.mdcselected a:HOVER,
.addbuttons .button:hover,
.item-wrapper-buttons .total:hover,
#uaccompletepromo .item-wrapper-points .points-button .button:hover,
.popup-alert-wrapper .item-wrapper-popup .button:hover,
.popup .savebutton:hover,
#contactpage .sub-content-contact .button-group .button:hover,
.popup .savebutton:hover,
.sub-content-user-sign-up .savebutton:hover,
.item-wrapper-user-login .button-group .button:hover,
.col-del-buttons .button:hover,
.sub-content-shop-details .button-group .button:hover,
.item-wrapper-postcode .form .button-group .button:hover
{ background: #c39150; background-color:#c39150; }


.popup .savebutton:hover {  border-color:#c39150; }                                              /* POPUP SAVE BUTTON */

/* Theme Dependent Styles */

/* Change to #000 if button colour is too light to show white text */
.sub-content-half-half .item-wrapper-toppings .button {  color: #fff; }     

/* Enable if course names are too long to fit in current bar 
.side-nav .courses-nav ul li a { padding: 15px 10px 10px 10px;  font-size: 14px;  }
*/

.logo img {  max-width: 100%; }                         

.side-nav .courses-nav ul li a.active {
    background-color: #c39150 !important;
}

.menubox .flex .button-group .button {
    background-color:#c39150;
}

.content .sub-content-order-options.fryerselect{ background-color:#fff !important; }

.bigshopbtn:hover{ background-color:#000 !important; transition:ease all 0.5s; }

#postcodemod .dayselector { width: 100%; }

.selectshopbuttons{  display: flex; flex-direction: column; gap: 10px; justify-content: center;}

.button-1.bigshopbtn{
	border: 0;
    justify-content: center;
    display: flex;
    width: 100%;
    background-color: #033ca6;
    background-image: url(https://styles.letsorder.dev//_banner/whiddonvalley/images/sl_exploded/3583.svg);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center 40%;
    min-height: 250px;
    margin: 0;
    color: #e8bd70;
    font-weight: 600;
    font-size: 18px;
    position: relative;
 }

 .button-1.bigshopbtn{
 	border: 0;
    justify-content: center;
    display: flex;
    width: 100%;
    background-color: #e8bd70;
    background-image: url(https://styles.letsorder.dev//_banner/whiddonvalley/images/sl_exploded/3469.svg);
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: center 40%;
    min-height: 300px;
    margin: 0;
    color: #033ca6;
    font-weight: 600;
    font-size: 18px;
    position: relative;
}

@media screen and (max-width:500px){

.bigshopbtn{ min-height:250px !important; }

.selectshopbuttons{ flex-direction:column !important; }

}