﻿
.fs .column, .fs .columns {
    margin: 0 !important;
}

.field__item__main--image {
    width: 100%;
    height: 220px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

html body .slider-no-text {
    padding: 0 !important;
}

html body .slider-no-text .field--name-field-right-image {
    width: 100% !important;
}

.global-page-title {
    min-height: inherit;
}

.global-page-title .column > div {
    min-height: 78px;
    padding: 12px 0 10px;
}

a {
    cursor: pointer;
}

.font-weight-bold {
    font-weight: bold;
}

body .add-widget input {
    height: 30px;
}

#items .item .price, #item .price {
    font-weight: normal;
}

#items .item .custom-select {
    width: 100%;
    margin-bottom: 15px;
}

.pickup-modal {
    max-width: 800px;
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

.category-message {
    text-align: center;
}

.taxmessage {
    display: none;
}

/* #items .item .price .per, #item .price {
    color: #D78D29;
} */

body #items .item {
    display: block;
    width: auto;
    margin-bottom: 15px;
    zoom: normal;
}

body #items .item img, body #item img {
    float: none;
    margin-right: auto;
    width: 100%;
}

#items article.item .field--name-body p {
    font-size: 16px !important;
    line-height: 1.2;
    margin-top: 10px;
    margin-bottom: 10px;
}

body #items .item .selections {
    list-style: none;
}

body #items .item .selections li {
    font-size: 18px;
}

/* body #sidebar #block-catering-nav ul.menu > li.menu-item ul.menu {
    display: block;
} */



body #sidebar #block-catering-nav ul.menu > li.menu-item-active ul.menu {
    display: block;
}

body.welcome #sidebar #block-catering-nav ul.menu > li.menu-item ul.menu {
    display: none;
}

#sidebar #block-catering-nav ul.menu > li.menu-item ul.menu > li.menu-item-active a {
    color: #D78D29;
}

#sidebar #block-catering-nav .menu-item-active .parent-menu-item,
#sidebar #block-catering-nav .activemenu a {
    color: #D78D29 !important;
}

body #sidebar #block-catering-nav ul.menu > li.menu-item ul.menu .menu-item ul {
    list-style: none;
    padding-left: 0;
} 

.powered-by {
    display: block;
    font-size: 12px;
    text-align: right;
}

.catering-body a {
    text-decoration: underline;
}

a.checkout-link i {
    font-style: normal;
    display: inline-block;
    border: 1px solid #C3E1BB;
    line-height: 12px;
    padding: 5px;
}

.info {
    padding: 20px;
    color: #000;
    background: #fff;
    border: 2px solid #D78D29;
}

.info #addedmessagecontent {
    margin-bottom: 10px;
}

.panel {
    background:#f4f4f4;
    padding: 10px;
    margin-bottom: 20px;
}

.panel h2 {
    background: #6e5a50;
    border-bottom: 1px solid #e37c02;
    margin: 0;
    color: #fff;
    font: italic 20px/24px Georgia,Serif;
    padding: 18px 10px;
}

.panel .field {
    margin-top: 10px;
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.panel .field input {
    width: 100%;
}

.panel .field input[type=checkbox],
.panel .field input[type=radio] {
    width: auto;
}

.panel .field .liner {
    margin: 0 10px;
}

.panel .field.full {
    display: block;
    width: auto;
}

.panel fieldset {
    margin: 10px;
}

.panel fieldset legend {
    display: none;
}

.table {
    border: none;
}

.table th {
    border: none;
    background: #f4eee2;
    border-bottom: 2px solid #e1dcd0 !important;
}

.table td {
    border: none;
    border-bottom: 1px solid #e1dcd0 !important;
}

.table td .padded {
    display: inline-block;
    padding: 5px 0;
}

table#cartitemtable {
    background: #f4f4f4;
}

table#cartitemtable th {
    background: #f4f4f4;
    border-bottom: 2px solid #dfdfdf !important;
}

table#cartitemtable td {
    border-bottom: 2px solid #dfdfdf !important;
}

#cartitemtable .imagecolumn img {
    max-width: 75px;
}

#cartitems button.remove span {
    display: none;
}

#cartitems .buttonarea {
    text-align: left;
    overflow: auto;
}

#cartitems #items .totals {
    font-size: 18px !important;
}

#editorder .kitchen-instructions label {
    margin-bottom: 0;
}

#editorder .kitchen-instructions .notes-disclaimer {
    margin-bottom: .5rem;
    display: block;
    font-size: 17px;
}

#editorder .loyaltyid-content {
}

#editorder .loyaltyid input {
    display: block;
}

#editorder .loyaltyid h2 {
    margin-bottom: 10px;
    background: #fff;
}

#editorder .loyaltyid img {
    max-width: 190px;
    display: block;
}

#editorder .loyaltyid label {
    display: inline;
}

#editorder .loyaltyid span {
    font-style: italic;
}

#editorder .loyaltyid p {
    margin-top: 5px;
    margin-bottom: 0;
}

table.table .qtycolumn {
    text-align: center;
}

#cartitems .promo-code {
    float: left;
    display: inline;
}

#cartitems .add-more-items {
    float: right;
    background: none;
    color: #e37c02;
    border: none;
    text-transform: none;
    font-size: 18px;
    padding: 6px 0;
}

#cartitems .add-more-items:focus span {
    text-decoration: underline;
}

#cartitems .table tr.totals td {
    border-bottom: none !important;
}

#cartitems .notes {
    width: 100%;
}

#cartitems button.remove {
    background: none;
    color: #e37c02;
    border: none;
    padding: 3px 12px;
    font-size: 1.2em;
}

span.label {
    display: inline;
}

input[type=number] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
}

button, .button {
    background-color: #972F1B;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 6px 12px;
    margin: 14px 10px;
    min-width: 100px;
    border: none;
    border-radius: 30px;
    font-size: 15px;
    line-height: 22.5px;
    font-size: 1.5rem;
    line-height: 2.25rem;
    display: inline-block;
    text-decoration: none;
    -webkit-transition: background-color 0.4s ease;
    -moz-transition: background-color 0.4s ease;
    -o-transition: background-color 0.4s ease;
    transition: background-color 0.4s ease
}

button:hover,
.button:hover,
button:active,
.button:active {
    color: #fff;
    background-color: #ac1c00
}

.buttonarea button.back {
    background: none;
    border: none;
    color: #e37c02;
    text-decoration: underline;
    text-transform: capitalize;
}

button.cancel-btn {
    background: none;
    color: #e37c02;
    border-color: transparent;
    font-weight: bold;
    margin-right: 10px;
}

button.cancel-btn:hover,
button.cancel-btn:active {
    color: #000;
}

.btn .label {
    position: relative;
    top: -1px;
}

span.label {
    display: inline;
}

.btn .label {
    top: 0;
    display: inline;
    padding: 0;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    white-space: nowrap;
    border-radius: 0;
}
.field select {
    width: 100%;
    margin: 0;
    background: #fff;
    height: 35px;
    outline: none;
    border: 1px solid transparent;
    box-sizing: border-box;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    font-size: 1em;
    color: #444;
    padding: 6px 40px 6px 12px;
    line-height: 1.3;
    border-radius: 4px;
    border: 1px solid lightgray;
}

input[type=text],
input[type=tel],
input[type=number],
input[type=email],
input[type=password],
select,
textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 4px 5px 2px;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #CCA354
}

.field-category-image {
    height: 150px;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

#home .categories img,
.categories img {
    float: none;
    margin-right: 0;
    width: 100%;
    height: auto;
}

.validation-summary-errors {
    border: none;
    padding: 10px;
    margin-bottom: 20px;
    color: #333;
    background: #f4f4f4;
    border: 3px solid #e37c02;
}

.validation-summary-errors a {
    color: #fff;
}

#addedmessage {
    margin: 0 0 10px 0;
    color: #333333;
    position: relative;
}

#addedmessage a {
    color: #e37c02;
    display: inline-block;
    margin-left: 20px;
}

#addedmessage .or {
    display: inline-block;
    margin: 0 5px;
}

#addedmessage .hide {
    display: block !important;
    position: absolute;
    top: -2px;
    right: -2px;
    background: #e37c02;
    color: #fff;
    padding: 5px;
    cursor: pointer;
}

/* div#createaccount {
    width: auto;
    margin: auto;
    max-width: 450px;
} */

#createaccount form .createaccount__field__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3rem;
}

#createaccount form .createaccount__panel {
    width: 44%;
    background: #f4f4f4;
    padding: 1.5rem;
}

#createaccount .createaccount__panel--address {
    max-height: 360px;
}


#createaccount input[type="text"], 
#createaccount input[type="tel"], 
#createaccount input[type="email"], 
#createaccount input[type="password"], 
#createaccount textarea {
    width: 100%;
    max-width: 300px;
}

#createaccount #Title {
    width: 100%;
    max-width: 100px;
}

#createaccount #Phone {
    max-width: 200px;
}

#createaccount #State {
    max-width: 150px;
}

#createaccount #Postcode {
    max-width: 100px;
}

#createaccount .password-message {
    display: block;
    margin: -3px 0 3px 0;
    max-width: 300px;
}

#createaccount #Company,
#createaccount #Email,
#createaccount #Address {
    max-width: none;
}

#createaccount .info .liner {
    margin: auto;
    max-width: 280px;
    text-align: center;
}

#account p {
    margin: 0 0 20px 0;
}

#account {
    display: flex;
    flex-wrap: wrap;
}

#account .account-icon {
    width: 75px;
    height: 75px;
    border: 3px solid #D78D29;
    color: #D78D29;
    border-radius: 100%;
    font-size: 25px;
    margin-bottom: .5rem;
    margin-top: 1rem;
}

#account a {
    text-decoration: none;
    color: #333;
}

#account div.buttonarea {
    width: 100%;
}

#account h2 {
    margin-bottom: 0;
}

#account div {
    width: 33%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

#account .buttonarea {
    margin-top: 2rem;
}

p.categorydesc {
    display: none;
}

#orders input[type=text] {
    width: 120px;
}

table.table .notescolumn label {
    display: none !important;
}

div#items #addedmessage .nav {
    margin-top: 0;
    display: block;
}

.field--name-field-category-name {
    padding-top: .75rem;
}

#pack .item p {
    font-size: 16px;
}

body.fs #items ul.dietaries {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 5px !important;
    float: none;
}

body.fs ul.dietaries {
    float: right;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    list-style-type: none;
}

body.fs ul.dietaries li {
    display: inline-block;
    margin-left: 10px;
}

body.fs ul.dietaries li:first-of-type {
    margin-left: 0;
}

body.fs ul.dietaries label {
    font-weight: 600;
    font-size: 0.8em;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    text-transform: uppercase;
}

body.fs .dietary {
    background: #D78D29;
    border-radius: 190%;
    display: inline-flex;
    margin-right: 3px;
    color: #fff;
    font-size: 12px;
    width: 25px;
    height: 19px;
    vertical-align: middle;
    text-align: center;
    padding: 3px 0;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    line-height: 1px;
}

body.fs .dietary.glutenfriendly {
    background: #D78C29;
}

body.fs .dietary.vegetarian {
    background: #962E1B;
}

body.fs .dietary.vegan {
    background: #BEB644;
}

body.fs .dietary.glutenfriendly:before {
    content: "GF";
}

body.fs .dietary.vegetarian:before {
    content: "V";
}

body.fs .dietary.vegan:before {
    content: "VG";
}

body.fs .item .dietary {
    float: none;
    margin-right: 7px;
}

#pack .items {
    display: flex;
    width: 100%;
    margin: 10px -10px;
    flex-wrap: wrap;
    width: -moz-available;
}

#pack .item-row {
    display: table-row;
}

#pack .item-row:nth-child(odd) .item {
    background:#f4f4f4
}

#pack .item {
    width: 31%;
    background: #fff;
    display: flex;
    position: relative;
    margin: 10px;
    flex-direction: column;
}

#pack .item .liner {
    padding: 20px;
    margin-top: auto;
    text-align: center;
}

#pack .pack-price {
    font-weight: normal;
}

#pack .item .pack-image {
    height: 175px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}

#pack .item h2 {
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}

#pack .item img {
    width: 100%;
    height: auto;
    margin-right: 10px;
    float: none;
    display: block;
}

#pack .item .liner {
    margin-right: 0;
}

#pack .selection select {
    margin-top: 0;
    float: right;
}

#pack .custom-select { 
    float: right;
}

.buttonarea button, 
.buttonarea .button {
    margin: 0 5px 0 0;
}

#signin .existingcustomers,
#signin .newcustomers {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}

#signin .info {
    font-size: 16px;
}

#signin .login-info {
    margin-top: 10px;
    font-size: 0.85em;
}

#signin .existingcustomers .liner {
    margin-right: 40px;
}

#signin .newcustomers .liner {
    margin-left: 40px;
}

#signin .signinpanel {
    background:#fff;
    border: none;
    padding: 20px;
    max-width: none;
}

#signin .signinpanel input {
    max-width: none;
}

h1.title {
    font-size: 40px;
}

footer a {
    color: #D78D29;
}

footer #footer-banner .social-media-icons a:first-child {
    border-right: 0px;
    padding:0px;
}

footer #footer-banner .social-media-icons{
    padding-top:47px;
}

.powered-by {
    padding-top: 5px;
}

.datefield select,
.timeselector select {
    margin-right: 5px;
}

#Order_DeliveryTimeSlot:focus{

    border: #D78C29 2.5px solid;

}

#select-site .or {
    display: block;
	margin: 5px 10px;
}

#select-site #get-position i {
    margin-right: 5px;
}

#select-site .map-search {
    background: white;
    padding: 10px 0;
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
}


#select-site #search-form {
    flex: 0 0 67.2%;
    padding-right: 20px;
    padding-top: 20px;
	padding-bottom: 20px;
	box-sizing: border-box;
}

#select-site .site-reheat {
    flex: 0 0 32.8%;
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    /* justify-content: center; */
    /* text-align: center; */
    border: 1px solid #ac1c00;
    background: #FFFAF7;
    padding: 20px;
    box-sizing: border-box;
}

#select-site .site-reheat a {
	text-decoration: none;
}

#select-site .site-reheat h4 {
	margin-top: 0;
    font-size: 2.4rem;
	font-weight: 700;
	color: #972F1B;
    margin-bottom: 10px;
}

#select-site #get-position {
	margin: 0;
}

#select-site #map-canvas {
    height: 250px;
}

#select-site ul.map-results {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#select-site ul.map-results li {
    width: 33.3333%;
    display: inline-block;
}

#select-site ul.map-results li .liner {
    background: white;
    padding: 20px;
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #b6b6b6;
}

#select-site .search-field {
    position: relative;
}

#select-site .search-field input {
    max-width: 100%;
    padding-right: 30px;
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 4px 8px;
    width: 400px;
    height: 33px;
}

#select-site .search-field i {
    position: absolute;
    right: 0;
    top: 0;
    background: #972F1B;
    color: #fff;
    height: 97%;
    padding: 0 12px;
    line-height: 35px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 33px;
}

#select-site .delivery {
    color: #972F1B;
    font-weight: bold;
    font-size: 0.9em;
    margin-top: 5px;
}

/* http://isabelcastillo.com/nth-child-css-selectors-for-3-column-galleries */
#select-site ul.map-results li:nth-child(3n-2) .liner {
    margin-right: 5px;
}

#select-site ul.map-results li:nth-child(3n+2) .liner {
    margin-left: 5px;
    margin-right: 5px;
}

#select-site ul.map-results li:nth-child(3n+3) .liner {
    margin-left: 5px;
}

#select-site ul.map-results li .button {
	display: inline-block;
	margin: 0;
    margin-top: 10px;
}

#select-site ul.map-results li .button:hover {
    text-decoration: none;
    color: #fff;
}

#select-site fieldset {
    border: none;
    padding: 0;
	margin: 0;
	display: block;
	width: 100%;
}

#select-site .site-search-container {
	display: flex;
	flex-wrap: wrap;
}


#editcart .buttonarea {
    text-align: right;
}


table#cartitemtable th,
#editorder label {
    font-weight: normal;
}

#editorder label.inline {
    display: inline;
    cursor: pointer;
}

#editorder label.delivery-pickup {
    font-weight: normal;
    display: inline-block;
    margin-right: 20px;
    cursor: pointer;
}

#editorder textarea {
    height: 50px;
}

#editorder p.guest-checkout {
    margin: 20px 20px 10px 0;
}

#editorder p.guest-checkout a {
    color: #e37c02;
}

#editorder label.optin {
    font-weight: normal;
    text-transform: unset;
}

#editorder .guest-checkout-options a {
    color: #fff;
    font-weight: normal;
}

#editorder .field.firstname,
#editorder .field.lastname {
    width: 30%;
}

#editorder .field.company {
    display: block;
}

#editorder .field.phone {
    width: 20%;
}

#editorder .field.city {
    width: 30%;
}

#editorder .field.zip {
    width: 100px;
}

.picker button {
    color: #000000;
}

.buttonarea.primary {
    margin-top: 40px;
}


/* .buttonarea.primary button {
    padding: 6px 24px;
} */

.table th,
.table td {
    padding: 5px 10px;
}

.totals,
.totals .total {
    font-weight: 700;
    font-size: 18px;
}

a.powered-by {
    font-size: 11px;
    color: #fff !important;
}

.picker__holder {
    max-width: 339px !important;
}

html body #Order_DeliveryTimeSlot,
html body #Order_DeliveryTimeSlot-two {
    padding: 4px 5px 2px;
    max-width: 100%;
    box-sizing: border-box;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 4px 5px 2px;
    max-width: 100%;
    box-sizing: border-box;
    border: 1px solid #CCA354;
    background-color: #FFFAF7;
}

html body #Order_DeliveryTimeSlot-two {
    display: none;
}

html body .delivery-time-container.alt-time #Order_DeliveryTimeSlot-two {
    display: block;
}

html body .delivery-time-container.alt-time #Order_DeliveryTimeSlot {
    display: none;
}

.notes-disclaimer {
    font-size: 14px;
}

#payment {
    border-top: none;
    padding-top: 0;
    margin-top: 0;
}

#payment .braintree {
    display: flex;
    flex-wrap: wrap;
    max-width: 700px;
}

#payment .braintree .braintree-field {
    margin-right: 1rem;
}

#payment .braintree #billing-suburb,
#payment .braintree #billing-postcode {
    width: auto;
}

#payment input[type=radio] {
    display: inline-block;
}

.panel #payment {
    margin: 10px 20px;
}

.paymentdetails .braintree .hostedfield {
    height: 32px;
}

.paymentdetails .paymentmethods {
    white-space: normal;
}

.paymentdetails #ccvhelp {
    padding: 15px;
    z-index: 100;
    margin-bottom: 50px;
}

#cartitemtable .pricecolumn,
#cartitemtable .totalcolumn {
    text-align: right;
}

#cartitemtable tr.totals td {
    border: none !important;
    padding-bottom: 0;
}

#confirmorder label {
    display: block;
}

#orderplaced .text {
    padding: 20px;
}

.close-icon {
    position: absolute;
    top: 5px;
    left: 5px;
    margin-top: -8px;
    margin-left: -8px;
}

.pickup-modal {
    display: none;
    z-index: 999 !important;
}

body .ui-button .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-button:active .ui-icon {
    background-image: url('close_modal_btn.png');
}

body .ui-widget-overlay {
    display: none;
    background: rgba( 0,0,0,0.6 );
}

body .node--type-catering-landing-page .field--name-field-sections img {
    height: 150px;
    width: 100%;
    display: block;
}

.message .info {
    padding: 10px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
}

body #sidebar #block-catering-nav ul.menu .toggle-catering-menu {
    padding: 2px 4px 4px 20px;
}

@media (max-width: 767px) {

	body #items ul.dietaries {
		flex-wrap: wrap;
	}
 
	body #items ul.dietaries li {
		width: 100%;
		margin: 5px 0;
	}

    #createaccount form .createaccount__panel {
        width: 100%;
    }

    #account div {
        width: 100%;
    }

    .panel .field {
        display: block;
        width: auto !important;
    }


    #editorder .optin {
        display: inline-block !important;
        width: 90%;
        vertical-align: top;
        margin-left: 5px;
    }

    table.table tr {
        padding: 10px 0;
    }

    table.table tr:nth-child(2n) {
        background-color: #f0f0f0;
    }

    .table td {
        border-bottom: none !important;
        border-top: none !important;
    }

    table.table .qtycolumn:before {
        content: none;
    }

    table.table .qtycolumn {
        margin-bottom: 0;
        width: 100%;
    }

    table.table .itemcolumn {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    body table#cartitemtable .totalcolumn {
        border-bottom: none !important;
        display: none;
    }

    table.table .notescolumn {
        padding-right: 60px;
    }

    table.table .actions {
        bottom: 0px;
    }

    table.table .hide-mobile {
        display: none;
    }

    #editorder .guest-checkout-options {
        display: none;
    }

    .promo-code input {
        width: 120px;
    }

    #cartitemtable .notescolumn:before {
        content: none;
    }

    .catering-body .col-xs-4 {
        display: block;
        width: 100%;
        float: none;
    }

    .catering-body .col-xs-8 {
        width: 100%;
    }

    #navpage #menu {
        display: none;
    }

    #customerbar,
    .customerbar {
        text-align: left;
        min-height: 60px;
    }

    .customerbar li.store {
        float: none;
        display: block;
    }

    .customerbar li:last-of-type {
        float: right;
    }

    .customerbar .hide-mobile {
        display: none;
    }

    #cartitems .table tr.totals td {
        display: inline-block;
    }

    table.table .pricecolumn {
        position: absolute;
        top: 0;
        right: 0;
        font-weight: bold;
        z-index: 1;
    }

    table.table .notescolumn label {
        display: block !important;
        font-weight: normal !important;
    }

    #signin .existingcustomers,
    #signin .newcustomers {
        display: block;
        width: auto;
        margin-bottom: 20px;
    }

    #signin .existingcustomers .liner {
        margin-right: 0;
    }

    #signin .newcustomers .liner {
        margin-left: 0;
    }

	#select-site #search-form {
        float: none;
        width: auto;
        padding-right: 0;
        margin-bottom: 10px;
    }

    #select-site #map-canvas {
        height: 200px;
    }

    #select-site ul.map-results li .button {
        position: absolute;
        right: 20px;
        bottom: 20px;
    }

    #select-site .or,
    #select-site #get-position {
        display: none;
    }

    #select-site ul.map-results li {
        width: auto;
        display: block;
    }

    #select-site ul.map-results li:nth-child(3n-2) .liner {
        margin-right: 0;
    }

    #select-site ul.map-results li:nth-child(3n+2) .liner {
        margin-left: 0;
        margin-right: 0;
    }

    #select-site ul.map-results li:nth-child(3n+3) .liner {
        margin-left: 0;
    }

	#select-site #search-form,
	#select-site .site-reheat {
		flex: 0 0 100%;
	}

	#select-site .site-reheat {
		display: none;
	}

	#select-site .search-field input {
		width: 100%;
	}

    #pack ul.dietaries {
        float: none;

    }

    #pack .items {
        display: flex;
        border-spacing: 0;
        margin: 0;
        justify-content: space-between;
    }

    #pack .item-row {
        display: block;
    }

    #pack button, 
    #pack .button {
        width: auto;
    }

    #pack .item {
        width: auto;
        flex: 0 0 48%;
        overflow: auto;
        margin: 0;
        margin-bottom: 10px;
    }

    #payment .paymentdetails .ccoption {
        margin-right: 10px;
    }

    #payment .paymentdetails .ccoption label {
        display: none;
    }

    div#createaccount {
        width: auto;
    }

    footer #footer-banner .social-media-icons{
        padding-top:5px;
    }
}

/** SITE REBUILD **/
body.fs {
    background: #fff;
}

#page-header #mobile-nav.menu-open {
    box-sizing: border-box;
}

.fs main {
    margin-top: 35px;
}


#home .category,
.category {
    width: 49%;
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
    box-sizing: border-box;
}

.category .liner {
    background: #fff;
    padding: 0;
    border: 1px solid #b6b6b6;
}

.category .liner:hover {
    border: 1px solid #D78D29;
}

.categories > .liner {
    margin-left: 20px;
}

.categories h2 {
    margin-bottom: 0;
    height: 200px;
    background-size: cover;
    position: relative;
}

.categories .text {
    padding: 15px;
}

.categories h3 {
    margin: 0;
    font-weight: 700;
}

.category .liner:hover h3 {
    text-decoration: underline;
    color: #D78D29;
}

.categories a {
    text-decoration: none;
}

#folder .categories h3 {
    padding: 10px;
}

#folder .categories h3 i {
    margin-left: 10px;
    font-size: 0.8em;
}

#home .categories .category:nth-child(odd) {
    padding-right: 5px;
}

#home .categories .category:nth-child(even) {
    padding-left: 5px;
}

#folder .categories .category:nth-child(odd) {
    padding-right: 5px;
}

#folder .categories .category:nth-child(even) {
    padding-left: 5px;
}

.categories p {
    margin-top: 10px;
    margin-bottom: 0;
}

#home > p {
    margin: 0;
}

#home .categories a {
    font-size: inherit;
}

#home .categories img,
.categories img {
    float: none;
    margin-right: 0;
    width: 100%;
    height: auto;
}


#customerbar,
.customerbar {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right;
    min-height: 30px;
    font-weight: 600;
    font-size: 1.3rem;
}

.customerbar li {
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

.customerbar li.store {
    float: left;
    font-weight: normal;
}

.customerbar li.store i {
    color: #e37c02;
}

.customerbar a {
    padding: 5px 10px;
    display: inline-block;
    text-decoration: none;
}

.customerbar i {
    margin-right: 5px;
    color: #962E1B;
}

.customerbar .btn {
    display: block;
    padding: 5px 20px;
    margin: 0;
    margin-left: 5px;
    margin-right: 15px;
    padding-top: 9px;
    margin-top: -5px;
    font-size: 14px;
}

body #items .item {
    background: none;
    border: 1px solid #d1d1d1;
    padding: 0;
    margin-bottom: 0;
}

body #items .item .text-content {
    padding: 20px;
}

body #items .item img {
    border: none;
}

.fs .add-widget span {
    top: 0;
}

body #items .item .addtocart {
    margin: 0;
}

.addtocart:focus, .checkout:focus, .catering-cart_link:focus, .back:focus, #fs-submit-button:focus {
    box-shadow: inset 0px 0px 0px 3px black;
}

.fs-form .fs-form-el
{
    box-sizing: border-box;
}

.apply-promo:focus{
    text-decoration: underline;
}

.remove:focus i{
    border: 3px solid #000;
    border-radius: 5px;
}

.fs #page-header {
    top: 0 !important
}

#page-header.scroll #mobile-menu-toggle {
    min-width: auto;
}

body #sidebar #block-catering-nav ul.menu .toggle-catering-menu {
    display: none;
}

.categoryheader {
    display: none;
}

.fs .view-catering-product-list-block .view-content, 
.fs .view-catering-product-list-page .view-content {
    column-gap: 15px;
}

#sidebar #block-catering-nav ul.menu > li.menu-item ul.menu > li.menu-item > a {
    padding: 10px 25px;
    color: #EB9B2D;
}

#sidebar #block-catering-nav ul.menu > li.menu-item {
    border-top: 1px dotted #CD612B;
    padding: 0;
    border-bottom: none;
}

#sidebar #block-catering-nav ul.menu > li.menu-item:first-of-type {
    border-top: none;
}

#sidebar #block-catering-nav ul.menu > li.menu-item ul.menu > li.menu-item:first-of-type {
    border-top: 1px dotted #CD612B;
}

body #sidebar #block-catering-nav ul.menu > li.menu-item-active ul.menu {
    margin-left: 0;
}

#sidebar #block-catering-nav ul.menu > li.menu-item > a {
    padding: 10px;
    font-weight: 400;
    text-transform: capitalize;
}

#sidebar #block-catering-nav ul.menu > li.menu-item.menu-item-active > a,
#sidebar #block-catering-nav ul.menu > li.menu-item ul.menu > li.menu-item-active a {
    font-weight: 600 !important;
}

.fs #sidebar #block-catering-nav ul.menu > li.menu-item > a {
    color: #40180B !important;
    font-weight: 400;
}

.view-catering-product-list-block .views-row .field--name-field-price-range, 
.view-catering-product-list-page .views-row .field--name-field-price-range {
    font-size: 18px;
}

#items article.item .field--name-body p {
    font-size: 18px;
}

.node--type-catering-menu-page .field--name-field-category > .field__item a {
    display: block;
    background: #fff;
    padding: 0;
    border: 1px solid #b6b6b6;
    color: #972F1B;
}

.node--type-catering-menu-page .field--name-field-category > .field__item a:hover {
    border-color: #D78D29
}

.field--name-field-category-name {
    padding: 15px;
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 600;
}

.fs .headline {
    line-height: 1;
    margin-bottom: -7px !important;
}

.fs #cart-link {
    display: none;
}

.fs #header-spacer {
    height: 60px;
}

.fs .region-sub-header {
    height: auto;
}

.fs #signin .existingcustomers, .fs #signin .newcustomers {
    padding: 0;
}

#signin .signinpanel {
    padding: 0;
}

#signin h2,
#createaccount h1,
#editorder h2,
#confirmorder h2,
#editcart h2,
#pack .selection > h2 {
    margin: 0 0 20px 0;
    padding: 0 0 5px 0;
    text-transform: uppercase;
    border-bottom: 1px solid #CCA354;
}

#createaccount form .createaccount__panel {
    background: none;
    padding: 0;
}

.panel {
    background: none;
    padding: 0;
}

.panel fieldset {
    margin: 10px -10px;
}

table#cartitemtable th,
table#cartitemtable {
    background: none;
}

.panel #payment {
    margin: 0;
}

.fs .hero-slide,
.fs .homepage-banner {
    height: 400px;
}

#page-header #mobile-nav .user-menu-link:before {
    content: '';
}

#pack {
    margin-bottom: 50px;
}

#pack h1 {
    display: none;
}

.fs #pack .item {
    width: 23%;
}

#page-header #header-bottom-row .menu-section .submenu .menu-item {
    box-sizing: border-box;
}

.ui-button .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon, .ui-button:active .ui-icon {
    left: 80px !important;
}

.custom-select:after {
    line-height: 1.1;
}

.delivery-time-container {
    margin: 0 10px ;
}

.fs footer ul.menu li {
    border-right: none;
}

.fs #sidebar {
    width: 275px;
}

.fs #content.with-sidebar #content-inner {
    margin-left: 275px;
}


body .menu-phone {
    text-align: center;
    border: 1px dotted #CD612B;
    padding: 10px;
    margin-top: 20px;
}

body .menu-phone h3 {
    font-weight: 600;
    font-size: 16px;
    color: #972F1B;
    margin-top: 0;
}

body .menu-phone a {
    font-size: 18px;
    font-weight: 800;
    text-decoration: none;
}

body .menu-phone .menu-break {
    border-top: 1px solid #CD612B;
    border-bottom: 1px solid #CD612B;
    width: 60px;
    margin: auto;
    height: 5px;
    margin-bottom: 10px;
}

#page-header #header-bottom-row .gifts-menu .submenu .view-featured-gifts .view-content a, #page-header #header-bottom-row .gifts-menu .submenu-mobile .view-featured-gifts .view-content a {
    line-height: 1.1;
    font-size: 1.4rem;
    display: block;
}

#page-header #header-bottom-row .gifts-menu .submenu .view-featured-gifts .view-content img, #page-header #header-bottom-row .gifts-menu .submenu-mobile .view-featured-gifts .view-content img {
    max-width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.fs-powered {
    top: -14px;
    left: 0px;
    position: relative;
}

.fs-powered a {
    font-size: 11px;
    color: #fff;
}

#content-inner .category-desc {
    padding: 20px;
    margin: 0 15px;
    margin-top: 10px;
    margin-bottom: 20px;
    color: #972F1B;
    border: 1px solid #ac1c00;
    background: #FFFAF7;
} 

@media (max-width: 800px) {

    .fs #content.with-sidebar #content-inner {
        margin-left: 0;
    }
}


@media (max-width: 1000px) {
    #mobile-menu-toggle {
        min-width: auto;
    }

    #page-header #logo {
        width: 90px;
        height: 90px;
    }

    .fs #page-header {
        position: fixed !important;
    }

    #customerbar, 
    .customerbar {
        text-align: center;
        margin-top: 10px;
        margin-left:4em;
    }

    .customerbar li{
        padding-left: 2em;
        padding-right: 2em;
    }

    .customerbar li:last-of-type {
        float: none;
        
    }
}

@media(max-width: 500px)
{    
    #customerbar, 
    .customerbar {
        text-align: center;
        margin-top: 40px;
        margin-left:0;
    }

    .customerbar li{
        padding-left: 0;
        padding-right: 0;
    }

}

@media (max-width: 767px) {
    #home .category, .category {
        width: 100%;
        padding: 0 !important
    }

    .hero-slide, .homepage-banner {
        height: 250px !important
    }

    .categories > .liner {
        margin-left: 0;
    }

    .region-sub-header {
        display: block;
    }

    body #items .item .addtocart {
        font-size: 13px;

    }

    .add-widget {
        margin-right: 0;
    }

    body #items .item .text-content {
        padding: 15px;
    }

    #cartitems .quantity {
        width: 50px !important;
    }

    table#cartitemtable td.actions {
        border-bottom: none !important;
    }

    table#cartitemtable td {
        text-align: left;
    }

    table.table .itemcolumn {
        white-space: normal;
    }

    table.table tr {
        overflow: hidden;
    }

    #cartitems button.remove {
        background: none;
        color: #e37c02;
        border: none;
        padding: 3px 12px;
        font-size: 1.2em;
        /* position: absolute; */
        min-width: auto;
        line-height: 1;
        margin: 10px;
        margin-right: 0;
        border-bottom: none !important;
    }
}