/*
	Theme Name: Peatland
	Theme URI: https://forty8creates.com
	Description: A starter theme based on HTML5 Blank
	Version: 1.0.0
	Author: Forty8Creates
	Author URI: https://forty8creates.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/


/*------------------------------------*\
    CONTENTS
/*------------------------------------*\
    - Normalize
    - Modal
    - SVG
    - Flexbox
    - Main
    - Structure
    - Ratios
    - Pages
    - Buttons/Links
    - Lists
    - Forms/Inputs
	- Loops
	- layout Blocks
	- Badges
    - Push Menu
    - Misc
    - WordPress Core
    - Gutenberg
    - Accordion Base Theme
    - Slick Base Theme
\*------------------------------------*/


/*------------------------------------*\
    Normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css
\*------------------------------------*/

button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}abbr[title]{border-bottom:none;text-decoration:underline dotted}b,strong{font-weight:bold}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;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:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;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}[hidden],template{display:none}

:root {
  --a: #54B9E9;
  --a-mid: #31A6DE;
  --a-dark: #0A8DCD;
  --b: #DF6421;
  --b-mid: #B1480F;
  --b-dark: #8B3000;
  --c: #E40571;
  --c-mid: #CE0065;
  --c-dark: #9F004E;
  --d: #BFD130;
  --d-mid: #9CAC16;
  --d-dark: #778500;
  --bg-light: #EDEEE9;
  --bg-accent: #D1C19B;
  --text: #1A2B39;
}

/*------------------------------------*\
    MODAL
\*------------------------------------*/

#gateway {
	display: none;
	z-index: 5000;
    	background: rgba(0,0,0,0.8);
    	position: fixed;
    	width: 100%;
    	height: 100%;
}

#gateway .flex {
	height: 100%;
}

.modal {
	background: #fff;
	max-width: 600px;
	width: 100%;
	position: relative;
	margin: 1em;
}

.modal h2 {
	color: #fff;
	background: var(--accent);
	padding: 1em 48px;
	margin-top: 0;
}

.modal .inner:not(.svgbg) {
	padding: 0 3em 1em;
}

.modal .col-left,
.mc4wp-form .col-left,
.wpcf7 .col-left {
	width: 50%;
	padding: 0 0.5em 0.5em 0;
}

.modal .col-right,
.mc4wp-form .col-right,
.wpcf7 .col-right {
	width: 50%;
	padding: 0 0 0.5em 0.5em;
}

.optional {
	font-weight: normal;
	float: right;
}

.modal .close {
	position: absolute;
    	width: 57px;
    	height: 57px;
    	z-index: 2;
    	text-indent: -999999em;
    	right: 1em;
    	top: 22.5px;
    	cursor: pointer;
}

#wpcf7-f4455-o1 input[type="submit"] {
	background: var(--accent);
}

.modal .close {
    	mask-size: 15px;
    	-webkit-mask-size: 15px;
    	-webkit-mask-image: url(img/svg/close.svg);
    	mask-image: url(img/svg/close.svg);
    	background: #fff;
}

@media only screen and (max-width: 768px) {

	.modal .col-left,
	.modal .col-right {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}

}

@media only screen and (max-width: 500px) {

	.modal .inner:not(.svgbg) {
		padding: 0 1.5em 1em;
	}
	
	.modal h2 {
		padding: 1em 24px;
	}

}

/*------------------------------------*\
    SVG
\*------------------------------------*/

.svgbg,
.sub-menu:after,
.menu-item-has-children > a:before,
.hero-section .slide-content a:after,
.slick-slider button:after,
.page-intro:before,
.main-feature:before,
.badge:before,
.featured-posts:before,
#menuToggle:before {
	mask-repeat: no-repeat;
	-webkit-mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-size: contain;
	mask-position: center center;
	-webkit-mask-position: center center;
}

/*------------------------------------*\
    FLEXBOX
\*------------------------------------*/

.flex {
	display: flex;
}

.align-center {
	align-items: center;
}

.align-end {
	align-items: flex-end;
}

.justify-center {
	justify-content: center;
}

.justify-right {
	justify-content: flex-end;
}

.wrap {
	flex-wrap: wrap;
}

.flex-column {
    flex-direction: column;
}

/*------------------------------------*\
    MAIN
\*------------------------------------*/

*,
*:after,
*:before {
	box-sizing: border-box;
	-webkit-font-smoothing: ntialiased;
	text-rendering: optimizeLegibility;
}

html {
	overflow-x: hidden;
    background-color: var(--bg-light);
}

html.open {
	overflow: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    touch-action: none !important;
    overscroll-behavior: none;
    height: -webkit-fill-available;
}

body {
	font: 400 18px/1.4 brandon-grotesque, sans-serif;
	color: #1A2B39;
	margin: 0;
	overflow-x: hidden;
	font-display: swap; /* Set to fallback if too apparent */ 
	position: relative;
	left: 0;
}

img {
	max-width: 100%;
	border-style: none;
	display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
pre {
	font-family: brandon-grotesque, sans-serif;
	font-weight: 700;
	margin: .67em auto;
	line-height: 1.2;
	position: relative;
	text-wrap: balance;
}

h1 {
    font-size: 2.72rem; /* 49px / 18px */
    line-height: 3.67rem;  /* 66px / 18px */
}

h1.medium {
    font-size: 3.56rem; /* approximately between 49px and 79px */
    line-height: 4.34rem; /* approximately between 66px and 90px */
}

h1.large,
.hero-slider :is(h1,h2,h3),
.spotlight :is(h1,h2,h3,h4,h5,h6)  {
    font-size: 4.39rem; /* 79px / 18px */
    line-height: 5rem;  /* 90px / 18px */
}

h2 {
    font-size: 2.17rem; /* 39px / 18px */
    line-height: 2.89rem; /* 52px / 18px */
}

h3,
.loop h2 {
    font-size: 1.72rem; /* 31px / 18px */
    line-height: 2.39rem; /* 43px / 18px */
}

h4 {
    font-size: 1.39rem; /* 25px / 18px */
    line-height: 1.89rem; /* 34px / 18px */
}

h5 {
    font-size: 1.11rem; /* 20px / 18px */
    line-height: 1.44rem; /* 26px / 18px */
}

h6 {
    font-size: 0.89rem; /* 16px / 18px */
    line-height: 1.22rem; /* 22px / 18px */
}

p.medium,
.hero-slider p,
.masonry-layout article.intro p,
.main-feature h1.medium + p {
    font-size: 1.39rem; /* 25px / 18px */
    line-height: 1.89rem; /* 34px / 18px */
}

.smallprint {
    font-size: 0.67rem; /* 12px / 18px */
    line-height: 1.22rem; /* 22px / 18px */
}

.small,
figcaption {
    font-size: 0.89rem; /* 16px / 18px */
    line-height: 1.22rem; /* 22px / 18px */
}

.caps-s,
#breadcrumbs p,
pre {
    text-transform: uppercase;
    font-size: 0.67rem; /* 12px / 18px */
    line-height: 1rem; /* 18px / 18px */
    letter-spacing: 0.1rem;
}

.caps {
	text-transform: uppercase;
	letter-spacing: 0.1rem;
}

h1.large strong,
h1.large em,
.spotlight :is(h1,h2,h3,h4,h5,h6) strong,
.spotlight :is(h1,h2,h3,h4,h5,h6) em {
	color: var(--c);
}

.image-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
    color: rgba(255, 255, 255, 0.5);
    font-size: 12px;
    padding: 1em;
}

@media only screen and (max-width: 960px) {

	h1.large,
	.hero-slider :is(h1,h2,h3) {
		font-size: 2.72rem; /* 49px / 18px */
    	line-height: 3.67rem;  /* 66px / 18px */
	}

}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

#header {
    background: #fff;
    position: relative;
    z-index: 10;
    padding-inline: 5%;
}

#logo {
	position: relative;
	z-index: 10;
	height: auto;
    width: 100%;
	margin: 1em;
}

.nav,
.menu {
	overflow: visible;
    font-weight: 500;
}
.nav ul,
#menu-footer {
    line-height: 2;
    list-style-type: none;
}
.nav > ul {
    margin: 0;
    padding: 0;
}
.nav ul:not(.sub-menu) > li {
	display: inline-block;
    padding: 1em 0;
}
.nav a {
	display: block;
}

#footer {
    background: #fff;
    overflow: auto;
    padding-inline: 5%;
}

.footer-middle {
    padding: 5% 0;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    column-gap: 1em;
    flex-wrap: wrap;
    border-top: 1px solid var(--bg-light);
    padding: 1em 0;
}

#breadcrumbs {
	padding: 1em 5%;
	overflow: auto;
}

section {
	padding: 5%;
	position: relative;
}

/* WRAPPERS */

.wrapper-medium {
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
}

@media only screen and (max-width: 1024px) {

	section {
		padding: 8% 5%;
	}

}

@media only screen and (max-width: 768px) {

	#header {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(26,43,57, 0.9);
		padding: 30px;
		backdrop-filter: blur(20px);
		-webkit-backdrop-filter: blur(20px);
	}

	#header.open {
		display: block;
	}

	#primaryNav {
		font-size: 1.72rem; /* 31px / 18px */
    	line-height: 2.39rem; /* 43px / 18px */
		width: 100%;
		margin: 86.48px 0;
	}

	#primaryNav a {
		color: #fff;
		font-weight: 400;
	}

	#primaryNav > ul li {
		display: block;
		padding: 0;
	}

}

/*------------------------------------*\
    RATIOS
\*------------------------------------*/

.ratio-square {
	aspect-ratio: 1 / 1;
}

.ratio-4x3 {
	aspect-ratio: 4 / 3;
}

.ratio-16x8 {
	aspect-ratio: 16 / 8;
}

.ratio-16x9 {
	aspect-ratio: 16 / 9;
}


/*------------------------------------*\
    OVERLAYS
\*------------------------------------*/

.overlay {
	transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	opacity: 70%;
}

.overlay.hide-by-default {
	opacity: 0;
}

.overlay.radial {
	background: radial-gradient(ellipse at center,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
}

.children article:hover .overlay {
	opacity: 90%;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

/* SINGLES */

.single article.main-feature {
	padding: 0 5% 5%;
	max-width: calc(1300px + 10%);
}

.single article.main-feature .featured-image {
	aspect-ratio: 16 / 9;
}

.single article.main-feature .post-cats {
	display: block;
	margin: 3em 0 2.5em;
}

article.main-feature.with-sidebar {
	display: flex;
	flex-wrap: wrap;
	column-gap: 5%;
}

article.main-feature > section {
	flex: 1;
}

aside.sidebar {
	width: 354px;
}

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

	aside.sidebar {
		width: 200px;
	}

}

@media only screen and (max-width: 800px) {

	aside.sidebar {
		width: 100%;
	}

}

/*------------------------------------*\
    BUTTONS/LINKS
\*------------------------------------*/

/* Basic Links */

a,
a:visited {
	color: var(--c);
	text-decoration: none;
	background-color: transparent
}
a:hover,
a:active {
	outline: 0;
	color: var(--c-mid);
}
a:active {
	color: var(--c-dark);
}
a:focus {
	outline:0;
}

/* BUTTONS */

input[type="submit"],
a.btn,
a.btn:visited,
.wp-block-button__link,
.wp-block-button__link:visited,
.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-background),
.hero-section .slide-content a,
#menuToggle {
	display: inline-block;
	color: #fff;
	background-color: var(--c);
    padding: 1rem 1.67rem;
    border-radius: 0;
	font-weight: 500;
	position: relative;
	border: 2px solid var(--c);
	cursor: pointer;
	text-transform: uppercase;
	font-size: 0.89rem; /* 16px / 18px */
    line-height: 1.28rem; /* 22px / 18px */
    letter-spacing: 0.1rem;
	user-select: none;
}

input[type="submit"]:is(:hover,:focus-visible),
a.btn:is(:hover,:focus-visible),
.wp-block-button__link:is(:hover,:focus-visible),
.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-background):is(:hover,:focus-visible) {
	background-color: var(--c-mid);
	border-color: var(--c-mid);
	color: #fff;
	text-decoration: none;
}

input[type="submit"]:active,
a.btn:active,
.wp-block-button__link:active,
.wp-block-button:where(.is-style-outline)>.wp-block-button__link:not(.has-background):is(:hover,:focus-visible):active {
	background-color: var(--c-dark);
	border-color: var(--c-dark);
}

/* With Icons */

.hero-section .slide-content a:is(:link,:visited),
.hero-section .slide-content a:is(:hover,:active) {
	background: transparent;
	padding-right: 53px;
	padding-left: 1.2rem;
	text-decoration: none;
	border: none;
}

.hero-section .slide-content a:after {
	content: '';
	height: 100%;
	aspect-ratio: 1 / 1;
	background-color: #fff;
	position: absolute;
	top: 0;
	right: 0;
	mask-image: url(img/svg/material/arrow_right_alt_24dp_FILL0_wght400_GRAD0_opsz24.svg);
	-webkit-mask-image: url(img/svg/material/arrow_right_alt_24dp_FILL0_wght400_GRAD0_opsz24.svg);
	mask-size: 60%;
	-webkit-mask-size: 60%;
}

.hero-section .slide-content a:is(:hover,:active):after {
	background-color: var(--c);
}

/* dark blue */

.wp-block-button__link.has-dark-blue-background-color,
.wp-block-button__link:not(.has-background) {
	background-color: var(--text);
	border-color: var(--text);
}

.wp-block-button__link.has-dark-blue-background-color:is(:hover,:focus-visible),
.wp-block-button__link:not(.has-background):is(:hover,:focus-visible) {
	background-color: #0E1E2C;
	border-color: #0E1E2C;
}

.wp-block-button__link.has-dark-blue-background-color:active,
.wp-block-button__link:not(.has-background):active {
	background-color: #05111C;
	border-color: #05111C;
}

/* a */

.wp-block-button__link.has-blue-background-color,
.wp-block-button__link.has-blue-mid-background-color {
	background-color: var(--a);
	border-color: var(--a);
}

.wp-block-button__link.has-blue-background-color:is(:hover,:focus-visible),
.wp-block-button__link.has-blue-mid-background-color:is(:hover,:focus-visible) {
	background-color: var(--a-mid);
	border-color: var(--a-mid);
}

.wp-block-button__link.has-blue-background-color:active,
.wp-block-button__link.has-blue-mid-background-color:active {
	background-color: var(--a-dark);
	border-color: var(--a-dark);
}

/* b */

.wp-block-button__link.has-orange-background-color,
.wp-block-button__link.has-orange-mid-background-color {
	background-color: var(--b);
	border-color: var(--b);
}

.wp-block-button__link.has-orange-background-color:is(:hover,:focus-visible),
.wp-block-button__link.has-orange-mid-background-color:is(:hover,:focus-visible) {
	background-color: var(--b-mid);
	border-color: var(--b-mid);
}

.wp-block-button__link.has-orange-background-color:active,
.wp-block-button__link.has-orange-mid-background-color:active {
	background-color: var(--b-dark);
	border-color: var(--b-dark);
}

/* c */

.wp-block-button__link.has-magenta-background-color,
.wp-block-button__link.has-magenta-mid-background-color {
	background-color: var(--c);
	border-color: var(--c);
}

.wp-block-button__link.has-magenta-background-color:is(:hover,:focus-visible),
.wp-block-button__link.has-magenta-mid-background-color:is(:hover,:focus-visible) {
	background-color: var(--c-mid);
	border-color: var(--c-mid);
}

.wp-block-button__link.has-magenta-background-color:active,
.wp-block-button__link.has-magenta-mid-background-color:active {
	background-color: var(--c-dark);
	border-color: var(--c-dark);
}

.slick-slider button.slick-arrow:is(:hover,:focus-visible) {
	background-color: var(--c-mid);
}

.slick-slider button.slick-arrow:active {
	background-color: var(--c-dark);
}

/* d */

.wp-block-button__link.has-green-background-color,
.wp-block-button__link.has-green-mid-background-color {
	background-color: var(--d);
	border-color: var(--d);
}

.wp-block-button__link.has-green-background-color:is(:hover,:focus-visible),
.wp-block-button__link.has-green-mid-background-color:is(:hover,:focus-visible) {
	background-color: var(--d-mid);
	border-color: var(--d-mid);
}

.wp-block-button__link.has-green-background-color:active,
.wp-block-button__link.has-green-mid-background-color:active {
	background-color: var(--d-dark);
	border-color: var(--d-dark);
}

/* tan light */

.wp-block-button__link.has-tan-background-color {
	background-color: var(--bg-light);
	border-color: var(--bg-light);
	color: var(--text);
}

.wp-block-button__link.has-tan-background-color:is(:hover,:focus-visible) {
	background-color: #C4C6BB;
	border-color: #C4C6BB;
}

.wp-block-button__link.has-tan-background-color:active {
	background-color: #A0A491;
	border-color: #A0A491;
}

/* tan */

.wp-block-button__link.has-tan-mid-background-color {
	background-color: var(--bg-accent);
	border-color: var(--bg-accent);
}

.wp-block-button__link.has-tan-mid-background-color:is(:hover,:focus-visible) {
	background-color: #B09D6E;
	border-color: #B09D6E;
}

.wp-block-button__link.has-tan-mid-background-color:active {
	background-color: #8E7A49;
	border-color: #8E7A49;
}

/* navigation */

:is(.nav,.menu) a,
:is(.nav,.menu) a:visited {
    color: var(--text);
}

:is(.nav,.menu) a:is(:hover,:active,:focus),
:is(.current_page_item,.current-page-ancestor) > a:is(:link,:visited),
.post-type-archive-nature_heritage #menu-item-43 > a:is(:link,:visited),
.post-type-archive-event #menu-item-44 > a:is(:link,:visited),
.single-post #menu-item-46 > a:is(:link,:visited),
:is(.post-type-archive-research,.single-research) #menu-item-47 > a:is(:link,:visited) {
    text-decoration: none;
    color: var(--c);
}

:is(.nav,.menu) a:active {
    text-decoration: none;
    color: var(--c-dark);
}

:is(.nav,.menu) .menu-item-has-children a:is(:hover,:active,:focus):before,
:is(.current_page_item,.current-page-ancestor).menu-item-has-children > a:is(:link,:visited):before,
:is(.post-type-archive-research,.single-research) #menu-item-47 > a:is(:link,:visited):before {
    background-color: var(--c);
}

:is(.nav,.menu) .menu-item-has-children a:active:before {
    background-color: var(--c-dark);
}

.sub-menu a,
.sub-menu a:visited {
    color: var(--bg-light);
}

.sub-menu a:is(:hover,:active,:focus),
.sub-menu .current_page_item > a:is(:link,:visited),
:is(.post-type-archive-research,.single-research) #menu-item-53 > a:is(:link,:visited) {
    color: var(--bg-accent);
}

a:not(.btn,.wp-element-button):focus-visible,
.wp-block-social-link.wp-social-link .wp-block-social-link-anchor:focus-visible {
    box-shadow: 0 0 0 1px var(--c);
}

.sub-menu a:focus-visible {
    box-shadow: 0 0 0 1px var(--bg-accent);
}

#primaryNav ul a {
    padding-inline: 0.5em;
}

#primaryNav .sub-menu .current-menu-item a,
:is(.post-type-archive-research,.single-research) #menu-item-53 a {
    padding-left: 1em;
}

/* Menu */

#menuToggle {
	width: 56.48px;
	height: 56.48px;
	text-indent: -999em;
	position: relative;
	position: fixed;
    right: 5%;
    bottom: 5%;
	display: none;
	z-index: 500;
}

#menuToggle:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	mask-image: url('img/svg/material/menu_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg');
	-webkit-mask-image: url('img/svg/material/menu_24dp_5F6368_FILL0_wght400_GRAD0_opsz24.svg');
	mask-size: 25px;
	-webkit-mask-size: 25px;
	background-color: #fff;
}

@media only screen and (max-width: 768px) {

	#menuToggle {
		display: block;
	}

	#primaryNav :is(.nav,.menu) a:is(:hover,:active,:focus), 
	#primaryNav :is(.current_page_item,.current-page-ancestor) > a:is(:link,:visited), 
	.post-type-archive-nature_heritage #menu-item-43 > a:is(:link,:visited), 
	.post-type-archive-event #menu-item-44 > a:is(:link,:visited), 
	.single-post #menu-item-46 > a:is(:link,:visited), 
	:is(.post-type-archive-research, .single-research) #menu-item-47 > a:is(:link,:visited) {
		color: var(--bg-accent)!important;
	}

	#primaryNav .sub-menu .current-menu-item a, 
	:is(.post-type-archive-research, .single-research) #menu-item-53 a {
		padding-left: 0;
	}

}

/*------------------------------------*\
    LISTS
\*------------------------------------*/

li {
    position: relative;
}

ul.inline li,
ol.inline li,
#menu-legals li {
	display: inline;
}

ul.custom,
ol.custom,
#menu-footer,
#menu-legals {
	list-style-type: none;
    padding: 0;
}

#menu-legals {
    display: flex;
    gap: 10px;
}

/* Primary Nav */

.menu-item-has-children:hover > .sub-menu,
.menu-item-has-children:focus-within > .sub-menu {
    display: block;
}

.menu-item-has-children > a:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    background-color: var(--bg-accent);
    mask-image: url('img/svg/material/keyboard_arrow_up_24dp_FILL0_wght400_GRAD0_opsz24.svg');
    -webkit-mask-image: url('img/svg/material/keyboard_arrow_up_24dp_FILL0_wght400_GRAD0_opsz24.svg');
}

#primaryNav .menu-item-has-children a {
    padding-right: 20px;
}

.sub-menu {
    display: none;
    background: var(--text);
    color: var(--bg-light);
    padding: 1em 1.5em;
    min-width: 320px;
    position: relative;
    top: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.sub-menu:after {
    content: '';
    width: 100%;
    height: calc(100% + 5px);
    user-select: none;
    mask-image: url(img/svg/topo-a.svg);
    -webkit-mask-image: url(img/svg/topo-a.svg);
	mask-size: 220%;
    -webkit-mask-size: 220%;
	mask-position: 10% 50%;
    -webkit-mask-position: 10% 50%;
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute;
    top: -5px;
    left: 0;
}

.sub-menu:before {
    content: '';
    width: 85px;
    height: 9px;
    user-select: none;
    background-color: var(--text);
    position: absolute;
    top: -5px;
    left: 50%;
    transform: translateX(-50%);
}

.sub-menu li {
    display: block;
    z-index: 5;
}

.submenu-toggle {
	display: none;
	padding: 5px 10px;
	background: #ccc;
	border: none;
	cursor: pointer;
	width: 56.05px;
	height: 56.05px;
	position: absolute;
	top: 0;
	right: 0;
	opacity: 0;
}

@media only screen and (max-width: 768px) {

	#header {
		overflow-y: scroll;
	}

	#primaryNav > ul > li a {
		font-weight: 500;
		border-bottom: 1px solid rgba(255, 255, 255, 5%);
		padding-left: 0;
	}

	#primaryNav ul.sub-menu li a {
		font-weight: 400;
		border-bottom: none;
	}
	
	.menu-item-has-children > a:before {
		top: 17.525px;
		transform: rotate(180deg)
	}

	.submenu-toggle {
		display: block;
	}
	
	.sub-menu:after,
	.sub-menu:before {
		display: none;
	}
	
	.menu-item-has-children:hover > .sub-menu,
	.menu-item-has-children:focus-within > .sub-menu,
	.menu-item-has-children > .sub-menu {
		display: none;
		position: relative;
		left: unset;
		transform: unset;
		padding: 0;
		background: transparent;
		margin-bottom: 1em;
		font-weight: 400;
	}

	.menu-item-has-children > .sub-menu.open {
		display: block;
	}

}

/*------------------------------------*\
    FORMS/INPUTS
\*------------------------------------*/

input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

.screen-reader-response {
	display: none;
}

label {
	font-size: 0.875em;
	font-weight: 700;
	color: #0b2440;
}

textarea {
	display: block;
}

input:not([type="submit"]), optgroup, select, textarea {
	width: 100%;
	border: 2px solid #c6c7ca;
	border-radius: 15px;
	padding: 1em;
	margin-top: 0.5em;
	transition: 0.2s ease-in-out;
	outline: none;
	-webkit-appearance: none;
    appearance: none;
}

input:not([type="submit"]):focus, optgroup:focus, select:focus, textarea:focus {
	border-color: var(--primary-color);
}

form span:not([class*="wpcf7-"]) {
	font-weight: 400;
	float: right;
}

input.wpcf7-not-valid,
textarea.wpcf7-not-valid,
select.wpcf7-not-valid,
input.wpcf7-not-valid:focus,
textarea.wpcf7-not-valid:focus,
select.wpcf7-not-valid:focus {
	border-color: #d82f2f;
	border-radius: 15px 15px 0 0;
}

.wpcf7-not-valid-tip {
	text-align: center;
    width: 100%;
    display: block;
    font-weight: 500;
    background: #d82f2f;
    color: #fff;
    padding: 0.2em 0.2em 0.4em;
}

/*------------------------------------*\
    LOOPS
\*------------------------------------*/

.loop-wrap:not(.loop-slider,.children) {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
	margin: 2em auto;
}

.loop-wrap .loop {
	width: 100%;
	background: #fff;
}

:is(.loop,.single) .featured-image {
	background-color: var(--text);
	aspect-ratio: 4 / 3;
	position: relative;
	margin-bottom: 0;
}

.loop .inner {
	padding: 1em 1.5em;
	width: 100%;
	z-index: 1;
}

.children .loop .inner {
	max-width: 419px;
}

/* Compact loop */

.loop-wrap.compact {
	grid-template-columns: repeat(2, 1fr);
}

.loop-wrap.compact article {
	display: flex;
	gap: 1em;
	background-color: transparent;
}

.loop-wrap.compact .featured-image {
	aspect-ratio: 1;
	width: 138px;
	align-self: flex-start;
}

.loop-wrap.compact .inner {
	flex: 1;
	padding: 0;
}

/* Contained loop */

figure .inner {
	color: #fff;
}

/* Child loop */

.children :is(.loop,.single) .featured-image {
	aspect-ratio: unset;
	height: 70vh;
	min-height: 350px;
}

.loop-wrap.children {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.children .loop-wrap .excerpt {
	opacity: 0.7;
	transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.children article:hover .excerpt {
	opacity: 1;
}

@media only screen and (max-width: 960px) {

	.loop-wrap:not(.loop-slider) {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.loop-wrap.compact,
	.overhang .loop-wrap {
		grid-template-columns: repeat(1, 1fr);
	}

}

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

	.loop-wrap:not(.loop-slider) {
		grid-template-columns: repeat(1, 1fr);
	}

}

/*------------------------------------*\
    LAYOUT BLOCKS
\*------------------------------------*/

/* BG COLOURS */

pre {
	color: var(--bg-accent);
}

.photo-feature pre {
	color: var(--text);
	opacity: 0.5;
}

.bg-accent pre {
	color: var(--bg-light);
}

.bg-default {
	background-color: transparent;
}

.bg-accent {
	background-color: var(--bg-accent);
}

.bg-white,
.bg-white.text-white {
	background-color: #fff;
	color: var(--text);
}

.bg-a {
	background-color: var(--a);
}

.bg-b {
	background-color: var(--b);
}

.bg-c {
	background-color: var(--c);
}

.bg-d {
	background-color: var(--d);
}

:is(.bg-a, .bg-b, .bg-c) pre {
	color: #fff;
}

.bg-d pre {
	color: var(--text);
}

.bg-text,
.bg-text.text-default {
	background-color: var(--text);
	color: #fff;
}

.text-default {
	color: var(--text);
}

.text-white {
	color: #fff;
}

.text-tan {
	color: var(--bg-accent);
}

/* HERO */

.hero-section,
.decode {
	overflow: hidden;
    position: relative;
	background-color: var(--text);
	color: #fff;
}

.hero-section.condensed,
.hero-section.mid-height {
	padding: 1em;
	display: flex;
	justify-content: center;
}

.hero-section.condensed img.fill-container,
.decode img.fill-container {
	opacity: 0.1;
}

.decode img {
	filter: grayscale(1);
}

.hero-section.mid-height {
	height: 50vh;
}

.hero-section.full-height,
.hero-slider .slide {
	height: 100vh;
	min-height: 720px;
}

.hero-slider .slide:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.7) 100%);
}

.hero-section.full-height .logo-container {
	position: absolute;
	top: 1em;
	left: 0;
	z-index: 5;
	width: 100%;
	display: flex;
	justify-content: center;
}

.hero-section .slide-content {
	z-index: 5;
	position: relative;
	color: #fff;
	padding: 0 5% 5%;
	margin: 0 auto;
	top: 45%;
	max-width: 1330px;
}

.hero-slider :is(h1,h2,h3) {
	color: var(--bg-accent);
}

.hero-slider p {
	max-width: 768px;
	margin-inline: auto;
}

.progress-indicator {
	position: absolute;
	bottom: 0;
	max-width: calc(1640px + 5%);
	width: 100%;
	z-index: 10;
	padding: 0 5% 2em;
	left: 50%;
	transform: translateX(-50%);
}

.slide-count {
    color: #fff;
	font-size: 0.89rem; /* 16px / 18px */
    line-height: 1.28rem; /* 22px / 18px */
    letter-spacing: 0.1rem;
	font-weight: 500;
	margin-bottom: 0.5em;
	user-select: none;
}

.progress-bar {
    width: 100%;
    height: 5px;
    background-color: rgba(255, 255, 255, 0.2);
}

.progress-bar .progress {
    height: 100%;
    background-color: var(--c);
    width: 0;
}

.hero-section .tagline {
	position: absolute;
	bottom: 15em;
    right: -8.5em;
    z-index: 10;
    transform: rotate(90deg);
}

.hero-section.condensed .wp-post-image,
.hero-section.mid-height .wp-post-image {
	opacity: 0.1;
	filter: grayscale(1);
}

/* Page Intro */

.page-intro {
	padding-top: 2.5%;
}

.home .page-intro {
	padding-top: 5%;
}

.page-intro article,
.photo-feature article.feature {
	max-width: 674px;
	position: relative;
}

.page-intro:before,
.featured-posts:before,
.main-feature:before {
	content: '';
	width: 1120px;
	position: absolute;
	top: -73.44px;
	left: 50%;
	aspect-ratio: 1 / 1;
	background-color: #fff;
	opacity: 0.3;
	mask-image: url(img/svg/topo-a.svg);
	-webkit-mask-image: url(img/svg/topo-a.svg);
	mask-size: 300%;
	-webkit-mask-size: 300%;
	user-select: none;
	pointer-events: none;
}

.home .page-intro:before {
	top: 0;
}

.featured-posts:before {
	top: 0;
	right: 50%;
	left: unset;
	mask-position: 55% 75%;
	-webkit-mask-position: 55% 75%;
	aspect-ratio: 9 / 16;
}

.pre-header + :is(h1,h2,h3),
pre + :is(h1,h2,h3) {
	margin-top: 10px;
}

/* Mountains */

.mountains .wrapper-medium {
	display: flex;
}

.mountains .content {
	width: 33.33%;
}

.mountains .image-container {
	flex: 1;
}

.mountains .image-container img {
	position: absolute;
    top: 0;
    height: 100%;
    margin: 0;
    object-fit: cover;
    object-position: left top;
}

/* Masonry Layout */

.masonry-layout {
	overflow: auto;
}

.masonry-layout article.intro {
	max-width: 812px;
}

.masonry-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 10px;
    height: 80vh;
	margin: 5% 0;
}

.gallery-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
	margin: 5% 0;
}

.gallery-grid.blocks-3 {
    grid-template-columns: repeat(3, 1fr);
}

.gallery-grid.blocks-2 {
    grid-template-columns: repeat(2, 1fr);
}

.gallery-grid.blocks-1 {
    grid-template-columns: repeat(1, 1fr);
}

:is(.masonry-grid,.gallery-grid) .item {
    background-color: var(--text);
	position: relative;
	overflow: hidden;
}

.gallery-grid .item {
	aspect-ratio: 4 / 3;
}

.masonry-grid .item1 {
    grid-column: 1 / span 5;
    grid-row: 1 / span 2;
}

.masonry-grid .item2 {
    grid-column: 6 / span 3;
    grid-row: 1 / span 1;
}

.masonry-grid .item3 {
    grid-column: 9 / span 4;
    grid-row: 1 / span 1;
}

.masonry-grid .item4 {
    grid-column: 6 / span 4;
    grid-row: 2 / span 1;
}

.masonry-grid .item5 {
    grid-column: 10 / span 3;
    grid-row: 2 / span 1;
}

:is(.masonry-grid,.gallery-grid) .item:not(.has-overlay,.no-text):is(:hover,:focus-within) :is(img,video) {
	opacity: 0.1;
}

:is(.masonry-grid,.gallery-grid) .item:is(:hover,:focus-within) .overlay.hide-by-default {
	opacity: 1;
}

:is(.masonry-grid,.gallery-grid) .item .inner {
	color: #fff;
	padding: 35px;
    position: absolute;
	opacity: 0;
    bottom: -20%;
	transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.item .inner p {
	margin: 0.5em 0 0;
}

:is(.masonry-grid,.gallery-grid) .item:is(:hover,:focus-within) .inner {
	opacity: 1;
    bottom: 0;
}

.item.no-bg {
	display: flex;
	align-items: center;
	justify-content: center;
}

.item.no-bg .inner {
	position: static;
	opacity: 1;
	bottom: unset;
	text-align: center;
}

:is(.masonry-grid,.gallery-grid) .item.bg-a {
    background-color: var(--a);
}
:is(.masonry-grid,.gallery-grid) .item.no-bg.bg-a:is(:hover,:focus-within) {
    background-color: var(--a-mid);
}
:is(.masonry-grid,.gallery-grid) .item.no-bg.bg-a:active {
    background-color: var(--a-dark);
}

:is(.masonry-grid,.gallery-grid) .item.bg-b {
    background-color: var(--b);
}
:is(.masonry-grid,.gallery-grid) .item.no-bg.bg-b:is(:hover,:focus-within) {
    background-color: var(--b-mid);
}
:is(.masonry-grid,.gallery-grid) .item.no-bg.bg-b:active {
    background-color: var(--b-dark);
}

:is(.masonry-grid,.gallery-grid) .item.bg-c {
    background-color: var(--c);
}
:is(.masonry-grid,.gallery-grid) .item.no-bg.bg-c:is(:hover,:focus-within) {
    background-color: var(--c-mid);
}
:is(.masonry-grid,.gallery-grid) .item.no-bg.bg-c:active {
    background-color: var(--c-dark);
}

:is(.masonry-grid,.gallery-grid) .item.bg-d {
    background-color: var(--d);
}
:is(.masonry-grid,.gallery-grid) .item.no-bg.bg-d:is(:hover,:focus-within) {
    background-color: var(--d-mid);
}
:is(.masonry-grid,.gallery-grid) .item.no-bg.bg-d:active {
    background-color: var(--d-dark);
}

:is(.masonry-grid,.gallery-grid) .item.bg-accent {
    background-color: var(--bg-accent);
}
:is(.masonry-grid,.gallery-grid) .item.no-bg.bg-accent:is(:hover,:focus-within) {
    background-color: #B09D6E;
}
:is(.masonry-grid,.gallery-grid) .item.no-bg.bg-accent:active {
    background-color: #8E7A49;
}

/* WYSIWYG */

.wysiwyg-layout .medium-width,
.wysiwyg-layout .full-width {
	width: 100%;
}

.wysiwyg-layout .restricted-width {
	max-width: 881.01px;
	width: 100%;
}

.wysiwyg-layout .full-width p:has(> img),
.wysiwyg-layout .full-width p img {
	margin: 0;
	user-select: none;
	pointer-events: none;
}

/* Decode */

.decode {
	min-height: 716px;
	height: 70vh;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Photo feature */

.photo-feature {
	padding-bottom: 30%;
}

.overhang {
	overflow: auto;
	padding: 0 5% 5%;
	margin-top: -10%;
}

.overhang .inner {
	position: absolute;
	bottom : 0;
	left: 0;
}

.overhang h2 {
	margin-bottom: 0;
}

/* spotlight */

.spotlight {
	min-height: 100vh;
	display: flex;
	align-items: center;
	margin-bottom: 5%;
}

.spotlight h1 {
	text-wrap: unset;
}

/* Related posts - single */

.related-posts {
	background: #fff;
	padding-bottom: calc(5% + 56.48px);
}

.related-posts .loop-wrap .loop {
	background: #F4EEE2;
}

/* Partner Grid */

.partner-grid {
	display: flex;
	justify-content: center;
	padding: 2em 0;
	row-gap: 1em;
}

.partner-logo {
	flex: 1;
	max-width: 162.5px;
	padding: 0 1em;
}

.partner-logo img {
	max-height: 40px;
	margin: 0 auto;
}

.grayscale .partner-logo img {
	filter: grayscale(1);
}

.remove-white .partner-logo img {
	mix-blend-mode: multiply;
}

.invert .partner-logo img {
	filter: invert(1);
}

.invert.grayscale .partner-logo img {
	filter: invert(1) grayscale(1);
}

.invert.grayscale.remove-white .partner-logo img {
	mix-blend-mode: screen;
}

/* Quick facts */

.quick-facts {
	background: var(--text);
	display: flex;
	min-height: 80vh;
}

.quick-facts :is(.featured-image, .fact-container) {
	margin: 0;
	position: relative;
	color: #fff;
	width: 50%;
}

.fact-container {
	padding: 5%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.fact-container .fact-slider {
	max-width: 536px;
	width: 100%;
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fact-slider .slick-dots {
	position: absolute;
	bottom: -50px;
}

.quick-facts img.topo {
	opacity: 2%;
}

.quick-facts :is(h1,h2,h3,h4,h5,h6) {
	font-weight: 400;
	text-wrap: unset;
}

.quick-facts :is(h1,h2,h3,h4,h5,h6) :is(em,strong) {
	font-weight: 600;
}

@media only screen and (max-width: 1260px) {

	.gallery-grid.blocks-4 {
		grid-template-columns: repeat(3, 1fr);
	}

}

@media only screen and (max-width: 1220px) {

	.masonry-grid {
		grid-template-rows: repeat(6, 1fr);
	}

	.masonry-grid .item1 {
		grid-column: 1 / span 6;
		grid-row: 1 / span 4;
	}

	.masonry-grid .item2 {
		grid-column: 7 / span 6;
		grid-row: 1 / span 2;
	}

	.masonry-grid .item3 {
		grid-column: 7 / span 6;
		grid-row: 3 / span 2;
	}

	.masonry-grid .item4 {
		grid-column: 1 / span 8;
		grid-row: 5 / span 2;
	}

	.masonry-grid .item5 {
		grid-column: 9 / span 4;
		grid-row: 5 / span 2;
	}

}

@media only screen and (max-width: 1024px) {

	.quick-facts .featured-image {
		width: 30%;
	}
	.quick-facts .fact-container {
		width: 70%;
	}

}

@media only screen and (max-width: 960px) {

	.hero-section .slide-content {
		top: unset;
		padding-bottom: calc(5% + 70px);
		padding-top: 300px;
	}

	.overhang {
		margin-top: -20%;
	}

	.gallery-grid.blocks-4,
	.gallery-grid.blocks-3 {
		grid-template-columns: repeat(2, 1fr);
	}

	.hero-section.full-height,
	.hero-slider .slide {
		min-height: 100vh;
		height: auto;
	}

}

@media only screen and (max-width: 899px) {

	.masonry-grid {
		margin-bottom: 8%;
	}
	
	.masonry-grid .item .inner {
		padding: 1.5em;
		opacity: 1;
    	bottom: 0;
	}

	.item .inner h2 {
		font-size: 1.72rem;
    	line-height: 2.39rem;
	}
	
	.item .inner p {
		display: -webkit-box;
		line-clamp: 2;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;  
		overflow: hidden;
	}

	.masonry-grid .item:not(.has-overlay,.no-text) :is(img,video) {
		opacity: 0.1;
	}

	.masonry-grid .item .overlay.hide-by-default {
		opacity: 1;
	}

}

@media only screen and (max-width: 768px) {

	.masonry-grid {
		grid-template-rows: repeat(12, 1fr);
	}
	
	.masonry-grid .item1 {
		grid-column: 1 / span 12;
		grid-row: 1 / span 4;
	}

	.masonry-grid .item2 {
		grid-column: 1 / span 6;
		grid-row: 5 / span 4;
	}

	.masonry-grid .item3 {
		grid-column: 7 / span 6;
		grid-row: 5 / span 4;
	}

	.masonry-grid .item4 {
		grid-column: 1 / span 6;
		grid-row: 9 / span 4;
	}

	.masonry-grid .item5 {
		grid-column: 7 / span 6;
		grid-row: 9 / span 4;
	}

	.hero-section .tagline {
		display: none;
	}

}

@media only screen and (max-width: 666px) {

	.masonry-grid .item .inner {
		padding: 1em;
	}

	.item .inner p {
		display: none;
	}

	.item.no-bg {
		display: block;
	}

	.item.no-bg .inner {
		position: absolute;
		width: 100%;
		text-align: left;
	}

	.quick-facts {
		flex-direction: column;
	}

	.quick-facts :is(.featured-image, .fact-container) {
		width: 100%;
	}

}

@media only screen and (max-width: 480px) {

	.gallery-grid.blocks-4,
	.gallery-grid.blocks-3,
	.gallery-grid.blocks-2 {
		grid-template-columns: repeat(1, 1fr);
	}

}

/*------------------------------------*\
    BADGES
\*------------------------------------*/

.badge {
	width: 40px;
	height: 40px;
	background: var(--d);
	position: absolute;
	top: 1em;
	left: 1em;
	text-indent: -999em;
}

.badge:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
}

.badge.sticky:before {
	mask-image: url(img/svg/material/keep_24dp_FILL0_wght400_GRAD0_opsz24.svg);
	-webkit-mask-image: url(img/svg/material/keep_24dp_FILL0_wght400_GRAD0_opsz24.svg);
	mask-size: 30px;
	-webkit-mask-size: 30px;
	transform: rotate(45deg);
}

/*------------------------------------*\
    PUSH MENU
\*------------------------------------*/



/*------------------------------------*\
    MISC
\*------------------------------------*/

.line-clamp,
.loop-wrap.compact :is(h2,.excerpt),
.loop-wrap .excerpt {
	display: -webkit-box;
	line-clamp: 1;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}

.clamp-2,
.loop-wrap.compact .excerpt {
	-webkit-line-clamp: 2;
	line-clamp: 2;
}

.clamp-3,
.children .loop-wrap .excerpt {
	-webkit-line-clamp: 3;
	line-clamp: 3;
}

.clamp-4,
.loop-wrap .excerpt {
	-webkit-line-clamp: 4;
	line-clamp: 4;
}

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

section.hidden:after {
	content: '';
	background-color: rgba(0,0,0,0.5);
	background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000000' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
	z-index: 50;
}

.fill-container,
.featured-image img,
.hero-section .wp-post-image,
.hidden:after {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-indent: -999em;
}

img.fill-container,
video.fill-container,
.featured-image img,
.hero-section .wp-post-image {
	object-fit: cover;
	object-position: center center;
}

a.fill-container {
	z-index: 5;
}

.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}

.no-margin {
    margin: 0;
}

.no-margin-top,
.hero-slider :is(h1,h2,h3) {
    margin-top: 0;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.no-padding {
	padding: 0;
}

.no-padding-top {
	padding-top: 0;
}

.no-padding-bottom {
	padding-bottom: 0;
}

.no-padding-inline {
	padding-inline: 0;
}

.no-padding-toptail {
	padding-top: 0;
	padding-bottom: 0;
}

.no-select,
:is(.loop,.single) .featured-image {
	user-select: none;
}

.no-pointer {
	pointer-events: none;
}

.pointer {
	cursor: pointer;
}

.w-400 {
	font-weight: 400;
}

.w-500 {
	font-weight: 500;
}

.w-700,
#breadcrumbs p {
	font-weight: 700;
}

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

.ta-left {
	text-align: left;
}

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

.faded {
	opacity: 0.5;
}

.relative {
	position: relative;
}

.static {
	position: static;
}

.hide-overflow {
	overflow: hidden;
}

.show-overflow {
	overflow: visible;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:1px solid #f0f0f0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.gallery-caption,.wp-caption .wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

/*------------------------------------*\
    GUTENBERG
\*------------------------------------*/

.is-type-video iframe {
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	display: block;
}

.wp-block-image,
.is-type-video {
	margin: 2em 0;
	background: #fff;
	padding: 0.5em;
}

.wp-block-gallery {
	margin: 2em 0;
}

.wp-block-image figure.size-full img,
.wp-block-image figure.aligncenter img {
	width: 100%!important;
}

.wp-block-image img {
	user-select: none;
	pointer-events: none;
}

.wp-block-image figcaption {
	margin-bottom: 0;
	opacity: 0.5;
}

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

.has-dark_blue-color {
    color: var(--text);
}
.has-dark_blue-background-color {
    background-color: var(--text);
}

.has-white-color {
    color: #fff;
}
.has-white-background-color {
    background-color: #fff;
}

.has-magenta-color {
    color: var(--c);
}
.has-magenta_mid-background-color {
    background-color: var(--c-mid);
}

.has-blue-color {
    color: var(--a);
}
.has-blue_mid-background-color {
    background-color: var(--a-mid);
}

.has-orange-color {
    color: var(--b);
}
.has-orange_mid-background-color {
    background-color: var(--b-mid);
}

.has-green-color {
    color: var(--d);
}
.has-green_mid-background-color {
    background-color: var(--d-mid);
}

.has-tan-color {
    color: var(--bg-light);
}
.has-tan_mid-background-color {
    background-color: var(--bg-accent);
}

p + .wp-block-buttons {
	margin-top: 6.5%;
}

.wp-block-buttons {
	margin-bottom: 0.5em;
}

/*------------------------------------*\
    ACCORDION BASE THEME
\*------------------------------------*/

.accordion {
    font-size: 1em;
    font-weight: 700;
    color: #111;
    line-height: 1.2;
    cursor: pointer;
    padding: 1.5em 3em 1.5em 16px;
    width: 100%;
    text-align: left;
    border-top: 2px solid #f8f8f8;
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-radius: 0;
    outline: none;
    position: relative;
    background: transparent;
}

.active, .accordion:hover {
    color: var(--primary-color);
}

.accordion:first-child {
    border-top: none;
}

.panel {
    padding: 0 16px;
    display: none;
    overflow: hidden;
    margin-bottom: 0.5em;
    margin-top: -1.25em;
}

.active + .panel {
    display: block;
}

.accordion i {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: var(--primary-color);
    right: 0.5em;
    -webkit-mask-image: url(img/svg/control_point_black_24dp.svg);
    mask-image: url(img/svg/control_point_black_24dp.svg);
    -webkit-mask-size: contain;
    mask-size: contain;
    top: 50%;
    margin-top: -10px;
}

.accordion.active i {
    background-color: #b2b2b2;
    -webkit-mask-image: url(img/svg/remove_circle_outline_black_24dp.svg);
    mask-image: url(img/svg/remove_circle_outline_black_24dp.svg);
}

/*------------------------------------*\
    SLICK BASE THEME
\*------------------------------------*/

.hero-slider,
.slick-autoplay-toggle-button,
.fact-slider {
	display: none;
}

.slick-autoplay-toggle-button {
	user-select: none;
	pointer-events: none;
}

.loop-slider {
	margin-bottom: 2em;
}

.loop-slider .slick-list {
    overflow: visible;
}

.loop-slider .slick-track {
    display: flex;
}

.loop-slider .slick-slide {
    height: inherit!important;
	margin: 0 0.5em;
	position: relative;
	opacity: 1;
	transition: 0.5s cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.loop-slider .slick-slide.slick-active {
	opacity: 1;
}

.loop-slider .slick-slide:first-child {
	margin-left: 0;
}

.loop-slider .slick-slide:last-child {
	margin-right: 0;
}

.loop-slider .slick-slide > div,
.loop-slider .slick-slide article {
    height: 100%;
}

.slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-touch-callout:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translate3d(0,0,0)}.slick-track{top:0;left:0;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px;outline:none}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-dots{list-style-type:none;padding:0;text-align:center;}.slick-dots li{display:inline-block;}.slick-slider button{-webkit-appearance:none;appearance: none;outline:none;text-indent:-999em;cursor:pointer;border: none; background: #fff; width: 10px; height: 10px; border-radius: 50%; margin: 0.5em;padding: 0;}.slick-slider .slick-dots button {opacity:0.2;}.slick-slider .slick-active button{opacity:1;}.slick-dots li:only-child{display:none}

.slick-slider button.slick-arrow {
	width: 42px;
	height: 100px;
	border-radius: 0;
	background-color: var(--text);
	margin: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
	opacity: 0;
	transition: 0.3s ease-in-out;
	overflow: hidden;
}

.slick-slider:hover button.slick-arrow {
	opacity: 1;
}

.slick-slider button.slick-arrow:after {
	content: '';
	width: 100%;
	height: 42px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -21px;
	background-color: #fff;
	mask-image: url(img/svg/material/keyboard_arrow_up_24dp_FILL0_wght400_GRAD0_opsz24.svg);
	-webkit-mask-image: url(img/svg/material/keyboard_arrow_up_24dp_FILL0_wght400_GRAD0_opsz24.svg);
	mask-size: 35px;
	-webkit-mask-size: 35px;
}

.slick-slider button.slick-next {
	left: unset;
	right: -42px;
}

.slick-slider button.slick-next:focus-visible {
	right: 0;
	opacity: 1;
}

.slick-slider button.slick-prev {
	left: -42px;
}

.slick-slider button.slick-prev:focus-visible {
	left: 0;
	opacity: 1;
}

.slick-slider button.slick-next:after {
	transform: rotate(90deg);
}

.slick-slider button.slick-prev:after {
	transform: rotate(-90deg);
}

.slick-slider:hover button.slick-next {
	right: 0;
}

.slick-slider:hover button.slick-prev {
	left: 0;
}

.loop-slider.slick-slider button {
	width: 56.48px;
	height: 56.48px;
	opacity: 1;
	top: unset;
	bottom: -6.704em;
}

.loop-slider.slick-slider button.slick-prev {
	left: 0;
}

.loop-slider.slick-slider button.slick-next {
	right: unset;
	left: 66.48px;
}

@media only screen and (max-width: 666px) {

	.slick-slider.hide-mobile-controls button {
		display: none!important;
	}

}