/*
Theme Name: 	Gilde.ch 2021
Theme URI: 		http://xeit.ch
Version: 		1.13
Author: 		Xeit GmbH
Author URI: 	http://xeit.ch
*/



/*** Sensible Defaults ***/ 
@import "css/fonts.css";
@import "css/reset.css";
/*@import "https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700|Roboto:300,400,500,700&display=swap";*/
@import "css/flickity.css";
@import "typo.css?v=11";
@import "blocks.css?v=18";
@import "js/tooltipster/tooltipster.bundle.min.css?v=1";

div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }
body 				{ background:#fff; /* Don't forget to style your body to avoid user overrides */ }
/*::-moz-selection 	{ background:#ff0; color:#333; }
::selection 		{ background:#ff0; color:#333; } */

* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	   -moz-font-smoothing: antialiased;
	        font-smoothing: antialiased;
}

/* Helper Classes */

.clear { clear: both; }
strong { font-weight: bold; }
em { font-style: italic; }
a, a:link, a:visited, a:hover, a:focus { color: inherit; }

html, body {
	font-family: "Roboto", sans-serif;
	font-size: 16px;
	line-height: 135%;
	letter-spacing: 0.02em;
	color: #505050;
	background: #F5F5F5;
}


header {
	/* position: fixed; */
	color: #fff;
	background: #fff;
	top: 0;
	left: 0;
	width: 100%;
	height: 10.375rem;
	display: flex;
	flex-flow: row wrap;
	z-index: 1499;
}



	@media (min-width: 600px) {
		header {
			height: 7.25rem;
		}
	}

	@media (min-width: 800px) {
		header {
			height: 6.25rem;
		}
	}

	/* @media (min-width: 800px) {
		header {
			height: 10.375rem;
		}
	} */

	header .wrap {
		width: 100%;
		max-width: 1600px !important;
		margin: 0 auto !important;
		padding: 0 !important;
		display: flex;
		flex-flow: row wrap;
	}

	header .logo-area {
		width: 100%;
		height: 4.125rem;
		position: absolute;
		left: 0;
		width: 50%;
		top: 0;
		background: #fff;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: center;
		z-index: 9999;
	}


		@media (min-width: 800px) {
			header .logo-area {
				width: 25%;
				height: 100%;
				position: relative;
				top: auto;
				left: auto;

			}
		}

		.logo-area .logo {
			height: 100%;
			display: block;
			width: 100%;
			background: url(css/img/gilde-logo.svg) no-repeat center;
			background-size: auto 80%;
		}

			@media (min-width: 800px) {
				.logo-area .logo {
					height: auto;
					display: block;
					width: 63%;
					background: url(css/img/gilde-logo.svg) no-repeat center;
					background-size: contain;
					max-width: 180px;
				}

				.logo-area .logo::before {
					content: "";
					display: block;
					padding-bottom: 44%;
				}

			}

	header .nav-area {
		flex: 1;
	}

		.hero-area .bg-images {
			position: absolute;
			z-index: 0;
			width: 100%;
			top: 0;
			left: 0;
			height: 100%;
			display: flex;
			flex-flow: row wrap;
		}

			.hero-area .bg-images span {
				display: block;
				height: 100%;
				background-repeat: no-repeat;
				background-position: center;
				background-size: cover;
			}

			.hero-area .bg-images span.image-1 {
				width: 33.33%;
				background-image: url(css/img/header-bg-1.png);
			}

			.hero-area .bg-images span.image-2 {
				width: 33.33%;
				background-image: url(css/img/header-bg-2.png);
			}

			.hero-area .bg-images span.image-3 {
				width: 33.33%;
				background-image: url(css/img/header-bg-3.png);
			}

		/* header .hero-area::before {
			content: "";
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			background: #003043;
			opacity: 0.8;
			z-index: 1;
		}

			@media (min-width: 800px) {
				header .hero-area::before {
					width: 63.2vw;
				}
			} */

	header nav.meta {
		height: 4.125rem;
		font-size: 1.125rem;
		line-height: 3.125rem;
		/* margin-right: 10.3vw; */
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-end;
		z-index: 9;
	}

		@media (min-width: 800px) {
			header nav.meta {
				height: 3.125rem;
			}
		}


		header nav.meta .section-empty {
			flex: 1;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			background-image: url(css/img/header-bg-1.png);
		}

			header nav.meta .section-empty::before {
				content: "";
				display: block;
				position: absolute;
				width: 100%;
				height: 100%;
				background: #003043;
				opacity: 0.8;
				z-index: 1;
			}

		header nav.meta .section-voucher {
			font-family: "Roboto Condensed", sans-serif;
		}

			header nav.meta .section-voucher::before {
				content: "";
				display: block;
				position: absolute;
				width: 100%;
				height: 100%;
				background: #003043;
				opacity: 0.8;
				z-index: 0;
			}

			header nav.meta .section-voucher a {
				z-index: 9;
				position: relative;
				text-decoration: none;
			}

		header nav.meta .section-menu {
			display: flex;
			align-items: flex-start;
		}

			header nav.meta .section-menu::before {
				content: "";
				display: none;
				position: absolute;
				width: calc(100% - 10.3vw - 3.125rem);
				height: 100%;
				background: #003043;
				opacity: 0.8;
				z-index: 0;
			}

			header nav.meta .section-menu * {
				z-index: 9;
				position: relative;
			}

		header nav.meta ul {
			display: none;
			flex-flow: row wrap;
			/* width: 100%; */
			justify-content: flex-end;
			font-family: "Roboto Condensed", sans-serif;
		}

			@media (min-width: 800px) {
				header nav.meta ul {
					display: flex;
				}
			}

			header nav.meta ul li,
			.nav-voucher-button {
				background: #153757;
				padding: 0 1.5rem;
				border-left: 1px solid #fff;
				text-align: center;
				text-decoration: none;
				font-family: "Roboto Condensed", sans-serif;
			}

			.nav-voucher-button {
				display: none;
			}

			@media (min-width: 600px) {
				.nav-voucher-button {
					display: block;
				}
			}



		header nav.meta .language-switch {
			width: 6.25rem;
			height: 3.125rem;
		}

			header nav.meta .language-switch span,
			header nav.meta .language-switch a {
				display: inline-block;
				width: 3.125rem;
				height: 3.125rem;
				background: #DBDBDB;
				color: #004661;
				text-transform: uppercase;
				text-align: center;
				font-size: 1rem;
				position: absolute;
				top: 0;
				font-family: "Roboto Condensed", sans-serif;
				font-weight: 700;
			}

			header nav.meta .language-switch a {
				right: 0;
				background: #fff;
				text-decoration: none;
				font-weight: 400;
			}

		header nav.meta ul a {
			text-decoration: none;
			display: block;
			width: 100%;
			height: 100%;
		}

nav.primary {
	color: #D5A75F;
	top: 0;
	left: 0;
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	font-size: 1.25rem;
	font-weight: 300;
	line-height: 100%;
	z-index: 9999;
}

	@media (min-width: 800px) {
		nav.primary {
			height: 3.125rem;
			font-size: 1.1rem;
			line-height: 100%;
		}
	}

	@media (min-width: 1000px) {
		nav.primary {
			font-size: 1.375rem;
			line-height: 100%;
		}
	}

	nav.primary::before {
		content: "";
		display: none;
		height: 100%;
		width: 50vw;
		position: absolute;
		background: #B48843;
		z-index: 0;
		left: 0
	}



	nav.primary ul {
		display: flex;
		flex-flow: row wrap;
		height: 100%;
		color: #fff;
		z-index: 99999;
		width: 100%;
		position: relative;
	}

		@media (min-width: 600px) {
			nav.primary ul {
				width: 75%;
			}
		}

		nav.primary ul ul {
			display: none;
		}

			nav.primary ul li:hover ul {
				display: block;
			}

		nav.primary > ul > li {
			height: 100%;
			background: #C3964E;
			width: 33.33%;
		}

		@media (max-width: 499px) {
			nav.primary > ul > li {
				font-size: 1rem;
			}

		}

			@media (min-width: 600px) {
				nav.primary > ul > li {
					width: 33.33%;
				}
			}

			nav.primary > ul > li a {
				line-height: 100%;
				text-decoration: none;
				display: block;
				height: 100%;
				text-align: center;
				line-height: 3.125rem;
			}

			@media (min-width: 800px) {
				nav.primary ul li a {
					line-height: 3.125rem;
				}
			}


		nav.primary > ul > li:nth-child(1) { background: #D5A75F; }
		nav.primary > ul > li:nth-child(2) { background: #C3964E; }
		nav.primary > ul > li:nth-child(3) { background: #B48843; }
		nav.primary > ul > li:nth-child(4) { background: #B48843; }


		nav.primary ul li.current-menu-item,
		nav.primary ul li.current_page_ancestor,
		body.single-recipe nav.primary ul li.magazine,
		body.single-article nav.primary ul li.magazine,
		body.single-news nav.primary ul li.magazine,
		body.page-template-page-restaurant nav.primary ul li.restaurants,
		body.page-template-page-restaurants nav.primary ul li.restaurants {
			background: #fff;
			/* box-shadow: 0 3px 10px rgba(0,0,0,0.3); */
			color: #004661;
			z-index: 9;
		}

		nav.primary ul li {
			transition: all 0.2s ease-in-out;
		}

		nav.primary ul li:hover {
			background: #fff;
			color: #004661;
		}

		nav.primary ul li ul  {
			position: absolute;
			height: auto;
			box-shadow: 0 0.75em 1em rgba(0,0,0,0.2);
			width: 100%;
			min-width: 200px;
		}

		@media (max-width: 599px) {
			nav.primary ul li:last-child ul {
				right: 0;
			}
		}

		nav.primary ul li ul li {
			background: #B48843;
			font-size: 1rem;
			text-align: left;
			height: auto;
			border-bottom: 1px solid #D5A75F;
		}

			nav.primary ul li ul li:last-child {
				border-bottom: 0;
			}

			nav.primary ul li ul li a {
				display: block;
				padding: 1rem 1.5rem;
				text-align: left;
				display: block;
				line-height: 100%;
			}

			nav.primary ul li ul li:hover {
				background: #D5A75F;
				color: #fff;
			}

			nav.primary ul li ul li.current-menu-item,
			nav.primary ul li ul li.current_page_ancestor {
				box-shadow: none;
			}

			nav.primary ul li.icon-lock a {
				padding-left: 3rem;
				background-image: url(css/img/lock.svg);
				background-position: center left 1.5rem;
				background-size: 1rem auto;
				background-repeat: no-repeat;
			}


.restaurant-cover {
	width: 100%;
	height: calc(100vh - 10.375rem);
	background: #eee;
	display: flex;
	flex-flow: row wrap;
}


	@media (min-width: 600px) {
		.restaurant-cover {
			height: calc(100vh - 7.25rem);
		}
	}


	@media (min-width: 800px) {
		.restaurant-cover {
			height: calc(100vh - 6.25rem);
		}
	}

.cover-image {
	width: 100%;
	height: 50%;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.cover-map {
	width: 100%;
	height: 50%;
	background: url(css/img/covermap.png) no-repeat center;
	background-size: cover;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
}

	@media (min-width: 600px) {
		.cover-map {
			width: 50%;
			height: 100%;
		}

		.cover-image {
			width: 50%;
			height: 100%;
		}
	}

	@media (min-width: 800px) {
		.cover-map {
			width: 40%;
		}

		.cover-image {
			width: 60%;
		}
	}


	.cover-content {
		text-align: center;
		margin: 0 auto;
		padding: 1rem;
	}

		.cover-content .icon {
			width: 4.5rem;
			height: 4.5rem;
			background: url(css/img/icon-covermap.svg) no-repeat center;
			background-size: contain;
			margin: 0 auto 2rem auto;
		}

		.cover-content .button {
			color: #C3964E !important;
			background: rgba(255,255,255,0.07) !important;
			border-radius: 2rem;
		}

.wrap {
	margin: 0 auto;
	display: flex;
	flex-flow: row wrap;
}

	.recipe-article .wrap,
	.article .wrap,
 	.restaurant-detail .wrap {

	}

	.page-template-default .wrap {

	}

	@media (min-width: 800px) {
		.recipe-article .wrap,
		.article .wrap,
		.restaurant-detail .wrap  {
			padding: 0 1.8rem;
			max-width: 1600px;
			margin: 0 auto;
		}

		.page-template-t-page-fix .wrap,
		.page-template-default .wrap {
			width: 100%;
			padding: 0 1.8rem;
			max-width: 57rem;
		}
	}

.breadcrumbs {
	color: #fff;
	text-decoration: none;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	padding: 0.75em 3em 0.75em 1.25em;
	letter-spacing: 0.04em;
	background: #003043;
	padding: 0.85rem 1.5rem;
	display: none;
	left: -1.5rem;
	top: -1.5rem;
}

	.breadcrumbs-right {
		text-align: right;
	}

		.breadcrumbs-right .breadcrumbs {
			top:0;
			left: 0;
		}


	@media (min-width: 900px) {
		.breadcrumbs {
			display: inline-block;
		}
	}

	.breadcrumbs a {
		text-decoration: none;
		transition: all 0.2s ease-out;
	}

	.breadcrumbs .sep {
		color: #C3964E;
	}

	.breadcrumbs a:hover {
		color: #C3964E;
	}

	.breadcrumbs strong {
		font-weight: normal;
	}


.hero {
	background-color: rgba(180, 136, 67, 0.2);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	min-height: 50vw;
}

	.page-template-default .hero {

	}

		.page-template-default .hero-slide {
			position: absolute;

		}

		@media (min-width: 650px) {
			.hero {
				min-height: 24vw;
			}
		}

		@media (min-width: 800px) {
			.hero {
				max-height: 400px;
				min-height: auto;
				height: 24vw;
			}
		}

	.recipe-article .hero.recipe-hero {
		padding-bottom: 50%;
		min-height: 0;
	}

		@media (min-width: 600px) {
			.recipe-article .hero.recipe-hero {
				padding-bottom: 24%;
			}
		}

	.recipe-article .content-holder,
	.article .content-holder,
	.restaurant-detail .content-holder {
		width: 100%;
	}

		@media (min-width: 900px) {
			.recipe-article .content-holder,
			.article .content-holder {
				width: 75%;
			}
		}

	.recipe-article .content,
	.article .content {
		background: #fff;
		padding: 1.25rem 1rem;
	}

	.restaurant-detail .content {
		padding: 1.25rem 1rem;
	}

	article .content {
		padding: 1.25rem 1rem;
		width: 100%;
	}

		@media (min-width: 900px) {
			.recipe-article .content,
			.article .content {
				background: #fff;
				padding: 1.5rem;
			}

			.restaurant-detail .content {
				padding: 1.5rem;
			}
		}

	.recipe-article .sidebar,
	.article .sidebar {
		border-top: 0.25rem solid #C3964E;
		flex: 1;
	}

	.recipe-article .max-content-width,
	.article .max-content-width,
	.restaurant-detail .max-content-width {
		padding: 0 0 3.75rem 0;
	}

		@media (min-width: 900px) {
			.recipe-article .max-content-width,
			.article .max-content-width,
			.restaurant-detail .max-content-width {
				padding: 3.75rem 0;
			}
		}

	.recipe-main-title {
		margin-top: 3.75rem;
	}

	.recipe-main-title+.recipe-main {
		margin-top: 0;
	}

	.recipe-main {
		border-top: 0.25rem solid #C3964E;
		border-bottom: 0.25rem solid #C3964E;
		padding: 1.5rem 0;
		margin: 1.5rem 0 3.75rem 0;
	}

	@media (min-width: 500px) {
		.recipe-main {
			padding: 3.75rem 0;
			margin: 3.75rem 0;
		}
	}

		.recipe-ingredients-holder {
			display: flex;
			flex-flow: row wrap;
			margin-bottom: 3.75rem;
		}

			.recipe-ingredients {
				width: 100%;
				padding-bottom: 1.5rem;
				padding-top: 1.5rem;
				border-bottom: 1px solid #ddd;
			}

				@media (min-width: 500px) {
					.recipe-ingredients {
						flex: 1;
						width: auto;
						padding-left: 3.75rem;
						border-left: 1px solid #ddd;
						border-bottom: 0;
						padding-bottom: 0;
						border-top: 0;
						padding-top: 0;
					}
				}

				.recipe-ingredients-title {
					font-weight: bold;
					margin-bottom: 1rem;
				}

				.recipe-ingredients:nth-child(1) {
					border-top: 0;
				}

				@media (min-width: 500px) {
					.recipe-ingredients:nth-child(1) {
						padding-left: 0;
						border-left: 0;
					}
				}

		.recipe-main .recipe-step {
			margin-bottom: 1.5rem;
		}

			@media (min-width: 500px) {
				.recipe-main .recipe-step {
					margin-bottom: 1.875rem;
				}
			}

			.recipe-main .recipe-step:last-child {
				margin-bottom: 0;
			}

		.recipe-step .recipe-step-title {
			font-weight: bold;
			margin-bottom: 1rem;
			font-size: 1rem;
			color: inherit;
		}


.article-actions {
	text-align: right;
	margin: 3.75rem 0;
}

	.recipe-main+.article-actions {
		margin-top: -2.75rem;
	}

.article-meta-holder {
	display: flex;
	flex-flow: row wrap;
	margin: 3.75rem 0 0 0;
}

	.restaurant-meta-box {
		background: #fff;
		box-shadow: 0 5px 12px rgba(0,0,0,0.2);
		height: 140px;
		width: 100%;
		margin-bottom: 5rem;
	}

	.article-meta-holder .author-meta {
		width: 50%;
		width: calc(50% - 0.75rem);
	}

	.article-meta-holder .author-meta::before {
		content: "";
		width: 2rem;
		border-top: 0.25rem solid #C3964E;
		display: block;
		position: absolute;
		top: -1rem;
		left: 0;
	}

	.article-meta-holder .article-meta {
		text-align: right;
		width: 50%;
		width: calc(50% - 0.75rem);
		color: #999999;
	}

.max-content-width {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
}

.max-content-width-850 {
	max-width: 850px;
}

.comments {
	padding: 3.75rem 0;
	display: none;
}

	@media (min-width: 800px) {
		.comments {
			display: block;
		}
	}

.comments .content {
	margin-bottom: 3.75rem;
}

.single-comment {
	border-bottom: 2px dotted #ddd;
	padding: 1.5rem 0;
}

	.single-comment:first-child {
		padding-top: 0
	}

	.single-comment:last-child {
		border-bottom: 0;
	}

	.single-comment .comment-meta {
		margin-bottom: 1.5rem;
	}

		.single-comment .comment-meta .author {
			font-weight: bold;
		}


.sidebar h2 {
	color: #999;
}

	.sidebar .sidebar-area {
		padding: 2.5rem 0 1.125rem 1.125rem;
	}

	.sidebar .sidebar-area+.sidebar-area {
		padding-top: 1.125rem;
	}

	.sidebar .article-preview {
		box-shadow: 0 5px 10px rgba(0,0,0,0.25);
		margin-bottom: 10px;
		background: #fff;
		display: block;
		text-decoration: none;
	}

		.click-area-hover-effect {
			transition: all 0.2s ease-in-out;
		}

		.click-area-hover-effect:hover {
			box-shadow: 0 10px 20px rgba(0,0,0,0.25);
			transform: translateY(-5px);
		}

		.click-area-hover-effect:active {
			box-shadow: 0 2px 5px rgba(0,0,0,0.15);
			transform: translateY(0px);
		}

		.sidebar .article-preview .article-preview-image {
			top: 0;
			width: 100%;
			left: 0;
			background-color: rgba(180, 136, 67, 0.2);
			background-position: center;
			background-size: cover;
			background-repeat: no-repeat;
			padding-bottom: 33%;
			display: block;
			transition: all 0.2s ease-in-out;
		}


	.sidebar .article-preview .article-preview-text {
		padding: 1rem;
		text-align: center;
		font-weight: bold;
		min-height: 5rem;
		display: block;
	}

	.sidebar .article-preview .article-preview-button {
		padding: 0 1rem 1rem 1rem;
		text-align: center;
		color: #C3964E;
		font-family: "Roboto Condensed", sans-serif;
		font-weight: 400;
		display: block;
	}


	.sidebar .article-preview.restaurant-search-cta-box {

	}

		.sidebar .article-preview.restaurant-search-cta-box .article-preview-info {
			display: block;
			padding: 1.5rem;
			background: #003043;
		}

		.sidebar .article-preview.restaurant-search-cta-box .article-preview-info .button {
			text-align: center;
			background: #094A64 !important;
			color: #C3964E;
			font-family: "Roboto Condensed", sans-serif;
			font-weight: 400;
			display: block;
			box-shadow: o 3px 10px rgba(0,0,0,0.35);
		}

.page-template-default article.main {

}

	@media (min-width:800px) {
		.page-template-t-page-fix  article.main,
		.page-template-default article.main {
			padding: 3.75rem 0;
		}
	}

.page-template-default .content {
	/* background: #fff;
	padding: 1.5rem; */
}

.magazine-overview .copy {
	background: #fff;
	padding: 0 3.75rem 3.75rem 3.75rem;
	width: 100%;
}

	.magazine-overview .copy .block.block-featured-post-hero {
		margin-left: -3.75rem;
		width: 100%;
		width: calc(100% + 7.5rem);
	}

.restaurant-search-area {
	display: block;
}

.restaurant-filter-opener {
	display: block;
	background: #001E2D;
	cursor: pointer;
	color: #fff;
	font-size: 1.375rem;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 300;
	text-align: center;
	padding: 1rem;
}

	.restaurant-filter-opener::after {
		content: "";
		display: block;
		right: 0;
		height: 100%;
		top: 0;
		width: 3rem;
		background: url(css/img/icon-next-full.svg) no-repeat center;
		background-size: 18% auto;
		position: absolute;
		opacity: 0.25
	}

.header-filter {
	width: 100%;
}

@media (min-width: 600px) {
	.header-filter {
		width: 25%;
	}
}

.restaurant-filter {
	width: 100%;
	/* max-height: calc(100vh - 10.375rem - 4.375rem); */
	/* overflow-y: scroll; */
	top: 0;
	z-index: 999;
	background: #001E2D;
	display: none;
}

	.restaurant-filter.open {
		display: block;
	}

	.header-filter .restaurant-filter {
		display: block;
	}

/* @media (min-width: 650px) {
	.restaurant-filter {
		width: 26.5vw;
		position: absolute;
		z-index: 9999;
	}
} */


.show-map {
	background: #fff;
	padding: 1rem;
	display: none;
}

	.fixed .show-map {
		display: block;
	}

.show-map span {
	display: block;
	background: #C3964E;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: 1rem 2rem;
	border-radius: 0;
	cursor: pointer;
}

@media (min-width: 800px) {
	.restaurant-filter-opener {
		display: none;
	}

	.restaurant-filter {
		width: 35vw;
		position: absolute;
		z-index: 1000;
		display: block;
	}

	:not(header) .restaurant-filter.fixed {
		position: fixed;
		max-height: 100vh;
		overflow: auto;
	}

	.header-filter .restaurant-filter {
		width: 100%
	}

}

@media (min-width: 1200px) {


	.restaurant-filter {
		width: 26vw;

	}

}

	/* @media (min-width: 800px) {
		.restaurant-filter-opener {
			display: none;
		}

		.restaurant-filter {
			width: 35vw;
			position: absolute;
			z-index: 9999;
			display: block;
		}
	} */



	.filter-search {
		height: 3.125rem;
		position: relative;
	}

		@media (min-width: 800px) {
			.filter-search {
				padding: 0;
			}
		}

		.filter-search::after {
			content: "";
			display: none;
			z-index: 2;
			height: 4.375rem;
			height: calc(4.375rem - 1px);
			width: 4.375rem;
			top: 0;
			right: 0;
			background: transparent linear-gradient(180deg, #5D431A 0%, #6C4F21 19%, #C3964E 100%) 0% 0% no-repeat padding-box;
			position: absolute;
			opacity: 0.9;
			pointer-events: none;
		}

		.filter-search input.text {
			width: 100%;
			background: #9F6E24;
			color: #fff;
			font: inherit;
			font-size:  1.25rem;
			line-height: 100%;
			font-weight: 300;
			border: 0;
			outline: none;
			border-radius: 0;
			appearance:none;
			-webkit-appearance:none;
			padding: 0 1.5rem;
			transition: all 0.25s ease-in-out;
			/* border: 3px solid #fff; */
			letter-spacing: 0.01em;
			height: 100%;
			z-index: 1;
			padding-right: 3rem;
		}

			.filter-search input.text::placeholder {
				color: rgba(255,255,255,0.28);
			}

		.filter-search input.submit {
			border: 0;
			outline: none;
			border-radius: 0;
			appearance:none;
			-webkit-appearance:none;
			display: block;
			z-index: 2;
			height: 3.125rem;
			width: 3.125rem;
			top: 0rem;
			right: 0rem;
			background: url(css/img/search.svg) no-repeat center;
			background-size: 30% auto;
			position: absolute;
			opacity: 0.8;
			z-index: 9;
			text-indent: -1000px;
			cursor: pointer;
			transition: all 0.2s ease-in-out;
		}


	.filter-group {

	}

		.filter-group+.filter-group  {
			border-top: 1px solid rgba(0, 70, 97, 0.6)
		}

		.filter-group-title {
			height: 3.5rem;
			display: flex;
			flex-flow: row wrap;
			align-items: center;
			cursor: pointer;
			transition: all 0.2s ease-in-out;
		}

			@media (min-width: 650px) {
				.filter-group-title {
					height: 4.375rem;
				}
			}

		.reset-filter {
			height: 3.5rem;
			display: flex;
			flex-flow: row wrap;
			align-items: center;
			cursor: pointer;
			transition: all 0.2s ease-in-out;
			border-top: 1px solid rgba(0, 70, 97, 0.6)
		}

			@media (min-width: 650px) {
				.reset-filter {
					height: 4.375rem;
				}
			}

			.reset-filter span {
				font-family: "Roboto Condensed", sans-serif;
				font-weight: 400;
				color: #C3964E;
				font-size: 1.25rem;
				line-height: 100%;
				text-align: center;
				display: block;
				width: 100%;
			}

			@media (min-width: 650px) {
				.reset-filter span {
					padding: 0 1.875rem 0 6.25rem;
					text-align: left;
					width: auto;
				}
			}

			.reset-filter:hover {
				background: rgba(0,0,0,0.25);
			}

		.filter-group-title:hover {
			background: rgba(0,0,0,0.25);
		}

			.filter-group-title::before {
				content: "";
				display: block;
				width: 3.5rem;
				height: 3.5rem;
				background: #004661 url(css/img/filter-arrow-down.svg) no-repeat center;
				background-size: 30% auto;
				right: 0;
				top: 0;
				position: absolute;
			}

				@media (min-width: 650px) {
					.filter-group-title::before {
						width: 4.375rem;
						height: 4.375rem;
						top: 0;
						left: 0;
						right: auto;
					}
				}

			.filter-group-title span {
				font-family: "Roboto Condensed", sans-serif;
				font-weight: 400;
				color: #468EA8;
				font-size: 1.25rem;
				line-height: 100%;
				padding: 0 4.5rem 0 1.25rem;
			}

				@media (min-width: 650px) {
					.filter-group-title span {
						padding: 0 1.875rem 0 6.25rem;
					}
				}

		.filter-group ul {
			display: none;
		}

			.filter-group ul li {
				color: #FFFFFF;
				font-family: "Roboto Condensed", sans-serif;
				font-weight: 300;
				font-size: 1.25rem;
				line-height: 100%;
				padding: 0.625rem 1.875rem 0.625rem 1.25rem;
				cursor: pointer;
				transition: all 0.2s ease-in-out;
			}

				@media (min-width: 650px) {
					.filter-group ul li {
						padding: 0.625rem 1.875rem 0.625rem 6.25rem;
					}
				}

			.filter-group ul li:hover {
				background: rgba(0,0,0,0.25);
			}

			.filter-group ul li.is-active {

			}

				.filter-group ul li::after {
					content: "";
					display: block;
					position: absolute;
					right: 1.25rem;
					top: 50%;
					transform: translateY(-50%) scale(0);
					opacity: 0;
					transition: all 0.25s ease-in-out;
					height: 0.625rem;
					width: 0.875rem;
					background: url(css/img/check.svg) no-repeat center;
					background-size: contain;
				}

					@media (min-width: 650px) {
						.filter-group ul li::after {
							right: 0.75rem;
						}
					}

				.filter-group ul li.is-active::after {
					transform: translateY(-50%) scale(1);
					opacity: 1;
				}

.restaurant-results {
	width: 100%;
}

	@media (min-width: 800px) {
		.restaurant-results {
			margin-left: 35vw;
			width: 65vw;
			width: calc(100% - 35vw);

		}
	}

	@media (min-width: 1200px) {
		.restaurant-results {
			width: 63.2vw;
			margin-left: 26vw;
			width: calc(100% - 26vw);
		}
	}

.restaurant-search {
	background: #fff;
	padding: 1.25rem 0;
}

	@media (min-width: 650px) {
		.restaurant-search {
			padding: 3.5rem 0;
		}
	}

.restaurant-search-results {
	width: 100%;
	padding: 1.25rem 1rem;
}

	@media (min-width: 650px) {
		.restaurant-search-results {
			width: 63.2vw;
			margin-left: 35vw;
			border-left: 5px solid transparent;
			padding: 0;
		}
	}

	@media (min-width: 1200px) {
		.restaurant-search-results {
			width: 63.2vw;
			margin-left: 26.5vw;
		}
	}

.restaurant-results .max-content-width-850 {
	padding: 1.25rem 1rem;
}

	@media (min-width: 650px) {
		.restaurant-results .max-content-width-850 {
			padding: 3.5rem;
		}
	}

.restaurant-result-item {
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 1.5rem;
	max-width: 1000px;
}

	.restaurant-result-item.highlight::before {
		content: "";
		display: block;
		width: calc(100% + 1.5rem);
		height: calc(100% + 1.5rem);
		border: 0.25rem solid rgba(195, 150, 78, 0.4);
		position: absolute;
		left: -0.75rem;
		top: -0.75rem;
		pointer-events: none;
	}

	.restaurant-result-item .preview-image {
		width: 25%;
		max-width: 120px;
		align-self: flex-start;
		background-color: #eee;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

		@media (min-width: 500px) {
			.restaurant-result-item .preview-image {
				width: 35%;
				max-width: 310px;
				align-self: auto;
			}
		}

		.restaurant-result-item .preview-image::before {
			content: "";
			display: block;
			padding-bottom: 100%;
		}

			@media (min-width: 500px) {
				.restaurant-result-item .preview-image::before {
					padding-bottom: 80%;
				}
			}

	.restaurant-result-item .preview-info {
		padding-left: 1rem;
		flex: 1;
		padding-bottom: 4rem;
	}

		@media (min-width: 500px) {
			.restaurant-result-item .preview-info {
				padding-left: 1.5rem;
			}
		}

		@media (max-width: 499px) {
			.restaurant-result-item .preview-info h2 {
				font-size: 1rem;
			}
		}

		.restaurant-result-item .preview-info .preview-info-meta {
			position: absolute;
			bottom: 0;
			width: calc(100% - 1.5rem);
			display: flex;
			flex-flow: row wrap;
			justify-content: space-between;
			align-items: flex-end;
		}

		.restaurant-result-item .preview-info .preview-info-meta .crowns {
			display: flex;
			flex-flow: row wrap;
		}

		.gilde-crown {
			display: block;
			height: 1.25em;
			width: 1.25rem;
			background: url(css/img/crown.svg) no-repeat center;
			background-size: contain;
			margin-left: 4px;
		}

			@media (min-width: 500px) {
				.gilde-crown {
					height: 1.5em;
					width: 1.5rem;
				}
			}

.restaurant-map {
	width: 100%;
	background: #ccc;
	position: relative;
}

	.restaurant-map::before {
		content: "";
		display: block;
		padding-bottom: 100%;
	}

	@media (min-width: 650px) {
		.restaurant-map::before {
			padding-bottom: 46%
		}
	}

		.restaurant-location .restaurant-map {
			margin-top: -0.75rem;
		}

		.restaurant-location .restaurant-map::before {
			padding-bottom: 80%;
		}

	#restaurant-map {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 0;
		top: 0;
		left: 0;
	}

	#restaurant-map.fixed {
		position: fixed;
		z-index: 99999;
	}


	.map-results-loading {
		background: rgb(245, 245, 245) url(css/img/loader.gif) no-repeat center;
		background-size: 150px auto;
		position: absolute;
		z-index: 9999;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		opacity: 0;
		pointer-events: none;
		transition: all 0.2s ease-in-out;
	}

	.map-results-loading.fixed {
		position: fixed;
		z-index: 99999;
	}

		.map-results-loading.show {
			pointer-events: all;
			opacity: 1;
		}

	.results-search-area {
		display: block;
		background: rgba(0, 30, 45, 0.9);
		position: absolute;
		color: #fff;
		font-family: "Roboto Condensed", sans-serif;
		font-weight: 400;
		font-size: 1rem;
		line-height: 115%;
		top: 0.75rem;
		right: 0.75rem;
		z-index: 999;
		cursor: pointer;
		min-width: 2.625rem;
		min-height: 2.625rem;
		overflow: hidden;
		border-radius: 100%;
		box-shadow: 0 0 1rem rgba(0,0,0,0.3);
	}

		@media (max-width: 649px) {
			.map-teaser .results-search-area {
				top: 50%;
			    right: 50%;
			    white-space: nowrap;
			    width: auto;
			    transform: translateX(50%) translateY(-50%);
			}
		}

		.results-search-area span {
			padding: 0.75rem 3.5rem 0.75rem 1.25rem;
			display: none;
		}

		@media (min-width: 375px) {
			.results-search-area span {
				display: block;
			}

			.results-search-area {
				border-radius: 1.5rem;
			}
		}

		@media (min-width: 650px) {
			.results-search-area span {
				display: block;
			}

			.results-search-area {
				border-radius: 0;
				box-shadow: none;
				top: 0;
				right: 0;
			}
		}

		.results-search-area::after {
			content: "";
			background: #004661 url(css/img/icon-marker.svg) no-repeat center;
			background-size: 30% auto;
			display: block;
			height: 100%;
			width: 2.625rem;
			position: absolute;
			right: 0;
			top: 0;
		}

			@media (min-width: 650px) {
				.results-search-area::after {
					width: 2.5rem;
				}
			}

	.results-status-overview {
		display: block;
		background: #12ACFF;
		position: absolute;
		color: #fff;
		font-family: "Roboto Condensed", sans-serif;
		font-weight: 400;
		font-size: 0.875rem;
		line-height: 115%;
		padding: 0.5rem 1.25rem;
		bottom: 0;
		left: 0;
		z-index: 999;
	}

		@media (min-width: 650px) {
			.results-status-overview {
				padding: 0.5rem 1.5rem;
				font-size: 1rem;
				line-height: 115%;
			}
		}

		.results-status-overview:empty {
			display: none;
		}

.restaurant-info-delivery {
	background: #c3964e;
	padding: 1.5rem;
	border-top: 4px solid #c3964e;
	color: #fff;
	box-shadow: 0 0 1em rgba(0,0,0,0.1);
}

	.restaurant-info-delivery h1,
	.restaurant-info-delivery h2,
	.restaurant-info-delivery h3 {
		color: #fff;
	}

	.max-content-width.max-content-width-850.no-margin-padding-bottom {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}

	.max-content-width.max-content-width-850.no-margin-padding-top {
		padding-top: 0 !important;
		margin-top: 0 !important;
	}

.restaurant-info-reserve {
	display: flex;
	flex-flow: row wrap;
	margin: 4.5rem 0;
}

.restaurant-ammenities-location {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin: 4.5rem 0;
}

	.restaurant-ammenities-location h3 {
		border-bottom: 3px solid #C3964E;
		padding-bottom: 1.5rem;
	}

	ul.restaurant-category-list {
		margin-top: 2rem;
	}

	ul.restaurant-category-list li {
		margin-bottom: 0.25rem;
	}
	ul.restaurant-category-list li::before {
		content: "";
		display: inline-block;
		transition: all 0.25s ease-in-out;
		height: 0.625rem;
		width: 0.875rem;
		background: url(css/img/check.svg) no-repeat center;
		background-size: contain;
		margin-right: 1.25rem;
	}

		ul.restaurant-category-list li a {
			text-decoration: none;
		}

		ul.restaurant-category-list li a:hover {
			color: #C3964E;
			text-decoration: underline;
		}

	ul.restaurant-ammenity-list {
		display: flex;
		flex-flow: row wrap;
		margin-top: 2rem;
	}

		ul.restaurant-ammenity-list li {
			width: 1.5rem;
			height: 1.5rem;
			margin-right: 1rem;
		}

			ul.restaurant-ammenity-list li img {
				width: 100%;
				height: auto;
				opacity: 0.5;
			}

	.restaurant-ammenities {
		width: 100%;
	}

		@media (min-width: 650px) {
			.restaurant-ammenities {
				width: 50%;
				width: calc(50% - 0.75rem);
			}
		}

	.restaurant-location {
		width: 100%;
		margin-top: 2rem;
	}

		@media (min-width: 650px) {
			.restaurant-location {
				width: 50%;
				width: calc(50% - 0.75rem);
				margin-top: 0;
			}
		}


.restaurant-supporter {
	margin: 2.5rem 0;
	padding: 2rem 0;
	border-top: 3px solid #C3964E;
	display: flex;
	flex-flow: row wrap;
}

	.restaurant-supporter img {
		width: 33.33%;
		max-width: 150px;
		height: auto;
	}

.restaurant-impressions {
	margin: 4.5rem 0;
}

	.impressions-holder {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	.impression-image {
		background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
		width: 50%;
		width: calc(50% - 0.75rem);
		margin-bottom: 1.5rem;
	}

		.impression-image::before {
			content: "";
			display: block;
			padding-bottom: 75%;
		}

	.rooms-info {
		width: 100%;
		margin-bottom: 1.5rem;
	}

		@media (min-width: 650px) {
			.rooms-info {
				width: 50%;
				width: calc(50% - 0.75rem);
				margin-bottom: 1.5rem;
			}
		}

		.rooms-info h3 {
			border-bottom: 3px solid #C3964E;
			margin-bottom: 1.5rem;
			padding-bottom: 1.5rem;
		}

		.rooms-info .room-item {
			display: flex;
			flex-flow: row wrap;
		}

			.room-item-label {
				width: 50%;
				padding-right: 1.5rem;
			}

			.room-item-value {
				flex: 1;
				font-weight: bold;
				padding-left: 1.5rem;
				padding-bottom: 0.5rem;
				border-left: 1px solid rgba(0,0,0,0.15);
			}


.restaurant-more {
	border-top: 2px solid #ccc;
	margin-top: 2rem;
	padding-top: 2rem;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

	.restaurant-more .button {
		width: 33.33%;
		width: calc(33.33% - 0.5rem);
		text-align: center;
	}

.restaurant-owner-info {
	display: flex;
	flex-flow: row wrap;
	margin: 3.5rem 0;
}

	.owner-image {
		background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
		width: calc(50% - 0.75rem);
	}

		@media (max-width: 649px) {
			.owner-image {
				width: 100%!important;
				margin-bottom: 20px;
			}
		}

		.owner-image::before {
			content: "";
			display: block;
			padding-bottom: 75%;
		}

	.owner-info {
		width: 100%;
		margin-left: auto;
	}

		@media (min-width: 650px) {
			.owner-info {
				width: 50%;
				width: calc(50% - 0.75rem);
			}
		}

		.owner-info blockquote {
			border-top: 3px solid #C3964E;
			border-bottom: 3px solid #C3964E;
			color: #999999;
			font-family: "Roboto Condensed", sans-serif;
			font-weight: 300;
			font-size: 1.375rem;
			line-height: 115%;
			letter-spacing: 0.0275em;
			padding: 1.5rem 0;
		}.

.restaurant-info-holder {
	width: 100%;
}

	@media (min-width: 650px) {
		.restaurant-info-holder {
			flex: 1;
			width: auto;
			max-width: 650px;
		}
	}

	.restaurant-info {
		background: #fff;
		border-top: 4px solid #C3964E;
		padding: 1rem 1rem 4rem 1rem;
	}

		@media (min-width: 500px) {
			.restaurant-info {
				background: #fff;
				border-top: 4px solid #C3964E;
				padding: 1.875rem 1.5rem 4rem 1.5rem;
			}
		}

	.restaurant-info .crowns {
		position: absolute;
		width: 100%;
		bottom: 1rem;
		display: flex;
		flex-flow: row wrap;
	}

		.restaurant-info .crowns .gilde-crown {
			margin-left: 0;
			margin-right: 4px;
		}

	.restaurant-info-item {
		display: flex;
		flex-flow: row wrap;
		line-height: 156%;
	}

		.restaurant-info-item .info-label {
			color: #C3964E;
			width: 100%;
		}

		.restaurant-info-item .info-value {
			width: 100%;
			margin-bottom: 0.75rem;
		}

			@media (min-width: 450px) {
				.restaurant-info-item .info-label {
					width: 8.5rem;
				}

				.restaurant-info-item .info-value {
					flex: 1;
					width: auto;
					margin-bottom: 0;
				}
			}

		.restaurant-info-item .info-value a {
			text-decoration: none;
			font-weight: bold;
		}

	.restaurant-socialmedia-links {
		background: #003043;
		padding: 1rem;
		display: flex;
		flex-flow: row wrap;
		justify-content: flex-end;
	}

		@media (min-width: 650px) {
			.restaurant-socialmedia-links {
				background: #003043;
			}
		}

		.restaurant-socialmedia-links a {
			display: block;
			width: 1.5rem;
			height: 1.5rem;
			background: #fff;
			border-radius: 3px;
			text-decoration: none;
			margin-left: 0.5rem;
		}

		.restaurant-socialmedia-links a[href*='facebook.com'] {
			background: url(css/img/icon-facebook.svg) no-repeat center;
			background-position: center;
		}

		.restaurant-socialmedia-links a[href*='twitter.com'] {
			background: url(css/img/icon-twitter.svg) no-repeat center;
			background-position: center;
		}

		.restaurant-socialmedia-links a[href*='instagram.com'] {
			background: url(css/img/icon-instagram.svg) no-repeat center;
			background-position: center;
		}

		.restaurant-socialmedia-links a[href*='youtube.com'] {
			background: url(css/img/icon-youtube.svg) no-repeat center;
			background-position: center;
		}

		.restaurant-socialmedia-links a[href*='linkedin.com'] {
			background: url(css/img/icon-linkedin.svg) no-repeat center;
			background-position: center;
		}


.restaurant-reserve-holder {
	width: 100%;
	margin-top: 2rem;
}

	@media (min-width: 650px) {
		.restaurant-reserve-holder {
			margin-top: 0;
			width: 35%;
			padding-left: 1.5rem;
		}
	}


.cols {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

form.wpcf7-form {
	margin: 2rem 0;
}

	form.wpcf7-form::after {
		content: "";
		display: block;
		clear: both;
	}

	.wpcf7-form-control-wrap {
		width: 100%;
	}

	.cols .wpcf7-form-control-wrap {
		flex: 1;
	}

	.cols.cols-2 .wpcf7-form-control-wrap {
		width: calc(50% - 0.75rem);
		flex:none;
	}

	.cols.cols-3 .wpcf7-form-control-wrap {
		width: calc(33.33% - 1rem);
		flex:none;
	}

	.cols.cols-4 .wpcf7-form-control-wrap {
		width: calc(25% - 1.125rem);
		flex:none;
	}

	form.wpcf7-form input[type='text'],
	form.wpcf7-form input[type='email'],
	form.wpcf7-form textarea,
	form.wpcf7-form select {
		width: 100%;
		background: #fff;
		font: inherit;
		font-size:  1.375rem;
		line-height: 100%;
		font-weight: 300;
		border: 0;
		outline: none;
		border-radius: 0;
		appearance:none;
		-webkit-appearance:none;
		padding: 0.8rem 1.5rem;
		margin-bottom: 1.5rem;
		transition: all 0.25s ease-in-out;
		border: 3px solid #fff;
		letter-spacing: 0.01em;
	}

	form.wpcf7-form textarea {
		padding: 1.5rem;
		height: 10em;
	}

	form.wpcf7-form input[type='text']::placeholder,
	form.wpcf7-form input[type='email']::placeholder,
	form.wpcf7-form textarea::placeholder,
	form.wpcf7-form select::placeholder {
		color: #999999;
	}

	form.wpcf7-form input[type='text']:focus,
	form.wpcf7-form input[type='email']:focus,
	form.wpcf7-form textarea:focus,
	form.wpcf7-form select:focus {
		box-shadow: 0 1px 5px rgba(0,0,0,0.2);
		border: 3px solid #D5A75F;
	}

	form.wpcf7-form input[type='text'].wpcf7-not-valid,
	form.wpcf7-form input[type='email'].wpcf7-not-valid,
	form.wpcf7-form textarea.wpcf7-not-valid,
	form.wpcf7-form select.wpcf7-not-valid {
		border: 3px solid #e67272;
	}

	span.wpcf7-not-valid-tip {
		display: none !important;
	}

	form.wpcf7-form input[type='submit'] {
		float: right;
		font: inherit;
		border: 0;
		outline: none;
		border-radius: 0;
		appearance:none;
		-webkit-appearance:none;
		padding: 0.5rem 1rem;
		text-align: center;
		background: #094A64 !important;
		color: #fff;
		font-family: "Roboto Condensed", sans-serif;
		font-weight: 400;
		display: block;

		transition: all 0.3s ease-in-out;
	}

		form.wpcf7-form input[type='submit']:hover {
			box-shadow: 0 3px 10px rgba(0,0,0,0.35);
		}


.add-to-homescreen {
	position: fixed;
	bottom: 1rem;
	z-index: 9999;
	background: #C3964E;
	width: 100%;
	max-width: 250px;
	left: 50%;
	transform: translateX(-50%) translateY(-30%);
	opacity: 0;
	padding: 1rem 0.75rem;
	border-radius: 3px;
	box-shadow: 0 0.5em 1em rgba(0,0,0,0.3);
	text-align: center;

	color: #fff;
	text-decoration: none;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	transition: all 0.25s ease-in-out;
	transition-delay: 2s;
}

	@media (max-width: 500px) {
		html.touchevents .add-to-homescreen.show {
			transform: translateX(-50%) translateY(0);
			opacity: 1;
		}
	}

	.add-to-homescreen::after {
		content: "";
		width: 0;
		height: 0;
		border-left: 0.75rem solid transparent;
		border-right: 0.75rem solid transparent;
		border-top: 0.75rem solid #C3964E;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: -0.75rem;
	}

	@media (min-width: 500px) {
		.add-to-homescreen {
			display: none;
		}
	}


.pagination {
	margin: 2rem
}

.pagination ul {
	display: flex;
	width: 100%;
	justify-content: center;
	font-size: 0.875rem;
}

.pagination ul li {
	margin: 0.1rem;
	list-style-type: none !important;
}

.pagination ul li.ellipsis {
	padding: 0 1rem;
	line-height: 2.1rem;
}

.pagination ul li a {
	text-decoration: none;
	display: block;
	min-width: 2rem;
	height: 2rem;
	text-align: center;
	line-height: 2.1rem;
	padding: 0 0.5rem;
}

	.pagination ul li a:hover {
		background: #ccc;
	}

	.pagination ul li.active a {
		background: #003043;
		color: #fff;
	}

.social-links {
	display: flex;
	flex-flow: row wrap;
	margin: 2rem 0 0 0;
	padding-top: 2rem;
	width: 100%;
	border-top: 1px solid #c3964e;
	align-items: center;
}

	.social-links a {
		display: block;
		width: auto;
		height: 2rem;
		padding: 0 1.2rem 0 2.5rem;
		text-decoration: none;
		margin-right: 0.5rem;
		margin-bottom: 0.5rem;
		position: relative;
		background: #003043;
		color: #fff;
		line-height: 2rem;
		font-family: "Roboto Condensed",sans-serif;
	}

	.social-links a::before {
		content: "";
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 2rem;
		height: 100%;
		background-size: 1.2rem auto;
		background-repeat: no-repeat;
		background-position: center;
	}

	.social-links h3 {
		margin: 0 1rem 0.5rem 0;
		width: 100%;
	}

		@media (min-width: 700px) {
			.social-links h3 {
				width: auto;
			}
		}

	.social-links a.facebook::before { background-image: url(css/img/facebook.svg); }
	.social-links a.twitter::before { background-image: url(css/img/twitter.svg); }
	.social-links a.pinterest::before { background-image: url(css/img/pinterest.svg); }
	.social-links a.linkedin::before { background-image: url(css/img/linkedin.svg); }

footer {
	padding-top: 2.5rem;
	background: #003043;
	border-top: 0.25rem solid #C3964E;

	@media (max-width: 450px) {
		padding-top: 1.8rem;
	}	
}

	footer .wrap {
		display: flex;
		flex-flow: unset;
		height: 100%;
		color: #fff;
		max-width: 1100px !important;
		padding: 0 1.5rem !important;

		@media (max-width: 767px) {
			flex-direction: row-reverse;
			align-items: flex-start;
		}
	}

		footer .footer-social_media_follow_text {
			font-size: 1.375rem;
			line-height: 135%;
			font-weight: 200;
			margin-right: 1.8rem;
			margin-bottom: 1.8rem;
			width: 33%;
			display: flex;
			flex-flow: row wrap;
			align-items: flex-end;
			display: none;
		}

		.footer-social_media_follow_text .links {
			margin-top: 1rem;
			font-size: 1rem;
			line-height: 125%;
		}

			.footer-social_media_follow_text .links a {
				text-decoration: underline;
			}

			@media (min-width: 800px) {
				footer .footer-social_media_follow_text {
					display: flex;
				}
			}

			footer .footer-social_media_follow_text .inner {

			}

		footer .footer-social-media {
			width: auto;
			margin-bottom: 1.8rem;
			display: flex;
			flex-flow: row wrap;
			align-items: flex-end;
			width: 10.2rem;

			@media (max-width: 799px) {
				width: 50%;
				align-items: flex-start;
			}

			@media (max-width: 767px) {
				width: 100%;
				flex-direction: column;
			}
		}

			footer .footer-social-media .inner {
				display: flex;
				flex-flow: row wrap;
			}

		footer .footer-social-media::before {
			content: "";
			display: block;
			width: 100%;
			max-width: 200px;
			padding-bottom: 42%;
			background: url(css/img/gilde-logo-white.svg) no-repeat center;
			background-size: contain;
			margin-bottom: 1rem;

			@media (max-width: 799px) {
				margin-bottom: 0px;
			}

			@media (max-width: 767px) {
				max-width: 130px;
				padding-bottom: 70px;
			}
		}

		footer .footer-social-media a.socialmedia {
			margin-right: 0.5rem;
			display: block;
			width: 2.75rem;
			height: 2.75rem;
			box-shadow: 0 3px 10px rgba(0,0,0,0.3);
			transition: all 0.2s ease-in-out;
			background-position: center;
			background-repeat: no-repeat;
			background-size: 50% auto;
			margin-top: 0px;

			@media (max-width: 767px) {
				margin-top: 15px
			}

			@media (max-width: 450px) {
				margin-top: 0px
			}
		}

			@media (min-width: 600px) {
				footer .footer-social-media a.socialmedia {
					width: 4.6rem;
					height: 4.6rem;
					background-size: 33.33% auto;
					margin-right: 1rem;
				}
			}

			footer .footer-social-media a.socialmedia:nth-last-child(1) {
				margin-right: 0;
			}

			footer .footer-social-media a.socialmedia:hover {
				background-color: #C3964E;
			}

			footer .footer-social-media a.socialmedia.facebook {
				background-image: url(css/img/facebook.svg);				
			}

			footer .footer-social-media a.socialmedia.instagram {
				background-image: url(css/img/instagram.svg);
			}

		footer .footer-contact {
			margin-bottom: 1.8rem;
			padding-left: 1rem;
			margin-left: 1rem;
			border-left: 2px solid rgba(255,255,255,0.1);
			display: flex;
			flex-direction: column;
			align-items: flex-start;
			gap: 20px;

			@media (max-width: 799px) {
				width: 50%
			}

			@media (max-width: 767px) {
				width: 100%;
				margin-right: 40px;
				border-left: unset;
				min-width: 230px;
				padding-left: 0px!important;
				margin-left: 0px!important;
			}

			@media (max-width: 420px) {
				min-width: 190px;
			}
		}

			@media (min-width: 600px) {
				footer .footer-contact {
					padding-left: 1.5rem;
					margin-left: 1.5rem;
				}
			}

			footer .footer-contact a {
				width: 100%;
				display: block;
				font-size: 1rem;
				line-height: 135%;
				font-weight: 200;
				text-decoration: none;
				text-align: center;
				box-shadow: 0 3px 10px rgba(0,0,0,0.3);
				padding: 0.5em 0.75em;
				margin-bottom: 0.75rem;
				max-width: 240px;
				transition: all 0.2s ease-in-out;
			}

				@media (min-width: 600px) {
					footer .footer-contact a {
						font-size: 1.375rem;
						line-height: 135%;
						padding: 0.5em 1.5em;
						margin-bottom: 1.2rem;
					}
				}

				footer .footer-contact a:nth-last-child(1) {
					margin-bottom: 0;
				}

				footer .footer-contact a:hover {
					background: #C3964E;
				}

	footer .legal {
		height: 60px;
		background: #001E2D;
		font-size: 0.75rem;
	}

	@media (min-width: 450px) {
		footer .legal {
			font-size: 1rem;
		}
	}

	footer .legal .wrap {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		height: 100%;
		align-items: center;
		max-width: 1100px;
		padding: 0 1.5rem;
	}

	footer .legal a {
		color: #C3964E;
		text-decoration: none;
		font-family: "Roboto Condensed", sans-serif;
		font-weight: 400;
	}

	footer .legal .right a {
		margin-left: 2rem;
	}

	footer .legal .right a:nth-child(1) {
		margin-left: 0;
	}


.wp-video-shortcode video,
video.wp-video-shortcode {
	height: auto !important
}

.preview-image {
	overflow: hidden;
}

.preview-image .ribbon {
	width: 12rem;
	top: 2.5rem;
	right: -2.5rem;
	transform: rotate(45deg);
	transform-origin: center;
	height: 1.5rem;
	background: #fff;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 0.75rem;
	line-height: 90%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;

}

.copy p.jump-buttons {
	margin-bottom: 4rem;
	display: block;
}

.jump-buttons a {
	margin: 0.5em;
	text-align: center;
	background: #C3964E !important;
	color: #fff !important;
	font-family: "Roboto Condensed", sans-serif;
	font-weight: 400;
	display: inline-block;
	box-shadow: 0 3px 10px rgba(0,0,0,0.35);
	padding: 1rem 2rem;
	font-weight: 700;
	text-decoration: none;
}


.column-guest {
	display: none;
}

select[name='reduced-main'],
select[name='reduced-guest'] {
	display: none;
}


.post-password-form {
	background: #fff;
	padding: 2rem;
	/* box-shadow: 0 0 1rem rgba(0,0,0,0.2); */
	font-size: 1.25rem;
	line-height: 140%;
}

.post-password-form label {
	font-size: 0.8rem;
	color: #9F6E24;
	text-transform: uppercase;
}

.wp-block-separator{
	margin-top: 8px;
	margin-bottom: 8px;
}

.post-password-form label input {
	width: 100%;
	display: block;
	font-size: 1rem;
	outline: none;
	border: 2px solid #9F6E24;
	border-radius: 0;
	padding: 0.75rem 1rem;
	color: #9F6E24;
}

.post-password-form input[type='submit'] {
	display: inline-block;
	font-size: 1rem;
	outline: none;
	border: 2px solid #9F6E24;
	background: #9F6E24;
	border-radius: 0;
	padding: 0.75rem 1rem;
	color: #fff;
	font-weight: bold;
	margin-top: 0.5rem;
}

@media (max-width: 600px) {
	.page-id-4113 a.logo-box,
	.page-id-4353 a.logo-box {
		width: calc(20% - 0.4rem);
		margin: 0.2rem;
	}
}


.mobile-search-bar {
	display: flex;
	align-items: center;
	width: 100%;
	background: #fff;
	box-shadow: 0 0 1rem rgba(0,0,0,0.2);
	position: relative;
	z-index: 999;
	border-top: 1px solid #9F6E24;
}

	.mobile-search-bar.fixed {
		border-color: #fff;
		position: fixed;
		z-index: 99999;
		top: 0;
		left: 0;
		width: 100%;
		background: #fff;
	}

	.mobile-search-bar,
	.mobile-search-bar-placeholder {
		height: 4rem;
	}

	.mobile-search-bar ul {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		width: 100%;
		gap: 1em;
	}

		.mobile-search-bar ul li.sep {
			width: 1px;
			background: #ccc;
		}

		.mobile-search-bar ul li.js-view-map,
		.mobile-search-bar ul li.sep {
			display: none;
		}

		.mobile-search-bar.fixed ul li.js-view-map,
		.mobile-search-bar.fixed ul li.sep {
			display: block;
		}

		@media (min-width: 370px) {
			.mobile-search-bar .js-view-filter::before {
				content: "";
				display: inline-block;
				width: 1em;
				height: 1em;
				background: url(css/img/filter.svg) no-repeat center;
				background-size: contain;
				margin-right: 0.5rem;
				opacity: 0.75;
				transform: translateY(10%);
			}

			.mobile-search-bar .js-view-map::before {
				content: "";
				display: inline-block;
				width: 1em;
				height: 1em;
				background: url(css/img/map.svg) no-repeat center;
				background-size: contain;
				margin-right: 0.5rem;
				opacity: 0.75;
				transform: translateY(10%);
			}
		}

	@media (min-width: 800px) {
		.mobile-search-bar,
		.mobile-search-bar-placeholder {
			display: none !important;
		}
	}


.pum-container{
	max-width: 700px!important;
}

.pum-content h4,
.pum-content h3,
.pum-content h2,
.pum-content h1{
	margin-top: 0px!important;
	margin-bottom: 20px!important;
	color: white!important;
}

.pum-content h2,
.pum-content h1{
	letter-spacing: 0.02em;
  	margin: 2em 0 0.75em 0;
	font-weight: 400!important;
	font-size: 2.3rem!important;
}

.pum-content h3{
	font-size: 2rem!important;
	font-weight: 500!important;
}

.pum-content h4{
	font-weight: 600!important;
	font-size: 1.8rem!important;
}

.pum-content p{
	line-height: 22px!important;
}

@media (max-width: 550px) {
	.pum-content h4,
	.pum-content h3,
	.pum-content h2,
	.pum-content h1{
		margin-top: 20px!important;
	}
}

body.page-template-page-restaurant .cookie-note{
	display:none
}