/*
Theme Name: Sonoma Open Space 2025
Theme URI: https://sonomaopenspace.org/
Author: Stephan Krause for Adam London LLC
Author URI: https://netzgestalter.com
Description: Custom theme for Sonoma County Agricultural Preservation and Open Space District
Version: 1.0
Text Domain: openspace
*/

@font-face {
	font-family: "TT Norms Pro";
	font-weight: 400;
	src: url("assets/fonts/TT_Norms_Pro_Regular.woff2") format("woff2"), url("assets/fonts/TT_Norms_Pro_Regular.woff") format("woff");
}
@font-face {
	font-family: "TT Norms Pro";
	font-weight: 500;
	src: url("assets/fonts/TT_Norms_Pro_Medium.woff2") format("woff2"), url("assets/fonts/TT_Norms_Pro_Medium.woff") format("woff");
}
@font-face {
	font-family: "TT Norms Pro";
	font-weight: 700;
	src: url("assets/fonts/TT_Norms_Pro_Bold.woff2") format("woff2"), url("assets/fonts/TT_Norms_Pro_Bold.woff") format("woff");
}
@font-face {
	font-family: "TT Norms Pro";
	font-weight: 800;
	src: url("assets/fonts/TT_Norms_Pro_ExtraBold.woff2") format("woff2"), url("assets/fonts/TT_Norms_Pro_ExtraBold.woff") format("woff");
}
@font-face {
	font-family: "TT Norms Pro";
	font-weight: 900;
	src: url("assets/fonts/TT_Norms_Pro_Black.woff2") format("woff2"), url("assets/fonts/TT_Norms_Pro_Black.woff") format("woff");
}
@font-face {
	font-family: "TT Norms Pro Serif";
	font-weight: 400;
	src: url("assets/fonts/TT_Norms_Pro_Serif_Normal.woff2") format("woff2"), url("assets/fonts/TT_Norms_Pro_Serif_Normal.woff") format("woff");
}
@font-face {
	font-family: "TT Norms Pro Serif";
	font-weight: 400;
	font-style: italic;
	src: url("assets/fonts/TT_Norms_Pro_Serif_Normal_Italic.woff2") format("woff2"), url("assets/fonts/TT_Norms_Pro_Serif_Normal_Italic.woff") format("woff");
}
@font-face {
	font-family: Icons;
	src: url("assets/fonts/icons.woff") format("woff");
}
/*
map: \e900
search: \e901
vimeo: \e902
instagram: \e903
linkedin: \e904
facebook: \e905
more: \e906
info: \e907
news: \e908
tiktok: \e909
external link: \e90a
x (twitter): \e90b
*/

/*! normalize.css v8.0.1 | 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}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}details,main{display:block}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}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}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,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}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;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}

:root {
	--heading-font: 'TT Norms Pro', Arial, Helvetica, Sans-serif;
	/* --orange: #DC6227; */
	--orange: #AA4A1D;
	--sand: #EDE8DE;
	--blue: #56A4BA;
	--green: #9A9C36;
	--dark_brown: #8F5A28;
	--dark_sand: #D9D0C0;
}
html, body {font-size: 100%;}
html {height: 100%;}
/* this is needed for breakpoint calculation with JS */
html:before {
	content: 'large';
	display: none;
	visibility: hidden;
}
/* end JS breakpoint CSS */
body {
	color: black;
	background-color: white;
	font: 1.25em/1.5 'TT Norms Pro Serif', Georgia, "Times New Roman", Times, serif;
	margin: 0 auto;
	padding: 0;
}
a {color: var(--dark_brown);}
/* external links get a respective icon, i. e. internal links (to the current domain) don’t */
a[href*="//"]:not([href*="sonomaopenspace.org"], [href*="sonoma.loc"], [href*="kinsta.cloud"]):not(:has(img)):after {
	content: '\00a0\e90a';
	font: .75em/1 Icons;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: inline-block;
}
a img {border: none;}
address {font-style: normal;}
button:focus {outline: auto;}
h1, h2, h3, h4, h5, h6, ol, ul, p, table {margin-top: 0;}
button, h1, h2, h3, h4, h5, h6 {font-family: var(--heading-font);}
h1 {
	font-size: 1.4em;
	line-height: 1.179;
	font-weight: 700;
}
h2 {
	font-size: 1.4em;
	font-weight: 900;
	line-height: 1.179;
	letter-spacing: .35em;
	text-transform: uppercase;
}
h3 {
	line-height: 1.125;
	font-size: 1.2em;
	margin-bottom: 1.125em;
}
img, input, select, textarea {
	vertical-align: middle;
	margin: 0;
	max-width: 100%;
	font-family: var(--heading-font);
	box-sizing: border-box;
}
img {
	height: auto;
	max-width: 100%;
}
input::placeholder {color: rgb(0 0 0 / 0.6157);}
fieldset{
	margin: 0;
	padding: 0;
	border: none;
}
figure {margin: 0;}
p, table, ul, ol {
	margin-bottom: 1.5em;
	margin-bottom: 1lh;
}
table {border-collapse: collapse;}
th, td {
	border: 1px solid currentcolor;
	padding: .2em .5em;
	line-height: 1.2;
}
th[scope="row"] {
	text-align: left;
	font-weight: 400;
}
textarea {resize: vertical;}

.skip {
	position: absolute;
	left: -9999em;
	top: -9999em;
}
.skip:focus-visible{
	height: auto;
	width: auto;
	display: block;
	font-family: 'TT Norms Pro Serif', Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: 600;
	padding: 15px 23px 14px;
	background: #f0f0f1;
	color: #2271b1;
	z-index: 100000;
	line-height: normal;
	text-decoration: none;
}

.btn {
	text-align: center;
	font: 700 1em/1 var(--heading-font);
	text-transform: capitalize;
	cursor: pointer;
	box-sizing: border-box;
	border: 3px solid var(--orange);
	background-color: transparent;
	display: inline-block;
	text-decoration: none;
	padding: 1em;
	color: inherit;
}
.btn:hover {
	background-color: var(--orange);
	color: white;
}
.aligncenter {
	margin-left: auto;
	margin-right: auto;
}


body > header {
	font-family: var(--heading-font);
	font-size: .8em;
	background-color: #EBE8E0;
	padding: 1.875em 3.638% 2.25em 3.968%;
	position: relative;
	display: flex;
	justify-content: space-between;
	min-height: 11.875em;
	box-sizing: border-box;
	-moz-hyphens: manual;
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual;
}
body > header .logo {
	margin: 0;
	font-size: inherit;
	flex: 0 0 auto;
	align-self: end;
}
body > header .logo img {width: 13.063em;}
body > header .inner {
	display: flex;
	flex: 1 1 0;
	justify-content: flex-end;
}
body > header .btn {font-size: .813em;}
header .language {
/* 	position: absolute;
	top: 1.875em;
	right: 12em; */
	order: 2;
	margin-left: 1.323%;
}
header .goog-te-gadget {color: #EBE8E0;}
header .goog-te-gadget span {display: none;}
header .goog-te-gadget .goog-te-combo {
	margin: 0;
	background-color: white;
	border: 0;
	height: 2em;
	font-size: 1rem;
	font-weight: 500;
	font-family: var(--heading-font);
	width: 100%;
	border-radius: 0;
	color: black;
}
body > header ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
body > header a {
	text-decoration: none;
	color: inherit;
	display: block;
}
body > header .menu {display: flex;}
body > header .menu > * {
	flex: 1 1 33.333%;
	padding: 3.563em 7.407% 2.75em;
	box-sizing: border-box;
	border: solid var(--dark_sand);
	border-width: 0 1px 0 0;
}
body > header .menu a {
	font-size: 1.063em;
	font-weight: 700;
}
body > header .menu a:hover {text-decoration: underline;}
body > header .menu > li > a {
	color: var(--orange);
	text-transform: uppercase;
	cursor: default;
	font-size: .813em;
	font-weight: 800;
}
body > header .menu > li > a:hover {text-decoration: none;}
body > header .sub-menu {margin-top: 1.313em;}
body > header .sub-menu > li {margin-bottom: .813em;}
#nav_toggle {
	position: absolute;
	left: -9999em;
}
#nav_toggle + label {
	position: absolute;
	right: 3.638%;
	top: 6.938em;
	width: 2.25em;
	height: 2em;
	overflow: hidden;
	text-indent: -9999em;
	cursor: pointer;
	background: linear-gradient(black, black) center center / 100% .188em no-repeat;
	transition: background-size .25s;
}
#nav_toggle + label:before, #nav_toggle + label:after {
	content: '';
	width: 100%;
	height: .188em;
	background-color: black;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	transition-property: transform, margin;
	transition-duration: .25s;
}
#nav_toggle + label:before {margin-top: -.625em;}
#nav_toggle + label:after {margin-top: .625em;}
#nav_toggle:checked + label {background-size: 0 .188em;}
#nav_toggle:checked + label:before, #nav_toggle:checked + label:after {margin-top: 0;}
#nav_toggle:checked + label:before {transform: translate(-50%, -50%) rotate(-45deg);}
#nav_toggle:checked + label:after {transform: translate(-50%, -50%) rotate(45deg);}
#nav_toggle:focus-visible + label {
	outline: auto;
	outline-offset: .125em;
}
.mega-menu {
	border: solid var(--dark_sand);
	border-width: 1px 0 0;
	display: grid;
	grid-template: auto auto / repeat(4, 1fr);
	opacity: .01;
	position: absolute;
	width: 100%;
	left: -9999em;
	top: -9999em;
	background-color: #EBE8E0;
	transition-property: left, top, opacity;
	transition-duration: 0s, 0s, .25s;
	transition-delay: .25s, .25s, 0s;
	z-index: 110;
	/* margin-top: -1px; */
}
#nav_toggle:checked ~ .inner .mega-menu {
	left: 0;
	top: 100%;
	opacity: 1;
	transition-delay: 0s;
}
.mega-menu nav {
	display: flex;
	grid-area: 1 / span 4;
	border-bottom: 1px solid var(--dark_sand);
}
.mega-menu nav > * {flex: 1 1 100%;}
.protected-lands {
	flex-shrink: 0 !important;
	flex-basis: 25% !important;
	padding: 3.563em 5.291%;
	box-sizing: border-box;
	align-self: flex-start;
}
.protected-lands span {
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: var(--orange);
	text-transform: uppercase;
	font-weight: 800;
	font-size: .813em;
}
.protected-lands span:after {
	content: '\e900';
	font: 1.538em/1 Icons;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin-left: .5em;
}
.protected-lands img {
	/* width: 13.688em; */
	display: block;
	margin-top: 1.625em;
}
header .section2, header .section3 {
	height: 10.938em;
	display: flex;
	align-items: center;
	justify-content: center;
	border: solid var(--dark_sand);
	border-width: 0 1px 0 0;
	padding: 0 5%;
}
header .section2 > *, header .section3 > * {
	padding: 1.75em 1em;
	font-size: .813em;
	font-weight: 700;
	text-transform: uppercase;
	border: 3px solid;
	box-sizing: border-box;
	text-align: center;
	flex: 0 1 18.077em;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .section2 a {border-color: var(--blue);}
header .section2 a:hover {background-color: var(--blue);}
header .section2 a:before, header .section3 a:before {
	font: 1em/1.5 Icons;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	float: left;
	margin-right: .5em;
}
header .section2 a:before {content: '\e907';}
header .section3 a:before {content: '\e908';}
header .section3 a {border-color: var(--green);}
header .section3 a:hover {background-color: var(--green);}

header .mailchimp_signup {
	grid-area: 2 / 3 / 2 / span 2;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 1em;
	padding-right: 1em;
}
header .mailchimp_signup label {
	/* font-size: 1.625em; */
	font-size: 1.72vw;
	font-weight: 500;
	max-width: 5.385em;
	margin-right: 2%;
	line-height: 1.154;
}
header .mailchimp_signup input {
	height: 3.375em;
	border: none;
	background-color: white;
	padding: 0 1.5em;
	width: 37.017%;
	max-width: 16.75em;
}
header .mailchimp_signup button {
	padding: 0 5.248%;
	font-weight: 800;
	height: 4.154em;
	white-space: nowrap;
}
body > header .social {
	order: 1;
	margin-top: .5em;
}
.social h2 {
	position: absolute;
	left: -999em;
	top: -999em;
}
.social ul {
	display: flex;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}
.social a {
	text-indent: -9999em;
	display: block;
	width: 1em;
	padding: .3em;
	margin-top: -.375em;
}
.social a:before {
	font: 1em/1 Icons;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	display: block;
	text-indent: 0;
}
.social .vimeo:before {content: '\e902';}
.social .instagram:before {content: '\e903';}
.social .linkedin:before {content: '\e904';}
.social .facebook:before {content: '\e905';}
.social .tiktok:before {content: '\e909';}
.social .twitter:before {content: '\e90b';}
.social a:after {content: none !important;}

header .search {
	order: 3;
	margin-left: 2.91%;
}
.searchform div {
	position: relative;
	display: flex;
}
header .searchform div {justify-content: flex-end;}
header .search label {
	display: flex;
	font-weight: 700;
	position: absolute;
	right: 0;
	top: -9999em;
	font-size: 1.25em;
	flex: 1 0 1.6em;
	justify-content: flex-end;
	box-sizing: border-box;
	cursor: pointer;
}
header .search label:after {
	content: '\e901';
	font: 1.15em/1 Icons;
	margin-left: .5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.391em;
}
.searchform input, .searchform button {
	vertical-align: middle;
	height: 2em;
	background-color: #F3F3F3;
	border: none;
	color: currentcolor;
}
.searchform input {
	padding: 0 .4em;
	font-size: 1.25em;
	height: 1.6em;
	font-weight: 700;
	max-width: 17.35em;
	flex: 1 1 22.95vw;
	min-width: 0;
	/* width: auto; */
}
.searchform button {
	padding: 0;
	border-radius: 0;
	cursor: pointer;
	flex: 0 0 2em;
}
.searchform button:before {
	content: '\e901';
	font: 1.438em/1 Icons;
	display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.searchform button span {
	position: absolute;
	left: -999em;
	top: -999em;
}
.jsenabled header .search form {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	/* transition: transform 0s .5s; */
	position: relative;
	height: 2em;
	overflow: hidden;
}
.jsenabled header .search label {
	top: 0;
	height: 1.6em;
	transition: opacity .3s .2s;
	z-index: 1;
	line-height: 1.6em;
}
.jsenabled header .search label:after {content: '';}
.jsenabled header .search label.clone {
	position: static;
	visibility: hidden;
}
.jsenabled header .search form > div {
	width: 1px;
	transition-property: width, transform;
	transition-duration: .5s, 0s;
	transition-delay: 0s, .5s;
	max-width: 17.35em;
	transform: translateY(-100%);
}
.jsenabled header .search input,
.jsenabled header .search button {
	background-color: transparent;
	transition: background-color .5s;
}
.jsenabled header .search button:focus-visible {outline-offset: -2px;}
.jsenabled header .search form.focus .clone {
	transform: translateY(-100%);
	transition-delay: 0s;
}
.jsenabled header .search form.focus label {
	opacity: 0;
	transition-delay: 0s;
}
.jsenabled header .search form.focus > div {
	width: 22.95vw;
	position: relative;
	z-index: 1;
}
.jsenabled header .search form.focus input,
.jsenabled header .search form.focus button,
main .searchform input,
main .searchform button
	{background-color: #F3F3F3;}

main {margin-bottom: max(3em, 3.968%);}
body > footer {
	background-color: #EBE8E0;
	padding-top: 2.625em;
	padding-bottom: 1.5em;
	font-family: var(--heading-font);
	font-size: .8em;
}
body > footer a {color: inherit;}
footer .mailchimp_signup {
	display: flex;
	margin-bottom: 2.625em;
	justify-content: center;
	align-items: center;
	padding: 0 2.5%;
}
footer .mailchimp_signup > * {font-size: 1.25em;}
footer .mailchimp_signup label {font-weight: 500;}
footer .mailchimp_signup input {
	background-color: #fff;
	border: 1px solid var(--dark_sand);
	border-right-width: 0;
	padding: .5em .9em;
	height: 2.85em;
	box-sizing: border-box;
	flex: 0 1 31.944%;
	margin-left: 1.918%;
}
footer .mailchimp_signup button {
	min-width: 10.9em;
	font-weight: 700;
	background-color: transparent;
	height: 2.85em;
	padding: 0;
	cursor: pointer;
}
.footer-main {
	border-top: 1px solid var(--dark_sand);
	display: flex;
	align-items: center;
	padding: 0 3% 0 21.892%;
	background: url(assets/img/logo-ag-open-space-35.svg) left 3.968vw top 50% / 13.823% auto no-repeat;
}
footer .social {order: 2;}
footer .social a {
	font-size: 1.5em;
	padding: .416em;
	margin-top: 0;
}
.bagb_hire {
	order: 1;
	margin: 0 2.052% 0 4.282%;
}
.bagb_hire img {width: 4.75em;}
.nav_footer {
	font-size: clamp(.6em, 1.058vw, 1em);
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 0;
	padding: 3.307% 6.244%;
	margin: 0;
	min-height: 11.905vw;
	align-content: center;
	box-sizing: border-box;
	border: solid var(--dark_sand);
	border-width: 0 1px;
}
.nav_footer > * {
	flex: 0 1 25%;
	padding-right: 2%;
	box-sizing: border-box;
	margin-bottom: .5em;
}
.nav_footer a {
	font-size: 1.125em;
	text-decoration: none;
	font-weight: 500;
}
.nav_footer a:hover {text-decoration: underline;}
.copyright {
	color: #626262;
	font-size: .625em;
	font-weight: 700;
	padding: 2.6em 6em 0;
	border-top: 1px solid var(--dark_sand);
}

#content {
	padding-top: 4.797vw;
	padding-bottom: 5.291vw;
}
#content > .hero:first-child {margin-top: -4.797vw;}
#content > h1 {
	max-width: 58.7em;
	margin: 0 auto 1.571em;
	padding-left: 8%;
	padding-right: 8%;
/* 	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: .35em;
	text-align: center; */
}


.hero,
.hero > *
{
	position: relative;
	z-index: 1;
}
.hero {
	height: 24em;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
	text-align: center;
	padding-top: 5.291vw;
	padding-bottom: 8.73vw;
	margin-bottom: 8.201vw;
	background-color: var(--dark_brown);
	box-sizing: border-box;
}
.hero:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(123, 124, 98, 0.5);
	z-index: 1;
}
.hero:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 8.598vw;
	width: 100%;
	background: url(assets/img/hero_pattern_default.svg) top center / calc(100% + 6px) auto no-repeat;
	z-index: 10;
}
.hero.green:after {background-image: url(assets/img/hero_pattern_green.svg);}
.hero > * {
	font-family: var(--heading-font);
	font-size: 1.6em;
	font-weight: 700;
	max-width: 24em;
	margin: 0;
	line-height: 1.188;
	padding: 0 8%;
}
.hero h1 {
	font-size: 2em;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: .35em;
	text-shadow: 0 .091em .091em rgb(0 0 0 / .25);
}
.hero h1 span {display: block;}
.hero img {
	position: absolute;
	z-index: auto;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width: none;
	padding: 0;
}
.home .hero {
	padding-bottom: 14.22vw;
	min-height: 35em;
	height: auto;
}
.home .hero:after {
	height: 9.854vw;
	background-image: url(assets/img/hero_bottom_home.svg);
	bottom: -1px;
}
.home .hero h1 {
	font-size: 2.2em;
	margin-bottom: .5em;
}

#explore-more {margin-bottom: 4em;}
#explore-more h2 {
	text-transform: uppercase;
	text-align: center;
	flex: 1 0 100%;
}
#explore-more h3 a {text-decoration: none;}
.card--subtitle {
	font: 800 .5em var(--heading-font);
	color: var(--orange);
	text-transform: uppercase;
	margin-bottom: 1.2em;
}


.home #content, .page-template-landing #content {
	margin-bottom: 0;
	padding-bottom: 0;
}
#top_features {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 2.646vw 1.587vw;
	padding: 0 9.921% 33.466vw;
	position: relative;
}
#top_features:after {
	content: '';
	background: url(assets/img/bg_top_features_home.webp) bottom center / 100% auto no-repeat;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 29.431vw;
}
#top_features h2, .posts h2 {
	flex-basis: 100%;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 0;
}
#top_features > * {flex: 0 1 clamp(0px, 31.987%, 19em);}
#top_features > section {
	background-color: #EBE5DB;
	padding-bottom: 3.5em;
	position: relative;
}
#top_features > section > *, #top_features header h3 {
	margin-left: 6.316%;
	margin-right: 6.316%;
}
#top_features > section > header {margin: 0;}
#top_features > section h3 {margin-bottom: .5em;}
#top_features img {
	aspect-ratio: 16/9;
	margin-bottom: 1.25em;
	object-fit: cover;
}
#top_features > section > div {
	margin-bottom: 1.5em;
	font-size: .8em;
}
#top_features .more {
	position: absolute;
	bottom: 1.5em;
}

.more {
	display: inline-flex;
	font: 700 .8em var(--heading-font);
	text-transform: capitalize;
	text-decoration: none;
	transition: color .25s;
	color: inherit;
	align-items: center;
}

.more a {
	font-size: 16px;
	font-weight: 700;
}
.more:hover {color: var(--orange);}
.more:before {
	content: '\e906';
	font: 1.25em/1 Icons;
	color: var(--orange);
	vertical-align: middle;
	position: relative;
	left: 0;
	margin-right: .2em;
	transition-property: transform;
	transition-duration: .25s;
}
.more:hover:before {transform: rotate(45deg);}
.more:after {margin-left: .5em;}

#news {
	/* max-width: 58.7em; */
	padding-bottom: 24.669vw;
	margin: auto;
	position: relative;
}
#news:after {
	content: '';
	position: absolute;
	left: 0;
	width: 100%;
	background: url(assets/img/BuckeyeForest041.webp) bottom center / 100% auto no-repeat;
	height: 24.669vw;
	bottom: 0;
}

.posts {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-left: 11.012%;
	padding-right: 11.012%;
	gap: clamp(1em, 2.976vw, 2.25em) 1.323%;
}
.posts--item {
	flex: 0 1 clamp(0px, 49.153%, 28.85em);
	/* margin-bottom: 3.898%; */
	background-color: #EBE8E0;
	padding: 1.1em 1.1em 1.1em clamp(0px, 25.678%, 14.85em);
	position: relative;
	box-sizing: border-box;
}
.posts--item a {
	text-decoration: none;
	color: inherit;
}
.card--title {
	min-height: 5.225vw;
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.125;
	margin-bottom: 1.125em;
	font-family: var(--heading-font);
}
.card--text {
	line-height: 1.25;
	margin-bottom: .813em;
	min-height: 4.5em;
	min-height: 4lh;
	font-size: .8em;
}
/* .posts--item .excerpt p {margin-bottom: 0;} */
.card--img {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 48.276%;
}
.posts--item img {
/* 	aspect-ratio: 280 /260; */
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.card--more:after {content: none !important;}

.swiper-notification {
	position: absolute;
	left: -9999em;
	top: -9999em;
}
#achievements {
	background-color: rgba(105, 163, 185, 0.75);
	position: relative;
	padding-bottom: 8.466vw;
	margin-bottom: 3em;
}
#achievements:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: url(assets/img/hero_pattern_default.svg) top center / calc(100% + 6px) auto no-repeat;
	height: 8.532vw;
	z-index: 10;
}
.achievement {
	display: grid;
	grid-template: auto 1fr / 57.046% auto;
	width: 78.373%;
	margin: 0 auto;
	gap: 0 4.641%;
	padding: 7.5em 0 6.5em 0;
}
.achievement--heading {
	grid-area: 1 / 2 / 2;
	font-size: 1.587vw;
	text-transform: uppercase;
	padding-bottom: 1.607em;
	border-bottom: 1px solid #000;
	margin-bottom: 1.214em;
	-moz-hyphens: manual;
	-webkit-hyphens: manual;
	-ms-hyphens: manual;
	hyphens: manual;
	padding-right: 3.902vw;
}
.achievement--heading b {
	display: block;
	font-size: 2.8vw;
	font-weight: 800;
	margin: 0.4rem 0;
	text-transform: none;
}
.achievement--heading br {display: none;}
.achievement--heading .small {
	font-size: 1.7vw;
	font-weight: 500;
	line-height: 1.3;
	text-transform: none;
	letter-spacing: 0;
}
.achievement--img {grid-area: 1 / 1 / 3;}
.achievement--text {
	grid-area: 2 / 2;
	font-size: 1.323vw;
	line-height: 1.2;
	padding-right: 3.902vw;
}
#achievements .swiper {
	width: 78.373%;
	margin: auto;
	/* height: 100vh; */
	left: -2.249vw;
}
#achievements .swiper-slide {width: 100%;}
#achievements .swiper-slide:not(.swiper-slide-visible),
.presentation .swiper-slide:not(.swiper-slide-visible) {
	visibility: hidden;
}
#achievements .swiper-pagination {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 7.5vw;
	left: auto;
	width: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-left: 1px solid #000;
	padding: 0 5.952vw;
}
#achievements .swiper-pagination-bullet {
	font-size: 1.058vw;
	color: black;
	background-color: transparent;
	border: .198vw solid currentcolor;
	width: 1em;
	height: 1em;
	opacity: 1;
	box-sizing: border-box;
	margin: .375em 0;
}
#achievements .swiper-pagination-bullet:hover,
#achievements .swiper-pagination-bullet-active
	{background-color: currentcolor;}


#get_involved {
	background-color: #9A9C36;
	padding: 2.5em 0 5.2em;
}
#get_involved h2 {
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 1.75em;
}
#get_involved .wrapper {
	max-width: 73.75em;
	width: 78.968%;
	margin: auto;
	position: relative;
}
#get_involved .bf--item {
	background-color: #EBE8E0;
	margin: 0 .838%;
	width: 48.325%;
	height: auto;
	display: grid;
	grid-template: 1fr auto / 48.527% 1fr;
	gap: 0 3.466%;
	position: relative;
}
.bf--item .title {
	font: 700 clamp(.6em, 1.587vw, 1.2em)/1.167 var(--heading-font);
	padding: 1em 1em 1em 0;
}
.bf--item a {
	text-decoration: none;
	color: inherit;
}
.bf--item .image  {
	grid-area: 1 / 1 / span 2 / 1;
	/* min-height: 16.25em; */
	position: relative;
	background-color: #C63;
}
.bf--item .image img  {
	width: 100%;
	height: 100%;
	object-fit: cover;
	aspect-ratio: 280/260;
}
.bf--item .link {padding: 0 1.588vw 1.588vw 0;}
.bf--item .more {font-size: clamp(.65em, 1.058vw, 1.8em);}
.bf--item .more:after {
	content: '' !important;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
#get_involved .prev, #get_involved .next {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1.5em;
	height: 3em;
	cursor: pointer;
	font-size: .8em;
	border: none;
	background-color: transparent;
}
#get_involved .prev.disabled, #get_involved .next.disabled {
	opacity: .25;
	cursor: not-allowed;
}
#get_involved .prev:before, #get_involved .next:before {
	content: '';
	border: solid #000;
	border-width: 0 6px 6px 0;
	width: 2em;
	height: 2em;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-75%, -50%) rotate(-45deg);
}
#get_involved .prev {
	right: 100%;
	margin-right: 5.695%;
}
#get_involved .prev:before {transform: translate(-25%, -50%) rotate(-225deg);}
#get_involved .next {
	left: 100%;
	margin-left: 5.695%;
}

#map {
	width: 100%;
	min-height: 100vh;
	display: block;
}

.search-results main, .error404 main {
	padding: 9.921% 8%;
	max-width: 58.7em;
	margin: auto;
}
.search-results main h1 {
	font-size: 1.75em;
	line-height: 1.143;
}
#results h2 {
	font-size: 1em;
	font-weight: 400;
	letter-spacing: normal;
	margin: 2.75em 0;
}
#results h2:after {content: none;}
#results ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#results li {
	margin-bottom: 1.5em;
	margin-bottom: 1lh;
}
#results h3 {
	font-size: 1.25em;
	color: #8F5A28;
	line-height: 1.2;
	margin-bottom: 0;
}
#results .searchform {
	margin: 2.813em 0;
}
#results .searchform > div {
	flex-wrap: wrap;
}
#results .searchform label {
	flex-basis: 100%;
	font-family: var(--heading-font);
	margin-bottom: .813em;
}
.wp-pagenavi {
	font-family: var(--heading-font);
	display: flex;
	justify-content: center;
	font-weight: bold;
	gap: .5em;
}
.wp-pagenavi > * {
	flex: 0 1 2.143em;
	border: 1px solid #DFE3E8;
	text-decoration: none;
	font-size: .875em;
	display: flex;
	height: 2.143em;
	align-items: center;
	justify-content: center;
	cursor: default;
	color: inherit;
}
.wp-pagenavi > a {cursor: pointer;}
.wp-pagenavi > a:hover {border-color: currentcolor;}
.wp-pagenavi > .pages, .wp-pagenavi > .last {flex-basis: fit-content;}
.wp-pagenavi .current {
	color: var(--orange);
	border-color: currentcolor;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink
{
	position: relative;
	color: white;
}
.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover
{border-color: #000;}
.wp-pagenavi .previouspostslink:after,
.wp-pagenavi .nextpostslink:after
{
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: .5em;
	height: .5em;
	border: solid #C4CDD5;
	border-width: 2px 2px 0 0;
	transform: translate(-75%, -50%) rotate(45deg);
}
.wp-pagenavi .previouspostslink:after {transform: translate(-25%, -50%) rotate(-135deg);}
.wp-pagenavi .nextpostslink:after {}

/* .intro, main .section {font-size: clamp(.8em, 1.323vw, 1em);} */
main .section {
	margin-top: 6.085%;
	margin-bottom: 6.085%;
}
main > :last-child {margin-bottom: 0;}
.intro, .section-text, .single > article {
	max-width: 43.75em;
	margin-left: 11.243%;
	margin-right: 11.243%;
}
.intro {
	margin-top: 5.291vw;
	margin-bottom: 5.291vw;
}
.section-img {
	background-color: #EBE5DB;
	display: flex;
}
.section-img.align-left {flex-direction: row-reverse;}
.section-img .section--text {
	flex: 1 1 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 2% 3.175%;
	box-sizing: border-box;
}
.section-img img {
	object-fit: cover;
	flex: 0 1 50%;
	width: 100%;
	aspect-ratio: 766 / 611;
	max-width: 50%;
}

.section-gallery .swiper-slide {
	width: 50%;
	height: auto;
	position: relative;
}
.section-gallery .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section-gallery .next,
.section-gallery .prev {
	position: absolute;
	top: 50%;
	left: 2.447%;
	width: 2.646vw;
	height: 2.646vw;
	border: solid var(--orange);
	border-width: .397vw .397vw 0 0;
	z-index: 100;
	cursor: pointer;
	transform: translateY(-50%) rotate(-135deg);
	background: transparent;
}
.section-gallery .next {
	left: auto;
	right: 2.447%;
	transform: translateY(-50%) rotate(45deg);
}
.section-gallery .disabled {display: none;}

.page-template-landing main {margin-bottom: 0;}
.page-template-landing .hero {margin-bottom: 5.622vw;}
.page-template-landing #content > .hero:first-child {margin-top: -2em;}
.page-template-landing #content {
	padding-bottom: 0;
	padding-top: 2em;
}
.page-template-landing .intro {
	max-width: 30.8em;
	margin: 0 auto 2.976vw;
	text-align: center;
	font-size: inherit;
	padding: 0 8%;
}
.page-template-landing .intro h2 {
	font-size: 1.2em;
	font-weight: 700;
	letter-spacing: normal;
	margin-bottom: 1.5em;
	margin-bottom: 1.5lh;
	text-transform: none;
}
.page-template-landing .intro h2 * {font-size: inherit;}
.page-template-landing .intro h2:first-line {
	font-size: 1.833em;
	font-weight: 900;
	letter-spacing: .2em;
	text-transform: uppercase;
}
.page-template-landing .intro h2 .caps {text-transform: uppercase;}

.three-col {
	background-color: #CC874C;
	padding: 3em 4.696% 5.75em 4.696%;
}
.three-col h3 {
	text-align: center;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 900;
	letter-spacing: .35em;
	margin-bottom: 1.893em;
}
.three-col > div {
	display: flex;
	gap: 1.751%;
	max-width: 68.5em;
	margin: auto;
}
.three-col > div > div {
	background-color: var(--sand);
	flex: 1 1 33.333%;
	box-sizing: border-box;
	padding: 2.991% 2.991% 1.459%;
	display: flex;
	flex-direction: column;
}
.three-col h4 {
	font-size: 1.2em;
	line-height: 1.25;
}
.three-col > div > div p {
	flex-grow: 1;
	font-size: .9em;
}
.three-col .more {align-self: flex-start;}

.media_carousel {margin: 5%;}
.media_carousel h3{
	text-align: center;
}
.media_carousel > div {
	display: flex;
	max-width: 61em;
	margin: auto;
	gap: 1.967%;
	justify-content: center;
}

.media_carousel figure {text-align: center;}
.media_carousel figcaption {margin-top: 2.116vw;}
.media_carousel figcaption > * {
	max-width: 20em;
	margin-left: auto;
	margin-right: auto;
}
.media_carousel figcaption h3 {
	font-size: 1.2em;
	max-width: none;
	margin-bottom: .5em;
}

.presentation {
	margin: 0 auto 6.614vw;
	padding: 0 10.516%;
	max-width: 59.7em;
}
.presentation--slide {
	background-color: var(--sand);
	text-align: center;
	padding: 53.322% 2em 2em;
	position: relative;
	box-sizing: border-box;
	height: auto;
}
.presentation--img {
	aspect-ratio: 1174 / 559;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.presentation--heading {
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: 700;
	letter-spacing: 0.35em;
	margin: 0 auto 1.5em;
	margin-bottom: 1lh;
	max-width: 30.464em;
}
.presentation--text {
	margin: auto;
	max-width: 34.2em;
}
.presentation--text :last-child {margin-bottom: 0;}
.swiper .presentation--slide {padding-bottom: 6.8em;}
.presentation .swiper-pagination {
	display: flex;
	justify-content: center;
	bottom: 3.6em;
	gap: 0 .65em;
}
.presentation.swiper .swiper-pagination-bullet {
	border: 3px solid currentcolor;
	border-radius: 50%;
	opacity: 1;
	background-color: transparent;
	width: .55em;
	height: .55em;
	margin: 0;
}
.presentation.swiper .swiper-pagination-bullet:hover, .presentation.swiper .swiper-pagination-bullet-active {background-color: currentcolor;}
.row.two-col {
	display: flex;
	background-color: #8EBACB;
}
.row.right {flex-direction: row-reverse;}
.row.two-col > * {
	flex: 0 1 50%;
	max-width: 50%;
}
.row.two-col img {
	height: auto;
	object-fit: cover;
}
.row.two-col > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	padding: 2em;
}
.row--text > * {
	font: 700 1.2em/1.25 var(--heading-font);
	margin: .5em 0;
}
.row--text .line2 {
	font-size: 2.2em;
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: .2em;
	margin: 0;
}
.row--text > .more {
	font-size: .8em;
	margin-top: 2em;
}
.row.one-col {
	text-align: center;
	margin: 5% auto;
	padding: 0 8%;
	font: bold 1.4em/1.25 var(--heading-font);
	max-width: 22em;
}
.row.img {
	width: 100%;
	height: auto;
}



.video > iframe {
	aspect-ratio: 16 / 9;
	max-width: 100%;
	height: auto;
}


.blog .posts, .archive .posts {
	padding: 0 8% 0;
	display: block;
	max-width: 58.7em;
	margin: auto;
}
.blog .post, .archive .post {
	display: grid;
	grid-template: repeat(4, auto) / 23.765% auto;
	gap: 0 5.707%;
	border-bottom: 1px solid #5A5A5A;
	padding-bottom: 8%;
	margin-bottom: 8%;
}
.post .post--title {
	font-weight: 700;
	letter-spacing: normal;
	grid-area: 1 / 2;
	text-transform: none;
	text-align: left;
	margin-bottom: 1em;
}
.post--title a {
	text-decoration: none;
	color: inherit;
}
.blog .post .wp-post-image,
.blog .post .wp-post-image img,
.archive .post .wp-post-image,
.archive .post .wp-post-image img
{
	grid-area: 1 / 1 / span 4;
	aspect-ratio: 279 / 294;
	object-fit: cover;
}
.post--excerpt {margin-bottom: 1.2em;}
.post--excerpt > :last-child {margin-bottom: 0;}
.post .btn {
	justify-self: start;
	align-self: start;
	margin-bottom: 1.5em;
	min-width: 14.375em;
	box-sizing: border-box;
	font-size: .8em;
}
.post--meta {font: .8em/1.2 var(--heading-font);}
.post--meta a {font-weight: 700;}
.blog .wp-pagenavi, .archive .wp-pagenavi {margin-top: 6.133%;}

.page-template-hub_tiles main,
.page-template-projects main
	{padding-bottom: 10.317vw;}
.page-template-hub_tiles .intro,
.page-template-projects .intro
{
	display: flex;
	margin: 0 auto 7.836%;
	max-width: 58.7em;
	justify-content: space-between;
	align-items: center;
	gap: 0 2em;
	border-bottom: 1px solid #5A5A5A;
	padding-bottom: 6.814%;
	font-size: inherit;
}
.page-template-hub_tiles .intro h2,
.page-template-projects .intro h2
{
	text-transform: uppercase;
	letter-spacing: .3em;
}
.page-template-hub_tiles .intro > div,
.page-template-projects .intro > div
	{flex: 0 1 50.852%;}
.page-template-hub_tiles .intro > div > :last-child,
.page-template-projects .intro > div > :last-child
	{margin-bottom: 0;}
.overview {
	margin: 0 auto;
	padding: 0 8%;
	list-style: none;
	max-width: 58.7em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	row-gap: 3.836vw;
	box-sizing: content-box;
}
.overview--item {
	flex: 0 1 47.53%;
	background-color: var(--sand);
	position: relative;
	padding: 12em 2.556% 1.704%;
	box-sizing: border-box;
	min-height: 19.1em;
	display: flex;
	flex-direction: column;
}
.overview--item:before,
.o_item--image {
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 10.7em;
	background-color: var(--green);
}
.o_item--title {
	font: 700 1.2em var(--heading-font);
	flex: 1 1 0;
	margin-bottom: 1em;
	margin-bottom: .5lh;
}
.o_item--text {
	font-size: .8em;
	margin-bottom: 1.813em;
	flex: 1 1 0;
}
.o_item--text :last-child {margin-bottom: 0;}
.o_item--link {align-self: start;}

.overview-list {display: block;}
.overview-list .overview--item {
	margin-bottom: 3.836vw;
	padding: 3.748% 6.899% 2.3% 42.334%;
	min-height: 18.45em;
}
.overview-list .overview--item::before, .overview-list .o_item--image {
	width: 37.658%;
	bottom: 0;
	height: 100%;
}
.overview-list .o_item--title {flex: 0 1 auto;}
.overview-list .o_item--link:after {content: none;}

.page-template-simple #content {padding-bottom: 4.5em;}
.page-template-simple #content.two-col {
	display: flex;
	gap: 0 5.423%;
	flex-wrap: wrap;
	justify-content: center;
}
.page-template-simple #content > .hero {flex: 1 0 100%;}
.page-template-simple #content > main, .em-category {
	max-width: 58.7em;
	margin-left: auto;
	margin-right: auto;
	padding: 0 8%;
}
.page-template-simple #content.two-col > main {
	flex: 0 1 clamp(12.2em, 38.161%, 28.85em);
	margin-left: 0;
	margin-right: 0;
	padding: 0;
}
.page-template-simple #content > aside {flex: 0 1 clamp(10.9em, 34.061%, 25.75em);}
.page-template-simple #content > aside img {
	aspect-ratio: 515 / 680;
	object-fit: cover;
	margin-bottom: 1.9em;
	display: block;
	width: 100%;
}
.page-template-simple #content > aside img:last-child {margin-bottom: 0;}

.em-events-list h2 {
	font-size: 1.6em;
	letter-spacing: .3em;
}
.em-list table {
	width: 100%;
	border-collapse: collapse;
	font-family: var(--heading-font);
}
.em-list thead {
	background-color: var(--sand);
	font-weight: 700;
	font-size: 1.2em;
	line-height: 1;
}
.em-list td, .em-list th {
	border: none;
}
.em-list thead th {
	text-align: left;
	padding: .542em .833em;
}
.em-list td:first-child {width: 34.286%;}
.em-list td {
	padding: .75em 0 .75em 1em;
	vertical-align: top;
}
.em-event .date {
	font-weight: 700;
	display: block;
}
.em-event .date .sep {
	position: absolute;
	left: -999em;
}
.em-item-title {font-weight: 700;}

/* event detail view */
.event--header {
	padding: 5.159% 54.233% 5.159% 8%;
	position: relative;
	margin: -4.78vw 0 7.011%;
	background-color: var(--sand);
}
.event--header h1 {font-size: clamp(1.2em, 2.381vw, 1.8em);}
.event--image {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 50%;
}
.event--image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.event--register .btn {
	text-transform: none;
	font-size: inherit;
	min-width: 10.9em;
}
.event--meta dt {
	font-weight: 700;
	font-size: clamp(.9em, 1.587vw, 1.2em);
	margin-top: 1.5em;
	margin-top: 1lh;
}
.event--meta dd {
	margin-left: 0;
	font-size: clamp(.8em, 1.323vw, 1em);
}
.event--content {
	max-width: 43.75em;
	margin: 0 10.912%;
}
.em .em-location-map-container {aspect-ratio: 591 / 446;}
/* end event detail view */

.staff, .bodirectors {
	margin: auto;
	max-width: 58.7em;
	padding: 0 8%;
}
.staff > h2 {margin-bottom: 2.714em;}
.division {
	display: flex;
	flex-wrap: wrap;
	gap: 3.638vw 1.704%;
	margin-bottom: 6.474%;
}
.division h3 {
	flex-basis: 100%;
	margin-bottom: -1.959%;
}
.division:first-of-type > h3 {
	position: absolute;
	left: -999em;
}
.staff--card {
	background-color: var(--sand);
	position: relative;
	padding: 3.152% 1.108% 2.215% 20.102%;
	font-family: var(--heading-font);
	flex: 0 1 49.148%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	min-height: 9.55em;
}
.staff--card a {word-break: break-all;}
.staff--card header {flex: 1 1 0;}
.staff--card img {
	width: 36.915%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}
.staff--card h4, .staff--card .job_title {
	margin: 0;
	font-size: clamp(.8em, 1.587vw, 1.2em);
	font-weight: 700;
	line-height: 1.22;
}
.staff--card h4:after {content: ',';}
.staff--card ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: .7em;
}

.share-links {
	display: flex;
	align-items: center;
	line-height: 1;
}
.share-links a {
	color: inherit;
	margin-top: 0;
	padding: .6em;
}
.share-links a:hover {color: var(--orange);}

.single article > header h1 {margin-bottom: 1.571em;}
.single .post--meta, .share-links {font-family: var(--heading-font);}
.single .post--meta, .share-links .label {font-size: .8em;}
.single > article .wp-post-image, .single > article > header {margin-bottom: 4.1vw;}

/*Board of Directors*/

.director {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 1rem;
	padding: 1rem;
}

.director:nth-child(even) {
	flex-direction: row-reverse;
}

.director-image {
	background-size: cover;
	background-position: center;
	min-height: 300px;
    flex: 0 0 50%;
    width: 50%;
    box-sizing: border-box;
}

.director-info-wrapper {
    box-sizing: border-box;
    flex: 1; /* El texto toma el espacio restante */
    padding: 20px; /* Mueve el padding aquí si lo deseas */
    background-color: #e9e7e1; /* Color de fondo de tu ejemplo */
}

.director-info {
	background-color: #EBE8E0;
	padding: 2rem;
    box-sizing: border-box;
}

.director-info h3,
.director-info .director-position {
	display: inline;
	vertical-align: middle;
}
.director-info h3, .director-info h4{
	font-weight: 700;
}
.director-description{
	margin-top: 0.5em;
}
.director-description p{
	font-size: 0.85em;
}
.director-description h4{ margin-bottom: 1.5em; }

.director-info h3 + .director-position:before {
	content: " | ";
}

.section-one-item {
	display: flex;
	width: 100%;
	align-items: stretch;
}

.section-one-item.image-right {
	flex-direction: row-reverse;
}

.section-one-image,
.section-one-text {
	width: 50%;
	box-sizing: border-box;
}

.section-one-image {
	background-size: cover;
	background-position: center;
	min-height: 300px;
}

.section-one-text {	padding: 10%; }

.section-two{ background: #EDE8DE; }
.page-template-page-commitment .section-two h2{
	font-size: 1.4em;
	font-weight: 500;
	line-height: 1.179;
	letter-spacing: 0;
	text-transform: none;
}
.section-two-text {
	text-align: center;
	padding: 5em 15% 0;
}

.section-two-image img {
	width: 100%;
	height: auto;
}
.intro.vision-section-three-content{
	margin-top: 7.361vw;
}
.section-three {
	display: flex;
	padding: 5em 10% 0;
}

.section-three-left,
.section-three-right {
	width: 50%;
	box-sizing: border-box;
	padding: 1rem;
}

.vision-section-one-content-wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

.vision-section-one-image {
	width: 50%;
	background-size: cover;
	background-position: center;
	min-height: 300px;
}

.vision-section-one-content {
	width: 50%;
	padding: 10%;
	box-sizing: border-box;
}

.vision-section-two {
	margin-bottom: 3em;
	text-align: center;
	background: #EDE8DE;
	padding: 8em 15% 6em;
}

.vision-section-two-title {
	margin-bottom: 1em;
	font-size: 2em;
}

.vision-section-two-items {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	justify-content: center;
}

.vision-section-two-item {
	width: calc(33.333% - 20px);
	box-sizing: border-box;
	margin-bottom: 20px;
}

.vision-section-two-item-image img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0 auto 10px;
}

.vision-section-two-item-text {
	font-size: 1em;
}
.vision-section-two-item-text strong {
	font-size: 1.25em;
    font-family: 'TT Norms Pro Bold';
}

.vision-section-three {	text-align: left; }

.vision-section-three-image img {
	width: 100%;
	display: block;
}

.vision-section-three-buttons {
	display: flex;
	gap: 10px;
	justify-content: center;
}

.vision-section-four{
	margin-bottom: 6em;
}
.vision-section-four-content-wrapper {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	background: #9A9C36;
}

.vision-section-four-content {
	width: 50%;
	padding: 10%;
	box-sizing: border-box;
}

.vision-section-four-image {
	width: 50%;
	min-height: 300px;
	background-size: cover;
	background-position: center;

}

.vision-section-five {
	margin-bottom: 3em;
	text-align: center;
}

.vision-section-five-title {
	font-size: 2em;
	margin-bottom: 0.5em;
}

.vision-section-five-subtitle {
	font-size: 1.2em;
	margin-bottom: 1em;
}

.vision-section-five-video {
	max-width: 100%;
	margin: 0 auto;
}


.posts-filter {
	padding: 0 8% 5.986vw;
	display: block;
	max-width: 58.7em;
	margin: auto;
}

.posts-filter select{
	background-color:#aa4a1d;
	color:#fff;
	padding:1em;
	border:none;
	font-weight:500;

	appearance:none;
	-webkit-appearance:none;

	padding-right:3rem;

	background-image:url("data:image/svg+xml;utf8,\
        <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' stroke='%23ffffff' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'>\
            <polyline points='1 1 6 6 11 1'/>\
        </svg>");
	background-repeat:no-repeat;
	background-size:0.75rem 0.5rem;
	background-position:right 1rem center;

	font-family:'Inter', sans-serif;
	font-size:1.125rem;    /* 18 px */
	line-height:1.2;
	cursor:pointer;
}

/* visible keyboard focus – WCAG 2.1 AA */
.posts-filter select:focus-visible{
	outline:3px solid #000;
	outline-offset:2px;
}
.section2 a:focus-visible,
.section3 a:focus-visible,
#headerSignup button:focus-visible,
footer .mailchimp_signup button:focus-visible,
.posts .btn-more:focus-visible {
	outline-width: 4px;
	outline-style: solid;
	outline-offset: 3px;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap; /* Sometime useful */
	border-width: 0;
}

/* --- Tooltip Styling --- */
a.more,
a.btn.btn-more,
a.card--more.more {
	position: relative;
}
/* The actual tooltip that will be created by JS */
.focus-tooltip {
	display: none;
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%) translateY(-5px);
	background-color: #333;
	color: white;
	padding: 5px 10px;
	border-radius: 3px;
	font-size: 0.85em;
	z-index: 1000;
	white-space: nowrap;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

.input_field, .input_field .email {
	border-radius: 0px !important;
}
input[type="email"], input[type="text"] {
	-webkit-appearance: none;
}

@media screen and (max-width: 1024px) {
	#achievements .swiper-pagination {
		position: relative;
		flex-direction: row;
		align-items: center;
		gap: 10px;
		border: none;
	}

	#achievements .swiper-pagination-bullet {
		font-size: 20px;
		width: .55em;
		height: .55em;
		border-width: 3px;
		margin: 0;
		box-sizing: content-box;
	}

	#achievements .swiper-slide {
		display: flex;
		flex-direction: column;
		padding: 0;
		margin-bottom: 16px;
	}

	#achievements .achievement--img {
		order: 1;
	}

	#achievements .achievement--heading {
		order: 2;
		width: auto;
		margin: 2em 1.5em 1em;
	}

	#achievements .achievement--text {
		order: 3;
		box-sizing: border-box;
		padding: 0 1.5em;
	}
}
@media screen and (max-width: 640px) {
	#achievements .swiper {
		width: 100%;
		left: 0;
	}
	#achievements .swiper-pagination-bullet {
		font-size: 4vw;
	}

	#get_involved {
		padding: 35px 0 5.2em;
	}

	#get_involved h2 {
		margin-bottom: 35px !important;
	}
	.presentation--heading {
		padding-top: 0.7em;
	}
}
@media screen and (min-width: 1025px){
	#achievements .achievement-text{
		padding-right: calc(4em + 5em);
	}
}

@media screen and (max-width: 87.375em) {
	.page-template-hub_tiles .intro,
	.page-template-projects .intro
	{
		margin-left: 8%;
		margin-right: 8%;
	}
}
@media screen and (max-width: 64em) {
	body > header .menu > *,
	.protected-lands
	{
		padding-left: 3.711vw;
		padding-right: 3.711vw;
	}
	.division {
		flex-direction: column;
		flex-wrap: nowrap;
		max-width: 28.85em;
		row-gap: 1.85em;
	}
	.staff--card {padding-left: 40.901%;}
	.staff--card img {max-width: 10.65em;}
	.staff--card h4, .staff--card .job_title {font-size: 1.2em;}
	#pinned-achievements-wrapper {
		height: auto; /* Altura natural */
		width: auto;  /* Ancho natural */
		/* Quita overflow si lo tenías aquí */
	}
	#achievements.pinned-panel {
		height: auto;
		position: static; /* Vuelve al flujo */
		overflow: visible;
		padding: 4em 0; /* Padding vertical para tablet */
	}
	.achievement {
		position: static; /* Vuelve al flujo */
		height: auto; width: auto;
		visibility: visible !important;
		display: block; /* Layout de bloque simple */
		margin-bottom: 4em; /* Espacio entre secciones */
		overflow: visible;
	}
	.achievement:last-child { margin-bottom: 0; }
	.achievement-content {
		display: block; /* Layout simple, grid se quitará o redefinirá en 40em */
		width: 90%; /* Más ancho */
		margin: 0 auto;
		padding: 2em 0; /* Padding diferente para tablet si es necesario */
		/* grid-template: unset; */ /* Quitar grid aquí o en 40em */
	}
	.achievement-pagination {
		display: none; /* Ocultar paginación */
	}
	.achievements-bottom-pattern {
		height: 10vw; /* Ejemplo */
		margin-top: -7vw; /* Ejemplo */
	}
	.achievement--heading {
		font-size: 1.1em; /* Ajusta este valor base para tablet */
		text-align: center; /* Centrar como en mobile */
		padding-right: 0; /* Quitar padding lateral */
		/* Otros ajustes de padding/margin si son necesarios */
		padding-bottom: 0.8em;
		margin: 1em 0;
	}
	.achievement--heading b {
		font-size: 2.2em; /* Tamaño relativo al heading */
	}
	.achievement--heading .small {
		font-size: 1em; /* Tamaño relativo al heading */
	}
	.achievement--text {
		font-size: 0.8em; /* Ajusta este valor base para tablet */
		text-align: center; /* Centrar como en mobile */
		line-height: 1.5; /* Mejorar legibilidad */
		padding-right: 0; /* Quitar padding lateral */
	}
}
@media screen and (max-width: 48em) {
	body > header .inner {flex-wrap: wrap;}
	header .language {
		order: 3;
		margin-right: 8.333vw;
	}
	header .search {order: 2;}
	.mega-menu {grid-template: auto repeat(2, 15.886vw) / repeat(3, 1fr);}
	.mega-menu nav {
		display: block;
		position: relative;
	}
	body > header .menu > *, .protected-lands {
		padding-top: 2em;
		padding-bottom: 1.5em;
	}
	body > header .menu > :last-child, header .section3 {border-right-width: 0;}
	.protected-lands {
		position: absolute;
		width: 33.333%;
		top: 100%;
		border-right: 1px solid var(--dark_sand);
		height: 31.771vw;
	}
	.protected-lands img {
		aspect-ratio: 500 / 357;
		margin-top: 3.385vw;
	}
	header .section2, header .section3 {
		height: auto;
		padding-left: 1em;
		padding-right: 1em;
	}
	.section2 {grid-area: 2 / 2;}
	.section3 {grid-area: 2 / 3;}
	header .mailchimp_signup {
		grid-area: 3 / 2 / 3 / span 2;
		border-top: 1px solid var(--dark_sand);
	}
	header .mailchimp_signup label {
		font-size: .813em;
		flex: 1 0 5.385em;
		min-width: 5.385em;
	}
	header .mailchimp_signup input {
		max-width: none;
		width: auto;
		flex: 1 1 0;
		min-width: 0;
	}
	footer .mailchimp_signup {
		flex-wrap: wrap;
		padding: 0 8%;
		padding-bottom: 2em;
		border-bottom: 1px solid var(--dark_sand);
		margin-bottom: 2em;
	}
	footer .mailchimp_signup label {
		flex: 1 0 100%;
		margin-bottom: 1em;
		text-align: center;
	}
	footer .mailchimp_signup button {
		min-width: 0;
		flex: 0 1 28.274%;
	}
	.footer-main {
		padding: 5em 8% 2em;
		background-position: 8vw 0;
		background-size: 6.5em auto;
		border: none;
		justify-content: flex-start;
		flex-wrap: wrap;
	}
	.nav_footer {
		border: none;
		padding: 0;
		flex: 1 0 100%;
		align-content: start;
		margin-bottom: 2em;
		font-size: inherit;
	}
	.nav_footer > * {
		padding: 0;
		flex: 1 1 33.333%;
	}
	.bagb_hire {margin: 0;}
	.bagb_hire img {width: 3.125em;}
	footer .social a {padding: .632em;}
	#top_features > * {flex-basis: 48.444%;}
	#get_involved .prev, #get_involved .next {font-size: 2.083vw;}
	.posts--item {
		flex-basis: 100%;
		padding-left: 52%;
	}
	.section-img img {max-width: none;}

}
@media screen and (max-width: 40em) {
	/* this rule is needed for breakpoint calculation with JS */
	html:before {
		content: 'small';
		display: none;
		visibility: hidden;
	}
	body {font-size: 4vw;}
	h1, h2 {font-size: 1.5em;}
	body > header {
		padding: 1.625em 8.25%;
		position: relative;
		font-size: inherit;
		min-height: auto;
	}
	body > header h1 img {width: 6em;}
	body > header .inner {
		position: absolute;
		top: 100%;
		left: 0;
		background-color: #EBE8E0;
		z-index: 111;
		max-width: 60%;
		min-width: 18.75em;
		display: block;
		padding: 0 3% 1.5em;
		box-sizing: border-box;
		transform: translateX(-100%);
		transition: transform .5s ease-in-out;
	}
	#nav_toggle:checked ~ .inner {transform: translateX(0);}
	#nav_toggle + label {
		top: 50%;
		transform: translateY(-50%);
		right: 8.25%;
	}
	header .language {margin-bottom: .75em;}
	.mega-menu {
		position: static;
		display: block;
		opacity: 1;
		border-width: 1px 0 0;
	}
	body > header .menu {display: block;}
	body > header .menu > * {
		padding: 1em 0;
		border-width: 0 0 1px;
	}
	.jsenabled body > header .menu > li {
		display: grid;
		grid-template: auto 0fr / auto;
		transition: grid-template-rows .3s;
	}
	.jsenabled body > header .menu > li.open {grid-template-rows: auto 1fr;}
	.jsenabled body > header .menu > li > ul {overflow: hidden;}
	.jsenabled body > header .menu > li > a {
		cursor: pointer;
		position: relative;
	}
	.jsenabled body > header .menu > li > a:after {
		content: '';
		position: absolute;
		width: .625em;
		height: .625em;
		box-sizing: border-box;
		border: solid var(--orange);
		border-width: 3px 3px 0 0;
		transform: translate(-.5em, -50%) rotate(135deg);
		right: 0;
		top: 50%;
		transition: transform .3s;
	}
	.jsenabled body > header .menu > li.open > a:after {transform: translate(-.5em, -50%) rotate(-45deg);}
	body > header .menu a {
		display: block;
		padding: .188em 5%;
		font-weight: 500;
	}
	body > header .sub-menu > li {margin-bottom: 0;}
	body > header .menu > li > a,
	.protected-lands span
	{
		font-size: inherit;
		letter-spacing: 8%;
	}
	body > header .sub-menu {margin-top: 0;}
	body > header .sub-menu a:focus-visible {outline-offset: -2px;}
	.protected-lands {
		display: block;
		padding: 1.188em 5%;
		position: static;
		width: auto;
		border: none;
		height: auto;
	}
	header .section2, header .section3 {
		border-width: 0 0 1px;
		padding: 1.188em 5%;
		display: block;
	}
	header .section2 > *, header .section3 > * {
		padding-top: 2em;
		padding-bottom: 2em;
	}
	header .mailchimp_signup {
		position: absolute;
		left: -9999em;
		top: -9999em;
	}
	header .search {
		padding: 1.5em 5%;
		margin: 0;
		border-bottom: 1px solid var(--dark_sand);
	}
	header .search legend {
		text-transform: uppercase;
		letter-spacing: 8%;
		font-size: inherit;
		font-weight: 800;
		width: 100%;
		display: flex;
		justify-content: space-between;
	}
	body > header .social {
		margin: 0;
		padding: 2em 5% 0 .188em;
	}
	body > header .social a {
		font-size: 1.375em;
		padding: .5em;
	}
	.jsenabled header .search label,
	.jsenabled header .search form.focus > div
	{width: 100%;}
	.jsenabled header .search label {justify-content: space-between;}

	footer .mailchimp_signup label {font-size: 1em;}
	footer .mailchimp_signup input {
		margin-left: 0;
		flex: 0 1 71.726%;
		width: 0;
		font-size: .75em;
		line-height: 1;
		padding: .417em;
		height: 2.5em;
	}
	footer .mailchimp_signup button {
		font-size: .688em;
		height: 2.727em;
	}
	.nav_footer > * {flex-basis: 50%;}
	.copyright {
		padding-left: 8%;
		padding-right: 8%;
	}

	.hero {height: 50vw;}
	.hero > * {
		font-size: .813em;
		font-weight: 500;
	}
	.hero h1, .home .hero h1 {font-size: 1.5em;}
	.home .hero {min-height: 55vw;}
	#top_features, .posts {
		display: block;
		padding-left: 8%;
		padding-right: 8%;
	}
	#top_features {padding-bottom: 15.625em;}
	#top_features h2, .posts > h2, #get_involved h2 {margin-bottom: .75em;}
	#top_features > section {
		box-shadow: 6px 7px 4px rgb(0 0 0 / .17);
		margin-bottom: 1.813em;
	}
	#top_features > section > *, #top_features header h3 {
		margin-left: 7.143%;
		margin-right: 7.143%;
	}
	#top_features > section > header {margin: 0;}
	#top_features > section h3 {
		font-size: 1.25em;
		line-height: 1.1;
	}
	#top_features:after {
		height: 15.625em;
		background-size: cover;
		background-position: right center;
	}

	.posts--item {
		padding-left: 55.357%;
		padding-bottom: .813em;
		margin-bottom: 1.375em;
	}
	.card--img {width: 51.19%;}
	.card--category, .card--title {font-size: .875em;}
	.card--text {font-size: .625em;}
	.card--more {font-size: .688em;}

	#get_involved {
		padding: 2.1em 8%;
	}
	#get_involved h2:after {border-color: #EBE8E0;}
	#get_involved .wrapper {width: auto;}
	#get_involved .bf--item {
		width: auto;
		margin: 0 0 1.125em;
		min-height: 9.438em;
	}
	.bf--item .title {font-size: .75em;}
	.bf--item .link {font-size: .688em;}
	.bf--item .more {font-size: inherit;}
	#get_involved .prev, #get_involved .next {display: none;}

	.achievement {
		/* padding: 8.5vw 0; */ /* Probablemente ya no es necesario aquí */
		/* display: flex; */ /* TU CSS YA TIENE ESTO */
		/* flex-direction: column; */ /* TU CSS YA TIENE ESTO */
	}
	.achievement-content{
		padding: 4em 0; /* Padding vertical para mobile */
		width: 90%;
		display: flex; /* Usar flex para aplicar order */
		flex-direction: column;
		align-items: center;
		/* Quitar grid-template si no se hizo antes */
		grid-template: unset;
		gap: 1.5em; /* Añadir gap entre elementos apilados */
	}

	/* Revisa/confirma tu código existente para mobile: */
	.achievement--img {
		order: 1;
		width: 100%; /* O un max-width si prefieres */
		margin-bottom: 1.5em; /* Ajustar espacio */
		aspect-ratio: unset; /* Permitir altura natural o definir una nueva */
	}
	.achievement--heading {
		font-size: .75em;
		order: 2;
		width: 100%;
		font-size: 1.2em; /* Ajustar tamaño base */
		margin-right: 0; padding-right: 0;
		text-align: center;
		padding-bottom: 0.8em; margin-bottom: 0.8em;
		border-bottom: 1px solid #000; /* Mantener si quieres */
	}
	.achievement--heading b { font-size: 2em; /* Ajustar */ }
	.achievement--heading .small { font-size: 0.9em; /* Ajustar */ }
	.achievement--heading:after {content: none;}

	.achievement--text {
		font-size: .813em;
		order: 3;
		width: 100%;
		font-size: 1em; /* Ajustar tamaño base */
		margin-right: 0; padding-right: 0;
		text-align: center;
		line-height: 1.6; /* Ajustar para mobile */
	}

	.achievements-bottom-pattern {
		height: 15vw;
		margin-top: -8vw; /* Ajustar */
	}

	.intro, main .section {font-size: inherit;}
	.intro, .section-text, .single > article {
		max-width: none;
		margin-left: 8%;
		margin-right: 8%;
	}
	.section-img {display: block;}
	.section-img .section--text {
		padding-top: 10.349%;
		padding-bottom: 6.349%;
	}
	.section-gallery .next,
	.section-gallery .prev {
		border-top-width: 3px;
		border-right-width: 3px;
		width: 1.5em;
		height: 1.5em;
	}

	.page-template-landing .hero {margin-bottom: 12.5vw;}
	.page-template-landing .intro h2 {font-size: 1.25em;}
	.page-template-landing .intro h2:first-line {
		letter-spacing: .1em;
		font-size: 1.6em;
	}
	.page-template-landing .intro h2:after {content: none;}
	.media_carousel {
		margin-left: 0;
		margin-right: 0;
	}
	.media_carousel > div {display: block;}
	.media_carousel figure {margin-bottom: 3em;}
	.row.two-col {flex-direction: column-reverse;}
	.row.two-col > * {max-width: 100%;}
	.three-col {
		padding: 2.75em 4.696% 5.75em;
	}
	.three-col > div {display: block;}
	.three-col > div > div {
		margin-bottom: 1em;
		padding: 1em;
	}
	.three-col > div > div:last-child {margin-bottom: 0;}
	.presentation {padding: 0;}

	.blog main, .archive main {padding-top: 3em;}
	.blog .post, .archive .post {
		display: flex;
		flex-direction: column;
	}
	.blog .post > *, .archive .post > * {order: 1;}
	.post--title {font-size: 1.5em;}
	.post--title:after {content: none;}
	.blog .post .wp-post-image, .archive .post .wp-post-image {
		aspect-ratio: 4 / 3;
		order: 0;
		margin-bottom: 1.5em;
		margin-bottom: 1lh;
	}
	.blog .post .wp-post-image img, .archive .post .wp-post-image img {aspect-ratio: auto;}

	.page-template-hub_tiles .intro,
	.page-template-projects .intro
	{
		display: block;
		margin-left: 8%;
		margin-right: 8%;
	}
	.overview {display: block;}
	.overview--item, .overview-list .overview--item {
		margin-bottom: 2em;
		padding-left: 1em;
		padding-right: 1em;
		padding-bottom: 1em;
	}

	.overview-list .overview--item {padding-top: 12em;}
	.overview-list .overview--item:before,
	.overview-list .o_item--image {
		top: 0;
		left: 0;
		width: 100%;
		height: 10.7em;
	}

	.page-template-simple #content {display: block;}
	.page-template-simple #content > main,
	.page-template-simple #content.two-col > main,
	.page-template-simple #content > aside
	{
		margin-left: 8%;
		margin-right: 8%;
		padding-left: 0;
		padding-right: 0;
	}
	.page-template-simple #content.two-col {display: block;}
	.page-template-simple #content > aside img {aspect-ratio: auto;}
	.em-list thead {
		position: absolute;
		left: -999em;
	}
	.em-list tbody tr, .em-list tbody td {
		display: block;
		padding: 0;
	}
	.em-list tbody tr {margin-bottom: 2em;}
	.em-list td:first-child {
		width: auto;
		margin-bottom: .55em;
	}
	.em-event .date {display: inline;}
	.em-event .date .sep {position: static;}
	.em-item-title {margin-bottom: 1em;}

	/* event detail view */
	.event--header {
		padding-left: 8%;
		padding-right: 8%;
	}
	.event--image {
		position: static;
		width: auto;
		margin: 0 -9.524% 2em;
	}
	.event--header h1 {
		font-size: 1.5em;
		margin-bottom: .67em !important;
	}
	.event--meta dt {font-size: 1.25em;}
	.event--meta dd {font-size: inherit;}
	.event--content {margin: 0 8%;}
	/* end event detail view */

	.staff > h2 {margin: 0 0 8.201vw;}
	.staff--card ul {font-size: .75em;}
	.staff--card h4 {font-size: 1.25em;}
	.staff--card .job_title {font-size: inherit;}

	.single > article > header {
		margin-bottom: 1.5em;
		margin-bottom: 1lh;
	}
	.single .post--meta, .share-links {font-size: 1em;}

	.director {
		flex-direction: column !important;
	}
	.director-image,
	.director-info {
		width: 100%;
		margin: 0;
	}
	/* Responsive: commitment to equity */

	.section-one{ padding-top: 3em; }
	.section-one-text{ padding: 3rem; }
	.section-one-item,
	.section-three {
		flex-direction: column !important;
	}
	.section-two-text{
		padding: 5em 3em 0;
	}
	.section-three{
		padding: 2em 10% 0;
	}
	.section-three-left, .section-three-right{
		padding: 0;
	}
	.section-three-right{ padding-left: 1em; }
	.section-one-image,
	.section-one-text,
	.section-three-left,
	.section-three-right {
		width: 100%;
	}
	.section-one-image {
		margin-bottom: 1rem;
	}
	/* our vision page */
	.vision-section-one{
		margin-top: 3em;
	}
	.vision-section-one-content-wrapper {
		flex-direction: column;
	}
	.vision-section-one-image,
	.vision-section-one-content {
		width: 100%;
	}
	.vision-section-two{
		padding: 6em 1%;
	}
	.vision-section-three-buttons{
		padding-bottom: 5em;
	}
	.vision-section-four-content-wrapper {
		flex-direction: column;
	}
	.vision-section-four {
		margin-bottom:4em;
	}
	.vision-section-four-content,
	.vision-section-four-image {
		width: 100%;
	}

	.vision-section-three-buttons {
		flex-direction: column;
		align-items: center;
	}
	.vision-section-three-buttons .btn {
		width: 100%;
		margin-bottom: 10px;
	}
	.vision-section-three-buttons .btn:last-child {
		margin-bottom: 0;
	}

}
@media screen and (max-width: 56.25em){
	.director {
		flex-direction: column !important;
	}
	.director-image,
	.director-info {
		width: 100%;
		margin: 0;
		background-position: top center;
	}
	/* Responsive: commitment to equity */

	.section-one{ padding-top: 3em; }
	.section-one-text{ padding: 3rem; }
	.section-one-item,
	.section-three {
		flex-direction: column !important;
	}
	.section-two-text{
		padding: 5em 3em 0;
	}
	.section-three{
		padding: 2em 10% 0;
	}
	.section-three-left, .section-three-right{
		padding: 0;
	}
	.section-three-right{ padding-left: 1em; }
	.section-one-image,
	.section-one-text,
	.section-three-left,
	.section-three-right {
		width: 100%;
	}
	.section-one-image {
		margin-bottom: 1rem;
	}
	/* our vision page */
	.vision-section-one {
		margin-top: 3em;
	}
	.vision-section-one-content-wrapper {
		flex-direction: column;
	}
	.vision-section-one-image {
		width: 100%;
	}
	.vision-section-one-content {
		padding: 4em 3em 3em;
		width: 100%;
	}
	.vision-section-two{
		padding: 6em 1% 4em;
	}
	.vision-section-two-title{
		font-size: 1.5em;
	}
	.vision-section-two-items > * {
		flex-basis: auto;
		width: 70%;
		max-width: 350px;
	}
	.vision-section-three-buttons {
		padding-bottom: 5em;
	}
	.vision-section-four-content-wrapper {
		flex-direction: column;
	}
	.vision-section-four {
		margin-bottom:4em;
	}
	.vision-section-four-content {
		padding: 4em 3em 3em;
		width: 100%;
	}
	.vision-section-four-image {
		width: 100%;
	}

	.vision-section-three-buttons {
		flex-direction: column;
		align-items: center;
	}
	.vision-section-three-buttons .btn {
		width: 100%;
		margin-bottom: 10px;
	}
	.vision-section-three-buttons .btn:last-child {
		margin-bottom: 0;
	}

	.logo img{
		max-width: 60%;
	}
}