/*!
Theme Name: WD Cozze Restaurant Template
Theme URI: https://www.webdirections.co.uk
Author: Web Directions
Author URI: https://www.webdirections.co.uk
Description: Bespoke Theme by Web Directions
Version: 1.5.0
License: Private
License URI: https://www.webdirections.co.uk
Text Domain: wdcozze
Tags: Bespoke
*/
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:700}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}body,button,input,select,optgroup,textarea{color:#555555;font-family:sans-serif;font-size:15px;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both}p{margin-bottom:1.5em}dfn,cite,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch", Courier, monospace;font-size:15px;font-size:0.9375rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font-family:Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;font-size:15px;font-size:0.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{background:#fff}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}ul,ol{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li > ul,li > ol{margin-bottom:0;margin-left:1.5em}dt{font-weight:bold}dd{margin:0 1.5em 1.5em}img{height:auto;max-width:100%}figure{margin:1em 0}table{margin:0 0 1.5em;width:100%}button,input[type="button"],input[type="reset"],input[type="submit"]{border:1px solid;border-color:#ccc #ccc #bbb;border-radius:3px;background:#e6e6e6;color:rgba(0, 0, 0, 0.8);font-size:12px;font-size:0.75rem;line-height:1;padding:.6em 1em .4em}button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa}button:active,button:focus,input[type="button"]:active,input[type="button"]:focus,input[type="reset"]:active,input[type="reset"]:focus,input[type="submit"]:active,input[type="submit"]:focus{border-color:#aaa #bbb #bbb}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],input[type="number"],input[type="tel"],input[type="range"],input[type="date"],input[type="month"],input[type="week"],input[type="time"],input[type="datetime"],input[type="datetime-local"],input[type="color"],textarea{color:#666;border:1px solid #ccc;border-radius:3px;padding:3px}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,input[type="number"]:focus,input[type="tel"]:focus,input[type="range"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="week"]:focus,input[type="time"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="color"]:focus,textarea:focus{color:#111}select{border:1px solid #ccc}textarea{width:100%}a:hover,a:active,a:focus{outline:0}.site-main .comment-navigation,.site-main .posts-navigation,.site-main .post-navigation{margin:0 0 1.5em;overflow:hidden}.comment-navigation .nav-previous,.posts-navigation .nav-previous,.post-navigation .nav-previous{float:left;width:50%}.comment-navigation .nav-next,.posts-navigation .nav-next,.post-navigation .nav-next{float:right;text-align:right;width:50%}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0, 0, 0, 0.6);clip:auto !important;clip-path:none;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#content[tabindex="-1"]:focus{outline:0}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{content:"";display:table;table-layout:fixed}.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both}.widget{margin:0 0 1.5em}.widget select{max-width:100%}.sticky{display:block}.hentry{margin:0 0 1.5em}.updated:not(.published){display:none}.page-content,.entry-content,.entry-summary{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.comment-content a{word-wrap:break-word}.bypostauthor{display:block}.infinite-scroll .posts-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}.page-content .wp-smiley,.entry-content .wp-smiley,.comment-content .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}.custom-logo-link{display:inline-block}.wp-caption{margin-bottom:1.5em;max-width:100%}.wp-caption img[class*="wp-image-"]{display:block;margin-left:auto;margin-right:auto}.wp-caption .wp-caption-text{margin:0.8075em 0}.wp-caption-text{text-align:center}.gallery{margin-bottom:1.5em}.gallery-item{display:inline-block;text-align:center;vertical-align:top;width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-caption{display:block}
/*======================
BODY
=======================*/
/*html {
	height: 100%
}*/
body{ 
	font-family: 'Titillium Web', sans-serif;
	font-size: 17px;
	font-weight: 400;
	color: #2f3137;
	/*height: 100%;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/*======================
LAYOUT
=======================*/
.full {
	width: 100%;
	float: left
}
.section {
	width: 100%;
	float: left;
	padding: 40px 20px
}
.section-wider{
	padding:40px 5px;
}
.half {
	width: 50%;
	float: left
}
.two-third {
	width: 66.66%;
	float: left
}
.third {
	width: 33.33%;
	float: left;
}
.quart {
	width: 25%;
	float: left
}
.three-quart {
	width: 75%;
	float: left
}
.inner {
	display: block;
	margin: 0 auto;
	max-width: 1264px;
}
.inner-wider {
	max-width: 1294px;
}
.inner-wider .half{
	width: calc(49.9% - 30px);
	margin: 15px;
}
.item {
	padding: 20px
}
.container {
	padding: 20px 10px
}
.margin {
	margin: 20px;
}
.hmargin {
	margin: 0 20px
}
.vmargin {
	margin: 20px 0
}
.margr {
	margin-right: 20px;
}
.margl {
	margin-left: 20px
}
.margt {
	margin-top: 20px;
}
.margb {
	margin-bottom: 20px;
}
.hpad{
	padding: 0 20px
}
.hpad10 {
	padding: 0 10px
}
.vpad {
	padding: 20px 0
}
.padleft {
	padding-left: 20px
}
.padright {
	padding-right: 20px
}
.padbottom {
	padding-bottom: 20px
}
.center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.hcenter {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.equal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: visible;
	position: relative;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.cover {
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
	background-size: cover!important;
}
.fixed {
	background-repeat: no-repeat;
	background-position: 50% 0px;
	background-attachment: fixed;
	background-size: cover!important;
}
.textcenter {
	text-align: center
}
.hentry {
	margin: 0
}
#page {
	position: relative
}
.icon {
	display: inline-block;
	padding: 0 6px 0 0;
	text-align: center;
}
.dashedborder{
	border:2px dashed #acacac;
	padding: 20px 20px 35px 20px;
	width: 100%;
	height: 100%;
}
.borderbottom{
	border-bottom:1px solid #dcdcdc;
}
.maxwidth320{
	max-width: 320px;
	margin:auto;
}
/*======================
FONTS
=======================*/
a, a:visited {
	color: #888888;
	text-decoration: none;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
a:hover {
	text-decoration: underline;
}

h1, h2, h3, h4{
	font-family: 'Lobster Two', cursive; 
	font-weight: 400;
	font-style: italic;
	color: #cf2427;
	margin: 10px 0;
	line-height: 1.2em;
}
h1 {
	font-size: 2.8em;
}
h2 {
	font-size: 2.5em;
}
h3 {
	font-size: 1.8em;		
}
h4 {
	font-size: 1.5em;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
}
p {
	margin: 10px 0
}
/*======================
ELEMENTS
=======================*/
a.button, .button{
	border: none;
	/*border-radius: 4px;*/
	background: #faea40;
	font-size: 1em;
	color: #2f3137!important;
	font-weight: 700;
	display: inline-block;
	cursor: pointer;
	padding: 12px 20px 12px 20px;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
	text-transform: lowercase;
	position: relative;
	top: 0;
	left: 0;
	margin: 5px 5px 15px 5px;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	border-radius: 5px;
	min-width: 190px;
}
a.button:after, .button:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    transition: all 0.10s ease-in-out;
  }

a.button:hover, .button:hover, a.button:active{
    top: 6px;
    left: 6px;
	background: #faea40;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	border: none;
	/*border-radius: 4px;*/
	background: #faea40;
	font-size: 1em;
	color: #2f3137;
	font-weight: 700;
	display: inline-block;
	/*font-family: "Nunito Sans", sans-serif;*/
	cursor: pointer;
	padding: 12px;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover{
	background: #faea40;
	box-shadow: 0;
}
blockquote {
	max-width: 700px;
	margin: 15px auto;
	padding: 30px 40px;
	text-align: center;
	position: relative;
	font-weight: 700;
	background: #EBEBEB
}
blockquote p:first-child {
	margin-top: 0
}
blockquote p:last-child {
	margin-bottom: 0
}
blockquote:before {
	content: "\f10d";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	top: 20px;
	left: 20px;
	color: #faea40;
	font-size: 20px
}
blockquote:after {
	content: "\f10e";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	position: absolute;
	bottom: 20px;
	right: 20px;
	color: #faea40;
	font-size: 20px
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], input[type="number"], input[type="search"], textarea {
	width: 100%;
	border: none;
	box-shadow: 0 2px 4px #ccc;
	padding: 6px;
	font-family: "Nunito Sans", sans-serif;
}
textarea {
	height: 120px;
	max-width: 100%;
	width: 100%
}
td, th {
	padding: 4px;
	border: 1px solid #000
}
ol, ul {
	margin: 0 0 20px 0
}
figure {
	margin: 0
}
span.red, span.redtext {
	color: red
}
/*.social .icon {
	margin: 0 6px
}
.social .icon.facebook {
	margin-left: 0
}
.social .icon.google {
	margin-right: 0
}*/
.social .icon {
	font-size: 15px;
	text-align: center;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	padding: 5px;
	color: #fff;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	margin-top: 5px;
}
.social .icon a {
	font-size: 15px;
	color: #fff!important;
}
.social .icon svg {
	width: 16px;
	height: 16px;
}
.social .icon.facebook {
    background: #3B5998
}
.social .icon.linkedin {
    background: #0077b5
}
.social .icon.instagram {
    background: #e1306c
}
.social .icon.twitter {
    background: #1da1f2
}
.social .icon.google {
    background: #dd4b39
}
.social .icon:hover {
	background: #faea40;
}
/*======================
HEADER
=======================*/
#masthead {
	padding: 20px;
	background:#f4ede2;
}
.site-branding {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 2;
	width: 200px;
	top: 0;
	bottom: 0;
	height: 60px;;
}
.site-branding img {
	display: block;
	max-width: 100%;
	margin-left:18px;
}
#masthead .contact .contact-details {
	width: auto;
	display: inline-block;
	padding:0 15px;
	text-transform: uppercase;
	font-weight: 600;
}
#masthead .contact .contact-details a{
	color:#53626f;
	font-weight: 400;
}
#masthead .contact .contact-details a:hover{
	color:#2f3137;
}
/*======================
NAV
=======================*/
.menubar {
	background: #53626f;
	border-bottom:8px solid #faea40;
	position: relative;
	padding: 40px 20px;
}
#site-navigation-mobile {
	display: none;
	width: 100%;
	float: left;
	padding: 0
}
.menu{
	display:none;
	float:left;
	width:100%;
	z-index: 1;
	position: relative;
}
.menu li{
	float:none
}
.menu ul{
	display:block;
	width:100%
}
.menu ul li a{
	color:#fff;
	text-transform: uppercase;
	display: inline-block;
}
.menu ul li.spacer a{
	margin-right:270px;
}
.menu ul li.smallspacer a{
	margin-right:15px;
}
.menu-toggle{
	margin: 0 auto;
	display:block;
	font-size: 16px;
	line-height:1;
	width:70px;
	text-align: center;
	padding: 14px 0;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	-webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  cursor: pointer;
  position: relative;
  z-index: 99999;
	color:#faea40;
}
.menu-toggle .fa{
	width:16px;
	height:16px;
    transition: all 0.3s;
}
.rotate {
	transform: rotate(180deg);
    transition: all 0.3s;
}
.menu-toggle:hover, .menu-toggle.open{
	color:#faea40
}
.menu-toggle:hover span, .menu-toggle.open span{
	background:#faea40
}
/* Mobile first layout SmartMenus Core CSS (it's not recommended editing these rules)
   You need this once per page no matter how many menu trees or different themes you use.
-------------------------------------------------------------------------------------------*/
.sm{position:relative;z-index:9999;}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:not-allowed;}
.sm:after{content:"\00a0";display:block;height:0;font:0px/0 serif;clear:both;visibility:hidden;overflow:hidden;}
.sm,.sm *,.sm *:before,.sm *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}

.sm-clean {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}
.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active {
	padding: 14px 0;
	/* make room for the toggle button (sub indicator) */
	/*font-family: 'Nunito Sans', sans-serif;*/
	font-weight: 600;
	font-size: 16px;
	line-height: 1;
	text-decoration: none;
}
.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active {
	color: #faea40;
}
.sm-clean a.current {
	color: #faea40;
}
.sm-clean li.current-menu-item > a{
	color: #faea40
}
.sm-clean a.disabled {
	color: #bbbbbb;
}
.sm-clean a span.sub-arrow {
	position: absolute;
	top: 50%;
	margin-top: -10px;
	left: auto;
	right: 4px;
	width: 34px;
	height: 34px;
	overflow: hidden;
	font: 30px/34px monospace !important;
	text-align: center;
	text-shadow: none;
}
.sm-clean a.highlighted span.sub-arrow:before {
	display: block;
	content: '-';
}
.sm-clean > li:first-child > a, .sm-clean > li:first-child > :not(ul) a {
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	-ms-border-radius: 5px 5px 0 0;
	-o-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	margin-left: 0
}
.sm-clean > li:last-child > a, .sm-clean > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	margin-right: 0
}
.sm-clean > li:last-child > a.highlighted, .sm-clean > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted,
.sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-clean > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
.sm-clean li {
	margin: 5px 0 0;
}
.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active {
	font-size: 16px;
	border-left: 8px solid transparent;
}
.sm-clean ul ul a,
.sm-clean ul ul a:hover,
.sm-clean ul ul a:focus,
.sm-clean ul ul a:active {
	border-left: 16px solid transparent;
}
.sm-clean ul ul ul a,
.sm-clean ul ul ul a:hover,
.sm-clean ul ul ul a:focus,
.sm-clean ul ul ul a:active {
	border-left: 24px solid transparent;
}
.sm-clean ul ul ul ul a,
.sm-clean ul ul ul ul a:hover,
.sm-clean ul ul ul ul a:focus,
.sm-clean ul ul ul ul a:active {
	border-left: 32px solid transparent;
}
.sm-clean ul ul ul ul ul a,
.sm-clean ul ul ul ul ul a:hover,
.sm-clean ul ul ul ul ul a:focus,
.sm-clean ul ul ul ul ul a:active {
	border-left: 40px solid transparent;
}
@media (min-width: 859px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
	.sm-clean ul {
		position: absolute;
		width: 12em;
	}
	.sm-clean li {
		display:inline-block;
		margin:0
	}
	.sm-clean.sm-rtl li {
		float: right;
	}
	.sm-clean ul li, .sm-clean.sm-rtl ul li, .sm-clean.sm-vertical li {
		float: none;
		width: 100%
	}
	.sm-clean a {
		white-space: nowrap;
	}
	.sm-clean ul a, .sm-clean.sm-vertical a {
		white-space: normal;
	}
	.sm-clean .sm-nowrap > li > a, .sm-clean .sm-nowrap > li > :not(ul) a {
		white-space: nowrap;
	}
	/* ...end */
	.menu-toggle{
		display:none
	}
	#site-navigation-mobile {
		display: none!important
	}
	.menu{
		display:inline-block!important;
		text-align:center
	}
	.menu ul{
		float:left;
		padding:0;
		text-align:center
	}
	.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active {
		font-size: 1em;
	}
	.sm-clean a, .sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
		margin: 0 10px;
		font-size:1em;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		-ms-border-radius: 0 !important;
		-o-border-radius: 0 !important;
		border-radius: 0 !important;
	}
	.sm-clean a:hover, .sm-clean a:focus, .sm-clean a:active, .sm-clean a.highlighted {
		color: #faea40
	}
	.sm-clean a.current {
		color: #faea40;
	}
	.sm-clean a.disabled {
		color: #bbbbbb;
	}
	.sm-clean a.has-submenu {
		padding-right: 24px;
	}
	.sm-clean a span.sub-arrow {
		top: 50%;
		margin-top: -2px;
		right: 12px;
		width: 0;
		height: 0;
		border-width: 4px;
		border-style: solid dashed dashed dashed;
		border-color: #777777 transparent transparent transparent;
		background: transparent;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-ms-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}
	.sm-clean a.highlighted span.sub-arrow:before {
		display: none;
	}
	.sm-clean li {
		border-top: 0;
	}
	.sm-clean > li > ul:before,
	.sm-clean > li > ul:after {
		content: '';
		position: absolute;
		top: -18px;
		left: 30px;
		width: 0;
		height: 0;
		overflow: hidden;
		border-width: 9px;
		border-style: dashed dashed solid dashed;
		border-color: transparent transparent #777777 transparent;
	}
	.sm-clean > li > ul:after {
		top: -16px;
		left: 31px;
		border-width: 8px;
		border-color: transparent transparent #777777 transparent;
	}
	.sm-clean ul {
		padding: 5px 0;
		background:#eee;
		-webkit-border-radius: 4px !important;
		-moz-border-radius: 4px !important;
		-ms-border-radius: 4px !important;
		-o-border-radius: 4px !important;
		border-radius: 4px !important;
		-webkit-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
		box-shadow: 0 5px 9px rgba(0, 0, 0, 0.2);
	}
	.sm-clean ul a, .sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
		border: 0 !important;
		padding: 10px 20px;
		color: #555555;
	}
	.sm-clean ul a:hover, .sm-clean ul a:focus, .sm-clean ul a:active, .sm-clean ul a.highlighted {
		color: #faea40;
	}
	.sm-clean ul a.current {
		color: #faea40;
	}
	.sm-clean ul a.disabled {
		background: white;
		color: #cccccc;
	}
	.sm-clean ul a.has-submenu {
		padding-right: 20px;
	}
	.sm-clean ul a span.sub-arrow {
		right: 8px;
		top: 50%;
		margin-top: -5px;
		border-width: 5px;
		border-style: dashed dashed dashed solid;
		border-color: transparent transparent transparent #555555;
	}
	.sm-clean span.scroll-up,
	.sm-clean span.scroll-down {
		position: absolute;
		display: none;
		visibility: hidden;
		overflow: hidden;
		background: white;
		height: 20px;
	}
	.sm-clean span.scroll-up:hover,
	.sm-clean span.scroll-down:hover {
		background: #eeeeee;
	}
	.sm-clean span.scroll-up:hover span.scroll-up-arrow, .sm-clean span.scroll-up:hover span.scroll-down-arrow {
		border-color: transparent transparent #d23600 transparent;
	}
	.sm-clean span.scroll-down:hover span.scroll-down-arrow {
		border-color: #d23600 transparent transparent transparent;
	}
	.sm-clean span.scroll-up-arrow, .sm-clean span.scroll-down-arrow {
		position: absolute;
		top: 0;
		left: 50%;
		margin-left: -6px;
		width: 0;
		height: 0;
		overflow: hidden;
		border-width: 6px;
		border-style: dashed dashed solid dashed;
		border-color: transparent transparent #555555 transparent;
	}
	.sm-clean span.scroll-down-arrow {
		top: 8px;
		border-style: solid dashed dashed dashed;
		border-color: #555555 transparent transparent transparent;
	}
	.sm-clean.sm-rtl a.has-submenu {
		padding-right: 12px;
		padding-left: 24px;
	}
	.sm-clean.sm-rtl a span.sub-arrow {
		right: auto;
		left: 12px;
	}
	.sm-clean.sm-rtl.sm-vertical a.has-submenu {
		padding: 10px 20px;
	}
	.sm-clean.sm-rtl.sm-vertical a span.sub-arrow {
		right: auto;
		left: 8px;
		border-style: dashed solid dashed dashed;
		border-color: transparent #555555 transparent transparent;
	}
	.sm-clean.sm-rtl > li > ul:before {
		left: auto;
		right: 30px;
	}
	.sm-clean.sm-rtl > li > ul:after {
		left: auto;
		right: 31px;
	}
	.sm-clean.sm-rtl ul a.has-submenu {
		padding: 10px 20px !important;
	}
	.sm-clean.sm-rtl ul a span.sub-arrow {
		right: auto;
		left: 8px;
		border-style: dashed solid dashed dashed;
		border-color: transparent #555555 transparent transparent;
	}
	.sm-clean.sm-vertical {
		padding: 10px 0;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
		border-radius: 5px;
	}
	.sm-clean.sm-vertical a {
		padding: 10px 20px;
	}
	.sm-clean.sm-vertical a:hover, .sm-clean.sm-vertical a:focus, .sm-clean.sm-vertical a:active, .sm-clean.sm-vertical a.highlighted {
		background: white;
	}
	.sm-clean.sm-vertical a.disabled {
		background: #eeeeee;
	}
	.sm-clean.sm-vertical a span.sub-arrow {
		right: 8px;
		top: 50%;
		margin-top: -5px;
		border-width: 5px;
		border-style: dashed dashed dashed solid;
		border-color: transparent transparent transparent #555555;
	}
	.sm-clean.sm-vertical > li > ul:before,
	.sm-clean.sm-vertical > li > ul:after {
		display: none;
	}
	.sm-clean.sm-vertical ul a {
		padding: 10px 20px;
	}
	.sm-clean.sm-vertical ul a:hover, .sm-clean.sm-vertical ul a:focus, .sm-clean.sm-vertical ul a:active, .sm-clean.sm-vertical ul a.highlighted {
		background: #eeeeee;
	}
	.sm-clean.sm-vertical ul a.disabled {
		background: white;
	}
}
@media screen and (max-width: 858px) {	
	.sm-clean li{
		display: block;
		width: 100%;
		float: left;
	}	
	.menu ul {
		padding: 20px 20px 0 20px;
	}
	.sm-clean > li:first-child > a, .sm-clean > li:first-child > :not(ul) a {
		padding: 0 0 14px
	}
}
/*======================
PAGES
=======================*/
/*#page {
	height: 100%
}*/
#content {
	/*height: 100%*/
	background-image:url(images/wooden-bg-edit.jpg);
	background-repeat: repeat;
}
#banner {
	position: relative;
	min-height: 400px;
	/*color: #fff;*/
	/*background-repeat: no-repeat;
	background-position: center;
	background-size: cover;*/
}
#banner:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*background: rgba(0,0,0,0.2);*/
	display: block;
}
#banner .inner {
	z-index: 2;
	position: relative;
	/*text-shadow: 0 0 20px rgba(0,0,0,0.6)	*/
}
#banner img {
	max-width: 90px
}
#banner h1 {
	color: #fff;
}
#intro {
	font-weight: 700;
	background: #ebebeb
}
#main .inner{
	background:#fff;
	padding:20px;
	-webkit-box-shadow: 0px 0px 23px 2px rgba(0,0,0,0.59);
	-moz-box-shadow: 0px 0px 23px 2px rgba(0,0,0,0.59);
	box-shadow: 0px 0px 23px 2px rgba(0,0,0,0.59);
}
#main.section {
	padding-top: 0;
	padding-bottom: 0;
	margin-top:-100px;
	position: relative;
	z-index: 2;
}
#main .contact-details{
	display: inline-block;
	padding:0 10px;
}
.white-box{
	background:#fff;
}
/*.single-restaurant #main .contact-details, .post-type-archive-restaurant #main .contact-details{
	display: none;
}*/
/*======================
INDEX
=======================*/
#index {
	width: calc(100% - 320px);
}
#index .third {
	width: 32%;
	background: #555
}
#index article {
	margin: 10px 0;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc
}
#index h2 {
	margin: 0
}
#index .entry-meta {
	font-size: 0.9em
}
#index .entry-content {
	margin: 0
}
#secondary {
	width: 300px;
	float: left;
	border-left: 1px solid #ccc;
	padding-left: 20px;
}
#secondary h2 {
	color: #777
}
#secondary ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px
}
#secondary ul li {
	position: relative
}
#secondary ul li:before {
	content: '\f105';
	font-family: 'Font Awesome 5 Free';
	left: -16px;
	position: absolute;
	color: #777 
}
/*======================
GALLERY
=======================*/
.gal {
	padding:0;
}
.gal a {
	display: block;
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom: 0;
	z-index: 1000;
}
.gal .half{
	overflow: hidden;
	padding-bottom: 25%;
	position: relative;
	cursor: pointer;
	width: calc(50% - 10.9px);
	margin: 0 5px 10px 5px;
	height: 225px;
}
.gal .ingal {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
}
.gal .half:hover .ingal {
	transform: scale(1.1,1.1);
	opacity: 1
}
.gal .half p {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;;
	color: #fff;
	font-weight: 700;
	background: rgba(0,0,0,0.4);
	margin: 0;
	padding: 20px 10px;
	z-index: 999;
	text-align: center;
}
.gal .half svg.fa-search-plus {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	color: #FFFFFF;
	-webkit-transition: all ease 0.3s;
	transition: all ease 0.3s;
	opacity: 1;
}
.gal .half:hover svg.fa-search-plus {
	opacity: 0.5;
}
/*======================
GALLERY PAGE - INSTAGRAM
=======================*/
.instafeed {
	width:100%;
	float:left;
	text-align: center;
	position: relative;
}
.instafeed a.insta-button{
	font-size: 3em;
}
.instafeed:before, .instafeed:after{
	content: "";
	position: absolute;
	height: 5px;
	border-top: 1px solid #777;
	top: 38px;
	width: 120px;
}
.instafeed:before{
	right: 55%;
	margin-right: 15px;
}
.instafeed:after{
	left: 55%;
	margin-left: 15px
}
/*======================
PAGINATION
=======================*/
.pagination, .page-links {
    float: left;
    width: 100%;
    padding: 10px 0 0 0;
    position: relative;
    text-align: center;
}
.pagination a, .page-links a {
    display: inline-block;
    margin: 2px;
    padding: 5px;
    text-decoration: none;
    min-width: 30px;
    color: #1F89CA;
    border: 1px solid #ccc;
    border-radius: 4px
}
.pagination span {
    display: inline-block;
    margin: 2px;
    padding: 5px;
    text-decoration: none;
    min-width: 30px;
}
.pagination a:hover {
    border: 1px solid #1F89CA;
}
.pagination .current {    
	border: 1px solid #1F89CA;
	background: #1F89CA;
	color: #fff;
	border-radius: 4px
}
.pagination .page {
	display: block
}
h3.button {
	text-transform:none;
	padding: 4px 10px;
}

/*======================
HOME TEMPLATE
=======================*/
#slider {
	height: calc(60% - 145px);
	min-height: 300px;
	overflow: hidden
}
#slider .slick-list, #slider .slick-track {
	height: 100%
}

#slider .section {
	position: relative;
	height: 100%;
}
#slider .section:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.2);
	display: block;
}
#slider .section .inner {
	z-index: 2;
	position: relative;
	text-shadow: 0 0 20px rgba(0,0,0,0.6)	
}
#slider .section h1 {
	color: #fff;
}
#related .half{
	width:calc(49.9% - 30px);
	margin:15px;
	height: 325px;
}
/*#related .inner{
	max-width: 1294px;
}*/
#related a{
	clear: both;
	min-width: 190px;
}
#related h2{
	color:#fff;
	position: relative;
	margin-bottom: 30px;
	text-shadow: 2px 2px 5px #000000;
}
#related h2:before, #related h2:after {
content: "";
position: absolute;
height: 5px;
border-top: 5px solid #fff;
top: 18px;
width: 50px;
}
#related h2:before {
right: 100%;
margin-right: 15px;
}
#related h2:after {
left: 100%;
margin-left: 15px;
}
#banner.deep {
/*height:700px;*/
height: 650px;
}
#banner .section{
	max-width: 400px;
	background: #f4ede2;
	padding:20px;
	margin-top: -100px;
}
/*temporarily hide section on hoemapage - virus edits*/
/*.home #banner .section{
	display: none
}
.home #banner.deep {
	height: inherit;
}*/
/*end virus edits*/
#banner h4{
	color: #2f3137;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
}
.square-select select{
	background: transparent;
	border: none;
	padding: 5px 10px;
	width: 100%;
	height: 50px;
	-webkit-appearance:none;
	 -moz-appearance: none;
	appearance: none;
}
.square-select select::-ms-expand {
  display: none;
}
.square-select select option{
	font-size: 16px;
}
.square-select{
	background: url(images/select-arrow.gif) no-repeat 100%;
	background-size: 48px;
	border-radius: 0;
	height: 48px;
	overflow: hidden;
	width: 100%;
	margin-bottom: 20px;
	background-color: #fff;
	border: 1px solid #8e8e8e;
	max-width: 400px;
	margin: auto;
}
/*======================
FLEXIBLE CONTENT
=======================*/
.image-text .image {
	min-height: 300px
}
.image-text .half {
	flex: 1
}
/*======================
MONTHLY OFFFERS
=======================*/
.monthly-offers .half{
	width: calc(49.9% - 30px);
	margin: 15px;
}
.box{
	background:#53626f;
	/*box-shadow: 0px 0px 15px #000;
	border:1px solid #faea40;*/
	padding:20px;
}
.monthly-offers .box{
	box-shadow: 0px 0px 15px #000;
	border:1px solid #faea40;
}
.monthly-offers img{
	border: 2px dashed #acacac;
	display: block;
}
.monthly-offers p{
	margin-bottom: 0;
	margin-top: 20px;
	text-align: center;
	line-height: 1.4em;
}
.monthly-offers h3{
	color:#fff;
	text-align: center;
}
.monthly-offers .disclaimer{
	text-align: center;
	font-size: 0.7em;
}
.monthly-offers input[type="text"], .monthly-offers input[type="email"]{
	box-shadow:none;
}
.monthly-offers .mc-field-group{
	margin:5px 0;
}
.monthly-offers .mc-field-group.first{
	width:calc(49% - 10px);
	margin-right:10px;
	display: inline-block;
}
.monthly-offers .mc-field-group.last{
	width:calc(49% - 10px);
	margin-left:10px;
	display: inline-block;
}
.monthly-offers input.datepart{
	width: 20%;
	display: inline-block;
}
.monthly-offers input#mc-embedded-subscribe{
	margin:10px 0;
}
.monthly-offers #mc_embed_signup{
	max-width: 320px;
	margin:auto;
}
.monthly-offers #mc_embed_signup .half{
	border:0;
	box-shadow: none;
	padding:0;
	width: calc(49.9% - 10px);
}
.monthly-offers .indicates-required{
	margin:0;
	font-size: 0.8em;
}
#register-for-offers.monthly-offers{
	background: #2f3137;
	background-image:url(images/food-bg-tile.png);
	color: #fff;
}
#offers-page.monthly-offers{
	background: none;
}
#offers-page.monthly-offers .box{
	box-shadow: none;
	border: 0;
	height: calc(70% - 20px)
}
#offers-page.monthly-offers .boxbottom{
	height: 30%;
	background: #cf2427;
}
#offers-page.monthly-offers img{
	border: 0;
}
.box{
	color:#fff;
}
.box h1, .box h2, .box h3 {
	color:#fff;
}
.box a{
	color:#faea40;
}
.box .iti__flag-box, .iti__country-name{
	color: #000;
}
/*======================
Restaurant Pages
=======================*/
#restaurant-page .half{
	height: 325px;
}
#restaurant-page .listitem{
	border-bottom: 1px solid #dcdcdc;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#restaurant-page .listitem:last-child{
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
input[type="text"]{
	border:0;
	box-shadow: none;
}
input[type="submit"] {
	margin:10px 0;
}
.section#book{
	padding-top:0;
}
#findanother.section{
	padding-top: 20px;
}
#findanother .section{
	max-width: 400px;
	/*background: #f4ede2;*/
	padding:20px;
}
#findanother h4{
	color: #2f3137;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
}
#redi-reservation #step3{
	max-width: 640px;
	margin: auto;
}
#redi-reservation h2, #cancel-reservation-div h2{
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	display: block;
	font-size: 1.5em;
	
}
#persons, #redi-restaurant-startDate, #redi-restaurant-startTime{
	width: 175px;
	margin-bottom: 20px;
	text-align: center;
	float: none;
	margin: 10px auto;
}
#redi-reservation input.redi-restaurant-button{
	margin:auto;
}
#redi-reservation .redi-restaurant-time-button{
	float:none;
	margin: 5px;
}
input.redi-restaurant-button#step3prev, input.redi-restaurant-button#redi-restaurant-step3{
	margin:5px;
}

#step3 label[for="field_2973"], #step3 input[type="checkbox"], #step3 label[for="field_2993"]{
	display: inline-block;
}
#redi-reservation .cancel-reservation, #cancel-reservation-div .cancel-reservation{
	float:none;
	display: inline-block;
}
#cancel-reservation-div h2, #cancel-reservation-div textarea, #cancel-reservation-div input{
	margin: 10px auto 20px;
} 
#cancel-reservation-div .cancel-reservation{
	margin-bottom: 20px;
}
#step4 h2{
	color:#468847;
}
/*======================
Menu Pages
=======================*/
#menu-sections .box{
	color:#2f3137;
	background:none;
	line-height: 1.2em;
}
#menu-sections .box figure{
	border: 2px dashed #acacac;
	display: block;
}
#menu-sections figure div{
	min-height: 200px;
}
#menu-sections .box h2, #menu-sections .box h3{
	color:#cf2427;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
}
#menu-sections .box h2{
	font-size: 1.5em;
	margin-bottom: 0;
}
#menu-sections .box h3, #menu-sections .box h4{
	font-size: 1em;
	color: #000;
	margin: 0;
}
.red, #menu-sections .box.red{
	background: #cf2427;
}
.green, #menu-sections .box.green{
	background: #d6e5b0;
}
.yellow, #menu-sections .box.yellow{
	background: #faf5b0;
}
.grey, #menu-sections .box.grey{
	background: #edeef0;
}
.beige, #menu-sections .box.beige{
	background: #f4ede2;
}
.brightgreen, #menu-sections .box.brightgreen{
	background: #a9ca54;
}
#menu-sections .price.quart{
	text-align: right;
	font-weight: 600;
}
#menu-sections p{
	margin:0;
	font-style: italic;
	font-size: 0.9em;
}
#menu-sections .entry-content {
	margin: 0;
	margin-bottom: 5px;
}
#menu-sections .extrasectiontext p{
	font-style: normal;
	font-size: 1em;
}
#menu-sections .extrasectiontext h3, #menu-sections .extrasectiontext h4{
	color:#cf2427;
	margin-top: 10px;
}
.category-description{
	margin-bottom: 5px;
}
.tax-menusections .square-select{
	margin-bottom: 0;
}
.bundles{
	padding-top: 0;
	padding-bottom: 0;
}
.bundles .third{
	width: calc(33.33% - 20px);
	margin: 10px;
	padding: 15px;
}
.bundles .white-box{
	padding: 20px 10px 20px 10px;
}
.bundles h4{
	text-transform: uppercase;
	color: #000
}
.bundles h2{
	color: #cf2427;
	font-family: 'Titillium Web', sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
}
/*======================
CONTACT
=======================*/
#contact .icon {
	text-align: center;

}
#contact .contact-details {		
	display: block;
	font-size: 1.5em;
	margin: 20px 0;
}
#contact form.directions {
	padding: 20px;
	background: #f1f1f1;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	margin: 10px 0 20px;
	border-radius: 6px
}
#contact .social .icon {
	margin: 0 10px 5px 0
}
/*#contact .wpcf7 {
	padding:10px 20px 20px;
	background: #f1f1f1;
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
	margin: 20px 0;
	border-radius: 6px;
	float: left;
	width: 100%
}
#contact .wpcf7 .vpad {
	padding: 10px 0
}
#contact .incontact input[type="submit"] {	
	margin-top: 20px
}
.wpcf7-form.sent p{
	display: none
}
.wpcf7-form.sent .g-recaptcha {
	display: none
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	float: left
}*/
.g-recaptcha {
	float: left;
	border-radius: 6px;
	background: #f9f9f9;
	box-shadow: 0 2px 4px #ccc;
	transform: scale(0.91);
	overflow: hidden;
	left: -14px;
	position: relative;
}
.g-recaptcha div{
	text-align: center;
	border-radius: 6px;
	padding: 2px;
	background: #f9f9f9;
	border-style: solid;
	border-color: #f9f9f9;
	border-width: 0px;
	border-bottom-width: 3px;
	/* border-left-width: 1px; */
	overflow: hidden;
	position: relative;
	transform: scale(1.01);
	left: -1px;
	top: -2px;
}
.map {
	position: relative;
	height: 400px;	
}
.map iframe {
	height: 400px;
	width: 100%
}
/*.wpcf7-submit {
	margin-top: 26px;
	float: right
}*/
.ajax-loader {
	margin: 36px 4px 0 4px!important;
	float: right;
}
/*Gravity Form*/
.gform_wrapper.gf_browser_safari .gfield_checkbox li input[type=checkbox], .gform_wrapper .gfield_checkbox li input[type=checkbox]  {
	display: inline-block;
	vertical-align: top!important;
	margin-right: 4px;
}
.gform_wrapper .field_description_below .gfield_description{
	padding-top:0!important;
}
body .gform_wrapper ul li.field_description_below div.ginput_container_checkbox{
	margin-top:0!important;
}
.ginput_container_fileupload input{
	color:#fff;
}
/*======================
FOOTER
=======================*/
#footer {
	color: #fff;
	background: #2f3137;
	border-top:2px dashed #acacac;
	border-bottom:2px dashed #acacac;
}
#footer .second-level{
	border-top:1px solid #484b52;
	margin-top: 40px;
	padding-top:20px;
	margin-bottom: 20px;
}
#footer h3 {
	color: #fff;
	margin-top:0;
}
#footer h2 {
	color: #fff
}
#footer a, #footer a:visited, .copyright a, .copyright a:visited{
	color: #acacac;
}
#footer a:hover, .copyright a:hover{
	color: #fff;
}
#footer .icon{
	width: 30px;
	margin-right: 5px;	
	color: #fff;
}
.f-menu {
	list-style: none;
	margin: 0;
	padding-left: 20px;
	position: relative;
}
.f-menu li:before {
	content: '\f105';
	font-weight: 900;
	font-family: 'Font Awesome 5 Free';
	position: absolute;
	left: 2px
}
.copyright {
	background: #53626f;
	color: #fff;
	font-size: 0.85em;
	padding:20px 20px 80px 20px;
}
.client-logos {
	/*text-align: center;
	box-shadow: 0 0 5px #ccc;*/
}
.client-logos h2 {
	margin-top: 0
}
.client-logos img {
	max-height: 80px;
	margin: 10px 20px;
	display: inline-block;
	vertical-align: middle;
	max-width: 190px;
}
.client-logos img:first-child {
	margin-left: 0;
}
.client-logos img:last-child {
	margin-right: 0;
}
.client-logos a{
	display: inline-block;
}
/*Cookie Concent*/
.cc_container {
    background: #000000 none repeat scroll 0 0!important;
    box-sizing: border-box!important;
    color: #ffffff!important;
	font-family: 'Titillium Web', sans-serif!important;
	padding: 15px 20px 15px!important;
	font-size: 0.9em;
}
.cc_container a{
	color:#faea40!important;
}
.cc_container .cc_btn, .cc_container .cc_btn:visited {
    background-color: #faea40!important;
    border-radius: 5px!important;
    color: #2f3137!important;
    transition: background 200ms ease-in-out 0s, color 200ms ease-in-out 0s, box-shadow 200ms ease-in-out 0s!important;
	font-weight:600;
}
#return-to-top {
    position: fixed;
    bottom: 100px;
    right: 20px;
    background: rgba(169, 202, 84, 0.8);
    width: 50px;
    height: 50px;
    display: block;
    text-decoration: none;
	border-radius: 4px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
	z-index: 99995;
}
#return-to-top svg {
    color: #fff;
    margin: 0;
    position: relative;
    left: 16px;
    top: 13px;
    font-size: 19px;
	user-select: none;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: rgba(169, 202, 84, 1.0);
	cursor: pointer;
	
}
#return-to-top:hover i {
    color: #fff;
    top: 5px;
}
#redi-reservation h4{color: #fff;}

/*======================
ANIMATIONS
=======================*/
.anim {
	position: relative;
	visibility: hidden
}
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}
@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@-webkit-keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
.floating{
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}
@keyframes floating {
	0% {
		transform: translateY(0%);	
	}
	50% {
		transform: translateY(8%);	
	}	
	100% {
		transform: translateY(0%);
	}			
}
@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);	
	}
	50% {
		-webkit-transform: translateY(8%);	
	}	
	100% {
		-webkit-transform: translateY(0%);
	}			
}
/*======================
MEDIA
=======================*/
@media screen and (max-width: 1025px) {
	.fixed {
		background-attachment: scroll
	}
}
@media screen and (max-width: 955px) {
	.wpcf7-submit {
	margin-top: 20px;
	float: left
}
	.ajax-loader {
		margin: 20px 0 0 4px!important;
		float: left;
	}
}
@media screen and (max-width: 860px) {
	body{
		font-size:15px;
	}
	.site-branding{
		position: relative;
		margin-bottom: 20px;
	}
	.site-branding img{
		margin-left: 0;
	}
	#site-navigation{
		border-top:2px dashed #acacac;
		margin-top:10px;
	}
	.menubar{
		padding-bottom: 20px;
	}
	.menu ul li.spacer a{
		margin-right: 0;
	}
	#banner {
		min-height: 225px;
	}
	.third{
		width: 100%;
		padding:0;
	}
	.third.hpad, .third.padleft{
		padding-top:20px;
	}
	.dashedborder.center{
		display: block;
	}
	.client-logos img{
		max-width: 100px;
		max-height: 50px;
	}
}
@media screen and (max-width: 767px) {
	
	#contact .half {
		width: 100%;
		padding: 0
	}
	.wpcf7-submit {
		margin-top: 26px;
		float: right
	}
	.ajax-loader {
		margin: 36px 4px 0 4px!important;
		float: right;
	}
	.three-columns .third {
		width: 100%;
		padding: 0
	}
	.two-columns .half {
		width: 100%;
		padding: 0
	}
	.image-text .half {
		flex: auto;
		width: 100%;
		padding: 20px 0
	}
	.image-text .image {
		min-height: 200px;
		margin: 0
	}
	.half, .inner-wider .half, #related .half{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.section-wider{
	padding:40px 20px;
}
	.inner-wider.center{
		display: block;
	}
	#restaurant-page .half{
		height: 225px;
	}
	#banner.deep {
		max-height: 550px;
	}
	#offers-page.monthly-offers .box{
		height: auto;

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

	.site-branding img {
		display: block;
		margin: 0 auto
	}
	.headright {
		width: 100%;
		float: left;
		max-width: 100%;
		text-align: center
	}
	.headright .social {
		display: none
	}
	.headright .contact {
		width: 100%
	}
	.headright .contact .contact-details {
		float: none;
		display: inline-block;
	}
	
}

@media screen and (max-width: 540px) {
	body{
		font-size:13px;
	}
	.box, #banner .section, .dashedborder, #main .inner{
		padding:10px;
	}
	#related h2:before, #related h2:after{
		border-top:0;
	}
	#banner.deep{
		max-height: 450px;
	}
	.bundles .third{
		width: 100%;
	}
	img.promo-float-right.alignright{
	float: none;
	display: block;
	margin: 0
}
}