/* @override https://foleys.be/css/style.003.css */

/* @group Notes */

/* Use a value from 100 to 900*/

.league-spartan {
  font-family: "League Spartan", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/* Use a value from 100 to 900*/

.petrona {
  font-family: "Petrona", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/* Use a value from 400 to 900*/

.cinzel {
  font-family: "Cinzel", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/*Use a value from 400 to 900*/

.playfair-display {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.fjalla-one-regular {
  font-family: "Fjalla One", sans-serif;
  font-weight: 400;
  font-style: normal;
}

/*Use a value from 400 to 900*/

.playfair-display {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

/* @end notes */




/* @group Brand Style */

:root {
	--darkGray: #303030;
	--lightGray: #e0e0e0;
	--cream: #d0c9c1;
	--petrona: 'Petrona', sans-serif;
	--cinzel: 'Cinzel Decorative', cursive;
	--spartan: 'Spartan', sans-serif;
	--cinzel: "Cinzel", serif;
	--playfair: "Playfair Display", serif;
	--fjalla: "Fjalla One", sans-serif;
	--spacingSides: 4rem;
}

a {
	/*font-family: 'Spartan', sans-serif;*/
}

html {
	font: 10px/20px var(--petrona);
	font-optical-sizing: auto;
	font-style: normal;
	-webkit-font-smoothing: subpixel-antialiased;
	text-rendering: optimizeLegibility;
	font-smooth: always;
	overflow-x: hidden;
	background-color: #ffffff;
}

body {
	
}


h1, h2, h3, h4 {
	color: var(--darkGray);
	font-family: var(--fjalla);
}

h1 {
	text-align: center;
	font-size: 6rem;
	font-weight: 1000;
	margin: 3rem var(--spacingSides) 5rem;
	text-transform: uppercase;
	line-height: 7rem;
}

h2 {
	font: normal normal 5rem var(--playfair);
	line-height: 3rem;
	margin-top: 3.2rem;
	margin-bottom: 5rem;
	text-align: left;
	letter-spacing: .2rem;
	margin-left: 5rem;
}

h3 {
	font: 2.9rem / 3rem var(--petronaFive);
	text-align: left;
	margin: 4rem 4rem -1rem;
}

h4 {
	margin: 3rem 0 0 4rem;
	font-size: 2rem;
}

a {
	color: var(--darkBlue);
	font-family: var(--spartan);
	text-decoration: none;
}

a:hover,
a.current {
	color: black;
}

a:focus {
	opacity: 0.9;
}

p a,
li a {
	font-family: var(--petrona);
	color: var(--brown);
}

blockquote {
	font: 2rem/2.7rem var(--quote);
}

p,
ul li {
	margin: 2rem 5rem;
	font-size: 1.9rem;
	line-height: 3rem;
	color: var(--workText);
	font-weight: 300;
}

/* @group Inner Title */

.inlineTitle h2 {
	color: var(--darkGray);
	margin: 5rem 0;
	flex: 1;
	width: 100%;
	text-align: center;
	font: 6rem/6rem var(--fjalla);
	text-transform: uppercase;
	text-shadow: 0 .1rem .3rem black;
	position: relative;
}

.inlineTitle h2::before {
	position: absolute;
	width: 100%;
	top: .3rem;
	color: rgb(255, 255, 255);
	z-index: -1;
	opacity: 0.5;
	left: 0;
}

.menuTitle h2::before {
	content: "The Foley's Menu";
}

.featuresTitle h2::before {
	content: "Features You'll Love";
}

.galleryTitle h2::before {
	content: "The Gallery";
}

.infoTitle h2::before {
	content: "General Information";
	left: 0rem;
}

.reviewsTitle h2::before {
	content: "Reviews";
}

.contactTitle h2::before {
	content: "Contact & Bookings";
}

/* @end inner title */

/* @end theme */

/* @group Basic Design */

/* @group Shell */

.siteWrap {
	
}

.siteWrap .smooth-scroll {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
	align-items: center;
}
	
.siteWrap .smooth-scroll #smooth-scroll-content {
	
}


.siteWrap .smoothScroll {

}

header {
	height: calc(100vh - 10rem);
	background-color: var(--cream);
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
}

main {
	width: 100vw;
}

.bottomContent {
	background: url(../img/graphics/background.webp) left top repeat white;
	position: relative;
	z-index: 2;
}

.topTitle {
	margin-top: -15rem;
}

.mobileNav {
	display: none;
}

/* @end shell*/

/* @group Header */

@media (min-width: 751px) {

/* @group Frame */

header .topImage {
	flex: 1;
	width: 100%;
	position: absolute;
	inset: 0;
}

header .topImage::after {
	content: "";
	position: absolute;
	inset:0;
	background: 
	linear-gradient(146deg, 
		rgba(0,0,0,1) 10%, 
		rgba(0,0,0,0.80) 15%, 
		rgba(0,0,0,0.60) 20%, 
		rgba(0,0,0,0.40) 25%, 
		rgba(0,0,0,0.20) 80%, 
		rgba(0,0,0,0
	)100%);
}

header .topImage::before {
	content: "";
	position: absolute;
	background: 
	linear-gradient(0deg, 
		rgba(0,0,0,1) 0%, 
		rgba(0,0,0,0.80) 40%, 
		rgba(0,0,0,0.60) 50%, 
		rgba(0,0,0,0.40) 60%, 
		rgba(0,0,0,0.0) 70%, 
		rgba(0,0,0,0
	)100%);
	z-index: 1;
	left: 0;
	right: 0;
	bottom: 0;
	height: 45rem;
}

header .topBar {
	/*background-color: var(--darkGray);*/
	position: absolute;
	left: 0rem;
	width: calc(100% - 0rem);
	bottom: 5rem;
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-end;
	align-content: center;
	height: 10rem;
	/*border-radius: 10px;
	box-shadow: 0 1px 5px black;*/
	z-index: 1;
}

/* @end frame */

/* @group Top Bar */

/*.logoTest {
	position: absolute;
	filter: drop-shadow(1px 1px 3px #000);
}*/

header .topBar .topLogo {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: flex-end;
	align-content: flex-start;
	margin-bottom: -3rem;
}

header .topBar .topLogo img {
	width: 100%;
	max-width: 30rem;
}

header .topBar .topShapeLeftWrap {
	width: 10rem;
	height: 10rem;
	position: relative;
}

header .topBar .topShapeLeft {
	background-color: var(--lightGray);
	height: 2.5rem;
	position: absolute;
	top: -12rem;
	right: -8rem;
	left: 0;
}

header .topBar .topDetails {
	color: white;
	font-size: 2rem;
	text-align: right;
	line-height: 2.5rem;
	flex: 1;
	margin-left: 7rem;
	margin-right: 5rem;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-end;
	align-items: flex-end;
	align-content: flex-end;
	margin-bottom: -3rem;
}

header .topBar .topDetails > div {
	padding: 1rem;
	margin-right: 0;
	position: relative;
	color: black;
	flex: 1;
}

header .topBar .topDetails .topShapeRight {
	background-color: var(--lightGray);
	height: 2.5rem;
	position: absolute;
	top: -12rem;
	right: 0;
	left: 32rem;
}

.topShapeRight,
.topShapeLeft {
	transform: scaleY(.2);
}

header .topBar .topDetails .contactTop {
	color: white;
	font: 2rem var(--fjalla);
	line-height: 3.2rem;
	text-align: left;
	background-color: rgba(0, 0, 0, 0.46);
	border: 1px solid white;
	width: 100%;
	opacity: 0;
	overflow: hidden;
}

header .topBar .topDetails .contactTop br:first-of-type {
	display: none;
}

header .topBar .topDetails .contactTop .showBook {
	display: block;
	color: red;
	cursor: pointer;
	text-transform: uppercase;
}

header .topBar .topDetails .contactTop .showBook:hover {
	text-decoration: underline;
}

header .topBar .topDetails .contactTop a {
	color: var(--lightGray);
	font-family: var(--fjalla);
}

header .topBar .topDetails .openingTop {
	display: block;
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 0 solid white;
}

header .topBar .topDetails .openingTop strong {
	font-weight: normal;
	font-style: normal;
	color: silver;
}

header .topBar .topDetails .newsTop {
	text-align: left;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 2% 100%);
	padding-left: 3rem;
	width: 100%;
	font: 2rem var(--fjalla);
	opacity: 0;
}

header .topBar .topDetails .newsTop .newsTopFlex {
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
}

header .topBar .topDetails .newsTop .newsTopFlex:hover * {
	text-decoration: underline;
}

header .topBar .topDetails .newsTop .newsTopFlex strong {
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
}

header .topBar .topDetails .newsTop .newsTopFlex strong em {
	font-style: normal;
}
	
header .topBar .topDetails .newsTop .newsTopFlex #loadIntoFirstHeadline h3 {
	margin: 0 0 0 1rem;
	color: red;
	text-transform: uppercase;
}

header .topBar .topDetails .newsTop #loadIntoFirstHeadline h3:hover {
	color: red;
}
	

header .topBar .topDetails .newsTop .falseBorder {
	text-align: left;
	clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 2% 100%);
	background-color: var(--lightGray);
	position: absolute;
	top: .2rem;
	right: 0;
	left: .2rem;
	bottom: .2rem;
	z-index: -1;
	
}

header .topBar .topDetails a {
	font: 2rem var(--fjalla);
}

/* @end top bar */

/* @group Top Image */

.topContent header .topImage > div {
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.topContent header .topImage > div img {
	flex: 1;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.topContent header .topImage .bottomLayer {
	
}

.topContent header .topImage .topLayer {
	
}

.topContent header .topImage .topLayer img {
	opacity: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

/* @end top image scroll*/

/* @group Top Nav */

.topNavTrigger {
	position: relative;
	z-index: 1000;
	overflow: hidden;
	height: 20rem;
	border-top: .5rem solid #171616;
}

.topNav {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	z-index: 2;	
}

.topNav .navBanner,
.topNav nav .navLogo {
	display: none;
}

.topNav nav {
	width: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	height: 10rem;
	max-width: 1000px;
}

.topNav nav a {
	font-size: 2.3rem;
	flex: 1 0 auto; /* Example: Adjust based on your layout needs */
	text-align: center;
	text-transform: uppercase;
	position: relative;
	height: 100%;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	color: var(--darkGray);
	font-family: var(--petrona);
	transition: color .3s ease-in-out 0s;
	font-weight: 600;
}

.topNav nav:hover a {
	color: rgba(52, 51, 51, 0.7);
}

.topNav nav:hover a::after {
	opacity: 1;
}

.topNav nav a:hover {
	color: black;
	opacity: 1;
}

.topNav nav a::after {
	content: "";
	position: absolute;
	top: 1rem;
	bottom: 1rem;
	width: .2rem;
	background-color: #9a9896;
	right: 0;
	transition: scale .3s ease-in-out;
}

.hideLines .topNav nav a::after {
	scale: 1 0;
}

.topNav nav a:last-of-type::after {
	display: none;
}

.topNav nav div {
	
}

.topNav nav div img {
	display: none;
}

/* @end top nav */

/* @group Fixed Header */

.headFlipped .topNav {
	border-top: .2rem solid #3c3a3a;
	box-shadow: 0 .5rem 2.5rem black;
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
	align-content: flex-start;
	background-color: var(--cream);
}

.headFlipped .topNav nav {
	width: 100%;
	height: 5rem;
}

.headFlipped .topNav nav a {
	font-size: 1.7rem;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	color: #33281b;
}

.headFlipped .topNav nav a.current {
	color: maroon;
}

.headFlipped .topNav nav a::before {
	content: "";
	width: 1rem;
	height: 1rem;
	background-color: var(--darkGray);
	border-radius: 100%;
	position: relative;
	top: -2rem;
	transition: transform .4s ease-in-out 0s;
	opacity: 0;
}


.headFlipped .topNav nav a:hover::before {
	transform: translateY(.5rem);
	opacity: 1;
}

.headFlipped .topNav a::after {
	width: .6rem;
	height: .6rem;
	border-radius: 100%;
	top: 50%;
	margin-top: -.3rem;
}

.headFlipped .topNav a:nth-of-type(3)::after {
	display: none;
}

.headFlipped .navLogo {
	filter: drop-shadow(0 1rem .5rem rgba(0,0,0,0.5));
	position: relative;
	z-index: 1;
}

.headFlipped .navLogo .logoWrap {
	clip-path: polygon(0 0, 100% 0, 100% 90%, 90% 100%, 10% 100%, 0 90%);
	background: #3c3a3a;
	background-clip: padding-box;
	padding: 7rem 2rem 2rem;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: flex-end;
	align-content: flex-start;
	margin-right: 3rem;
	margin-left: 3rem;
	position: relative;
	z-index: 1;
	margin-top: -13rem;
}

.headFlipped .navLogo .logoWrap img {
	width: 20rem;
	display: block;
	position: relative;
	top: 1.5rem;
}

.headFlipped .topNav .navBanner,
.headFlipped .topNav nav .navLogo {
	display: block;
}

.headFlipped .topNav .navBanner {
	width: 100%;
	height: 10rem;
	background: url(../img/graphics/banner-repeat.webp) center center repeat-x white;
	border-bottom: 1rem solid #3c3a3a;
	object-fit: cover;
	position: relative;
	z-index: 1;
}

.fullContentPic {
	width: calc(100% - 8rem);
	padding-top: 2rem;
}

.fullContentPic img {
	display: block;
	width: 100%;
	height: 50rem;
}

/* @end fixed header */

}

/* @end header */


/* @group Main */

/* @group Frame */

main .mainSection {
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

main .mainSection > div {
	max-width: 1500px;
	padding-right: 5rem;
	padding-left: 5rem;
}

main .introduction {
	/*margin-top: -15rem;*/
	padding-bottom: 5rem;
}

main .introduction strong {
	font-weight: bold;
	background-color: var(--darkGray);
	display: block;
	color: var(--lightGray);
	padding: .2rem .2rem .2rem 1rem;
}

main .introduction strong span {
	display: block;
	font-weight: 100;
	font-style: italic;
	border-top-style: solid;
	margin-right: 1rem;
	border-top-width: .1rem;
}

/* @end frame */

/* @group Latest News */

.latestNews {
	margin-bottom: 5rem;
	margin-top: 2rem;
}

.latestNews .latestNewsContent {
	background-color: white;
	margin: 2rem;
}

.latestNews .latestNewsContent h2 {
	font-size: 4rem;
}

.latestNews .latestNewsContent .latestNewsBlogPaste p {
	
}

.latestNews .latestNewsContent .latestNewsBlogPaste img {
	float: right;
	width: 30%;
	margin: 0 2rem 2rem;
	border-radius: 1rem;
	box-shadow: .5rem -.5rem 1rem black;
}
							
/* @end latest news */

/* @group Full Width */

.fullWidthQuote {
	position: relative;
	background-color: black;
	padding-bottom: 5rem;
	padding-top: 5rem;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
}

.fullWidthQuote .imageSpread {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.fullWidthQuote .imageSpread img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
}

.fullWidthQuote .caption {
	z-index: 1;
	position: relative;
	background-color: rgba(0, 0, 0, 0.69);
	border: .5rem solid white;
	max-width: 1000px;
	margin-right: 5%;
	margin-left: 5%;
}

.fullWidthQuote .caption p {
	color: white;
	font-family: var(--playfair);	
}

.fullWidthQuote .caption p a {
	color: #158ae3;
	font-weight: bold;
}

.fullWidthQuote .caption p a:hover {
	text-decoration: underline;
}

/* @end full width */

/* @group Panels */

.featureArrow {
	position: absolute;
	top: 50%;
	color: white;
	font-weight: bold;
	font-size: 5rem;
	z-index: 3;
	background-color: black;
	border-radius: 100%;
	cursor: pointer;
}

.featureArrow i {
	opacity: 0.3;
	transition: opacity .3s ease-in-out 0s;
}

.featureArrow:hover i {
	opacity: 1;
}

.featureArrow:active i {
	color: red;
}

.leftArrow {
	left: 2rem;
}

.rightArrow {
	left: calc(100vw - 8rem);
}

#panels {
	position: relative;
}

#panels .inlineTitle {
	width: 100%;
	text-align: center;
	position: absolute;
	z-index: 1;
	color: white;
	left: 0;
	top: 4rem;
}

#panels h2 {
	color: white;
}

#panels #panels-container {
	height: 100vh;
	padding: 0;
	overflow: hidden;
	background: url(../img/graphics/graySlate.webp) fixed;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	box-shadow: inset 0 1rem 2rem black;
}

#panels #panels-container::before {
	content: "";
	inset: 0;
	background-color: rgba(0, 0, 0, 0.58);
	position: absolute;
}

#panels #panels-container .panel {
	position: relative;
	width: 100%;
	height: calc(100vh - 32rem);
	overflow: hidden;
	display: flex;
	color: #333;
	text-align: left;
	top: 5rem;
}

#panels #panels-container .panel.lastPanel {
	
}

#panels #panels-container .panel > div {
	position: absolute;
	top: 0rem;
	bottom: 0rem;
	left: 5rem;
	right: 6rem;
	background-color: white;
	border: .2rem solid white;
	box-shadow: 0 .1rem 2rem black;
}

#panels #panels-container .panel div div.imgBack {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#panels #panels-container .panel div div.imgBack::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: url(../img/graphics/featureFade.webp);
	background-size: cover;
}

#panels #panels-container .panel div div.imgBack img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#panels #panels-container .panel > div .featuresContent {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

#panels #panels-container .panel > div .featuresContent h3 {
	margin-left: 5rem;
	color: white;
	margin-bottom: 3rem;
	line-height: 4rem;
	font-family: var(--playfair);
	font-size: 4rem;
}

#panels #panels-container .panel > div .featuresContent p {
	color: white;
	font-family: var(--petrona);
	margin-left: 5rem;
	margin-right: 60%;
}

#panels #panels-container .panel > div .featuresContent p.out {
	display: none;
}

#panels #panels-container .panel > div .featuresContent p a {
	color: red;
}

#panels #panels-container .panel > div .featuresContent p a:hover {
	color: white;
	text-decoration: underline;
}

/* @end panels */

/* @group Single Column */

.singleColumn > div {

}

/* @end single column */



/* @group Pic Styles */

.imageHolder img {
	margin-top: 1rem;
	border-radius: 1.5rem;
}

.leftPic img {
	float: left;
	margin-right: 3rem;
	width: 60%;
}

.rightPic img {
	float: right;
	margin-left: 3rem;
}

.centerPic img {
	width: 100%;
}

/* @end pic styles */

/* @group Menu */

/* @group Menu Content */

.menuIntro p {
	text-align: center;
	margin-right: 10%;
	margin-left: 10%;
	margin-top: 0;
}

.menuIntro h2 {
	text-align: center;
}

.menu {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-items: flex-start;
	align-content: center;
	gap: 2rem;
	margin-right: 0rem;
	padding-bottom: 3rem;
}

.menu > div {
	font-family: var(--petrona);
	flex: 1;
}

.menu > div:first-child {
	margin-left: -5rem;
}

.menu > div:nth-of-type(2) {
	flex: 1.5;
}

.menu h2 {
	font-size: 3rem;
	color: white;
	padding: 1rem;
	background: url(../img/graphics/graySlate.webp) var(--darkGray);
	border: .5rem solid black;
	border-radius: 1rem 0 0 0;
	border-bottom-style: none;
	border-right-style: none;
	border-top-width: .2rem;
	border-left-width: .5rem;
	margin-bottom: .5rem;
}

.menu .menuNote {
	font-style: italic;
}

.menu .menuTitle p {
	font-weight: bold;
	font-family: var(--playfair);	
}

.menu .menuPhoto {
	margin-right: 3rem;
	margin-left: 5rem;
}

.menu .menuPhoto img {
	display: block;
	width: 100%;
	border: .2rem solid var(--darkGray);
}

.menu .menuPicStack div {
	margin-top: 1rem;
	margin-bottom: 1rem;
}

/* @end menu content */

/* @end menu */

/* @group Gallery */

.galText {
	margin-top: -1rem !important;
	text-align: center;
}

.galText b {
	display: block;
}
							
.showGal {
	text-transform: uppercase;
	font-weight: bold;
	color: #303030;
}

.fancybox__caption {
	font: 2.5rem "Lucida Grande", Lucida, Verdana, sans-serif;
	font-family: var(--playfair);
}

.galleryWrap {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	width: 100%;
}

.galleryWrap .gallery {
	width: 80%;
	height: 70rem;
	position: relative;
	width: 80%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-template-rows: repeat(6, 1fr);
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
}

.galleryWrap .gallery a {
	position: relative;
	outline: none;
}

.galleryWrap .gallery a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: filter .3s ease-in-out 0s;
}

.galleryWrap .gallery a:hover img {
	filter: brightness(125%);
}


.imgContainer.one {
	grid-area: 1 / 1 / 5 / 5;
}

.imgContainer.one img {
	border-radius: 2rem 0 0 0;
}

.imgContainer.two {
	grid-area: 5 / 1 / 7 / 3;
}

.imgContainer.two img {
	border-radius: 0 0 0 2rem;
}

.imgContainer.three {
	grid-area: 5 / 3 / 7 / 5;
}

.imgContainer.three img {
	
}

.imgContainer.four {
	grid-area: 5 / 5 / 7 / 7;
}

.imgContainer.four img {
	border-radius: 0 0 2rem 0;
}

.imgContainer.five {
	grid-area: 3 / 5 / 5 / 7;
}

.imgContainer.five img {
	
}

.imgContainer.six {
	grid-area: 1 / 5 / 3 / 7;
}

.imgContainer.six img {
	border-radius: 0 2rem 0 0;
}

/* @end */


/* @group Information */

/* @group Switcher */

/* @group Frame */

.switchBox {
	margin-left: 5rem;
	margin-right: 5rem;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	padding: 2rem;
}

.switchBox .switchBoxContentWrap {
	width: 100%;
}

.switchBox .switchBoxNav {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
}

/* @end frame */

/* @group Switchbox Navigation */

.switchBox .switchBoxNav .switch-btn {
	font: 2.5rem "Lucida Grande", Lucida, Verdana, sans-serif;
	border-radius: 1rem;
	border: 1px solid #303030;
	padding: 1rem;
	text-transform: uppercase;
	flex: 1;
	font-family: var(--petrona);
	background-color: var(--lightGray);
	cursor: pointer;
	transition: color .3s ease-in-out .1s, background-color .3s ease-in-out 0s;
}

.switchBox .switchBoxNav button:nth-child(3) {
	margin-right: 2rem;
	margin-left: 2rem;
}

.switchBox .switchBoxNav button:nth-child(4) {
	margin-right: 2rem;
}

.switchBox .switchBoxNav .switch-btn.active {
    background-color: var(--darkGray); /* Example active button color */
    color: white;
}

.linksAnimating .switchBox .switchBoxNav .switch-btn {
	cursor: wait;
}

.switchBox .switchBoxNav .switch-btn:not(.active):hover {
    color: white;
	background-color: #6d6c6c;
}

.switchBox .switchBoxNav span {
	width: 5rem;
	margin: 0 2rem;
}

.switchBox .switchBoxNav span img {
	width: 100%;
}

/* @end switchbox navigation */

/* @group Switchbox Content */

.switchBox .switchBoxContentWrap .switchBoxContent {
	display: none;
	margin-right: 5rem;
	margin-left: 5rem;
}

.switchBox .switchBoxContentWrap .switchBoxContent.current {
	display: block;
}


/* @end switchbox content */

/* @end switcher */

/* @group Switcher Sections */

/* @group Opening Times */



.openingHoursWrap {
	width: calc(100% - 10rem);
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin-left: 5rem;
}


/* @group Table */

.openingHoursWrap table {
	text-align: center;
	position: relative;
	font-size: 2rem;
	width: 90%;
	background-color: var(--cream);
	box-shadow: 0 0 1rem black;
	border-radius: 1.5rem;
	margin-top: 5rem;
}

/* @group Table Headers */

.openingHoursWrap th {
	text-align: center;
	background-color: var(--darkGray);
	padding: .7rem;
	letter-spacing: 1px;
	font-weight: normal;
	font-style: normal;
	color: var(--lightGray);
	font-family: var(--petrona);
}

.openingHoursWrap th:first-child {
	border-radius: 1.5rem 0 0 0;
}

.openingHoursWrap th:last-child {
	border-radius: 0 1.5rem 0 0;
}

/* @end table headers */

/* @group Table Cells */

.openingHoursWrap td {
	padding: 2rem;
}

.openingHoursWrap td:first-child {
	font-family: var(--petrona);
}

.openingHoursWrap tr:nth-child(odd) td {
	background-color: #c3b8ab;
}

.openingHoursWrap tr:nth-child(even) td {
	
}

.openingHoursWrap table td:first-child {
	
}

/* @end table cells */

/* @end table */

/* @end opening times */

/* @group FAQ */

ul.faq {
	margin-right: 7rem;
	margin-left: 7rem;
	padding-top: 5rem;
}

ul.faq li {
	list-style: none;
	margin: 0;
}

ul.faq li:nth-child(odd) {
	font-weight: bold;
	color: var(--darkGray);
}

ul.faq li:nth-child(even) {
	margin-bottom: 2rem;
}

/* @end faq */

/* @group Find Us */

.findIntro {
	text-align: center;
}

.findUsBox {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
}

.findUsBox > div {
	padding: 1rem;
	margin: 2rem;
}

.findUsBox > div:nth-of-type(1) {
	flex: 5.5;
	margin-right: -1rem;
	border: 1px solid #fff!important;
	border-radius: 1.5rem;
	background-color: var(--cream);
}

.findUsBox > div:nth-of-type(1) iframe {
	flex: 5.5;
	margin-right: -1rem;
	border: 2px solid #343232!important;
	border-radius: 15px;
	width: 100%;
}

.findUsBox > div:nth-of-type(2) {
	flex: 1;
	align-self: stretch;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-between;
	align-items: flex-start;
	padding: 1rem;
	background-color: white;
	border-radius: 15px;
	border: 2px solid var(--cream);
}

.findUsBox > div {
	
}

.findUsBox > div a {
	text-align: center;
}

.findUsBox > div a img {
	width: 100%;
}

.findUsBox > div a img:nth-child(2) {
	width: 70%;
}

/* @end find us */

/* @group Review Wrap */

.reviewWrap {
	width: 90%;
	margin-left: 5%;
	margin-top: 3rem;
}

/* @end review wrap */

/* @end switcher sections */

/* @end information */

/* @group Contact */

.contactBox {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	width: 100%;
	height: 100%;
}

.contactBox div {
	flex: 1;
	align-self: stretch;
	position: relative;
}

.contactBox div img {
	position: absolute;
	top: 0;
}

.contactBox div.left {
	overflow: hidden;
	top: -10rem;
}

.contactBox div.left img {
	overflow: hidden;
	right: 0;
}

.contactBox div.content {
	flex: 2;
	text-align: center;
}

.contactBox div.right {
	overflow: hidden;
	top: -10rem;
}

.contactBox div.right img {
	transform: scaleX(-1);
	left: 0;
}

.contactBlock {
	background-color: rgba(255, 255, 255, 0.39);
	border-radius: 15px;
	border: 2px solid var(--darkGray);
	margin-right: 15%;
	margin-left: 15%;
	position: relative;
}
 
.contactBlock > div {
	margin: 2rem;
}

.contactBox .contactIntro {
	margin-top: -1rem;
}
										
.contactBox .address {
	font: 3rem/4rem var(--fjalla);
	color: var(--darkGray);
}

.contactBox .content .contactLink {
	font: 2rem/4rem var(--cinzel);
	color: var(--darkGray);
	margin: 0;
}

.contactBox .content .contactLink a {
	font: 2rem/4rem var(--fjalla);
	color: var(--darkGray);
	margin: 0;
}

.contactBox .content .bookHere {
	background-color: var(--darkGray);
	margin: 2rem auto -2rem;
	display: inline-block;
	padding: 2rem 4rem;
	border-radius: 20px;
	position: relative;
	box-shadow: 0 .5rem .5rem black;
	transition: background .3s ease-in-out 0s;
}

.contactBox .content .bookHere .link {
	position: relative;
	z-index: 2;
}

.contactBox .content .bookHere .link a {
	color: white;
	font: 3em var(--fjalla);
	transition: color .3s ease-in-out 0s;
}

.contactBox .content .bookHere .dec {
	content: "";
	position: absolute;
	inset: .6rem;
	border: 2px solid white;
	border-radius: 20px;
	transition: border .3s ease-in-out 0s;
}

.contactBox .content .bookHere:hover {
	cursor: pointer;
	background-color: var(--lightGray);
}

.contactBox .content .bookHere:hover a {
	color: var(--darkGray);
}

.contactBox .content .bookHere:hover::after {
	border: 2px solid var(--darkGray);
}


.contactDetails {

}

.contactBooking {
	display: none;
}

.socialMedia {
	text-align: center;
	display: flex;
	flex-flow: column nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	position: relative;
	z-index: 2;
}

.socialMedia p {
	text-align: center;
	font: 3rem var(--cinzel);
	margin-top: 5rem;
}

.socialMedia a {
	opacity: 1;
}

.socialMedia a img {
	width: 10rem;
	opacity: 1;
	box-shadow: 0 1px 20px black;
	transform: rotate(5deg);
	transition: transform .3s ease-in-out 0s, box-shadow .3s ease-in-out 0s;
	border-radius: 10px;
}

.socialMedia a:hover img {
	box-shadow: 0 0px 0px black;
	transform: rotate(0deg);
}

.socialMedia .socialWrap .inst {
	margin-left: 2rem;
}

.socialMedia .socialWrap .inst img {
	margin-left: 2rem;
	border-radius: 20px;
}

/* @end contact */

/* @group Thanks Footer */

.thanks {
	text-align: center;
	margin-top: -15rem;
}

.thanks h4 {
	font-size: 7rem;
	position: absolute;
	bottom: 20rem;
	text-align: center;
	width: 100%;
	color: white;
	text-shadow: 0 1px 2px black;
	font-family: var(--petrona);
}

.thanks h4 br {
	display: none;
}

#end {
	margin-top: -50rem;
}

#end img {
	margin-bottom: -2rem;
}

/* @end thanks footer */

footer {
	background-color: black;
	width: 100%;
	position: relative;
	z-index: 3;
	padding: 1rem;
	color: var(--lightGray);
	display: flex;
	flex-flow: row nowrap;
	justify-content: flex-start;
	align-items: center;
	font-size: 1.5rem;
	text-transform: capitalize;
	border-top: 1px solid var(--darkGray);
	font-variant: small-caps;
}

footer .credit {
	flex: 1;
}

footer .privacy {
	margin-right: 8rem;
}

footer a:hover {
	color: red;
}

/* @end main */

/* @end basic design */

/* @group Reusable Modules */

/* @group General Rules */

.center {
	text-align: center;
	font-weight: bold;
	margin-bottom: 5rem;
}

/* @end general rules */

/* @group Two Column */

.twoColumn {
	column-count: 2;
	column-gap: 1rem;
	column-rule: 1px solid black;
}

.twoColumn p:first-of-type {
	margin-top: 0;
}

.twoColumn p:first-of-type::first-letter {
	font: 7.5rem 'Cinzel', serif;
	background-color: #3b3939;
	padding: 0.2rem 2rem 0;
	float: left;
	border: .2rem solid #797170;
	color: white;
	margin-top: .8rem;
	margin-right: 1rem;
	box-shadow: inset 0 0 4rem rgba(0, 0, 0, 0.35);
	margin-bottom: .1rem;
}


/* @end two column */

/* @group News Bar */

/*.newsBar {
	background: var(--darkGray);
	width: 100%;
	height: 100%;
	border-radius: 20px;
	box-shadow: 0 1px 20px black;
}

.newsBar .newsBarContent {
	position: absolute;
	bottom: 3px;
	right: 3px;
	left: 3px;
	top: 3px;
	display: flex;
	flex-flow: column nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	background-color: var(--lightGray);
	border-radius: 30px;
}*/

.newsBarWrap {
	position: fixed;
	right: 2rem;
	left: 2rem;
	bottom: .6rem;
	display: none;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	z-index: 10;
}

.newsBarWrap .newsBar {
	width: 100%;
	max-width: 1320px;
	background: url(../img/graphics/news.webp) var(--cream);
	box-shadow: 0 -1rem 2rem rgba(0, 0, 0, 0.76);
	border: 2px solid var(--darkGray);
	padding: 1rem;
}

.newsBarWrap .newsBar .newsArticles {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

.newsBarWrap .newsBar .newsArticles .article {
	padding: .5rem 2rem;
	margin-right: 1rem;
	margin-left: 1rem;
	color: var(--darkGray);
	background-color: rgba(255, 255, 255, 0.61);
	border: 1px solid rgba(49, 15, 6, 0.34);
	border-bottom-width: 2px;
	border-right-width: 2px;
	transition: background .3s ease-in-out 0s, transform .3s ease-in-out 0s;
	align-self: stretch;
	white-space: nowrap; /* Prevents the text from wrapping to the next line */
	overflow: hidden; /* Ensures the overflow is hidden */
	text-overflow: ellipsis; /* Adds an ellipsis to signify there's more text */
	cursor: pointer;
	flex: 1 1 auto;
}

.newsBarWrap .newsBar .newsArticles .article .card {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.newsBarWrap .newsBar .newsArticles .article .card p {
	display: none;
}

.newsBarWrap .newsBar .newsArticles .article .card h3 {
	margin: 0!important;
	display: block;
	color: var(--darkGray);
	font: 2rem var(--fjalla);
	text-transform: uppercase;
	order: 1;
}

.newsBarWrap .newsBar .newsArticles .article .card .meta {
	margin: 0;
	text-transform: lowercase;
	padding-bottom: .5rem;
	font: 1.8rem var(--playfair);
}

.newsBarWrap .newsBar .newsArticles .article .card .description, 
.newsBarWrap .newsBar .newsArticles .article .card .text-right:nth-child(4) {
	display: none;
}


.newsBarWrap .newsBar .newsArticles .article.current .post.card h3 {
	color: white!important;
	margin-bottom: 0;
	margin-top: 0;
}

.newsBarWrap .newsBar .newsArticles .article.current .card .meta {
	color: white;
}

.newsBarWrap .newsBar .newsArticles .article.current {
	background-color: var(--darkGray);
}

.newsBarWrap .newsBar .newsArticles .article:nth-of-type(1) .date,
.newsBarWrap .newsBar .newsArticles .article:nth-of-type(1) .title {
	color: white;
}

.newsBarWrap .newsBar .newsArticles .article:hover {
	background-color: rgba(255, 255, 255, 0.93);
	transform: translateY(-.2rem);
}

.newsBarWrap .newsBar .newsArticles .article.current:hover {
	transform: translateY(-.8rem);
	background-color: var(--darkGray);
}

.newsBarWrap .newsBar .newsArticles .article.showBook {
	background-color: red;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	padding-top: .7rem;
}

.newsBarWrap .newsBar .newsArticles .article.showBook .title {
	font-size: 3rem;
	font: 3rem var(--fjalla);
}

/* @end news bar*/

/* @group Custom Scroller */

.customScroll {
	overflow-x: hidden;
	overflow-y: auto;
	overscroll-behavior: none;
}


/* Works on Chrome/Edge/Safari */
.customScroll::-webkit-scrollbar-track {
	display: none;
}

.customScroll::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

.customScroll::-webkit-scrollbar-thumb {
	background-color: var(--darkGray);
	border-radius: 20px;
	transition: all 1s ease-in-out 0s;
}

/* This styles the scrollbar track */
div::-webkit-scrollbar-track {
  background-color: transparent;
}

/* This styles the scrollbar thumb */
div::-webkit-scrollbar-thumb {
  background-color: red; /* Make the thumb transparent */
}

/* This styles the scrollbar itself (width, height) */
div::-webkit-scrollbar {
  width: 8px; /* Width of the vertical scrollbar */
  height: 8px; /* Height of the horizontal scrollbar */
}

/* @end custom scroller*/

/* @group News & Booking Popup */

.bookPopWrap {
	position: fixed;
	inset: 0;
	z-index: 10;
	background-color: rgba(0, 0, 0, 0.75);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	visibility: hidden;
	opacity: 0;
}

.bookPopWrap .bookPopOuter {
	width: 100vw;
	height: 100vh;
}

.bookPopWrap .bookPopOuter .bookPopInner {
	width: calc(100vw - 15px);
	height: 100vh;
	padding: 3rem;
	border-width: 1px;
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.bookPopWrap .bookPopOuter .bookPopInner .bookPopScroller {
	inset: 1rem;
	width: 60vw;
	height: 60vh;
	position: relative;
	top: -10vh;
}

.bookPopWrap .bookPopOuter .bookPopInner .bookPopScroller h2 {
	text-align: center;
	color: white;
	font-size: 4rem;
	margin-right: 0;
	margin-left: 0;
	line-height: 5rem;
	margin-bottom: 2rem;
}

.bookPopWrap .bookPopOuter .bookPopInner .bookPopScroller iframe {
	margin-right: auto;
	margin-left: auto;
	display: block;
}

.bookPopWrap .bookPopOuter .bookPopInner .bookPopScroller .bookingDetails {
	text-align: center;
	color: white;
	padding-bottom: 10rem;
}

.bookPopWrap .bookPopOuter .bookPopInner .bookPopScroller .bookingDetails a {
	color: #c8c5c5;
	font-weight: bold;
}

.closeBook {
	position: absolute;
	right: -2rem;
	top: -2rem;
	background-color: red;
	width: 5rem;
	height: 5rem;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	font-size: 3rem;
	border-radius: 100%;
	line-height: 0;
	color: white;
	box-shadow: 2px 2px 15px black;
	border-style: solid;
	border-color: white;
	padding-bottom: .5rem;
	cursor: pointer;
}

.closeBook:hover {
	background-color: white;
	color: red;
}

/* @end close news & bookings */

/* @group Blog Pop Up */

/* @group Blog Shell */

.blogPopWrap {
	display: flex;
	position: fixed;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100vw;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: flex-end;
	align-content: center;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.35);
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	visibility: hidden;
	opacity: 0;
	z-index: 4;
}

.blogPopWrap .blogPop {
	background-color: white;
	background: url(../img/graphics/news.webp) var(--cream);
	height: 90vh;
	width: calc(100vw - 7rem);
	max-width: 1320px;
	box-shadow: 0 0 10px black;
	transform-origin: 50% 100%;
	margin-bottom: 4rem;
	border-radius: 20px;
	margin-left: 1.2rem;
}

.blogPopWrap .blogPop .blogArticleWrap {
	position: absolute;
	top: 2rem;
	bottom: 7rem;
	right: 2rem;
	left: 2rem;
	padding-right: 5rem;
	padding-left: 5rem;
	background-color: rgba(255, 255, 255, 0.69);
	border: 1px solid black;
	
}

.closeBlogSide {
	width: 3.5rem;
	height: 3.5rem;
	background-color: red;
	font-size: 3rem;
	color: white;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-around;
	align-items: center;
	align-content: center;
	border-radius: 100%;
	box-shadow: 0 1px 2px black;
	position: absolute;
	top: -1rem;
	right: -1rem;
	cursor: pointer;
}

.closeBlogSide:hover {
	color: red;
	background-color: white;
}

/* @end blog shell */

.blogPop .post {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	align-items: center;
}

.blogPop h1 {
	margin: -5rem 0 1rem;
	width: 100%;
	order: 2;
	padding-top: 3rem;
}

.blogPop h3 {
	font: 3rem var(--playfair);
	text-transform: lowercase;
}

.blogPop ul {
	padding-left: 0;
}

.blogPop ul li {
	margin-left: 3rem;
}

.blogPop .body {
	order: 3;
}

.blogPop .body p,
.blogPop .body h2,
.blogPop .body h3 {
	margin: 3rem 0 !important;
	padding: 0!important;
}

.blogPop .body .bookNowBlog {
	display: block;
	background-color: #2e150a;
	color: white;
	padding: 2rem!important;
	border-radius: 10px;
}

.blogPop .body .bookNowBlog a {
	background-color: white;
	color: #2e150a;
	padding: 1rem;
	border-radius: 5px;
	margin-right: 1rem;
	margin-left: 1rem;
}

.blogPop .body .bookNowBlog a:hover {
	background-color: black;
	color: white;
}

.blogPop .body h2 {
	line-height: 5rem;
}

.blogPop .body p,
.blogPop .body div {
	font-size: 2rem;
	margin: 2rem 0rem;
	font-size: 1.9rem;
	line-height: 3rem;
	color: var(--workText);
	font-weight: 300;
	font-family: var(--petrona);
	color: var(--brown);
}

.blogPop .body img {
	width: 100%;
	float: none;
	border: 1px solid black;
}

.blogPop p.meta {
	order: 1;
	margin: 2rem 0;
	background-color: var(--darkGray);
	border: 1px solid black;
	color: white;
	align-self: flex-start;
	position: relative;
	padding-right: 1rem;
	padding-left: 1rem;
	border-radius: 20px;
}

.blogPop .inner .text-left a.btn {
	display: none;
}

/* @end blog pop up*/

/* @group Cookie */
 	
 	.cc-window{opacity:1;-webkit-transition:opacity 1s ease;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{-webkit-transition:transform 1s ease;-webkit-transition:-webkit-transform 1s ease;transition:-webkit-transform 1s ease;transition:transform 1s ease;transition:transform 1s ease,-webkit-transform 1s ease}.cc-animate.cc-revoke.cc-top{-webkit-transform:translateY(-2em);transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{-webkit-transform:translateY(2em);transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{-webkit-transform:translateY(0);transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{-webkit-transform:translateY(0);transform:translateY(0)}.cc-revoke:hover{-webkit-transform:translateY(0);transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;-webkit-transition:max-height 1s;transition:max-height 1s}
 	.cc-revoke,.cc-window{position:fixed;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
 	.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-webkit-box-flex:1;-ms-flex:1 0 auto;flex:1 0 auto}.cc-window.cc-banner{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{-webkit-box-flex:1;-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}
 	@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-webkit-box-align:unset;-ms-flex-align:unset;align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
 	.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-webkit-box-flex:0;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
 	.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}
 	
 	/* @end cookie*/
 	
 	/* @end plugins*/
 	
 	/* @group Warning */
 	
 	.warning {
 		font-weight: bold!important;
 		color: yellow!important;
 	}
 	
 	/*<div class="cc_css_reboot cc_dialog light headline nl"><div><h1 class="cc_dialog_headline">Wij gebruiken cookies</h1><div><p class="cc_dialog_text">Wij maken gebruik van cookies en andere tracking-technologieën om uw surfervaring op onze website te verbeteren, om gepersonaliseerde inhoud en advertenties te tonen, om onze website trafiek te analyseren en om te begrijpen waar onze bezoekers vandaan komen. <br></p></div><div><button class="cc_b_ok">Ik ga akkoord</button><button class="cc_b_cp">Wijzig mijn voorkeuren</button></div></div></div>*/
 	
 	.cc_dialog {
 		position: fixed!important;
 		right: 10px!important;
 		max-width: 400px!important;
 		bottom: 10px!important;
 		border: 1px solid black!important;
 		border-radius: 20px!important;
 		box-shadow: 0 1px 5px black;
 		background-color: white!important;
 		color: red;
 	}
 	
 	.cc_dialog h5 {
	 	font: 3rem!important;
	 	color: red!important;
 	}
 	
 	#changePreferences {
 		position: fixed;
 		bottom: 0;
 		right: 0;
 		z-index: 10000;
 		background-color: white;
 		padding: 20px 10px 10px 20px;
 		display: flex;
 		flex-flow: column nowrap;
 		justify-content: center;
 		align-items: center;
 		align-content: center;
 		border-radius: 50px 0 0 0;
 	}
 	
 	#changePreferences i {
 		display: block;
 		font-size: 2rem;
 		color: red;
 	}
 	 	
 	/* @end */

/* @end reusable */


/* @group Wonder CMS */
	
	/* @group Login */
	
	/* @group Frame */
	
	.wcmsWrap {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1000;
		-webkit-backdrop-filter: blur(7px);
		backdrop-filter: blur(7px);
		background-color: rgba(0, 0, 0, 0.3);
		display: none;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		font-family: verdana;
	}
	
	.wcmsWrap * {
		font-family: verdana!important;
	}
	
	/*.cms-detect is the final part of the login url*/
	
	.cms582-detect .wcmsWrap,
	.timeOut .wcmsWrap {
		display: flex;
	}
	
	.wcmsWrap .wcmsLogin {
		width: 37rem;
	}
	
	.wcmsWrap .wcmsLogin .cmsWrap {
		background-image: linear-gradient(to bottom, #29aabb, #0c9db8, #008fb4, #0081ae, #1673a6);
		border-radius: 2rem;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		padding-bottom: 3rem;
		border: .5rem solid rgba(255, 255, 255, 0.77);
		position: relative;
	}
	
	.wcmsWrap .wcmsLogin .cmsWrap p {
		font-size: 1.7em;
		line-height: 2.5rem;
	}
	
	.wcmsWrap .wcmsLogin .cmsLoadNotice {
		background-color: white;
		margin-right: 1rem;
		margin-left: 1rem;
		border-radius: 0 0 2rem 2rem;
		position: relative;
		overflow: hidden;
		padding: 2rem 0 0;
		max-height: 0;
		transform: scale(0.8);
		transform-origin: 50% 0%;
		margin-top: -1.7rem;
		z-index: -1;
	}

	.wcmsWrap .wcmsLogin .cmsLoadNotice::before {
		content: "";
		box-shadow: inset 0 2px 2rem black;
		position: absolute;
		top: -1rem;
		left: -2rem;
		right: -2rem;
		bottom: -2rem;
	}
	
	/* @end frame */
	
	
	/* @group CMS Wrap */
	
	/* @group CMS Intro */
	
	.wcmsWrap  .wcmsLogin .cmsWrap img {
		filter: drop-shadow(2rem 1rem 1rem #1673a6);
		margin-top: 1rem;
		margin-bottom: 0;
	}
	
	.wcmsWrap  .wcmsLogin .cmsWrap p {
		font-family: 'Ropa Sans', sans-serif;
		margin: 1rem;
		text-align: center;
		color: white;
	}
	
	.wcmsWrap  .wcmsLogin .cmsWrap p a {
		color: #d8dadb;
		text-decoration: underline;
	}
	
	.wcmsWrap  .wcmsLogin .cmsWrap p a:hover {
		color: #f1f9fa;
	}
	
	/* @end cms intro */
	
	
	/* @group CMS Login Form */
	
	.wcmsWrap  .wcmsLogin .cmsWrap form {
		border-top: .3rem solid #28a9bb;
		padding-top: 1.5rem;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	
	.wcmsWrap  .wcmsLogin .cmsWrap form .loginButton {
		display: flex;
	}
	
	.wcmsWrap  .wcmsLogin .cmsWrap form .loginButton input {
		font-size: 2rem;
		border-style: none;
		outline: none;
		line-height: 0;
		padding: 1rem;
		border-radius: 1rem 0rem 0rem 1rem;
	}
	
	.wcmsWrap  .wcmsLogin .cmsWrap form .loginButton button {
		font-size: 1.8rem;
		background-color: #28a9bb;
		border: none;
		border-radius: 0 1rem 1rem 0;
		color: white;
		flex: 1;
		align-self: stretch;
	}
	
	/* @end cms login form */
	
	
	/* @group CMS Loader */
	
	.wcmsWrap  .wcmsLogin .cmsWrap .cmsLoader {
		position: absolute;
		bottom: -3.5rem;
		z-index: 999;
		display: none;
	}
	
	/* @end cms loader*/
	
	/* @end cms wrap */
	
	/* @group CMS Load Notice */
	
	.wcmsWrap .wcmsLogin .cmsLoadNotice p {
		margin: 1rem 3rem;
		font-size: .9rem;
		line-height: 2.5rem;
		text-align: center;
		opacity: 0;
		transition: opacity .7s ease-in-out 0s;
		color: #1076a8;
		font-family: 'Ropa Sans', sans-serif;
	}
	
	/* @end load notice */
	
	/* @end login */
	
	/* @group Editing Mode */
	
	/* @group General */
	
	.wcmsNotActive .wcmsRemove {
		display: none!important;
	}
	
	/* @end general */	
		
	/* @group WCMS Admin Bar */
		
	body > .alertWrapper,
	body > #adminPanel .settings,
	body > #adminPanel .logout {
		opacity: 0;
	}
		
	#wcmsAdminBar {
		position: fixed;
		right: 2rem;
		top: 6rem;
		bottom: 2rem;
		width: 25rem;
		font-family: 'Ropa Sans', sans-serif;
		display: none;
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: center;
		align-content: center;
		z-index: 999;
		border-radius: 2rem;
		resize: both;
		box-shadow: 0 0 2rem black;
		background-color: white;
		min-height: 9.5rem;
	}
		
	.wcmsActive #wcmsAdminBar {
		display: flex;
	}
		
	#wcmsAdminBar .wcmsAdminInner {
		background-image: linear-gradient(to top, #29aabb, #0c9db8, #008fb4, #0081ae, #1673a6);
		position: absolute;
		top: 0;
		bottom: 5rem;
		left: 5px;
		right: 5px;
		overflow: hidden;
		border-radius: 2rem 2rem 5rem 5rem;
	}
		
	#wcmsAdminBar .wcmsAdminInner .customScroll {
		overflow: auto;
		margin-right: 1rem;
		margin-left: 1rem;
		margin-top: .5rem;
		position: absolute;
		top: 9rem;
		bottom: 1rem;
	}
		
	.cmsIntro {
		overflow: auto;
	}
		
	#wcmsAdminBar .wcmsAdminInner h4 {
		background-color: #28a8bb;
		border-radius: 50%;
		text-align: center;
		padding-top: 8rem;
		padding-bottom: 2rem;
		position: relative;
		margin: -7rem 0 2rem;
		color: white;
		font-size: 3rem;
		text-shadow: 0 1px 2px black;
		width: 100%;
	}
		
	#wcmsAdminBar .wcmsAdminInner h4 span {
		display: block;
		font-size: 1.5rem;
		text-shadow: 0 1px 2px transparent;
	}
		
	#wcmsAdminBar .wcmsAdminInner h5 {
		display: block;
		font-size: 2rem;
		text-shadow: 0 1px 2px transparent;
		margin: 0 1.5rem 2rem;
		color: white;
		padding: .5rem .5rem .5rem 0;
		border-bottom-style: solid;
		border-bottom-width: 1px;
	}
		
	#wcmsAdminBar #wcmsAdminBarheader {
		background-color: #28a8bb;
		width: 100%;
		border-radius: 2rem;
		cursor: move;
		text-align: center;
		text-transform: uppercase;
		padding-bottom: .5rem;
		padding-top: .5rem;
		position: relative;
		z-index: 4;
		top: -4rem;
		color: white;
		font-size: 1rem;
		font-weight: bold;
	}
	
	#wcmsAdminBar #wcmsAdminBarheader::before {
		content: "Click To Resize & Move Wonder Bar";
	}
		
	#wcmsAdminBar #wcmsAdminBarheader:hover {
		background-color: #d4d3d3;
		color: black;
	}
		
	#wcmsAdminBar #wcmsAdminBarheader:active {
		background-color: green;
		color: white;
	}
			
	#wcmsAdminBar ul.instructions {
		padding-right: 2rem;
		padding-left: 2rem;
	}
		
	#wcmsAdminBar ul.instructions li {
		list-style: none;
		color: white;
		margin-top: 1rem;
		margin-right: 0;
		font-size: 1.5rem;
		margin-left: 0;
		line-height: 2rem;
	}
		
	#wcmsAdminBar #cmsNotices {
		overflow: hidden;
	}
		
	#wcmsAdminBar #cmsNotices .alertWrapper {
		position: relative;
		margin: 0 1.2rem;
		display: flex;
		flex-flow: column nowrap;
		justify-content: space-around;
		align-items: center;
		align-content: center;
		transform: translate(0);
		max-width: 100%!important;
		left: auto;
	}
		
	#wcmsAdminBar #cmsNotices .alertWrapper .alert {
	    top: auto;
	    z-index: 14;
	    padding: 1rem;
	    border-radius: 5px;
	    font-size: 1.5rem!important;
	    margin-bottom: 1.5rem;
		width: 100%;
	}
		
	#wcmsAdminBar #wcmsAdminButtons {
		width: 100%;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		position: absolute;
		bottom: 1rem;
		text-align: center;
	}
	
	#wcmsAdminBar #wcmsAdminButtons > a {
		flex: 1;
		font-weight: bold;
		color: black;
		background: none;
		border-style: none;
		font-size: 2rem;
	}
	
	#wcmsAdminBar #wcmsAdminButtons a:nth-child(2)::before {
		content: "Logout";
		color: red;
	}
	
	#wcmsAdminBar #wcmsAdminButtons > a:hover {
		text-decoration: none;
		color: green;
	}
	
	#wcmsAdminBar #wcmsAdminButtons > a:nth-child(2):hover::before {
		text-decoration: none;
		color: green;
	}
		
	#wcmsAdminBar #wcmsAdminButtons > a i {
		display: none;
	}
		
	#wcmsAdminBar .saveNotice {
		background-color: green;
		color: white;
		margin: -7rem 2rem 2rem;
		padding: 1rem;
		text-align: center;
		border-radius: .5rem;
		font-size: 1.5rem;
		transform: scale(1);
		transition: margin .3s ease-in-out 0s;
	}
		
	.saving #wcmsAdminBar .saveNotice {
		margin: 0 2rem 2rem;
	}
	
	#wcmsAdminBar .timerNotice {
		background-color: #d1ebf1;
		margin: 3rem 1.2rem 1.2rem;
		padding: 1rem;
		text-align: center;
		border-radius:1rem;
		font-size: 1.2rem;
		color: #0e5360;
	}
	
	#wcmsAdminBar .timerNotice span {
		font-weight: bold;
		color: green;
	}
	
	#wcmsAdminBar .wcmsTools {
		margin: 0 1.2rem;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-around;
		align-items: center;
		align-content: center;
	}
	
	#wcmsAdminBar .wcmsTools a {
		background-color: white;
		padding: .5rem 1rem;
		border-radius: 1rem;
		flex: 1;
		color: #1076a8;
		font-size: 1.3rem;
	}
	
	#wcmsAdminBar .wcmsTools a:first-of-type {
		margin-right: 1rem;

	}
	
	#wcmsAdminBar .wcmsTools a i {
		text-align: left;
		margin-left: 2rem;
	}
	
	#wcmsAdminBar .wcmsTools a:last-of-type i {
		margin-left: 2rem;
	}
		
	/* @group Save / Cache */
	
	#save.loader-overlay {
		display: none!important;		
	}
		
	/* @end save / cache */
		
	/* @end wcms admin bar */
		
	/* @group Summernote Editor */
		
	.note-frame {
		border: 1px solid green !important;
		height: 100%;
	}
	
	.note-editable {
		overflow-x: hidden!important;
		height: 100vh;
		max-height: 100%;
		caret-color: white!important;
	}
	
	.note-toolbar {
		position: sticky!important;
		top: 0px;
		background-image: linear-gradient(to bottom, #f4f3f3, #ececec, #e5e4e5, #dddddd, #d6d6d6);
		width: calc(100% - 2rem);
		margin: 1rem 0 0 1rem !important;
		border-radius: 2rem;
		box-shadow: 0 1px 5px black;
	}
		
	.note-toolbar button {
		border: 1px solid rgba(0, 0, 0, 0.37) !important;
		margin: 0 .2rem;
	}
		
	/* @end summernote editor */
		
	/* @group Cache Update */
		
	#cache.loader-overlay h2 {
		color: white;
	}
		
	/* @end cache update */
	
	/* @group Menu Editing */
		
	.wcmsActive .editing {
		box-shadow: 0 0 2rem rgba(0, 0, 0, 0.5);
		padding: 1rem!important;
		margin-top: 5rem!important;
		margin-bottom: 5rem!important;
		background-color: white;
	}
	
	.wcmsActive .menuItem {
		transition: all .5s ease-in-out 0s;
		border-radius: 2rem;
	}
	
	.menu .editBar {
		user-select: none;
		display: block;
		background-color: #eaeae9;
		margin: 1rem -1rem -1rem;
		border-radius: 0 0 10px 10px;
		border-top-style: solid;
		border-top-width: 1px;
		padding-top: .5rem;
		padding-bottom: .5rem;
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
	}
	
	.menu .editBar a {
		background-color: white;
		border-radius: 1rem;
		padding: .5rem .5rem .5rem .5rem;
		color: white;
		position: relative;
		cursor: pointer;
		user-select: none;
		margin-right: 1rem;
		font-size: 1.5rem;
	}
	
	.menu .editBar a:hover {
		color: white;
		text-decoration: underline;
	}
	
	.menu .editBar i {
		color: white;
		margin-left: .2rem;
		margin-right: .2rem;
	}
	
	.menu .editBar .cloneItem {
		background-color: green;
	}
	
	.menu .editBar .deleteItem {
		background-color: red;
	}
	
	.menu .menuItem.editing {
		caret-color: black;
	}	
	
	/* @end menu editing*/
	
	/* @group Layout Editing */
	
	
	/* @end menu editing*/
	
	/* @end editing mode*/
	
	/* @end wonder cms */


/* @group Custom Versions */

@media screen and (pointer: coarse) {}

@media screen and (pointer: fine) and (hover: hover) {}

@media (max-width: 1100px) {
	
    html {
        font-size: 9px;
    }
}

@media (max-width: 950px) {
	
    html {
        font-size: 8px;
    }
	
	.menu .left .menuPhoto:nth-last-of-type(1),
	.menu .left .menuPhoto:nth-last-of-type(3),
	.menu .left .menuPhoto:nth-last-of-type(7),
	.newsBarWrap .newsBar .newsArticles .article:last-of-type {
		display: none;
	}
	
	.newsBarWrap .newsBar .newsArticles .article .date {
		text-transform: lowercase;
		padding-bottom: 1rem;
		display: block;
		font: 1.5rem var(--playfair);
	}
	
	.newsBarWrap .newsBar .newsArticles .article .title {
		display: block;
		color: var(--darkGray);
		font: 1.5rem var(--fjalla);
		text-transform: uppercase;
	}
	
	main .mainSection > div {
		padding-right: 0rem;
		padding-left: 0rem;
	}
	
	.menu > div:first-child {
		margin-left: 0rem;
	}
	
	.contactBox div.left,
	.contactBox div.right {
		display: none;
	}
	
	p.imageHolder:nth-of-type(2) img,
	p.imageHolder:nth-of-type(6) img {
		display: none;
	}
	
}

@media (max-width: 850px) {
	
    html {
        font-size: 7px;
    }
	
	.newsBarWrap .newsBar .newsArticles .article:nth-last-of-type(2),
	.topShapeRight,
	.topShapeLeft,
	.menu .menuPicStack {
		display: none;
	}
	
	.menu {
		flex-flow: column nowrap;
		gap: 0rem;
		margin-right: 2rem;
		margin-left: 1rem;
	}
	
	.menu h2,
	.menu .menuNote,
	.menu .menuDesc p,
	.menu .menuPrice p,
	.menu .menuTitle p {
		margin-left: 1rem;
		margin-right: 1rem;
	}
	
	.menuIntro p {
		margin-right: 10%;
		margin-left: 10%;
	}
	
	.menu .menuPhoto {
		margin-right: 2rem;
		margin-left: 1rem;	
	}
	
	.menu .menuPhoto img {
		display: block;
		width: 100%;
		border-radius: 10px;
	}
	
	.twoColumn {
		column-count: 1;
	}
		
	.twoColumn p:first-of-type::first-letter {
		font: 7rem 'Cinzel', serif;
		background-color: #3b3939;
		padding: 1rem 1rem 0;
		margin-top: .8rem;
		margin-bottom: 0rem;
	}

	.featuresContent p {
		font-size: 2.5rem;
		line-height: 4rem;
		width: 80%;
	}
	
	.galText {
		margin-right: 5%;
		margin-left: 5%;
	}
	
	.galleryWrap .gallery {
		width: 90%;
		height: 60rem;
	}

	
}

@media (max-width: 750px) {
	
	html, body {
	    overflow-x: hidden;
	    position: relative;
	    width: 100%;
	}
	
	body {
	    -webkit-overflow-scrolling: auto;
	}
	
	p,
	ul li,
	table td {
		font-size: 2.2rem;
		line-height: 3.2rem;
	}
	
	.menu p,
	table th  {
		font-size: 2.5rem;
		line-height: 3.2rem;
	}
	
	.featuresContent h3 {
		font-size: 5rem!important;
		line-height: 6rem!important;
	}
	
	.featuresContent p {
		font-size: 2.7rem;
		line-height: 3.9rem;
	}
	
	p.address {
		font-size: 4rem!important;
		line-height: 5rem!important;
	}
	
	.contactLink a {
		font-size: 3rem!important;
		line-height: 5rem!important;
	}
		
	header {
		height:100vh;
	}
	
	header .topImage {
		flex: 1;
		width: 100%;
		position: absolute;
		inset: 0;
	}
	
	header .topImage::after {
		content: "";
		position: absolute;
		inset:0;
		background-color: rgba(0, 0, 0, 0.8);
	}
	
	header .topBar {
		height: 100%;
		position: absolute;
		inset: 0rem;
		display: flex;
		flex-flow: column nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		z-index: 1;
		margin-top: 0%;
	}
	
	header .topBar .topLogo {
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-end;
		align-items: center;
		width: 100%;
		padding-top: 2rem;
		position: relative;
		text-align: center;
		margin-bottom: 2rem;
	}
	
	header .topBar .topLogo img {
		height: 100%;
		object-fit:contain;
		object-position: center bottom;
		width: 90%;
	}
	
	header .topBar .topDetails {
		flex: 1;
		display: flex;
		flex-flow: column nowrap;
		align-items: center;
		text-align: center;
		color: white;
		padding-right: 1rem;
		padding-left: 1rem;
	}
	
	header .topBar .topDetails .contactTop {
		font: 3rem/4rem var(--petrona);
		padding-bottom: 2rem;
	}
	
	header .topBar .topDetails .newsTop {
		padding: 1rem;
		font: 3.2rem var(--fjalla);
		border: 1px solid white;
		width: 90%;
		opacity: 1;
		background-color: black;
		border-radius: 10px;
	}
	
	header .topBar .topDetails .newsTop strong {
		font: normal normal 3.5rem var(--fjalla);
	}
	
	header .topBar .topDetails .contactTop a {
		color: red;
	}
	
	header .topBar .topDetails .contactTop a:hover {
		text-decoration: underline;
	}
	
	header .topBar .topDetails .contactTop .showBook {
		display: block;
		font-weight: bold;
		text-transform: uppercase;
		color: red;
		margin-top: 2rem;
		margin-bottom: 2rem;
		background-color: white;
		padding: .5rem;
		border-radius: 1rem;
	}
	
		.topContent header .topImage > div {
		height: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.topContent header .topImage > div img {
		flex: 1;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	.topContent header .topImage .topLayer img {
		opacity: 0;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	header .topBar .topShapeLeftWrap {
		display: none;
	}
	
	header .topBar .topDetails .openingTop {
		font-weight: bold;
	}
	
	header .topBar .topDetails .newsTop strong {
		display: block;
		margin-bottom: 1rem;
	}
	
	header .topBar .topDetails .newsTop strong em {
		display: none;
	}
	
	.topNavTrigger {
		display: none;
	}
	
	.fullWidthQuote .caption p {
		font-size: 2.5rem;
		line-height: 3.5rem;
	}
	
	.mobileNav {
		position: fixed;
		right: 2rem;
		top: 1rem;
		z-index: 8;
		display: block;
		width: 150px;
	}
	
	.mobileNavWrap {
		background-color: #ecb246;
		display: block;
		border-radius: 10px;
		padding: 1rem 2rem;
		box-shadow: 0 1px 5px black;
		border: 1px solid black;
		display: none;
		flex-flow: column wrap;
		justify-content: space-around;
		align-items: center;
		align-content: center;
		transform-origin: top right;
		scale: 0;
		transition: all .5s ease-in-out 0s;
		top: 1rem;
		right: 1rem;
		position: relative;
	}
	
	.showMobile .mobileNavWrap {
		scale: 1;
		translate: 0 1rem;
	}
		
	.mobileNavWrap a {
		font: 3rem var(--fjalla);
		padding: 1rem;
		border-bottom: 1px solid black;
		width: 100%;
		text-align: center;
	}
		
	.mobileNav a:last-child {
		border-bottom-style: none;
	}
		
	.menuWrap {
		cursor: pointer;
		position: absolute;
		z-index: 40;
		background-color: #efc069;
		right: 0;
		top: 0;
		padding: 1.5rem 1rem;
		border-radius: 25px;
		border: 1px solid black;
		transition: all .5s ease-in-out 0s;
	}
	
	.showMobile .menuWrap {
		scale: .6;
		translate: 2rem -1rem;
		background-color: red;
	}
	
	.burgerMenu {
		display: flex;
		flex-direction: column;
		justify-content: space-around;
		width: 40px;
		height: 30px;
	}
	
	.burgerMenu .bar {
		height: 4px;
		width: 100%;
		background-color: #333;
		transition: all 0.3s ease;
	}
	
	.showMobile .burgerMenu .top {
		transform: translateY(12px) rotate(45deg);
		background-color: white;
	}
	
	.showMobile .burgerMenu .middle {
		opacity: 0;
	}
	
	.showMobile .burgerMenu .bottom {
		transform: translateY(-12px) rotate(-45deg);
		background-color: white;
	}
	
	.topTitle {
		margin-top: 0rem;
	}
	
	.featuresTitle {
		display: none;
	}
	
	#panels h2 {
		color: white;
	}
	
	#panels #panels-container {
		height: 100vh;
	}
	
	#panels #panels-container .panel {
		height: calc(100vh - 20rem);
		top: -5rem;
	}
	
	#info {
		display: block;
	}
	
	.switchBoxNav span {
		display: none;
	}
	
	.openingHoursWrap p {
		margin: 3rem 0 0;
	}
	
	.switchBox .switchBoxContentWrap .switchBoxContent {
		margin-right: 0rem;
		margin-left: 0rem;
		padding-top: 5rem;
	}
	
	.switchBox .switchBoxNav {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-around;
		align-items: center;
		align-content: center;
		margin-bottom: -4rem;
	}
	
	ul.faq {
		margin-right: 0rem;
		margin-left: 0rem;
		padding: 0;
	}
	
	ul.faq li {
		margin-right: 0rem!important;
		margin-left: 0rem!;
		padding: 0!important;
	}
	
	.findUsBox > div {
		padding: 1rem;
		margin: 0rem;
	}
	
	.findUsBox > div:nth-of-type(1) {
		flex: 1;
		margin-right: 0rem;
	}
	
	.findUsBox > div:nth-of-type(1) iframe {
		flex: 1;
		margin-right: 0rem;
		height: 40vh;
	}
	
	.findUsBox > div:nth-of-type(2) {
		display: none;
	}
	
	.reviewWrap {
		width: 100%;
		margin-left: 0;
		margin-top: 1rem;
	}
	
	.switchBox .switchBoxNav .switch-btn {
		flex: 1;
	}
	
	.switchBox .switchBoxNav button {
		margin-bottom: 2rem;
	}
	
	.switchBox .switchBoxNav button:nth-child(2) {
		margin-right: 0rem;
		margin-left: 0rem;
	}
	
	.switchBox .switchBoxNav button:nth-child(3) {
		margin-right: 2rem;
		margin-left: 2rem;
	}
	
	.switchBox .switchBoxNav button:nth-child(4) {
		margin-right: 2rem;
	}
	
	#contact > div {
		margin-right: 2rem;
		margin-left: 2rem;
	}
	
	.openingHoursWrap {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}
	
	.openingHoursWrap table {
		width: 100%;
	}
	
	.contactBox div.left,
	.contactBox div.right {
		display: none;
	}
	
	.contactBox div.content {
		flex: 1;
	}
	
	.contactBlock {
		border: 1px solid var(--darkGray);
		margin-right: 5%;
		margin-left: 5%;
	}
	 
	.contactBlock > div {
		margin: 1rem;
	}
	
	#end {
		margin-top: -23rem;
	}
	
	#end img {
		height: 50vh;
		width: 100%;
		object-fit: cover
	}
	
	.thanks {
		text-align: center;
		margin-top: -15rem;
	}
	
	.thanks h4 {
		font: 7rem/7rem var(--petrona);
		bottom: 10rem;
		margin-left: 0;
	}
	
	.thanks h4 br {
		display: block;
	}
	
	.bottomLayer img {
		display: none;
	}
	
	.topContent header .topImage .topLayer img {
		opacity: 1;
	}
	
	.blogPop p.meta {
		align-self: center;
		margin-bottom: 4rem;
	}
	
	header .topBar .topDetails .newsTop .newsTopFlex {
		display: flex;
		flex-flow: column nowrap;
		justify-content: flex-start;
		align-items: center;
		cursor: pointer;
	}
	
	header .topBar .topDetails .newsTop .newsTopFlex strong {
		font-weight: normal;
		font-style: normal;
		text-transform: uppercase;
	}
		
	header .topBar .topDetails .newsTop .newsTopFlex #loadIntoFirstHeadline h3 {
		margin: 0 0 0 1rem;
		color: red;
		text-transform: uppercase;
		font-size: 5rem;
	}
	
	header .topBar .topDetails .newsTop #loadIntoFirstHeadline h3:hover {
		color: red;
	}
	
	.closeBlogSide {
		width: 5rem;
		height: 5rem;
		background-color: red;
		font-size: 4rem;
		color: white;
		display: flex;
		flex-flow: row nowrap;
		justify-content: space-around;
		align-items: center;
		align-content: center;
		border-radius: 100%;
		box-shadow: 0 1px 2px black;
		position: absolute;
		top: -2rem;
		right: auto;
		cursor: pointer;
		left: -1rem;
	}
			
	.bookPopWrap .bookPopOuter .bookPopInner {
		width: calc(100vw - 15px);
		height: 100vh;
		padding: 3rem;
		border-width: 1px;
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		align-content: center;
	}
	
	.bookPopWrap .bookPopOuter .bookPopInner .bookPopScroller {
		inset: 0rem;
		width: 100vw;
		height: 100vh;
		position: relative;
		top: 0vh;
	}
	
	.bookPopWrap .bookPopOuter .bookPopInner .bookPopScroller h2 {
		text-align: center;
		color: white;
		font-size: 4rem;
		margin: 5rem 0 5rem;
		line-height: 5rem;
	}
	
	.bookPopWrap .bookPopOuter .bookPopInner .bookPopScroller h2 em {
		display: none;
	}
	
	.bookPopWrap .bookPopOuter .bookPopInner .bookPopScroller .bookingDetails {
		margin: 0;
		font-size: 2.7rem;
		line-height: 4rem;
	}
	
	.blogPopWrap .blogPop {
		height: 80vh;
	}
		
}

@media (max-width: 600px) {

	.newsBarWrap .newsBar .newsArticles .article:nth-last-of-type(3) {
		display: none;
	}
	
}

@media only screen and (max-height: 844px) {

.openingTop {
	display: none;
}

}

/* @end */