/*#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-y: scroll; 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);
}

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

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

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

article a:hover {
	color: #717f6a;
}

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 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-info .social-icon {
	margin: 0 0 0 10px;
}

.site-logo {width:100%;}

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

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


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

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%;
	color:
}

footer .footer-logo {
    text-align: center;
    img {
        max-width:175px;
        width:100%;
        height:auto;
    }
}

footer * {
	color: var(--footer-text-colour);
}

footer p {
	margin-bottom: 0;
}

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

}

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 .header {
	height:120px;
}

.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 .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;
	justify-self: right;
}

.mobile-menu-container {
	display: none;
	z-index: 2000;
}

.menu-container,
.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;
}

.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: 40px;
	z-index: 2000;
	right: 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;
}

.mobile-menu-container li,.mobile-menu-container li label {
    min-height:44px;
    display:flex;
    align-content: center;
    text-transform: uppercase;
}

.mobile-menu-container .dl-submenu li {text-align:center;}

.menu-container nav .main-nav,
.mobile-menu-container nav .main-nav {
	display: flex;
	justify-content: center;
}

.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 ul .toggle::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: center;
}

.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;
}

.menu-container ul ul.sub-menu {
	width:250px;
}

.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 {

	text-align: left;
}

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

	/* 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
*/
.content-section .alignfull,
.content-section .full {
	position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
}

.content-section .alignfull img,
.content-section .full img {
	width: 100%;
	max-width: none;
}


@media (min-width:1380px){
    .content-section .alignwide,
    .content-section .wide {
    	width: calc(100% + 250px);
        margin-left: -125px;
    }
}

.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 2em 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 ---------------------------------------------------------------------------- */
/* 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;
	}
}

@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;
	}
}

.headerImage {
	position:relative;
}
.video-container{
  width: 100vw;
  height:300px;
  position:relative;
  overflow: hidden;
  background-color: black;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
    margin-bottom:30px;
}



.video-container iframe {

	position: absolute;
      top: 50%;
  left: 50%;
  width: 100vw;
  height: 100vh;
  transform: translate(-50%, -50%);
      pointer-events: none;
}

@media (min-aspect-ratio: 16/9) {
  .video-container iframe {
    /* height = 100 * (9 / 16) = 56.25 */
    height: 56.25vw;
  }
}

@media (max-aspect-ratio: 16/9) {
  .video-container iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
  }
}

/*
@media (min-width:720px){

	.video-container iframe {display:block;}
	.video-container .fallback {display:none;}
} */

.headerImage .overlay {
	text-align: center;
	img {
	    display:none;
	}
}


.headerImage .button {
    position: absolute;
	bottom:20%;
	left:0; right:0;
	text-align:center;
	a {
		border:1px solid white;
		font-style: italic;
		background-color: rgba(0,0,0,.8);
		padding:8px 20px;
		color: white;
		&:hover {
			text-decoration: none;
			background-color: rgba(255,255,255,.3);
		}
	}

    .strapline{
		color:#E9E5E1;
		font-size:2.5rem;
		text-shadow:0 0 6px #000;
	}
	.strapline-2{
		color:#E9E5E1;
		font-size:2rem;
		text-shadow:0 0 6px #000;
	}
}


@media (min-width:1100px){
    .video-container {height:70vh;}

    .headerImage .overlay {
	text-align: center;
    	img {
        	display:block;
    		width:70%;
    		max-width:440px;
    		height: auto;
    		margin:0 auto;
    		margin-bottom:20px;
    	}
    }

    .headerImage .button {
    	position: absolute;
    	top:10%;
    	bottom: auto;
    	left:0; right:0;
    	text-align:center;

    	.strapline{
    		color:#E9E5E1;
    		font-size:8.5rem;
    		text-shadow:0 0 3px #888;
    	}
    	.strapline-2{
    		color:#E9E5E1;
    		font-size:3rem;
    		text-shadow:0 0 3px #888;
    	}
    }
}

/* Set in Lazy Blocks editor */
.wp-block-lazyblock-icon-blocks {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap:20px;
    .icon-box {
        background-color:white;
        border-radius: 10px;
        padding:15px;
        text-align:center;
        color: #717f6a;
        svg {
            width:48px;
            height:auto;
            color: #717f6a
        }
        p{
            font-size: 96%;
        }
    }
}

.gutena-accordion-block__panel-content-inner p {
    margin-bottom:10px !important;
}

@media (min-width:720px){
    .wp-block-lazyblock-icon-blocks {grid-template-columns: 1fr 1fr 1fr;}
}

@media (min-width:1200px){
    .wp-block-lazyblock-icon-blocks {grid-template-columns: 1fr 1fr 1fr 1fr 1fr;}
}

/* Events */

.google-map {
    margin-top:20px;
    border:1px solid #B8B7AF;
    img {opacity:.7;transition: opacity .5s;}
    a:hover img {opacity:1;}
}

.tour-date-box{
    display:grid;
    grid-template-rows: min-content auto min-content;
    background-color: rgba(255,255,255,.75);
    height:100%;
    .contact-button {
        text-align:center;
        padding:20px 0;

    }

}

.event-layout {
	display:grid;
	grid-template-columns:1fr;
	gap:40px;
	position:relative;
	padding-block:40px;
}

.event-text h1 {margin-top:0;text-align:left;}

.event-date-box {
	position:sticky;
	top:140px;
	border:1px solid #B8B7AF;
}

.event-date-box .contact-grid {
    display:grid;
    width:auto;
    margin-inline:auto;
    margin-block:20px;
    grid-template-columns: min-content auto;
    gap:0 10px;
    a {
        text-decoration: none;
    }
    div {
        font-size:90%;
        text-align: left;
    }
}

.event-header-image {
    height:400px;
    background-size:cover;
    background-position:center;
}

@media (min-width:720px){
    .event-header-image {height:520px;}
}

@media (min-width:1000px){
    .event-header-image {height:550px;}
}

@media (min-width:1920px){
    .event-header-image {height:650px;}
}

.event-date-box .calendar-tag {
	position:absolute;
	margin-top:-48px;
	display:flex;
	width:100%;
}
.event-date-box .calendar-tag .box {
	margin:0 auto;
	display:inline-block;
}
.event-date-box .calendar-tag .box-calender {
	background-color:white;
	margin:0 auto;
	display:inline-block;
	text-align: center;
	border-radius:5px;
	box-shadow: 0 0 10px #aaa;
	padding-inline:10px;
	padding-block:5px;
	z-index:1000;
	width:92px;
	position:relative;
}



.event-date-box .event-date-box-container {
	padding:20px;
	font-size:100%;

	background-color: rgba(255,255,255,.75);
}

.event-date-box-container .day {
    text-align: center;
    font-weight:bold;
    margin-bottom:20px;
}

.event-date-box-container .event-excerpt {
    font-size:90%;
    margin-block:20px;
}

.event-date-box-container .price .price-header {
	font-size: 2.0rem;
	font-weight:700;
	text-align:center;
	text-transform: uppercase;
}

.event-date-box-container .price .price-display {
	font-size: 2.8rem;
	font-weight:700;
	text-align:center;
	text-transform: uppercase;
	margin-top:15px;
}


.event-date-box-container .sub-price{
	font-size:.75em;
}


.event-date-box-container .includes {
	text-align: center;
	font-size:90%;
	text-wrap-style:pretty;
	font-weight:bold;
}

.event-date-box-container .details {
	font-weight:700;
	text-align: center;
	font-size:90%;
	padding-bottom:10px;
}

.event-date-box-container hr {
	height:1px;
	border:none;
	background-color:gray;
	margin-block:10px;
}

.event-date-box-container .contact-button {
	text-align: center;
	margin-top:10px;
}

acronym {text-decoration: none;}

@media screen and (min-width:980px){
	.event-date-box .calendar-tag .box .day {font-size:6.2rem;}
	.event-date-box .calendar-tag .box .month {	font-size:2.6rem;}
	.event-date-box .calendar-tag .box .year {font-size:2.4rem;}
	.event-date-box-container .price .price-display{font-size: 3rem;line-height:1.1;}
	.event-layout {grid-template-columns: auto 30%; gap:40px;}
	.event-date-box-container {font-size:90%; line-height:1.2;}
	.event-date-box-container .details {padding-bottom:10px;}
}

@media screen and (min-width:1400px){
	.event-date-box .calendar-tag .box .day {font-size:6.2rem;}
	.event-date-box .calendar-tag .box .month {	font-size:2.6rem;}
	.event-date-box .calendar-tag .box .year {font-size:2.4rem;}
	.event-date-box-container .price {font-size: 3.2rem;}
	.event-layout {grid-template-columns: auto 30%;}
	.event-date-box-container .details {padding-bottom:20px;}
	.event-date-box-container hr {margin-block:20px;}
}

h6 {
    font-size:1.8rem !important;
}

@media (min-width:980px){
    h6 {
        font-size:2.0rem !important;
    }
}

/* Archive layouts */
.events-grid,.events-grid-home {
	display:flex;
	gap:80px 20px;
	padding-top:40px;
	flex-wrap:wrap;
	justify-content: center;
}
.events-grid {
	display:grid;
	grid-template-columns: 1fr;
}
.events-grid-home .event-archive {
	flex-basis:100%;
	flex-grow:1;
	flex-shrink: 0;
	max-width:330px;
}




.events-grid:empty {
display:none;
}

.event-archive .title h2{
	margin:20px 0 0 0; text-align:center;
	line-height:1.1;
}

@media screen and (min-width:500px){
	.events-grid {
		grid-template-columns: 1fr 1fr;
	}
	.events-grid-home .event-archive {
		flex-basis:32%;
	}
	.event-archive .title h2{ font-size:1.8rem;}
}

@media screen and (min-width:780px){
	.events-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.event-archive .title h2{ font-size:2.0rem;}
}
@media screen and (min-width:1200px){
.events-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
	.event-archive .title h2{ font-size:2.4rem; }
}

.event-archive .event-date {
    text-align:center;
    margin-top:10px;

}

.event-archive .event-image {
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	aspect-ratio: 16 / 12;
	position:relative;
}




.event-archive .event-date-box-container {
	padding:20px;
	display:grid;
	grid-template-rows: auto max-content;

}

.event-archive .event-date-box
{height:100%;}

a.button-display{
    display:inline-block;
    background-color: #717F6A;
    color:white;
    text-decoration: none;
    padding: 8px 15px;
    transition: background-color 0.5s;
    &:hover {
        background-color:#323232;
        color:white;
    }
    * {color:white; text-decoration: none;}
}

.event-archive .event-date-box-container .contact-button {padding-bottom:10px;}

.events-pagination-links .page-numbers {
	background-color:#232c77;
	border:1px solid #232c77;
	color:white;
	border-radius:5px;
	padding:5px 10px;
	margin:0 2px;
	text-decoration: none;
	transition: background-color .3s, color .3s;
}
.events-pagination-links a.page-numbers:hover, .events-pagination-links a.page-numbers:focus{
	background-color: white;
	color:unset;
}
.events-pagination-links .page-numbers.current {
	opacity:.6;
}