/*
Theme Name: DisheroApp
Theme URI: https://www.colabdigital.co.uk
Author: Colab Digital
Author URI: https://www.colabdigital.co.uk
Description: Bespoke WordPress theme designed and developed by Colab Digital Limited, Birmingham, UK.  
Version: 25.0.0 (Nova)
*/


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol {
	list-style-position:inside;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ------------------------------------------------------
---------------------------------------------------------
		SITE STYLES
---------------------------------------------------------
--------------------------------------------------------- */

html {
	scroll-behavior: smooth;
}
body {
	color:#171729;
	font-size:14px;
	font-family: 'Figtree', sans-serif;
	font-weight: 400;
}
.wrapper {
	max-width:1200px;
	margin:0 auto;
}
.wrapperNarrow {
	max-width:700px;
	margin:0 auto;
	padding: 100px 0;
}
.wrapperContainerWhite {
	background-color:var(--wp--preset--color--white);
	border-radius: 0 0 25px 25px;
	margin: 0 2vw;
}
p {
	font-size:16px;
	line-height: 1.4;
}
a {
	color: #171729;
}
a:hover {
	cursor: pointer;
    transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -webkit-transition: .25s ease-in-out;
}
blockquote {
	margin:40px 0;
	padding:0;
}
blockquote p {
	font-size: 20px;
	color: var(--wp--preset--color--stone);
}
blockquote p:before {
    content: "\f10d";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
	color: var(--wp--preset--color--blue);
	padding-right: 10px;
}
blockquote p:after {
    content: "\f10e";
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
	color: var(--wp--preset--color--blue);
	padding-left: 10px;
}
hr {
	height: 3px;
	border:none!important;
    margin-top: 30px;
    margin-bottom: 30px;
}
.search-results hr {
    margin-top: 25px;
    margin-bottom: 25px;
}
.mobileShow {
	display: none;
}
iframe {
    width: 100%;
}

/* ------------------------------------------------------
---------------------------------------------------------
		ALLERGEN LIST STYLES
---------------------------------------------------------
--------------------------------------------------------- */

/* GENERAL STYLES */

p.dishTools {
	display: flex;
	gap:6px;
	margin: 10px 0 0;
	padding: 10px;
	border-radius: 5px;
	background-color: #E7EEF0;
}
p.dishTools a.dishBT {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding: 3px 8px;
	border-radius:3px;
	background-color:#008aaa;
	text-transform: uppercase;
}
p.dishTools a.button-publish.dishBT {
	color:#008aaa;
	background-color:#fff;
	box-shadow: inset 0 0 0 1px #008aaa;
}

/* DRAG HANDLES */

.dish-drag-handle,
.term-drag-handle {
	color: rgba(0,138,170,0.50);
}

/* DISH ARCHIVE */

.dishStage {
	margin: 30px 0 50px;
}
.alert,
#message.updated p {
	font-size: 12px;
    margin-top: 20px;
    border: 2px solid;
    padding: 7px 15px;
    border-radius: 5px;
}
.alert {
	color: #CC5F15;
    background-color: #FFEFE4;
}
#message.updated p {
	color: #346A17;
    background-color: #EBFFE1;
}
#message p a {
	padding: 3px 5px;
    border-radius: 3px;
	margin: 0 3px;
}
#message.updated p a {
	color: #fff;
    background-color: #346A17;
}
.menuSection h3 {
	margin: 20px 0;
	text-transform: uppercase;
	color: #73738C;
	font-weight: 600;
}
.menuSection h3[id] {
  scroll-margin-top: 80px;
}

/* DISH ARCHIVE - QUICK LINKS */

ul.quickDishLinks {
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: #E7EEF0;
    padding: 20px;
    list-style-type: none;
    display: flex;
    gap: 20px 5px;
    flex-flow: wrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-left: calc(-50vw + 50% + 2vw);
    margin-right: calc(-50vw + 50% + 2vw);
    padding-left: calc(50vw - 50% - 2vw);
    padding-right: calc(50vw - 50% - 2vw);
    padding-top: 20px;
    padding-bottom: 20px;
}
ul.quickDishLinks::-webkit-scrollbar {
    display: none; /* Chrome, Safari */
}
ul.quickDishLinks li.dishLink {
	flex-shrink: 0;
}
ul.quickDishLinks li.dishLink a {
	font-size: 14px;
	text-transform: capitalize;
	font-weight: bold;
	padding: 4px 12px;
	border: 2px solid #008aaa;
	border-radius: 20px;
	background-color: #fff;
	color: #008aaa;
}
ul.quickDishLinks li.dishLink a.active {
	background-color: #008aaa;
	color: #fff;
}
ul.quickDishLinks li.dishLink a.active .term-drag-handle {
	color: #fff;
}

/* DISH ARCHIVE - DISH LIST */

ul.dishList {
	list-style-type: none;
	display: flex;
	flex-direction: column;
	border-top: solid 1px #E7EEF0;
}
ul.dishList li.dish {
	padding: 12px 0 14px;
	border-bottom: solid 1px #E7EEF0;
	scroll-margin-top: 150px;
}

/* ADD COLOUR FOR NEW DISHES */
/* Ensure the dish item handles shadows beautifully */
li.dish {
    position: relative;
    /* Smoothly transition the shadow back to its normal state when the animation ends */
    transition: box-shadow 0.5s ease; 
}

@keyframes minimalistGreenGlow {
    0% {
        /* A subtle, 4px crisp green shadow wrapped tight around the card */
        box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.35);
    }
    50% {
        /* Hold it clearly */
        box-shadow: 0 0 0 4px rgba(40, 167, 69, 0.35);
    }
    100% {
        /* Fade completely into nothing */
        box-shadow: 0 0 0 0 rgba(40, 167, 69, 0);
    }
}

/* This class simply applies the clean border frame animation */
.highlight-new-dish {
    animation: minimalistGreenGlow 5s cubic-bezier(0.25, 1, 0.5, 1) forwards !important;
}
/* ADD COLOUR FOR NEW DISHES END */

.logged-in ul.dishList li.dish {
	padding: 15px 20px;
}
ul.dishList li.dish {
	padding: 15px 0;
}
ul.dishList li.dish.is-draft-dish .dishDetails {
	padding: 15px 20px;
	position: relative;
	border-radius: 5px;
	border: dashed 2px #CC5F15;
}
ul.dishList li.dish.is-draft-dish .dishDetails > *:not(.dishTools) {
	opacity: 0.35;
}
ul.dishList li.dish.is-draft-dish .dishDetails::after {
	content: 'HIDDEN';
	position: absolute;
	top: -7px;
	left: 10px;
	background-color: #CC5F15;
	border-radius: 3px;
	color: #fff;
	padding: 2px 6px;
	font-size: 11px;
	font-weight: bold;
}
ul.dishList li.dish p.dishTitle {
	color: #171729;
	font-size: 18px;
	font-weight: bold;
	margin: 0;
}
ul.dishList li.dish p span.dishCals {
	color: #5F5F76;
	font-weight: 400;
	font-size: 14px;
}
ul.dishList li.dish p.dishNotice {
	color: #5F5F76;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0;
}
ul.dishList li.dish p.dishTitle i.veg {
	color: #76d574;
	font-size: 14px;
	margin: 0 0 0 5px;
}

/* DISH ARCHIVE - ALERGEN LIST */

ul.allergenList {
	list-style-type: none;
	display: flex;
	gap:5px;
	flex-wrap: wrap;
}
ul.allergenList li.allergen {
	font-size: 14px;
	padding: 4px 12px;
	border-radius: 20px;
	background-color: #fff;
	color: #171729;
}
ul.allergenList li.allergen.nuts {
	border: 2px solid #75490a;
}
ul.allergenList li.allergen.sulphur {
	border: 2px solid #44555f;
}
ul.allergenList li.allergen.sesame {
	border: 2px solid #dbb890;
}
ul.allergenList li.allergen.peanuts {
	border: 2px solid #764615;
}
ul.allergenList li.allergen.molluscs {
	border: 2px solid #f4655f;
}
ul.allergenList li.allergen.mustard {
	border: 2px solid #f7ca17;
}
ul.allergenList li.allergen.lupin {
	border: 2px solid #9a4799;
}
ul.allergenList li.allergen.milk {
	border: 2px solid #029fd4;
}
ul.allergenList li.allergen.fish {
	border: 2px solid #f16661;
}
ul.allergenList li.allergen.gluten {
	border: 2px solid #f99211;
}
ul.allergenList li.allergen.eggs {
	border: 2px solid #039fd2;
}
ul.allergenList li.allergen.crustaceans {
	border: 2px solid #f16661;
}
ul.allergenList li.allergen.celery {
	border: 2px solid #aac37f;
}
ul.allergenList li.allergen.soya {
	border: 2px solid #21a537;
}

/* DISH ARCHIVE - SELECTED ALLERGENS NOTIFICATION BANNER */

#selected-allergen-choices {
	display: flex;
	gap:10px;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 20px;
	border: 2px solid #008aaa;
	padding: 5px 15px;
	border-radius: 5px;
	background-color: #d8f3f0;
}
#selected-allergen-choices p {
	color: #008aaa;
	margin: 0;
	font-size: 12px;
}
#selected-allergen-choices p a {
	color: #008aaa;
}
#selected-allergen-choices ul {
	list-style-type: none;
	display: flex;
	column-gap: 3px;
}
#selected-allergen-choices ul li {
	font-weight: 700;
	text-transform: lowercase;
	font-size: 12px;
	padding: 5px 10px;
	border-radius: 20px;
	background-color: #008aaa;
	color: #fff;
	display: flex;
	align-items: center;
}

/* ------------------------------------------------------
---------------------------------------------------------
		CUSTOM BLOCK STYLES
---------------------------------------------------------
--------------------------------------------------------- */

/* GENERAL */

.alignwide {
	width:  100vw!important;
	margin-left:  calc(50% - 50vw)!important;
	padding-left: calc(calc(100vw - 1200px)/2)!important;
	padding-right: calc(calc(100vw - 1200px)/2)!important;
}
.alignfull {
	width:  100vw!important;
	margin-left:  calc(50% - 50vw)!important;
	padding-left: 0!important;
	padding-right: 0!important;
}
.pushMe {
    margin-left: auto!important;
    margin-right: auto!important;
}
.smallPrint {
	font-size: 10px;
}
.roundCorner {
    border-radius: 6px;
    overflow: hidden;
}
.gap20 {
	gap:20px!important;
}
.gap30 {
	gap:30px!important;
}
.gap40 {
	gap:50px!important;
}
.gap50 {
	gap:50px!important;
}

/* WP BUTTONS */

a.wp-block-button__link,
a.wp-block-button__link.no-border-radius,
.af-submit button,
ul.slides li a {
    transition: all .2s ease-in-out!important;
	margin: 0;
}
a.wp-block-button__link:hover,
.af-submit button:hover,
ul.slides li a:hover {
    transform: scale(1.03)!important;
}

/* Custom Button Sizes */

.wp-block-buttons.largeBT .wp-block-button {
	display: flex;
	flex-shrink: 0;
}
.wp-block-buttons.largeBT .wp-block-button a {
	padding: 16px 35px!important;
    font-size: 20px!important;
}
.wp-block-buttons.smallBT .wp-block-button {
	display: flex;
	flex-shrink: 0;
}
.wp-block-buttons.smallBT .wp-block-button a {
	padding: 11px 20px!important;
    font-size: 10px!important;
}

/* TABLE STYLES */

table {
    border-radius: 6px !important;
    border: 1px solid #008aaa!important;
    border-collapse: separate!important;
    overflow: hidden!important;
}
table th {
	font-weight: bold;
	color: #008aaa;
	border-bottom: 1px solid #008aaa;
	text-transform: uppercase;
}
table td {
	border-bottom: 1px solid #008aaa;
}
tbody tr:last-child td {
   border-bottom: none;
}

/* ------------------------------------------------------
---------------------------------------------------------
		HEADER STYLES
---------------------------------------------------------
--------------------------------------------------------- */

header {
	position: relative;
	display: flex;
	gap:50px;
	align-items: center;
	height: 200px;
	padding: 0 5vw;
	margin: 2vw 2vw 0 2vw;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 25px 25px 0 0;
}
header h1 {
	color:#fff; 
	text-shadow: 0 0 10px #000, 0 0 10px #000, 0 0 20px #000, 0 0 20px #000;
	font-size: 38px;
	font-weight: bold;
}
header .logo {
    width: 140px;
    border-radius: 50%;
    overflow: hidden;
    font-size: 0;
    aspect-ratio: 1 / 1;
	box-shadow: 0 0 0 5px #fff, 10px 10px 15px rgba(0 0 0 / 25%);
	z-index: 1;
}
.logo img {
	width:100%;
	height:auto;
}
header .facetBTS {
    padding: 10px;
    background-color: #fff;
    border-radius: 50px;
    box-shadow: 0 3px 30px rgb(0 138 170 / 75%);
    position: fixed;
	width: max-content;
    z-index: 10;
    bottom: 40px;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* ------------------------------------------------------
---------------------------------------------------------
		STAFF HEADER STYLES
---------------------------------------------------------
--------------------------------------------------------- */

.customStaffHeader {
	background-color: #008aaa;
	color: #fff;
	padding: 15px 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.customStaffHeader .staff-greeting {
	display: flex;
	align-items: center;
	gap:30px;
}
.customStaffHeader .staff-greeting .logo img {
	width: 100px;
}
.customStaffHeader .staff-greeting p {
	margin: 0;
}
.customStaffHeader .staffMenu {
	display: flex;
	gap:6px;
}
.customStaffHeader .staffMenu a {
	color: #fff!important;
	text-decoration: none;
	border: 2px solid #fff;
	padding: 6px 12px;
	border-radius: 50px;
	font-size: 12px;
	font-weight: bold;
}

/* ------------------------------------------------------
---------------------------------------------------------
		CONTENT STYLES
---------------------------------------------------------
--------------------------------------------------------- */

.contentFullWidth {
	width:100%;
    display: inline-block;
}
.contentNarrow {
	width: 700px;
	margin: auto;
	padding: 50px 0 100px;
}
.dashboard {
	padding: 40px 0;
	display: flex;
	gap: 60px;
}
.dashboardSidebar {
}
.dashboardContent {
}
.dashboardContent h2,
.dish-version-history h5 {
	font-weight: 700;
	color: #008aaa;
}
.wysiwyg {
    position: relative;
}
.wysiwyg ul,
.wysiwyg ol {
	list-style-type: none;
	margin-top: 30px;
	margin-bottom: 50px;
}
.wysiwyg ul li,
.wysiwyg ol li {
	padding-left: 30px;
	margin-bottom: 15px;
	position: relative;
    font-weight: 700;
    font-size: 16px;
	line-height: 1.6;
}
.wysiwyg ul li:before,
.wysiwyg ol li:before {
    font-family: "Font Awesome 6 Pro";
    font-weight: 900;
    position: absolute;
    left: 0em;
}
.wysiwyg ul li:before {
    content: "\f105";
	color: var(--wp--preset--color--colabblue);
}
.wysiwyg ol li:before {
    content: "\f00c";
	color: var(--wp--preset--color--colabblue);
}
.wysiwyg ul li ul.children {
    margin-top: 15px;
}

/* ------------------------------------------------------
---------------------------------------------------------
	MANAGE GROUPS REORDER STYLES
---------------------------------------------------------
--------------------------------------------------------- */

.create-term-box {
	background: #E7EEF0;
	padding: 15px;
	border-radius: 6px;
	margin-bottom: 25px;
	border: 1px solid #008aaa;
}
.create-term-box h5 {
	color:#008aaa;
	font-weight: bold;
	margin: 0 0 10px;
}
.termOrderBTs {
	display: flex;
	gap:10px;
	align-items: center;
}
button#tm-back-btn,
button#tm-create-submit,
button#tm-save-order-btn {
	border: none;
	padding: 8px 16px;
	border-radius: 8px;
	cursor: pointer;
	font-weight: bold;
	font-family: 'Figtree', sans-serif;
}
button#tm-create-submit,
button#tm-save-order-btn {
	background: #008aaa;
	color: #fff;
}
button#tm-back-btn {
	box-shadow: inset 0 0 0 1px #008aaa;
	background: #fff;
	color: #008aaa;
}
.create-term-box input#tm-new-term-name {
	font-family: 'Figtree', sans-serif;
}
ul#tm-term-list {
	list-style: none;
	padding: 0;
	margin: 20px 0;
}
ul#tm-term-list li {
	display: flex;
	align-items: center;
	justify-content:space-between;
	background: #fff;
	border: 1px solid #008aaa;
	margin-bottom: 8px;
	padding: 10px;
	border-radius: 4px;
}
ul#tm-term-list li .tm-term-list-content {
	display: flex;
	align-items: center;
	gap: 10px;
	flex-grow: 1;
}
ul#tm-term-list li .tm-term-list-content span.handle {
	cursor: grab;
	font-size: 20px;
	color: rgba(0, 138, 170, 0.50);
	user-select: none;
}
ul#tm-term-list li .tm-term-list-content input.term-name-input {
	font-family: 'Figtree', sans-serif;
	font-weight: bold!important;
	border: 1px solid transparent;
	background: transparent;
	font-size: 16px;
	padding: 4px;
	width: 450px;
	border-radius: 3px;
}

/* ------------------------------------------------------
---------------------------------------------------------
	ACF FORM STYLES
---------------------------------------------------------
--------------------------------------------------------- */

.acf-bl:before {
	display: none!important;
}
.ul.acf-checkbox-list li input[type=checkbox] {
	margin: 0!important;
}
.acf-form-submit input[type=submit] {
	background-color: #008aaa;
	color: var(--wp--preset--color--white);
	padding: 9px 14px;
	margin-top: 30px;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Figtree', sans-serif;
	border: none;
	border-radius: 8px;
	cursor: pointer;
}
.acf-field .acf-label label {
    font-weight: 700!important;
}

/* ACF TABS */

.acf-fields>.acf-tab-wrap {
    background: transparent!important;
}
.acf-fields>.acf-tab-wrap .acf-tab-group {
    border-top: none!important;
    border-bottom: #008aaa solid 1px!important;
}
.acf-fields>.acf-tab-wrap .acf-tab-group li a {
    border-color: #008aaa!important;
}
.acf-tab-group li a {
    background-color: #008aaa!important;
	color: #fff!important;
}
.acf-tab-group li.active a {
    color: #008aaa!important;
    background-color: #fff!important;
}

/* ------------------------------------------------------
---------------------------------------------------------
	FACET STYLES
---------------------------------------------------------
--------------------------------------------------------- */

body .facetwp-flyout {
	right: 0;
	transform: translateX(100%);
}
.facetwp-flyout-fog {
    opacity: 0.85!important;
}
div.facetwp-flyout-close {
	font-size: 0;
	line-height: 1!important;
}
div.facetwp-flyout-close:after {
    content: '\f057'!important;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
	font-size: 34px;
	line-height: 1;
	color: #008aaa;
	display: flex!important;
	align-items: center;
	justify-content: flex-end;
}

/* Facet Flyout */

.facetwp-flyout {
    width: 360px!important;
}
.facetwp-flyout-close, .facetwp-flyout-content {
    padding: 10px 25px!important;
}
.facetwp-flyout h3 {
	font-size: 20px;
	font-weight: 700;
	margin: 20px 0;
}

/* Facet BTS */

.facetBTS {
	display: flex;
	gap:5px;
}
.facetBTS button {
	padding: 9px 14px;
	font-size: 16px;
	font-weight: 700;
	font-family: 'Figtree', sans-serif;
	border: 2px solid #008aaa;
	border-radius: 50px;
	cursor: pointer;
}
.facetBTS button.facetwp-flyout-open,
.facetBTS button.facetwp-flyout-close,
.facetBTS button.facetwp-reset {
	background-color: #008aaa;
	color: #fff;
}
.facetBTS button.facetwp-reset {
	background-color: #fff;
	color: #008aaa;
}

/* Facet Checkboxes */

.facetwp-type-checkboxes {
	display: flex;
	flex-wrap: wrap;
	gap:5px;
}
.facetwp-type-checkboxes .facetwp-checkbox {
	background-color: #fff;
	background-image: none!important;
	color: #008aaa;
	border: 2px solid #008aaa;
	border-radius: 50px;
	margin: 0!important;
	padding: 6px 12px!important;
	font-size: 14px;
	font-weight:800;
	text-transform: uppercase;
    transition: all .2s ease-in-out!important;
}
.facetwp-type-checkboxes .facetwp-checkbox .facetwp-counter {
	display: none!important;
}
.facetwp-display-value {
	padding-right: 0!important;
}
.facetwp-type-checkboxes .facetwp-checkbox.checked {
	background-color: #008aaa;
	color: #fff;
}

/* Facet Text Search */

.facetwp-type-autocomplete {
	display: flex;
	position: relative;
}
.facetwp-type-autocomplete input[type="text"] {
    font-size: 16px !important;
    padding: 0 !important;
    font-family: 'Figtree', sans-serif !important;
    outline: none !important;
    border-radius: 3px 0 0 3px !important;
    border: 2px solid #008aaa !important;
    background-color: #fff !important;
    text-indent: 20px;
    width: 100%;
}
.facetwp-type-autocomplete .facetwp-autocomplete-update {
    height: 48px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    background-color: #008aaa !important;
    color: #fff !important;
    border-radius: 0 3px 3px 0 !important;
    border: 2px solid #008aaa !important;
    font-family: 'Figtree', sans-serif !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 70px;
}
.fcomplete-wrap,
.fcomplete-results {
    top: 48px;
}

/* ------------------------------------------------------
---------------------------------------------------------
		FOOTER STYLES
---------------------------------------------------------
--------------------------------------------------------- */

footer {
	padding:50px 0 170px;
	text-align: center;
}
footer .wrapper {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.darkMode footer p,
.darkMode footer a,
.darkMode footer a:hover {
	color: #fff;
}
footer .logo {
    width: 160px;
	margin-bottom: 20px;
}
footer a {
	font-weight: bold;
}
footer p.footerBT {
	font-size: 12px;
	margin-top: 20px;
}
footer p.footerBT a {
	padding: 7px 15px;
	border: 2px solid;
	border-radius: 25px;
}
.footerMenu ul {
	padding:14px 0;
	display: flex;
	flex-direction: column;
}
.footerMenu ul li {
	list-style: none;
	font-size:16px;
	line-height: 1.6;
}
.footerMenu ul li a {
	display: block;
	font-weight:700;
	text-decoration:none;
}

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

header {
	height: 100px;
}
header .logo {
	width: 75px;
	box-shadow: 0 0 0 3px #fff, 5px 5px 10px rgba(0 0 0 / 25%);
}
.wrapperContainerWhite .wrapper {
	padding: 0 5vw;
}
footer .logo {
    width: 120px;
}

}

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

header {
    margin: 2vw 0 0;
	gap:25px;
}
header h1 {
	font-size: 20px;
}
header .facetBTS button {
    padding: 7px 12px;
    font-size: 16px;
}
.wrapperContainerWhite {
    margin: 0;
}
ul.quickDishLinks {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
}
ul.quickDishLinks {
    flex-flow: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
}

}