@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

body { background-image: none !important; background-position:right;
font-family:"Inter", Sans-serif; background-color:#484E39;}

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

.item{ background:none; }

body span{ font-size:14px; font-weight:300; }

header{ background-color:#484E39; }

.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
{ background: #C59D37; background-color:#C59D37; }     


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

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

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

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

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


.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 
{ background: #C59D37; background-color:#C59D37; }


.popup .savebutton:hover,
.add-choices .button:hover {  border-color:#C59D37 !important; background-color:#C59D37 !important; }                                              /* POPUP SAVE BUTTON */

/* Theme Dependent Styles */

/* Change to #C59D37 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%; }

body .button{ border-radius:0 !important; text-transform:uppercase !important; letter-spacing:1px !important; }

.button { background-color: #484E39; }

header ul.navigation li a span {
    font-size: 14px;
    font-weight: 300;
    letter-spacing: 1px;
}

#menusubcontainer .sub-content-menu .sub-content-header span.description { color: #fff; }

.logo-wrapper { max-width: 250px; padding-left: 20px; }

.flex .addbuttons .button span { bottom: -30px; }

#mobilecourses ul li a { font-weight: 300; text-transform: uppercase; }

.item-wrapper-menu .item-header .title { font-weight: 400; font-family: 'Inter'; }

#menusubcontainer .sub-content-header .title span { font-size:100%; font-weight: 800; text-transform: none; color: #C59D37; font-family: 'Playfair Display', serif; }

.basketitem .qty { border: 2px solid #8a8b5c; background-color: #8a8b5c; }

.list-options li .button.active { background-color: #484E39; border: 2px solid #484E39; }

body .button:hover { background-color: #C59D37; }

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

body .popup .content-popup { border-radius: 0; }

.popup-alert-wrapper .item { border-radius: 0; }

#uacbar > ul > li.orderbutton,
#shopdetails > div,
.sub-content,
.sub-content-menu .sub-content-header,
.sub-content-menu .item-wrapper-menu,
.side-bar,
.contents .courses-nav { border-radius:0 !important; }

.list-options li .button.active { background-image: url(images/tick-sgl.png); }

.title{ color:#ccc; }

body .container-wrapper{ color:#ccc; }

.sub-content-delivery-time .title { background: url(images/clock-white.png) no-repeat; } 

.side-bar, .side-nav .courses-nav { background: rgba(0, 0, 0, 0.8); }

.side-bar{ overflow-x: hidden; }

.side-nav .courses-nav ul li a { color: #ccc; }

.content-inc-progress{ max-width:1600px; width: 94%; }

.search-box input { border-radius: 0; background-color: #222; }

.sub-content-menu { background-color: rgba(0, 0, 0, 0.6);}

.sub-content-menu .sub-content-header { background-color: transparent; color: #000; border: none; box-shadow: none; }

.sub-content-menu .item-wrapper-menu {  background-color: transparent; box-shadow: 0 0 2px #888; }

.item-wrapper-menu .item { padding: 10px 0 10px 10px; background: transparent;}

.flex .addbuttons span.price { color: #C59D37; font-weight: 500; }

.select { background: transparent; }

.sub-content-menu .sub-content-header h3.title {  font-size: 30px; line-height: 30px; }

.sub-content-header .title {  margin: 20px 0 20px 0; }

.image-wrapper .image { border-radius: 0; } 

.item-wrapper-menu .image-wrapper { border-radius: 0; width: 100px; height: 100px;}

.menubox .image-wrapper .image img { width: 100px; height: 100px; }

.item-wrapper-basket { background-color: transparent;}

body .popup .content-popup { border: 1px solid #666; }

.item-wrapper-popup .title, .item-wrapper-popup a, .item-wrapper-popup a:link { color: #fff; }

.item-wrapper-order-options .select select { background-color: #000 !important; color: #fff; cursor: pointer; background: #000 url(images/down-white.png) right 20px center no-repeat !important; }

.item-wrapper-order-options .form input { color: #fff; background: #000; border: 1px solid #fff; }

#pcodebox input::placeholder{ color:#fff; }

.inorder ul.navigation.not-logged-in li:nth-child(1) { background-color: transparent; border-radius: 0; border: 1px solid #fff; }

.inorder ul.navigation.not-logged-in li:nth-child(1) a { color: #fff; }

 header ul.navigation li.orderbutton a, header ul.navigation li.orderbutton a span{ background:transparent !important; color:#fff !important; }

.selectdate { border-radius: 0;}

#mealdealselection, #mealdealreview, .choicescreen { background: rgba(0, 0, 0, 0.6); }

.item-wrapper .list-options { background-color: transparent !important; }

.list-options li .button { color: #ccc; background-color: transparent !important; border: 1px solid #666; }

header ul.navigation li.orderbutton{ color: #fff !important; background-color: #fff !important; background: transparent !important; border: 1px solid #fff;
}

.item-customise .list-options li .button .text { color: #fff; }

.item-wrapper{ width:48%; }

.item-wrapper.offlinepage{ width: 100%; background-color:transparent; }

.item-wrapper.closedpage { width: 100%; background-color: rgba(0, 0, 0, 0.8); }

.sub-content-shop-offline .sub-content-header .title span{ color: #fff; }

.sub-content-shop-offline { background-color: rgba(0, 0, 0, 0.8); }

.sub-content-menu .item-wrapper-menu { margin: 1% 1% 1% 1%; }

.flex { flex-direction: column; }

.popup .item-wrapper { width: 100%; }

.choicescreen .item-wrapper { width: 100%; }

.side-bar .item-wrapper { width: 96%; }

.item-note{ color:#fff; }

body .item-note span.text{ font-size:10px; }

.item-wrapper-basket:hover { background-color: transparent; }

.sub-content-checkout { background-color: rgba(0, 0, 0, 0.6); }

.sub-content-checkout .item-wrapper,
.page-postcode .content-wrapper .item-wrapper,
#userlogin .item-wrapper,
.sub-content-user-sign-up .item-wrapper,
.sub-content-contact .item-wrapper{ width:100%; }

.sub-content-contact .description a{ color:#fff; }

#userlogin, .sub-content-user-sign-up{ border:1px solid #fff; border-radius:0; }

.sub-content-user-sign-up .description{ text-align:center; }

.sub-content-contact { background-color: transparent; }

#userlogin .forgot {
    float: none;
    color: #fff;
    display: inline-block;
    padding: 8px 15px;
    border: 1px solid #fff;
    border-radius: 0;
    background-color: transparent;
}

.sub-content-user-sign-up .switch-promo div.button-group.buttons-emailalerts .button, .sub-content-user-sign-up .switch-promo div.button-group.buttons-smsalerts .button, .sub-content-user-account .switch-promo div.button-group.buttons-emailalerts .button, .sub-content-user-account .switch-promo div.button-group.buttons-smsalerts .button
 {    box-shadow: none;}
 
 header ul.navigation.logged-in li span.greeting { font-size: inherit; font-weight: 300; }

 body .navigation .settings span {
    text-transform: uppercase;
    font-size: inherit;
    font-weight: 300;
}

.item-wrapper-user-login .item, .sub-content-user-sign-up .item,
.sub-content-user-password,
.sub-content-user-account,
.sub-content-user-account .sub-content-header,
.sub-content-user-password .sub-content-header,
 .sub-content-contact .sub-content-header,
 .item-wrapper-customise-screen
 { background-color: transparent !important; }

 .uacsignup-form input {
    border: 1px solid #cccccc;
    border-radius: 0;
    background-color: #fff;
    color: #000;
}

.sub-content-user-login .sub-content-header .title span, .sub-content-user-sign-up .sub-content-header .title span{ color:#fff !important; }

.white-background { color: #fff !important; background-color: transparent !important;}

body .sub-content-user-login span { color: #fff; }

.sub-content-user-login, .sub-content-user-sign-up { background-color: transparent; }

.switch-payment-details .button-group { background-color: transparent; background-image: none !important; }

#payment_COD, #payment_CCST, #payment_CCSP2, #payment_CCSP, #payment_PP, #payment_CCTR, #payment_CCTRG, #payment_CCTRA, #payment_CCOP, #payment_CCSPG, #payment_CCSPA, #payment_CCOPG, #payment_CCOPA {
     box-shadow: none; border-radius: 0px !important;}

.sub-content-checkout #payment-form .form input, .sub-content-checkout #payment-form .form textarea, .sub-content-checkout #payment-form .form select{ border-radius:0 !important; }

.switch-payment-details .text { color: #fff;}

#payment_COD:hover, #payment_CCST:hover, #payment_CCSP2:hover, #payment_CCSP:hover, #payment_PP:hover,#userdetails .switch .buttons-complete_optoutemail .button, #userdetails .switch .buttons-complete_optoutsms .button {
    box-shadow: none !important;
}

.veg, .hot, .over-18, .allergen, .vegan, .halal, .glutenfree { margin: 9px 5px 0 0; }

.sub-content-checkout .form input, .sub-content-checkout .form textarea { background-color: #fff; color: #000; }

#payment-details label{ color:#fff !important; }

.menubox .flex .button-group .button {
    border-left: none !important;
    background-color: transparent !important;
    background-image: url(images/tri.svg) !important;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    border-radius: 0 !important;
}

.item-wrapper-order-options .select select, .item-wrapper-order-options .form input,
#postcode-message .notice .text, #userdetails .switch .buttons-complete_optoutemail .button, #userdetails .switch .buttons-complete_optoutsms .button{ border-radius:0 !important; }

.list-options li .button.active, .search-box input { color: #fff; }

.item-wrapper-points .points-details-one { color: #fff; }

#uaccompletepromo .button { border-color: #C59D37; background-color: transparent !important; }

#uaccompletepromo .item-wrapper-points.button:hover { background-color: transparent !important; }

#uaccompletepromo .button:hover .points-details-one { color: #fff;}

.main-bar .sub-content-checkout .item-wrapper-points { background-image: url(images/bag-image.svg); }

html body.white-background { background-color: transparent !important; text-align: center; color: #fff; }

.item-wrapper-user-login .form input { border-radius: 0;}

iframe .st-form-container label{ color:#fff !important; }

.sub-content-customise .select select {
    border-radius: 0;}

.ordercomplete { background-color: rgba(0,0,0,0.4); border-radius:0; }

.sub-content-order-received .order-received-image { background-color: transparent;}

.ordercomplete { background-color: rgba(0, 0, 0, 0.4); border-radius: 0; margin:auto !important; float:none !important; }

.item-wrapper.order-complete { margin:auto !important; float:none !important; }

.offlinepage .item .title, .closedpage .item .title{ color:#fff; }

.offlinepage .item, .closedpage .item { border-radius: 0; }


@media screen and (max-width: 1000px) {
	.item-wrapper{ width:100%; }
}


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

.item-wrapper{ width:48%; }

.item-wrapper.offlinepage, .item-wrapper.closedpage { width: 100%; }

.content-inc-progress{ width: 100%; }

.courses-nav-2 ul li a { border: 1px solid #666; color: #fff; background: rgba(0, 0, 0, 0.6); }

.header-bar .logo-wrapper { max-width: 150px; }

    }

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

header ul.navigation li a span { font-size: 10px !important; letter-spacing: 0px; }

header ul.navigation li.orderbutton { padding: 0px 0px; }

.header-bar .logo-wrapper {  max-height: 80px;  max-width: 125px !important; }

.item-wrapper{ width:100%; }

}