/*#region - Variables*/
:root {
	--text-font: 'Tahoma', Arial, san-serif;
	--heading-font: 'Trebuchet MS';
	--page-background: white;
	--header-background: white;
	--content-background:white;
	--footer-background:#444;
	--heading-colour: navy;
	--text-colour:#444;
	--hyperlink-colour: navy;
	--block-background-colour:rgba(67,67,67,.3);
	--block-subbackground-colour:rgb(0,0,0,.15);
	--block-text-colour:white;
	--block-hover-colour:yellow;
	--footer-text-colour:white;
}
/*#endregion*/
/*#region - Normalise*/
/*
MARK: Normalise
*/
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%
	overflow-x:hidden;
}

body {
	margin: 0;
	overflow-x:hidden;
}

main {
	display: block
}

h1,h2,h3,h4,h5,h6 {text-wrap:balance;}

h1 {
	font-size: 2em;
	margin: .67em 0
}

hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}

pre {
	font-family: monospace, monospace;
	font-size: 1em
}

p, li {text-wrap:pretty;}

a {
	background-color: transparent
}

abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}

b,
strong {
	font-weight: bolder
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em
}

small {
	font-size: 80%
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

img {
	border-style: none
}

button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}

button,
input {
	overflow: visible
}

button,
select {
	text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
	-webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
	border-style: none;
	padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
	outline: 1px dotted ButtonText
}

fieldset {
	padding: .35em .75em .625em
}

legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal
}

progress {
	vertical-align: baseline
}

textarea {
	overflow: auto
}

[type=checkbox],
[type=radio] {
	box-sizing: border-box;
	padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit
}

details {
	display: block
}

summary {
	display: list-item
}

template {
	display: none
}

[hidden] {
	display: none
}

/*#endregion*/
/*#region - Lightbox*/
/*
MARK: Lightbox
*/
#baguetteBox-overlay {
	display: none;
	opacity: 0;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	background-color: #222;
	background-color: rgba(0, 0, 0, .8);
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease
}

#baguetteBox-overlay.visible {
	opacity: 1
}

#baguetteBox-overlay .full-image {
	display: inline-block;
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center
}

#baguetteBox-overlay .full-image figure {
	display: inline;
	margin: 0;
	height: 100%
}

#baguetteBox-overlay .full-image img {
	display: inline-block;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%;
	vertical-align: middle;
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	box-shadow: 0 0 8px rgba(0, 0, 0, .6)
}

#baguetteBox-overlay .full-image figcaption {
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	text-align: center;
	line-height: 1.8;
	white-space: normal;
	color: #ccc;
	background-color: #000;
	background-color: rgba(0, 0, 0, .6);
	font-family: sans-serif
}

#baguetteBox-overlay .full-image:before {
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right: -1px
}

#baguetteBox-slider {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	white-space: nowrap;
	-webkit-transition: left .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, -webkit-transform .4s ease;
	transition: left .4s ease, transform .4s ease;
	transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease
}

#baguetteBox-slider.bounce-from-right {
	-webkit-animation: bounceFromRight .4s ease-out;
	animation: bounceFromRight .4s ease-out
}

#baguetteBox-slider.bounce-from-left {
	-webkit-animation: bounceFromLeft .4s ease-out;
	animation: bounceFromLeft .4s ease-out
}

@-webkit-keyframes bounceFromRight {

	0%,
	100% {
		margin-left: 0
	}

	50% {
		margin-left: -30px
	}
}

@keyframes bounceFromRight {

	0%,
	100% {
		margin-left: 0
	}

	50% {
		margin-left: -30px
	}
}

@-webkit-keyframes bounceFromLeft {

	0%,
	100% {
		margin-left: 0
	}

	50% {
		margin-left: 30px
	}
}

@keyframes bounceFromLeft {

	0%,
	100% {
		margin-left: 0
	}

	50% {
		margin-left: 30px
	}
}

.baguetteBox-button#next-button,
.baguetteBox-button#previous-button {
	top: 50%;
	top: calc(50% - 30px);
	width: 44px;
	height: 60px
}

.baguetteBox-button {
	position: absolute;
	cursor: pointer;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
	-moz-border-radius: 15%;
	border-radius: 15%;
	background-color: #323232;
	background-color: rgba(50, 50, 50, .5);
	color: #ddd;
	font: 1.6em sans-serif;
	-webkit-transition: background-color .4s ease;
	transition: background-color .4s ease
}

.baguetteBox-button:focus,
.baguetteBox-button:hover {
	background-color: rgba(50, 50, 50, .9)
}

.baguetteBox-button#next-button {
	right: 2%
}

.baguetteBox-button#previous-button {
	left: 2%
}

.baguetteBox-button#close-button {
	top: 20px;
	right: 2%;
	right: calc(2% + 6px);
	width: 30px;
	height: 30px
}

.baguetteBox-button svg {
	position: absolute;
	left: 0;
	top: 0
}

.baguetteBox-spinner {
	width: 40px;
	height: 40px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px
}

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
	width: 100%;
	height: 100%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	opacity: .6;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: bounce 2s infinite ease-in-out;
	animation: bounce 2s infinite ease-in-out
}

.baguetteBox-double-bounce2 {
	-webkit-animation-delay: -1s;
	animation-delay: -1s
}

@-webkit-keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bounce {

	0%,
	100% {
		-webkit-transform: scale(0);
		-moz-transform: scale(0);
		transform: scale(0)
	}

	50% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1)
	}
}

/*#endregion*/
/*#region - Defaults*/
/*
MARK: Defaults
*/

html {
	position: relative;
	min-height: 100%;
}

body,
html {
	font-size: 62.5%;
}

body {
	background-color: var(--page-background);
}

body * {
	box-sizing: border-box;
}

header {
	background-color: var(--header-background);
	box-shadow: 0 0 10px #777;
	transition: background-color 0.5s;
	transition: top 0.5s;
}

article {
	background-color: var(--content-background);
}

* {
	font-family: var(--text-font);
}

article a,
article a * {
	color: var(--hyperlink-colour);
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--heading-font);
	color: var(--heading-colour);
}

strong {
	font: inherit;
	font-size: inherit;
	font-weight: 600;
}

p {
	margin-top: 0;
	margin-bottom: 20px;
}

article div > p:last-child {
	margin-bottom: 0;
}

img {
	vertical-align: middle;
}

ul {
	margin-bottom: 20px;
}

article ul,
article ol {
		margin-left: 40px;
}

a {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	font-style: inherit;
}

.black {
	color: black;
}

.white {
	color: white;
}

body {
	display: grid;
	min-height: 100vh;
	grid-template-rows: min-content auto min-content;
}

.alignright {
	float: right;
	margin-left: 10px
}

.alignleft {
	float: left;
	margin-right: 10px
}

.aligncenter {
	margin: 0 auto;
	text-align: Center;
}

.clear {
	clear: both;
	height: 0;
	overflow: hidden
}

/* Header ---------------------------------------------------------------------------- */

header {
    position:fixed;
    top:20px;
    left:20px;
    right:20px;
    padding:20px 40px;
    border-radius:10px;
    z-index:10000;
}

header .content-area {
    display:grid;
    grid-template-columns: auto auto;
    gap:20px;

}

.header-info .social-icon {
	margin: 0 0 0 10px;
}

.logo {
	text-align: center;
	font-size: 3.6rem;
	line-height: 1.4;
	padding: .5em 0;
}

.site-logo {
	max-width: 90%;
	width: auto;
}

header .header-info {
	text-align: center;
}


/* Layout ---------------------------------------------------------------------------- */
article {
	padding: 0 0rem;
}

article img {
	max-width: 100%;
	height: auto;
}

article:after {
	content: '';
	display: table;
	clear: both;
}

article iframe {
	width: 100%;
	aspect-ratio: 16 / 9;
}

//default google maps, youtube etc.

article .page-title {
	margin-top: 4.5rem;
}

figure {
	position: relative;
	max-width: 100%;
}
figure img {
	margin: 0;
	width: 100%;
}

figure figcaption {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	background-color: rgba(0, 0, 0, .6);
	color: white;
	font-size: 75%;
}


#baguetteBox-overlay .full-image figure {
	position: unset;
}

.has-text-align-center {
	text-align: center;
}

figure.alignleft {
	margin-right: 0px;
	margin-bottom: 2.0rem;
	float: none;
}

figure.alignright {
	margin-right: 0px;
	margin-bottom: 2.0rem;
	float: none;
}

figure.aligncenter {
	margin-bottom: 2rem;
}

.wp-caption {
	border: 0;
	border-radius: 0;
	color: #888;
	max-width: 100%;
	text-align: center;
}

.wp-caption p.wp-caption-text {
	margin: 0 0 .4em;
}

/* Footer ---------------------------------------------------------------------------- */
footer {
	background-color: var(--footer-background);
	padding: 1em 0;
	color: var(--footer-text-colour);
	text-align: center;
	width:100%;
}
footer * {
	color: var(--footer-text-colour);
}

footer p {
	margin-bottom: 0;
}

footer .social-icons a {
	margin: 0;
}

footer .copyright i {
	margin: 0 .5rem;
}

/* Comments ---------------------------------------------------------------------------- */
.comments-area {
	background-color: rgba(0, 0, 0, .2);
	margin: 3em 0;
	padding: 2%;
}
.comments-area h2 {
	margin-top: 0;
}

.comments-area label {
	clear: both;
	display: block;
}

.comments-area textarea {
	width: 100%;
	height: 60px;
}

.comments-area .comment-list {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
.comments-area .comment-list li {
	margin-left: 0;
	background-color: rgb(250, 250, 250);
	padding: 2%;
	margin-bottom: .5rem;
}

.comments-area input[type=text],
.comments-area input[type=email],
.comments-area input[type=url] {
	width: 100%;
}

.comments-area .comment-form-cookies-consent label {
	clear: none;
	display: inline-block;
}


/* Widgets ---------------------------------------------------------------------------- */
.widget-area ul {
	list-style-type: none;
	padding: 1.2rem;
	margin: 0;
}

.widget-area ul li {
	padding: 0;
	margin: 0;
}

.widget-title {
	display: none;
}

.side-bar {
	margin: 0;
	margin-bottom: 2.5em;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	padding: 1em 0;
}
.side-bar ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.side-bar ul li {
	float: left;
	display: inline-block;
	margin-right: 4rem;
}
.side-bar ul li select {
	margin: 0 1rem;
	color: black;
	font-size: 75%;
}
.side-bar ul li * {
	color: black;
}

.side-bar ul li:after {
	clear: both;
	display: table;
	content: '';
}

/* Posts layout
---------------------------------------------------------------------------- */
.posts-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 2em;
	margin: 2em 0;
}

.post-layout {
	background-color: var(--block-background-colour);
	padding: 2em;
	position: relative;
	padding-bottom: 10em;
}
.post-layout h2 {
	margin-bottom: 1em;
	text-align: center;
}

.post-thumbnail {
	width: 100%;
	height: 250px;
	background-size: cover;
	background-position: center;
	margin-bottom: 2em;
}

.post-time {
	text-align: center;
}

.posts-button {
	position: absolute;
	bottom: 2em;
	left: 2em;
	right: 2em;
	text-align: center;
	line-height: 1.4;
	background-color: var(--block-background-colour);
	color: var(--block-text-colour);
	transition: all .4s;
}
.posts-button:hover {
	background-color: var(--block-text-colour);
	color: var(--block-background-colour);
	text-decoration: none;
}

input[type='submit'],
.woocommerce ul.products li.product .button {
	text-align: center;
	background-color: var(--block-background-colour);
	border: none;
	color: var(--block-text-colour);
	padding: .7em 4%;
	transition: all .4s;
}
input[type='submit']:hover,
.woocommerce ul.products li.product .button:hover {
	background-color: var(--block-text-colour);
	color: var(--block-background-colour);
	text-decoration: none;
}

input[type=submit].search-submit {
	line-height: 30px;
}

/*#endregion*/
/*#region - Headers */
/*
MARK: Headers
*/

.header-image {
	width: 100%;
	position: relative;
	height: 100vh;
}

.header-image .hero-image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1000;
	width: 100%;
	height: 100%;
	height: 100vh;
	list-style: none;
}

.header-image .hero-image li {
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	position: relative;
}

.header-image .hero-image ul li {
	position: relative;
}

.header-image .hero-image li .content-section {
	position: relative;
	height: 100%;
}

.header-image .hero-spacer {
	width: 100%;
	height: 100%;
	height: 100vh;
}

/* Standard Slideshow */
.slideshow {
	width: 100%;
	height: 0;
	list-style: none;
	position: relative;
	margin-bottom: 0;
}

.slideshow:after {
	content: "";
	display: table;
	clear: both;
}

.slideshow li {
	width: 100%;
	position: absolute;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.slideshow li .content-section {
	position: relative;
	height: 100%;
}

.header-static-image,
.header-static-image .content-section {
	position: relative;
	height: 100%;
}

.header-static-image .slideshow-caption,
.slideshow li .slideshow-caption,
.hero-image li .slideshow-caption .slideshow-caption,
.header-image .hero-image li .slideshow-caption {
	position: absolute;
	z-index: 100;
	text-align: center;
	bottom: 5%;
	right: 5%;
	left: 5%;
	margin-bottom: 2%;
	display: inline-block;
	padding: 10px 20px;
	background-color: rgba(0, 0, 0, 0.6);
	color: white;
	font-size: 2.4em;
	font-style: normal;
	line-height: 1.4;
}

.header-static-image .slideshow-caption span,
.slideshow li .slideshow-caption span,
.hero-image li .slideshow-caption .slideshow-caption span,
.header-image .hero-image li .slideshow-caption span {
	display: block;
	color: white;
	font-size: 1.8em;
	line-height: 2;
}

.header-image .hero-image li .slideshow-caption,
.slideshow li .slideshow-caption,
.header-static-image .slideshow-caption {
	background-color: transparent;
	bottom: 15%;
	right: 5%;
	left: 5%;
	width: auto;
	font-size: 200%;
	text-align: center;
}

.slideshow-wrapper {
	position: relative;
}

.cycle-pager {
	display: none;
	position: absolute;
	bottom: 1rem;
	left: 0;
	right: 0;
	text-align: center;
	color: white;
	z-index: 900;
}

.cycle-pager span i {
	color: white;
	text-shadow: 0 0 8px #000;
	font-size: 1.2rem;
	margin: 0 0.5rem;
}

.cycle-pager span.cycle-pager-active i {
	color: rgba(255, 255, 255, 0.5);
}

.cycle-next,
.cycle-prev {
	display: none;
	position: absolute;
	bottom: 50%;
	left: 2%;
	z-index: 900;
}

.cycle-next i,
.cycle-prev i {
	color: rgba(255, 255, 255, 0.5);
	font-size: 3.6rem;
}

.cycle-next i:hover,
.cycle-prev i:hover {
	color: white;
}

.cycle-next {
	left: auto;
	right: 2%;
}

header .header-grid {
	display: grid;
	/* no space for phones */
	grid-template-columns: 1fr auto 1fr;
	gap: 20px;
}

header .header-grid .header-left-grid,
header .header-grid .header-right-grid {
	display: flex;
	align-items: center;
	gap: 1em;
}

header .header-grid .header-left-grid div.header-button,
header .header-grid .header-right-grid div.header-button {
	display: none;
	text-align: center;
}

header .header-grid .header-left-grid div.header-button img,
header .header-grid .header-right-grid div.header-button img {
	height: 8rem;
	opacity: 1;
	transition: opacity 0.5s;
}

header .header-grid .header-left-grid div.header-button img:hover,
header .header-grid .header-right-grid div.header-button img:hover {
	opacity: 0.7;
}

header .header-grid .header-button-alignment-centre {
	justify-content: center;
}

header .header-grid .header-button-alignment-leftright {
	justify-content: start;
}

header .header-grid .header-right-grid.header-button-alignment-leftright {
	justify-content: end;
}

@media screen and (min-width: 600px) {

	.header-image .hero-image li .slideshow-caption,
	.slideshow li .slideshow-caption,
	.header-static-image .slideshow-caption {
		bottom: 5%;
		right: 4%;
		width: auto;
		left: 4%;
	}

	.header-image .hero-image li .slideshow-caption {
		background-color: transparent;
		bottom: 15%;
		right: 5%;
		left: 5%;
		width: auto;
		font-size: 200%;
		text-align: center;
	}
}

@media screen and (min-width: 800px) {
	header .logo {
		width: auto;
	}

	header .header-info {
		float: right;
		text-align: right;
	}

	.header-info .social-icon a {
		margin: 0 0 0 0.5rem;
	}

	.header-info .social-icon a i {
		font-size: inherit;
	}

	header:after {
		content: "";
		display: table;
		clear: both;
	}

	.cycle-pager {
		display: block;
	}

	.cycle-next,
	.cycle-prev {
		display: block;
	}

	header .header-grid {
		display: grid;
		gap: 1rem;
	}

	header .header-grid .header-left-grid,
	header .header-grid .header-right-grid {
		display: flex;
		gap: 0.5rem;
	}

	header .header-grid .header-left-grid div.header-button,
	header .header-grid .header-right-grid div.header-button {
		display: block;
	}

	header .header-grid .header-left-grid div.header-button img,
	header .header-grid .header-right-grid div.header-button img {
		height: 6rem;
	}
}

@media screen and (min-width: 992px) {
	header .header-grid {
		gap: 2rem;
	}

	header .header-grid .header-left-grid,
	header .header-grid .header-right-grid {
		display: flex;
		gap: 1rem;
	}

	header .header-grid .header-left-grid div.header-button img,
	header .header-grid .header-right-grid div.header-button img {
		height: 8rem;
	}
}

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

	.header-image .hero-image li .slideshow-caption,
	.slideshow li .slideshow-caption,
	.header-static-image .slideshow-caption {
		right: 4%;
	}
}

/*#endregion*/
/*#region - Menus*/
/*
MARK: Menus
*/
.searchbar {
	border-width: 0;
}

.searchbar,
.languagebar {
	display: none;
	position: relative;
	border-bottom: 1px solid rgba(94, 67, 67, 0.3);
}

.searchbar input,
.languagebar input {
	border-width: 0;
	width: 90%;
	outline-style: none;
}

.searchbar .pageContainer,
.languagebar .pageContainer {
	position: relative;
}

.search-icon {
	line-height: 44px;
	z-index: 3;
}

.search-icon * {
	font-size: inherit;
}

.search-icon a {
	margin-left: 1rem;
}

.search-icon a i {
	font-size: inherit;
}

.menu-extras {
	text-align: right;
	white-space: nowrap;
}

.languagebar .search-icon *,
.searchbar .search-icon * {
	color: black;
}

.languagebar {
	overflow: hidden;
}

.languagebar * {
	height: 44px;
}

.languagebar .search-icon {
	margin-right: 8%;
}

.searchbar .search-icon {
	margin-right: 8%;
}

.languagebar .goog-te-gadget-simple {
	border-width: 0;
	width: 100%;
}

/* MAIN DESKTOP/TABLET MENU - - - - - - - - - - - - - - - - - - */
.menu-container {
	display: block;
    align-self: center;
}

.menu-container .content-section {
    max-width: var(--wp--style--global--content-size);
    margin-inline: auto;
}

.mobile-menu-container {
	display: none;
	z-index: 1000;
    align-self: center;
    position: absolute;
    top: 41px;
    right: 0;
    left: 0;
}

.mobile-menu-toggle {
    display: none;
}
.mobile-menu-container {
	background-color: rgb(200, 200, 200);
	/* desktop styles */
	/* display submenu on hover */
}

.menu-container::after,
.mobile-menu-container::after {
	content: "";
	display: table;
	clear: both;
}

.menu-container a,
.mobile-menu-container a {
	text-decoration: none;
}

.menu-container .social-icons,
.mobile-menu-container .social-icons {
	text-align: center;
}

.menu-container .social-icons a,
.mobile-menu-container .social-icons a {
	margin: 0 0.5rem;
}

.menu-container .social-icons i,
.mobile-menu-container .social-icons i {
	font-size: 3.6rem;
}

.menu-container ul,
.mobile-menu-container ul {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}

.menu-container ul li,
.mobile-menu-container ul li {
	display: inline-block;
	position: relative;
	float: left;
	padding-left:20px;
}

.menu-container ul li a,
.mobile-menu-container ul li a {
	display: block;
}

.menu-container ul li a:hover,
.mobile-menu-container ul li a:hover {
	text-decoration: none;
}

.menu-container ul ul,
.mobile-menu-container ul ul {
	/* sub menus */
	display: none;
	position: absolute;
	top: 44px;
	z-index: 2000;
	left: 0;
	height: auto;
}

.menu-container ul ul li,
.mobile-menu-container ul ul li {
	display: list-item;
	position: relative;
	padding: 0 2rem !important;
	text-align: left;
}

.menu-container nav .main-nav,
.mobile-menu-container nav .main-nav {
	display: flex;
	flex-direction: row;
	justify-content: right;
	align-items:center;
}

.menu-container nav .main-nav .menu-item a{
    color: #333;
}
.menu-container nav .main-nav .menu-item a:hover{
    color: #9a5a25;
}
.menu-container .menu-align-left .main-nav,
.menu-container .menu-align-centre .main-nav,
.menu-container .menu-align-right .main-nav,
.mobile-menu-container .menu-align-left .main-nav,
.mobile-menu-container .menu-align-centre .main-nav,
.mobile-menu-container .menu-align-right .main-nav {
	width: -moz-fit-content;
	width: fit-content;
}

.menu-container .main-nav > li,
.mobile-menu-container .main-nav > li {
	text-align: center;
	transition: background-color 0.5s;
}

.menu-container .main-nav > li:hover,
.mobile-menu-container .main-nav > li:hover {
	background-color: white;
}

.menu-container .menu-align-centre .main-nav,
.mobile-menu-container .menu-align-centre .main-nav {
	margin: 0 auto;
}

.menu-container .menu-align-centre .main-nav > li,
.mobile-menu-container .menu-align-centre .main-nav > li {
	margin: 0;
	flex-basis: fit-content;
	width: auto;
}

.menu-container .menu-align-right .main-nav,
.mobile-menu-container .menu-align-right .main-nav {
	margin: 0 0 0 auto;
	justify-content: flex-end;
}

.menu-container .menu-align-left .main-nav,
.mobile-menu-container .menu-align-left .main-nav {
	justify-content: flex-start;
}

.menu-container .menu-section ul li,
.mobile-menu-container .menu-section ul li {
	margin: 0 auto;
	padding: 0 8%;
	width: 100%;
}

.menu-container .menu-align-left ul li,
.menu-container .menu-align-right ul li,
.mobile-menu-container .menu-align-left ul li,
.mobile-menu-container .menu-align-right ul li {
	padding: 0 8%;
}

.menu-container nav ul ul ul,
.mobile-menu-container nav ul ul ul {
	/*third level menus! If using this it is important to fix width the submenu above*/
	display: none !important;
}

.menu-container nav ul ul ul li,
.mobile-menu-container nav ul ul ul li {
	position: relative;
	top: -60px;
	left: 170px;
	/*left should match the width of submenu*/
}

.menu-container ul li:hover > ul,
.mobile-menu-container ul li:hover > ul {
	display: inherit;
}

.menu-container .menu-item-has-children > a::after,
.mobile-menu-container .menu-item-has-children > a::after {
	content: " ▼";
	font-size: 75%;
}

.menu-container li > a:only-child:after,
.mobile-menu-container li > a:only-child:after {
	content: "";
}

.menu-container nav,
.mobile-menu-container nav {
	display: grid;
	grid-template-columns: 1fr auto;
}

.menu-container nav .main-nav > li,
.mobile-menu-container nav .main-nav > li {
	white-space: nowrap;
}

.current-menu-item a,
.main-nav a:hover {
	/* .main-nav .current_page_item a, */
	color: black;
}

.mobile-menu-container {
	text-align: center;
	/* display submenu on hover */
	/* mobile menu button - hidden checkbox hack */
}

.mobile-menu-container ul li:hover > ul {
	display: inherit;
}

.mobile-menu-container nav .main-nav {
	display: none;
	width: 100%;
}

.mobile-menu-container nav .main-nav > li {
	padding: 0;
	text-align: center;
	width: 100%;
}

.mobile-menu-container .menu-extras {
	position: absolute;
	top: 0;
	right: 8%;
}

.mobile-menu-container nav {
	margin: 0;
	display: block;
	position: relative;
}

.mobile-menu-container .menu-main-menu-container svg {
	margin-top: 5px;
	color: white;
}

.mobile-menu-container .toggle,
.mobile-menu-container [id^=drop] {
	display: none;
	text-align: right;
}

.mobile-menu-container .toggle + a,
.mobile-menu-container .main-nav {
	display: none;
}

.mobile-menu-container .toggle {
	display: block;
	text-decoration: none;
	border: none;
	padding: 0 8%;
	/* content-section margin size */
}

.mobile-menu-container .toggle i {
	color: inherit;
	font-size: inherit;
	transition: all 0.5s;
}

.mobile-menu-container .toggle span {
	float: right;
	color: inherit;
	font-size: inherit;
	line-height: inherit;
}

.mobile-menu-container [id^=drop]:checked + .main-nav,
.mobile-menu-container [id^=drop]:checked + .sub-menu {
	display: block;
	position:absolute;
	top:95px;
	border-radius: 10px;
    overflow: hidden;
}

.mobile-menu-container ul li {
	border-top: 1px solid rgba(255, 255, 255, 0);
}

.mobile-menu-container ul li a {
	padding: 0 8%;
	min-height: 44px;
	line-height: 44px;
	text-overflow: ellipsis;
}

.mobile-menu-container nav ul li {
	display: block;
	width: 100%;
}

.mobile-menu-container nav ul ul {
	border-bottom: 5px solid rgba(0, 0, 0, 0);
}

.mobile-menu-container nav ul ul .toggle,
.mobile-menu-container nav ul ul a {
	padding: 0 12%;
}

.mobile-menu-container nav ul ul ul a {
	padding: 0 16%;
}

.mobile-menu-container nav ul ul {
	float: none;
	position: static;
	color: #ffffff;
}

.mobile-menu-container nav ul ul li:hover > ul,
.mobile-menu-container nav ul li:hover > ul {
	display: none;
}

.mobile-menu-container nav ul ul li {
	display: block;
	width: 100%;
}

.mobile-menu-container nav ul ul ul li {
	position: static;
}

.mobile-menu-container .menu-align-flex ul > li {
	flex: 0;
	text-align: left;
}

/* MOBILE MENU SWITCH OVER - - - - - - - - - - - - - - - - - - */
@media screen and (max-width: 1200px) {

	/* mobiletrigger */
	.menu-container {
		display: none;
	}

	.mobile-menu-container {
		display: block;
	}
}

/* Footer Menu */
footer .menu {
	margin: 0px;
	padding: 0;
}

footer .menu li {
	display: inline-block;
	padding: 0 10px;
}

footer .social-icons {
	padding: 10px 0;
}

footer .social-icons a {
	margin: 0 5px;
}

footer .social-icons i {
	line-height: inherit;
	font-size: inherit;
}

/*#endregion*/
/*#region - Gutenberg Blocks*/
/*
MARK: Gutenerg Blocks
*/

article .content-section > * {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}



@media (min-width:1100px){

    article .content-section > * {
        max-width: var(--wp--style--global--content-size);
        margin-left: auto;
        margin-right: auto;
        padding-inline:0;
    }


}



.has_text_align_center {
	text-align: center;
}

.wp-block-column,
.wp-block-embed,
.wp-block-separator,
.wp-block-image,
.wp-block-table,
.wp-block-quote,
.wp-block-file,
.wp-block-cover {
	margin: 0 0 0em 0;
}

.wp-block-separator {
	margin-left: auto;
	margin-right: auto;
}

.wp-block-image,
.wp-block-image figure {
	display: block;
	max-width: 100%;
}

.wp-block-image figure img,
figure.wp-block-image img,
figure.wp-block-image a img {
	padding: 0;
	border-width: 0;
	max-width: 100%;
	vertical-align: middle;
	display: inline-block;
}

.wp-block-image.is-style-rounded img {
	border-radius: 10px !important;
}

.wp-block-table.has-fixed-layout {
	table-layout: fixed;
}

.wp-block-quote.is-style-large {
	text-align: center;
}

.wp-block-quote p {
	font-size: 100%;
	font-style: italic;
	position: relative;
}

.wp-block-quote p:last-child {
	margin-bottom: 0;
}

.wp-block-quote p::before {
	content: "“";
	position: absolute;
	left: 0;
	font-size: 8em;
	line-height: 1;
	color: inherit;
	font-style: italic;
	font-family: "Trebuchet MS";
	margin-left: -7px;
	top: -40px;
}

.wp-block-quote.is-style-large p::after {
	content: "“";
	position: absolute;
	display: block;
	font-size: 8em;
	line-height: 1;
	color: inherit;
	font-style: italic;
	font-family: "Trebuchet MS";
	right: 0;
}

.wp-block-file::after {
	content: "";
	display: table;
	clear: both;
}

.wp-block-cover.has-parallax {
	background-attachment: fixed;
}

.wp-block-separator {
	width: 30%;
}

.wp-block-separator.is-style-wide,
.wp-block-separator.is-style-dots {
	width: 100%;
}

.wp-block-pullquote {
	border-top: 4px solid rgba(94, 67, 67, 0.3);
	border-bottom: 4px solid rgba(94, 67, 67, 0.3);
	padding: 3em;
	text-align: center;
	margin: 0 0 20px 0;
}

.wp-block-pullquote figure {
	margin: 4%;
}

.wp-block-pullquote p {
	font-size: 2.8em;
	line-height: 1.6;
}

.wp-block-pullquote__citation {
	line-height: 1.8;
}

.wp-block-media-text {
	margin-bottom: 2em;
}

.wp-block-media-text figure {
	text-align: center;
	padding-bottom: 3em;
}

.wp-block-media-text img {
	max-width: 100%;
}

.wp-block-audio audio {
	width: 100%;
}

.wp-block-audio figcaption {
	background-color: transparent;
	position: relative;
	bottom: auto;
	left: auto;
	right: auto;
}

.wp-block-audio figcaption * {
	font-size: 95%;
}

.wp-block-video video {
	max-width: 100%;
	aspect-ratio: 16/9;
}

/* Styles for Tablets */
@media screen and (min-width: 800px) {
	.wp-block-file {
		text-align: left;
		display: block;
	}

	.wp-block-file a {
		display: inline-block;
	}

	.wp-block-file .wp-block-file__button {
		float: right;
	}

	.wp-block-file a:first-child {
		line-height: 37px;
	}

	.wp-block-media-text {
		margin: 0;
		margin-bottom: 2em;
		display: grid;
		gap: 2em;
	}

	.wp-block-media-text figure {
		text-align: center;
		padding-bottom: 3em;
	}

	.wp-block-media-text::after {
		content: "";
		display: table;
		clear: both;
	}
}

/* Final styles */
.noborder figure img,
.wp-block-image figure.noborder img,
figure.wp-block-image.noborder img,
.wp-block-image.noborder img {
	border: none;
}

/*#endregion*/
/*#region - Forms*/
/*
MARK: Forms
*/
.af-fields {
	padding-right: 3em;
}

.af-fields .af-field {
	border-width: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.af-fields .af-field label {
	font-weight: normal !important;
	color: #232c77;
}

.af-fields .af-field input:not([type=submit]),
select,
textarea {
	color: #333;
	border: 1px solid #ccc;
}


.af-fields div:nth-child(3) {
	/* remove padding from the first visible field displayed */
	padding-top: 0 !important;
}

.af-fields .af-submit {
	padding-left: 0 !important;
}

.af-fields .af-submit button {
	margin-top: 2em;
	border-style: solid;
	border-width: 2px;
	border-color: #fff;
	background-color: #e30613;
	padding: 1.2em 4em;
	border-radius: 25px;
	color: white;
}

.af-fields .af-submit button:hover {
	color: #e30613;
	background-color: white;
	border-color: #e30613;
}

/*#endregion*/
/*#region - WooCommerce*/
/*
MARK: WooCommerce
*/

.woocommerce input[type=submit],
.woocommerce div.product form.cart .button,
.woocommerce input.button.alt,
.woocommerce a.button,
.woocommerce .cart .button,
.woocommerce .cart input.button,
.woocommerce button.button.alt {
	display: inline-block;
	background-color: rgba(94, 67, 67, 0.3);
	padding: 0px 20px;
	color: white;
	text-decoration: none;
	transition: all 0.5s;
	border-radius: 0px;
	text-align: center;
	line-height: 1.1;
	border: none;
	font-weight: normal;
}

.woocommerce input[type=submit]:hover,
.woocommerce div.product form.cart .button:hover,
.woocommerce input.button.alt:hover,
.woocommerce a.button:hover,
.woocommerce .cart .button:hover,
.woocommerce .cart input.button:hover,
.woocommerce button.button.alt:hover {
	transform: scale(1.05);
	color: rgba(94, 67, 67, 0.3);
	background-color: white;
	text-decoration: none;
}

.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
	padding: 0 20px;
	display: none;
}

.woocommerce-product-gallery__image a {
	vertical-align: middle;
}

.woocommerce-product-gallery__image img {
	width: 100%;
	max-width: none;
	display: inline-block;
	border: 1px solid white;
}

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
	background: rgba(94, 67, 67, 0.3);
	border-radius: 0;
}

#add_payment_method table.cart img,
.woocommerce-cart table.cart img,
.woocommerce-checkout table.cart img {
	width: 64px;
	border: 1px solid rgba(94, 67, 67, 0.3);
}

.woocommerce ul.products li.product .price {
	text-align: center;
}

.woocommerce ul.products li.product .button {
	display: block;
}

.woocommerce div.product form.cart div.quantity {
	display: none !important;
}

/*hide product page quantity */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
	font-size: 110%;
	text-align: center;
	font-weight: bold;
	display: block;
	margin-top: 50px;
}

.woocommerce div.product p.price *,
.woocommerce div.product span.price * {
	font-size: 110%;
}

.woocommerce div.product-type-variable p.price {
	font-size: 100%;
	text-align: left;
	margin-top: 0;
	font-weight: normal;
}

.woocommerce-variation-description {
	background-color: rgba(0, 0, 0, 0.15);
	padding: 10px;
}

ul.products li.product .price {
	font-size: 100%;
	margin-top: 0;
}

.woocommerce div.product form.cart .variations {
	background-color: rgba(0, 0, 0, 0.15);
	margin-top: 30px;
	margin-bottom: 0;
}

.woocommerce div.product form.cart .variations td {
	padding: 10px;
}

.woocommerce div.product form.cart .variations th {
	line-height: 1;
}

.woocommerce div.product form.cart .reset_variations {
	display: none !important;
}

.woocommerce div.product form.cart .variations select {
	margin-right: 0;
}

.product-final-price {
	margin-top: 20px;
}

.woocommerce div.product form.cart .variations td.value {
	text-align: right;
}

.add-to-cart-buttons {
	text-align: center;
}

.woocommerce div.product form.cart .button {
	float: none;
}

.product_meta {
	display: none;
}

.related {
	clear: both;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
	background-color: rgba(94, 67, 67, 0.3);
	padding: 20px;
	transition: all 0.4s;
}

.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
	transform: scale(1.04);
}

.woocommerce ul.products li.product .excerpt,
.woocommerce-page ul.products li.product .excerpt {
	margin-top: 20px;
	font-size: 90%;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
	float: none;
	width: 100%;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style-type: none;
	text-align: center;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	padding: 0;
	margin: 0;
	display: inline-block;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	background-color: rgba(94, 67, 67, 0.3);
	color: white;
	padding: 12px 20px;
	margin-right: 15px;
	margin-bottom: 15px;
	display: inline-block;
	transition: all 0.5s;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
	background-color: white;
	color: rgba(94, 67, 67, 0.3);
	text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-content {
	float: none;
	width: 100%;
}

/*#endregion*/

/*
MARK: Breakpoints
*/

* {font-size: 1.4rem;line-height: 1.4;}

@media screen and (min-width: 1200px) {
	* {font-size: 1.6rem;}
}

h1,
h2,
h3,
h4 {line-height: 1.4;}

h1 {font-size: 2.6rem;margin-bottom: 1.75rem;}
h2 {font-size: 2rem;margin-bottom: 1.75rem;}
h3 {font-size: 1.8rem;margin-bottom: 1.5rem;}
h4 {font-size: 1.4rem;margin-bottom: 1rem;}

@media screen and (min-width: 720px) {
	h1 {font-size: 2.6rem;margin-bottom: 1.5rem;}
	h2 {font-size: 2rem;margin-bottom: 1.2rem;}
	h3 {font-size: 1.8rem;margin-bottom: 1rem;}
	h4 {font-size: 1.4rem;margin-bottom: 0.75rem;}
}

@media screen and (min-width: 1200px) {
	h1 {font-size: 2.6rem;margin-bottom: 1.5rem;}
	h2 {font-size: 2rem;margin-bottom: 1.2rem;}
	h3 {font-size: 1.8rem;margin-bottom: 1rem;}
	h4 {font-size: 1.4rem;margin-bottom: 0.75rem;}
}

/* Header ---------------------------------------------------------------------------- */

.hero-container {
    background-size:cover;
    background-position: center;
    height:100vh;
    width:100%;
    position:relative;
}

.hero-container .header-chevron {
    position: absolute;
    bottom:10px;
    left:0;
    right:0;
    top:auto;
    z-index:2001;
    text-align:center;
}

.hero-slider {overflow: hidden;}
.hero-slider,.slide {
    position:absolute;
    inset:0px;
    background-position: center;
    background-size:cover;
}

.highlight-locations-container {
    position: absolute;
    bottom:75px;
    left:5%; right:5%; top: auto;
    display:grid;
    gap: 40px;
    z-index:2000;
    a {
        border:1px solid rgb(153, 153, 153);
        border-radius: 10px;
        overflow:hidden;
        position: relative;
    }
    .caption {
        background-color: #9a5a25cd;
        color:white;
        text-transform: uppercase;
        position:absolute;
        bottom:0; left:0; right:0;
        padding:10px 10px;
        text-align:center;
        font-size:24px;
        transition: background-color 0.5s, color 0.5s;
    }
}

.highlight-locations-container a:hover .caption {
    background-color:rgb(255,255,255,.75);
    color:#9a5a25;
}

.highlight-location {
    background-size: cover;
    background-position: center;
    height: 120px;
    transition: transform 1s;

}
.highlight-location:hover {
    transform: scale(1.2);
}


@media (width > 500px){
    .highlight-locations-container{left:15%; right:15%; top: auto;}
}

@media (width > 1100px){
    .highlight-locations-container{grid-template-columns: 1fr 1fr 1fr;left:15%; right:15%; top: auto;}
    .highlight-location {height:200px;}

}

@media (width > 1400px){
    .highlight-location {height:280px;}
}

/* Content Area ---------------------------------------------------------------------- */
.content-section,
.wp-block-group__inner-container {
	padding: 0 20px;
	position: relative;
}

@media screen and (min-width: 992px) {

	.content-section,
	.wp-block-group__inner-container {
		padding: 0 8%;
		margin: 0 auto;
	}

	article .content-section .alignwide,
    article .content-section .alignfull {
        position: relative;
        max-width: none;
        padding:0;
    }

    article .content-section > .alignwide,
    article .content-section > .wide {
        width: calc(100% + (100vw - 1100px) / 2);
        margin-left: calc((1100px - 100vw) / 4);
        max-width: none;
        padding:0;
    }


}

article .content-section .full,
article .content-section .alignfull {
    position: relative;
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

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

	.content-section,
	.wp-block-group__inner-container {
		padding: 0;
		margin: 0 auto;
		max-width: var(--maxcontentwidth);
	}
}

.aligncenter {
	margin-inline: auto;
}

@media screen and (min-width: 720px) {
	figure.alignleft {
		margin-right: 3em;
		margin-bottom: 0;
		float: left;
	}

	figure.alignright {
		margin-right: 3em;
		margin-bottom: 0;
		float: right;
	}
}

/* Layout ---------------------------------------------------------------------------- */
/* Footer ---------------------------------------------------------------------------- */
/* Posts ---------------------------------------------------------------------------- */
@media screen and (min-width: 720px) {
	.posts-grid {
		grid-template-columns: 1fr 1fr;
	}
}

@media screen and (min-width: 992px) {
	.posts-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}

	.posts-grid .post-layout {
		transition: all 0.5s;
	}
}

.dl-block-slideshow-header .block-slideshow-caption {
    color:#9a5a25;
}