/*
	(c)2017 - visuallizard.com

	General styles.
	Template, view, plugin and element specific, etc.

*/

:root {
	--black: #000000;
	--white: #ffffff;
	--ltgrey: #dddddd;
	--grey: #999999;
	--dkgrey: #333333;
	--yellow: #ffcc00;
	--green: #339900 ;
	--red: #aa0000;
	--blue: #0077cc;

	/* brand colouring - primary */
	--riverclayred: #5c0f0f;
	--deepcurrant: #380a0a;
	--wintersun: #fff5ed;
	--gatheringglow: #eb6340;
	/* brand colouring - secondary */
	--canopygreen: #82874a;
	--canopygreen-deep: #404f36;
	--canopygreen-lite: #e3e899;
	--prairieochre: #b58030;
	--prairieochre-deep: #81471e;
	--prairieochre-lite: #ffcd4d;
	--bigskyblue: #5778c4;
	--bigskyblue-deep: #1c1c54;
	--bigskyblue-lite: #d5e6ff;
	--twilightthistle: #bfadd4;
	--twilightthistle-deep: #743e68;
	--twilightthistle-lite: #e9e6ff;
}

div.c-last *:last-child { margin-bottom: 0; }
p.lead { font-size: 2.4rem; font-weight: 600; }
img, iframe { display: block; max-width: 100%; }
p img { margin-left: auto; margin-right: auto; }
.main-region > h2:first-child { margin-top: 0; }

.c2 > *:first-child { margin-top: 0; }

button.btn,
a.btn,
a.btn-lite,
a.btn-dark {
	display: inline-flex;
	width: auto;
	border: none;
	margin-top: 3rem;
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: 15%;
	background: none;
	transition: all 0.2s ease;
}
button.btn.btn-dark,
a.btn.btn-dark {
	padding: 2rem 5rem 1.9rem 2rem;
	border: 1px solid var(--riverclayred);
	background-color: transparent;
	background-image: url("../../../img/icon-arrow-dark.svg");
	background-repeat: no-repeat;
	background-position: 95% calc(50% - 1px);
	background-size: 24px 24px;
	color: var(--riverclayred);
}
button.btn.btn-dark:hover,
a.btn.btn-dark:hover,
button.btn.btn-dark:active,
a.btn.btn-dark:active {
	background-color: var(--riverclayred);
	background-image: url("../../../img/icon-arrow-lite.svg");
	color: var(--wintersun);
}
button.btn.btn-lite,
a.btn.btn-lite {
	padding: 2rem 5rem 1.9rem 2rem;
	border: 1px solid var(--wintersun);
	background-color: transparent;
	background-image: url("../../../img/icon-arrow-lite.svg");
	background-repeat: no-repeat;
	background-position: 95%  calc(50% - 1px);
	background-size: 24px 24px;
	color: var(--wintersun);
}
button.btn.btn-lite:hover,
a.btn.btn-lite:hover,
button.btn.btn-lite:active,
a.btn.btn-lite:active {
	background-color: var(--wintersun);
	background-image: url("../../../img/icon-arrow-dark.svg");
	color: var(--riverclayred);
}
p > button.btn, p > a.btn, p > a.btn-lite, p > a.btn-dark { margin-top: 0; }


.form-block {
	display: block;
	position: relative;
	width: 100%;
	max-width: 800px;
	padding: 3rem 0;
	margin: 0 auto;
}
form.fm-form {
	max-width: none;
}
.fm-form input[type="text"],
.fm-form input[type="email"],
.fm-form textarea {
	border: 1px solid var(--riverclayred);
	border-radius: 0.5rem;
	background: none;
	color: var(--riverclayred);
}
.fm-form > div > label {
	margin: 0 0 1rem 0;
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: 2%;
}

/* !development styles - disable these for launch */
.highlight { background: var(--yellow); }

/* !mobile menu styles */
.mobile-menu-toggle {
	display: block;
	position: absolute;
	top: 1.25rem;
	right: 1.5rem;
	z-index: 1;
	width: 3rem;
	height: 3rem;
	padding: 0;
	margin: 0;
	font-size: 1.6rem;
	text-indent: -999em;
	background: url("../../../img/v2026/icon-menu-open.svg") no-repeat center center;
	background-size: contain;
}
.mobile-menu-toggle.active {
	background: url("../../../img/v2026/icon-menu-close.svg") no-repeat center center;
}



/* ! [[ header search form ]] */
#search-block {
	display: block;
	position: relative;
	width: 100%;
	padding: 1.5rem 0;
	margin: 0;
	margin-top: -7rem;
	background: var(--deepcurrant);
	transition: all 0.25s ease;
}
#search-block.active { margin-top: 0; }
#search-block a.close-search {
	display: block;
	position: absolute;
	z-index: 1;
	top: 50%;
	right: 2rem;
	width: 3rem;
	height: 3rem;
	padding: 0.5rem;
	border-radius: 100%;
	margin-top: -1.6rem;
	text-align: center;
	background-color: var(--gatheringglow);
	color: var(--wintersun);
}
#search-block a.close-search i.icon {
	width: 2rem;
	height: 2rem;
}
form.search-form {
	display: flex;
	position: relative;
	justify-content: flex-end;
	align-items: center;
	column-gap: 1rem;
	width: 50%;
	margin: 0 auto;
}
.input-search  {
	display: block;
	position: relative;
	flex: 0 0 70%;
	max-width: 70%;
	padding: 0;
	margin: 0;
}
form.search-form input[type="search"] {
	display: block;
	position: relative;
	width: 100%;
	padding: 0.9rem 0.8rem;
	margin: 0;
	border: none;
	border-radius: 0.5rem;
	font-size: 1.6rem;
	font-weight: 300;
	line-height: 1;
}
form.search-form button[type="submit"] {
	display: block;
	position: relative;
	flex: 1 0 25%;
	max-width: 30%;
	padding: 1.2rem 0 1rem 0;
	margin: 0;
	border: none;
	border-radius: 0.5rem;
	font-family: "Inter Tight", Arial, sans-serif;
	font-size: 1.6rem;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 15%;
	background: var(--prairieochre);
	color: var(--black);
	cursor: pointer;
}



/* ! [[ header weather widget ]] */
div#weather-data {
	display: flex;
	position: relative;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem 1rem;
	width: 60%;
	padding: 0 2rem;
	margin: 0;
	color: var(--wintersun);
}
div#weather-data p { margin: 0; font-size: 1.4rem; letter-spacing: 5%; }
div#weather-data img { width: auto; max-height: 3rem; }



/* ! [[header social media ]] */
ul.social {
	display: flex;
	position: relative;
	justify-content: flex-end;
	align-items: center;
	column-gap: 2rem;
	width: 25%;
	padding: 0;
	margin: 0;
	list-style: none;
}
ul.social li {
	display: block;
	position: relative;
	flex: 1 0 1rem;
	max-width: 3rem;
	height: 3rem;
	padding: 0;
}
ul.social li.facebook { max-width: 2.5rem; }
ul.social li a {
	display: block;
	position: relative;
	width: auto;
	height: 3rem;
	padding: 0;
	border: none;
	text-align: center;
	color: var(--wintersun);
	transition: all 0.25s ease;
}
ul.social li a:hover { color: var(--white); }
ul.social i.icon {
	width: auto;
	max-width: 3rem;
	height: 3rem;
}
ul.social li.facebook i.icon { max-width: 2rem; }
ul.social li.facebook i.icon svg { width: 3.5rem; margin-left: -1rem; }



/* ! Event Cards - home page */
div.featured-events {
	display: block;
	justify-content: space-around;
	align-items: stretch;
	width: 100%;
	padding: 0 3rem;
	margin: 0;
	overflow: hidden;
}
div.featured-events > div.slick-list {
	width: 100%;
}
div.event-card {
	display: block;
	position: relative;
	width: 270px;
	margin: 0 1.5rem;
}
div.event-card figure {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 350px;
	padding: 3rem 2.5rem;
	margin: 0;
	overflow: hidden;
}
div.event-card figure.type-event {
	justify-content: space-between;
	border-radius: 10rem;
}
div.event-card.card-0 figure {
	background-color: var(--riverclayred);
	color: var(--wintersun);
}
div.event-card.card-1 figure {
	background-color: var(--prairieochre-deep);
	color: var(--prairieochre-lite);
}
div.event-card.card-2 figure {
	background-color: var(--bigskyblue-lite);
	color: var(--bigskyblue-deep);
}
div.event-card.card-3 figure {
	background-color: var(--twilightthistle-deep);
	color: var(--twilightthistle-lite);
}
div.event-card.card-4 figure {
	background-color: var(--canopygreen-lite);
	color: var(--canopygreen-deep);
}
div.event-card.card-5 figure {
	background-color: var(--canopygreen-deep);
	color: var(--wintersun);
}
div.event-card.card-6 figure {
	background-color: var(--bigskyblue-deep);
	color: var(--wintersun);
}
div.event-card.card-7 figure {
	background-color: var(--prairieochre-deep);
	color: var(--wintersun);
}
div.event-card.card-8 figure {
	background-color: var(--prairieochre-lite);
	color: var(--riverclayred);
}
div.event-card.card-9 figure {
	background-color: var(--bigskyblue-lite);
	color: var(--bigskyblue-deep);
}
div.event-card figure.type-list-item {
	border-radius: 0;
	padding: 0;
}
div.event-card figure.type-list-item > img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
div.event-card figure.type-profile {
	border-radius: 8rem 0 0 0;
}
div.event-card figure.profile-0 {
	background: url("../../../img/v2026/background-green-ripples.jpg") no-repeat center center;
	background-size: cover;
	color: var(--wintersun);
}
div.event-card figure.profile-1 {
	background: url("../../../img/v2026/background-red-ripples.jpg") no-repeat center center;
	background-size: cover;
	color: var(--wintersun);
}
div.event-card figure.type-event p.date {
	display: flex;
	position: relative;
	justify-content: space-around;
	align-items: center;
	width: 10rem;
	padding: 0.75rem 1rem;
	margin: 0 auto;
	border: 2px solid var(--riverclayred);
	border-radius: 50%;
	/* font-family: monospace; */
	font-size: 1.6rem;
	order: 1;
}
div.event-card.card-0 figure.type-event p.date,
div.event-card.card-0 figure.type-event p.date::after {
	border-color: var(--wintersun);
}
div.event-card.card-1 figure.type-event p.date,
div.event-card.card-1 figure.type-event p.date::after {
	border-color: var(--prairieochre-lite);
}
div.event-card.card-2 figure.type-event p.date,
div.event-card.card-2 figure.type-event p.date::after {
	border-color: var(--bigskyblue-deep);
}
div.event-card.card-3 figure.type-event p.date,
div.event-card.card-3 figure.type-event p.date::after {
	border-color: var(--twilightthistle-lite);
}
div.event-card.card-4 figure.type-event p.date,
div.event-card.card-4 figure.type-event p.date::after {
	border-color: var(--canopygreen-deep);
}
div.event-card.card-5 figure.type-event p.date,
div.event-card.card-5 figure.type-event p.date::after {
	border-color: var(--wintersun);
}
div.event-card.card-6 figure.type-event p.date,
div.event-card.card-6 figure.type-event p.date::after {
	border-color: var(--wintersun);
}
div.event-card.card-7 figure.type-event p.date,
div.event-card.card-7 figure.type-event p.date::after {
	border-color: var(--wintersun);
}
div.event-card.card-8 figure.type-event p.date,
div.event-card.card-8 figure.type-event p.date::after {
	border-color: var(--riverclayred);
}
div.event-card.card-9 figure.type-event p.date,
div.event-card.card-9 figure.type-event p.date::after {
	border-color: var(--bigskyblue-deep);
}
div.event-card figure p.date::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	bottom: 0;
	width: 1px;
	height: auto;
	padding: 0;
	border-left: 2px solid var(--riverclayred);
	margin-left: -1px;
	transform: rotate(5deg);
}
div.event-card figure p.date span {

}
div.event-card figure h3 {
	font-size: 2.2rem;
	order: 2;
}
div.event-card figure.type-page h3 {
	margin: auto;
	order: 0;
}
div.event-card figure.type-profile h3 {
	margin: auto auto 1rem auto;
	order: 0;
}
div.event-card figure p.brief {
	order: 3;
}
div.event-card figure.type-profile p.located {
	margin: 0 auto auto auto;
	font-family: "the-seasons", "Times New Roman", sans-serif;
	font-size: 2rem;
	letter-spacing: 2%;
	order: 1;
}
div.event-card figure a.btn {
	display: flex;
	position: absolute;
	justify-content: center;
	align-items: center;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1;
	padding: 0 2rem 0 0;
	margin: 0;
	background-color: #5c0f0fcc;
	color: var(--wintersun);
	opacity: 0;
	order: 0;
	transition: all 0.2s ease;
}
div.event-card figure:hover a.btn {
	text-decoration: none;
	z-index: 1;
	opacity: 1;
}




/* ! Bulletin module - home page blog styles */
#home-posts .container {
	justify-content: flex-start;
	column-gap: 2%;
	row-gap: 2rem;
}
#home-posts .container > h2 {
	flex: 1 0 70%;
	max-width: 78%;
	margin: 0;
	line-height: 1;
}
#home-posts .container > a {
	justify-content: flex-end;
	align-self: flex-end;
	flex: 0 0 25%;
	max-width: 25%;
	margin: 0;
	text-align: right;
}
#home-posts .container > a.more.blog {
	display: none;
}
#home-posts .container > article.post {
	display: block;
	position: relative;
	flex: 0 0 23.5%;
	max-width: 23.5%;
}
article.post > img.article-image {
	display: block;
	width: 100%;
	border-radius: 1.2rem;
}
article.post > div.post-brief {
	display: block;
	position: relative;
	padding: 0 1rem 1rem 1rem;
}
article.post h3 {
	font-size: 2rem;
	line-height: 1.1;
}
article.post a.btn-dark {
	margin: 0;
}



/* ! [[ Bulletin module - blog styles ]] */
section.feature-set {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	row-gap: 3rem;
	width: 100%;
	margin: 0 auto 5rem auto;
}
section.feature-set article {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	padding: 0;
	margin: 0;
}
section.feature-set article > img {
	display: block;
	position: relative;
	flex: 0 0 48%;
	max-width: 48%;
	border-radius: 1.5rem;
	order: 0;
}
section.feature-set article:nth-child(even) > img { order: 1; }
section.feature-set article div.article-body {
	display: block;
	position: relative;
	flex: 0 0 48%;
	max-width: 48%;
	padding: 3rem;
	margin: 0;
	order: 1;
}
section.feature-set article div.article-body h3 {
	margin-top: 0;
}
section.feature-set article div.article-body a.btn {
	margin: 0;
}
section.feature-set article:nth-child(even) div.article-body { order: 0; }
section.feature-set article:first-child > img,
section.feature-set article:first-child > div.article-body {
	flex: 0 0 100%;
	max-width: 100%;
	border-radius: 1.5rem;
	background-color: var(--black);
	color: var(--wintersun);
}
section.feature-set article:first-child > div.article-body {
	position: absolute;
	bottom: 0;
	padding: 20rem 10rem 5rem 10rem;
	background: linear-gradient(
		to bottom,
		transparent 0%,
		var(--black) 60% 100%
	);
}
section.feature-set article:first-child div.article-body a.btn.btn-dark {
	border-color: var(--wintersun);
	background-image: url("../../../img/icon-arrow-lite.svg");
	color: var(--wintersun);
}
section.article-set {
	display: flex !important;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	column-gap: 2%;
	row-gap: 2.5rem;
	width: 100%;
	padding: 0;
	margin: 5rem 0;
}
section.article-set article {
	display: block;
	position: relative;
	flex: 0 0 32%;
	max-width: 32%;
}
section.article-set article > img {
	border-radius: 1.25rem;
	background-color: var(--riverclayred);
	color: var(--wintersun);
}
section.article-set article > div.article-body {
	padding: 0 1rem;
}
section.article-set article h3 {
	font-size: 2rem;
}
article > div.article-body > p.author {
	text-transform: uppercase;
	letter-spacing: 15%;
}
section.article-set article a.btn {
	margin-top: 0;
	font-size: 1.6rem;
}
article.full-article {
	display: block;
	position: relative;
	width: 100%;
}
article.full-article > figure {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
}
article.full-article > figure > img {
	display: block;
	width: 100%;
	border-radius: 1.5rem;
}
article.full-article > div.body,
article.full-article > div.categories {
	padding: 0 10rem;
}
article.full-article > div.body > h2 {
	line-height: 1.1;
}
article.full-article > div.body > p.author {
	text-transform: uppercase;
	letter-spacing: 15%;
}
article.full-article > div.categories > ul {
	display: flex;
	position: relative;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 1rem;
	width: 100%;
	padding: 0;
	margin: 0 0 3rem -1rem;
	list-style: none;
}
article.full-article > div.categories > ul li {
	padding: 0;
	margin: 0;
	border-left: 1px solid var(--riverclayred);
}
article.full-article > div.categories > ul li:first-child {
	border: none;
}
article.full-article > div.categories > ul li a {
	padding: 0.25rem 1rem;
}
article.full-article > p.back {
	margin: 0;
}



/* !event module styles */
div.event-set {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	row-gap: 5rem;
	width: 100%;
	padding: 0;
	margin: 0;
}
div.event-listing {
	display: block;
	position: relative;
	flex: 0 0 30%;
	max-width: 30%;
	padding: 0;
}
div.event-listing > img.event-image {
	display: block;
	position: relative;
	width: 100%;
	background-color: var(--dkgrey);
	border-radius: 1.5rem;
	margin: 0 0 2.4rem 0;
}
div.event-listing > img.backup {
	padding: 2rem;
	aspect-ratio: 16 / 9;
}
div.event-listing > div.body {
	display: block;
	position: relative;
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0 1rem;
	margin: 0;
}
div.event-listing > div.body > p.dates {
	display: block;
	position: relative;
	flex: 0 0 100%;
	max-width: 100%;
	margin: 0 0 2.4rem 0;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 15%;
	text-transform: uppercase;
	color: var(--gatheringglow);
}
div.event-listing > div.body > h3 {
	font-size: 2rem;
}
div.event-listing > div.body > p { font-size: 1.6rem; }
div.event-listing > div.body  > p.hours,
div.event-listing > div.body  > p.location {
	display: block;
	position: relative;
	margin: 0 0 0.6rem 0;
	font-size: 1.8rem;
	line-height: 1.25;
}
div.event-listing > div.body  > p.hours strong,
div.event-listing > div.body  > p.location > strong {
	text-transform: uppercase;
}
div.event-listing > p.back {
	display: block;
	position: relative;
	flex: 0 0 100%;
	max-width: 100%;
	margin: 0;
}

div.event-display {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	row-gap: 3rem;
	width: 100%;
	padding: 0;
	margin: 0;
}
div.event-display > img {
	display: block;
	position: relative;
	flex: 0 0 100%;
	max-width: 100%;
	border-radius: 1.5rem;
	background-color: var(--wintersun);
	color: var(--riverclayred);
}
div.event-display > img.backup {
	padding: 2rem 5rem;
	aspect-ratio: 16 / 9;
	background-color: var(--riverclayred);
	color: var(--wintersun);
}
div.event-display > div.body {
	display: block;
	position: relative;
	flex: 0 0 100%;
	max-width: 800px;
	margin: 0 auto;
}
div.event-display > div.body > h2:first-child {
	line-height: 1.1;
}
div.event-display > div.body p.dates {
	display: block;
	position: relative;
	flex: 0 0 100%;
	max-width: 100%;
	margin: 0 0 2.4rem 0;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 15%;
	text-transform: uppercase;
	color: var(--gatheringglow);
}
div.event-display > div.body p.hours,
div.event-display > div.body p.location {
	display: block;
	position: relative;
	font-size: 2rem;
	margin: 0 0 0.6rem 0;
}
div.event-display > div.body p.hours strong,
div.event-display > div.body p.location > strong {
	text-transform: uppercase;
}
div.event-display > p.back {
	display: block;
	position: relative;
	flex: 0 0 100%;
	max-width: 100%;
	margin: 0;
}



/* ! [[ Upcoming Events - Filter tools ]] */
form.calendar-filter {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	row-gap: 1.5rem;
	width: 100%;
	padding: 0;
	margin: 0 0 5rem 0;
}
div.filter {
	display: flex;
	position: relative;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	flex: 1 0 25%;
	max-width: 40%;
	padding: 0;
}
div.filter label {
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 15%;
}
div.filter.location { max-width: 25%; }
div.filter.location .input-select {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	flex: 0 0 100%;
	column-gap: 2%;
	max-width: 100%;
	padding: 0;
	margin: 0;
}
div.filter.location .input-select > label {
	display: block;
	flex: 0 0 40%;
	max-width: 40%;
}
div.filter.location .input-select > select {
	min-width: unset;
	flex: 0 0 56%;
	max-width: 56%;
	border: none;
	letter-spacing: 2%;
	background-color: transparent;
	color: var(--riverclayred);
}
div.filter.location .input-select > select:active,
div.filter.location .input-select > select:focus {
	box-shadow: none;
	outline: 3px dotted var(--riverclayred);
}
div.filter.calendar { max-width: 15%; }
div.filter.calendar > label {
	display: block;
	position: relative;
	flex: 0 0 100%;
	max-width: 100%;
	background-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpolygon fill='%235c0f0f' points='0,10 50,90 100,10'/%3E%3C/svg%3E");
	background-position: right .5em top 55%;
	background-repeat: no-repeat;
	background-size: 1.25rem 1.25rem;
	cursor: pointer;
}
div.filter.daterange {
	justify-content: space-around;
}
div.filter.daterange .input-datepicker {
	display: flex;
	position: relative;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 2%;
	flex: 0 0 48%;
	max-width: 48%;
	padding: 0;
	margin: 0;
}
div.filter.daterange .input-datepicker label {
	display: block;
	position: relative;
	flex: 0 0 20%;
	text-align: right;
}
div.filter.daterange .input-datepicker input[type="date"] {
	flex: 0 0 68%;
	max-width: 68%;
	padding: 0.5rem;
	border: 1px solid var(--riverclayred);
	border-radius: 0.5rem;
	font-size: 1.4rem;
	background-color: transparent;
	color: var(--riverclayred);
}
div.filter.daterange .input-datepicker input[type="date"]:active,
div.filter.daterange .input-datepicker input[type="date"]:focus {
	box-shadow: none;
	outline: 3px dotted var(--riverclayred);
}

form.calendar-filter button[type="submit"].btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1rem 2.75rem 0.6rem 1.5rem;
	margin-top: 0;
	font-size: 1.6rem;
}

/* Calendar display for event form filter */
#calendar-set {
	display: none;
	position: absolute;
	top: 100%;
	left: -25%;
	z-index: 1;
	width: 25vw;
	padding: 1rem;
	border-radius: 1rem;
	margin: 0;
	background-color: var(--wintersun);
	box-shadow: 2px 2px 4px var(--prairieochre-deep);
}
#calendar-set.open { display: block; }
#calendar-set .calendar-nav {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 1rem 0;
	margin: 0;
}
#calendar-set .calendar-nav .prev,
#calendar-set .calendar-nav .next {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	column-gap: 1rem;
	flex: 0 0 20%;
	max-width: 20%;
	left: 0;
	padding: 0;
	margin: 0;
	font-size: 1.4rem;
	line-height: 1;
	letter-spacing: 2%;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;

	color: var(--riverclayred);
	width: 100%;
}
#calendar-set .calendar-nav .prev svg,
#calendar-set .calendar-nav .next svg {
	width: 2rem;
	height: 2rem;
	color: var(--riverclayred);
}
#calendar-set .calendar-nav p.h3 {
	display: block;
	position: relative;
	flex-grow: 2;
	padding: 0;
	margin: 0;
	font-family: "Inter Tight", Arial, sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	line-height: 1;
	letter-spacing: 2%;
	text-transform: uppercase;
	text-align: center;
}
#calendar-set .calendar-nav .next {
	left: auto;
	right: 0;
}
#calendar-set .calendar {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0;
}
#calendar-set .calendar .calendar-week {
	display: flex;
	position: relative;
	justify-content: flex-start;
	align-items: stretch;
	width: 100%;
	padding: 0;
	margin: 0 0 1px 0;
	font-family: "Inter Tight", Arial, sans-serif;
	font-weight: 400;
}
#calendar-set .calendar .calendar-week .label {
	display: block;
	position: relative;
	flex: 0 0 14.275%;
	max-width: 14.275%;
	padding: 2px 5px;
	margin: 0;
	border: 1px solid transparent;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1;
	text-align: center;
	text-transform: uppercase;
}
#calendar-set .calendar .calendar-week .day {
	display: block;
	position: relative;
	flex: 0 0 14.275%;
	max-width: 14.275%;
	min-height: 3.5rem;
	padding: 0;
	border: 1px solid transparent;
	margin: 0;
	background-color: transparent;
}
#calendar-set .calendar .calendar-week .day:first-of-type,
#calendar-set .calendar .calendar-week .label:first-of-type { border: none; }
#calendar-set .calendar .calendar-week .day.fade { opacity: 0.5; }
#calendar-set .calendar .calendar-week .day span {
	display: block;
	position: relative;
	padding: 1rem 0;
	margin: 0;
	font-size: 1.4rem;
	font-weight: 600;
	line-height: 1;
	text-align: center;
}
#calendar-set .calendar .calendar-week .day.today span {
	background-color: var(--riverclayred);
	color: var(--wintersun);
}
#calendar-set .calendar .calendar-week .day span.events {
	background-color: var(--prairieochre-lite);
	color: var(--riverclayred);
}
#calendar-set .calendar .calendar-week .day.today span.events {
	background-color: var(--deepcurrant);
	color: var(--wintersun);
}
#calendar-set .calendar .calendar-week .day:hover span.events{
	background-color: var(--riverclayred);
	color: var(--prairieochre-lite);
}
#calendar-set .calendar .calendar-week .day a {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}



/* ! Attractions styles */
section.attraction-set {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	column-gap: 2%;
	row-gap: 5rem;
	width: 100%;
	padding: 0;
	margin: 5rem 0;
}
section.attraction-set div.attraction {
	display: block;
	position: relative;
	flex: 0 0 23.5%;
	max-width: 23.5%;
}
div.attraction > img {
	aspect-ratio: 16 / 9;
	border-radius: 1.25rem;
	background-color: var(--riverclayred);
	color: var(--wintersun);
}
div.attraction div.brief {
	padding: 0 1rem 1rem 1rem;
}
div.attraction div.brief > h3 {
	font-size: 2rem;
}
div.attraction div.brief > p {
	line-height: 1.25;
}
div.attraction a.btn {
	margin-top: 0;
	font-size: 1.6rem;
}
div#attraction {
	display: block;
	width: 100%;
	max-width: 70vw;
	margin: 0 auto;
}
div#attraction > img {
	display: block;
	width: 100%;
	max-width: 100%;
	aspect-ratio: 16 / 9;
	border-radius: 1.5rem;
}
div#attraction > div.body {
	display: block;
	position: relative;
	padding: 3rem 10rem;
}



/* ! profile styles */
div.profile-set {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	column-gap: 2%;
	row-gap: 5rem;
	width: 100%;
	padding: 0;
	margin: 5rem 0;
}
div.profile-set div.profile {
	display: block;
	position: relative;
	flex: 0 0 23.5%;
	max-width: 23.5%;
}
div.profile > img {
	aspect-ratio: 16 / 9;
	border-radius: 1.25rem;
	background-color: var(--wintersun);
	color: var(--riverclayred);
}
div.profile > img.default {
	display: block;
	position: relative;
	padding: 2rem;
	height: auto;
	min-height: 12.69rem;
	background-color: var(--riverclayred);
	color: var(--wintersun);
}
div.profile > h3 {
	font-size: 2rem;
}
div.profile a.btn {
	margin-top: 0;
	font-size: 1.6rem;
}
div#profile {
	display: flex;
	position: relative;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	row-gap: 2rem;
	width: 100%;
	padding: 0;
	margin: 0;
}
div#profile ul.photo-set {
	display: block;
	position: relative;
	width: 100%;
	padding: 0 3rem;
	margin: 0 auto;
	overflow: hidden;
}
div#profile ul.photo-set img {
	display: block;
	position: relative;
	width: 100% !important;
	max-width: none;
	aspect-ratio: 16 / 9;
	border-radius: 1.5rem;
	background-color: var(--wintersun);
	color: var(--riverclayred);
}
div#profile ul.photo-set img.default {
	padding: 2rem 5rem;
	background-color: var(--riverclayred);
	color: var(--wintersun);
}
div#profile > div.body {
	padding: 0 10rem;
}
div#profile > div.body div.profile-links {
	display: flex;
	position: relative;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
	width: 100%;
	font-size: 1.6rem;
}
div#profile > div.body div.profile-links a {
	display: block;
	position: relative;
}
div#profile > div.body div.profile-links a.social {

}
div#profile > div.body div.profile-links a i.icon {
	display: block;
	width: 3rem;
	height: 3rem
}



/* ! Document Module styles */
div.documents {

}
div.document-category ul {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0 0 3rem 0;
}
div.document-category ul li {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
	width: 100%;
	padding: 1.5rem 0;
	border-top: 1px solid var(--riverclayred);
	margin: 0;
}
div.document-category ul li:first-child {
	border: none;
}
div.document-category ul li > p.document-title {
	display: block;
	position: relative;
	flex: 0 0 85%;
	max-width: 85%;
	padding: 0 1.5rem;
	margin: 0;
}
div.document-category ul li > a {
	display: block;
	position: relative;
	flex: 0 0 12.5%;
	max-width: 12.5%;
	text-align: center;
}
div.document-category ul li > div.document-desc {
	display: block;
	position: relative;
	flex: 0 0 100%;
	max-width: 100%;
	padding: 1.5rem 1.5rem 0 1.5rem;
	border-top: 1px solid var(--riverclayred);
	background-color: var(--prairieochre-lite);
}



/* ! Staff module styles */
div#staff-set {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	row-gap: 3rem;
	width: 100%;
	padding: 0;
	margin: 0 auto;
}
div.staff {
	display: block;
	position: relative;
	flex: 0 0 30%;
	max-width: 30%;
}
div#staff-set.board div.staff {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 1.5rem 0;
	border-bottom: 1px solid var(--prairieochre);
}
div.staff > img {
	display: block;
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0 0 1rem 0;
	border-radius: 1rem;
}
div.staff > div.staff-info {
	display: block;
	position: relative;
	padding: 0 1rem;
	margin: 0;
}
div.staff-info > h3 {
	margin-top: 0;
	margin-bottom: 1.5rem;
	font-size: 2rem;
}
div.staff-info > h3 > span { font-size: 1.6rem; font-weight: 400; }
div.staff-info > p { font-size: 1.4rem; }
div.staff-info > div.staff-bio {
	display: none;
}
div#staff-set.board div.staff-info > div.staff-bio {
	display: block;
}
div.staff-bio *:last-child {
	margin-bottom: 0;
}



/* ! Trail Conditions styles */
section#trail-legend {
	display: block;
	padding: 3rem 0;
}
section#trail-legend > ul {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 1rem;
	width: 60%;
	padding: 0;
	margin: 0 auto;
	list-style: none;
}
section#trail-legend > ul > li {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	column-gap: 1rem;
	width: auto;
	padding: 0;
	margin: 0;

}
section#trail-legend > ul > li > svg {
	display: block;
	width: 4rem;
	height: 4rem;
	padding: 0.5rem;
	border-radius: 100%;
	margin: 0;
	background-color: var(--black);
	color: var(--wintersun);
}
section#trail-legend > ul > li > svg.open {
	background-color: var(--canopygreen);
}
section#trail-legend > ul > li > svg.closed {
	background-color: var(--gatheringglow);
}
section#trail-legend > ul > li > svg.caution {
	background-color: var(--prairieochre);
}
section#trail-set {
	display: flex;
	position: relative;
	flex-direction: column;
	row-gap: 5rem;
}
section#trail-set div.trail {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 2rem;
	width: 100%;
	padding: 0;
	margin: 0;
}
div.trail > h2 {
	display: block;
	flex: 0 0 100%;
	max-width: 100%;
	order: 0;
}
div.trail > div.trail-section {
	display: block;
	position: relative;
	flex: 0 0 32%;
	max-width: 32%;
	order: 1;
}
div.trail h3.trail-heading {
	display: block;
	position: relative;
	width: 100%;
	font-size: 2.4rem;
	line-height: 1.1;
}
div.trail > div.trail-section ul {
	display: block;
	position: relative;
	flex: 0 0 100%;
	max-width: 100%;
	order: 1;
	padding: 0;
	margin: 0 0 2rem 0;
	list-style: none;
}
div.trail > div.trail-section ul > li {
	display: flex;
	position: relative;
	justify-content: flex-start;
	align-items: center;
	column-gap: 1rem;
	width: 100%;
	margin: 0 0 1rem 0;
}
div.trail-section ul > li svg {
	display: block;
	position: relative;
	flex: 0 0 4rem;
	max-width: 4rem;
	height: 4rem;
	padding: 0.5rem;
	border-radius: 100%;
}
div.trail-section ul > li svg.check {
	background-color: var(--canopygreen);
	color: var(--wintersun);
}
div.trail-section ul > li svg.closed {
	background-color: var(--gatheringglow);
	color: var(--wintersun);
}
div.trail-section ul > li svg.msg-warning {
	background-color: var(--prairieochre);
	color: var(--wintersun);
}
div.trail > div.trail-image {
	display: block;
	position: relative;
	flex: 1 0 60%;
	max-width: 66%;
	max-height: 50vh;
	order: 2;
}
div.trail > div.trail-image img {
	width: 100%;
	height: 50vh;
	object-fit: cover;
}
div.trail > p {
	display: block;
	position: relative;
	flex: 0 0 100%;
	max-width: 100%;
	margin: 0;
	order: 3;
}
section#trail-side {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
	row-gap: 5rem;
	width: 100%;
	padding: 0;
}
section#trail-side > div.notice {
	display: block;
	position: relative;
	flex: 1 0 48%;
	max-width: 48%;
	padding: 5rem;
	border-radius: 1.5rem;
	background: none;
}
section#trail-side > div:nth-child(1) {
	background-color: var(--prairieochre-deep);
	color: var(--wintersun);
}
section#trail-side > div:nth-child(2) {
	background-color: var(--twilightthistle);
}
section#trail-side > div:nth-child(3) {
	max-width: 100%;
	padding: 7rem 20rem;
	text-align: center;
	background: linear-gradient(
		-12deg,
		var(--bigskyblue) 0% 20%,
		var(--bigskyblue-deep) 35% 65%,
		var(--bigskyblue) 80% 100%
	);
	color: var(--wintersun);
}
section#trail-side > div:nth-child(1) > h2,
section#trail-side > div:nth-child(2) > h2 {
	margin-top: 0;
	font-family: "Inter Tight", Arial, sans-serif;
	font-size: 3.20rem;
	letter-spacing: 2%;
	line-height: 1.1;
}
section#trail-side > div p {
	font-size: 1.4rem !important;
}
section#trail-side > div:nth-child(3) p {
	font-size: 1.8rem !important;
}



/* ! [[ Bibliography Styles ]] */
section#bibliography {
	display: block;
	position: relative;
	width: 100%;
	padding: 0 5rem;
	margin: 5rem 0 0 0;
}
section#bibliography > div:first-child {
	border: none;
}
div.annote {
	display: block;
	position: relative;
	width: 100%;
	padding: 3rem 1.5rem;
	border-top: 1px solid var(--riverclayred);
	margin: 0;
}
div.annote > h4 {
	display: flex;
	position: relative;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 1rem;
	width: 100%;
	padding: 0;
	margin-top: 0;
}
div.annote > h4 > img {
	display: block;
	position: relative;
	flex: 0 0 40px;
	max-width: 40px;
	order: 1;
}
div.annote > h4 > a {
	display: block;
	position: relative;
	flex: 1 0 50%;
	max-width: 85%;
	order: 0;
}
div.annote > p.biblio-entries {
	margin: 0;
}
form.bibliosearch {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	row-gap: 2rem;
	width: 100%;
	padding: 0 5rem;
	margin: 5rem 0 0 0;
}
form.bibliosearch > div.input-text {
	display: block;
	flex: 1 0 50%;
	max-width: 75%;
	margin: 0;
}
form.bibliosearch > div.input-text input[type="text"] {
	width: 100%;
	padding: 1.1rem;
	border: 1px solid var(--riverclayred);
	font-size: 2.4rem;
	letter-spacing: 2%;
	background-color: transparent;
	color: var(--riverclayred);
}
form.bibliosearch > button {
	padding: 1rem;
	margin: 0;
}



/* ! [[ Corporate Support ]] */
div.corporate {
	display: block;
	position: relative;
	padding: 0;
	margin: 0 0 5rem 0;
}
div.corporate .cke {
	row-gap: 3rem;
}
div.corporate img {
	width: 100%;
	border-radius: 1.5rem;
}
div.corporate .c1 p,
div.corporate h2 {
	padding: 0 10rem;
}
div.corporate .c1 p:has(> img) {
	padding: 0;
}



/* ! [[ Custom pages - Capital Campaigns ]] */
.campaign-copy h3,
.campaign-copy p,
.campaign-copy ul {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.campaign-copy p:has(> img) {
	max-width: none;
}
.campaign-copy p > img {
	width: 100%;
	border-radius: 1.5rem;
}

/* ! alexander docks styles */
.campaign-copy figure {
	padding: 0;
	margin: 0 0 3rem 0;
}
.campaign-copy figure > img {
	border-radius: 1.5rem;
}
.campaign-copy figure > figcaption {
	padding: 0.5rem 1rem;
	font-size: 1.4rem;
}

/* ! comparison slider */
.img-comp-container {
	display: block;
	position: relative;
	width: 100%;
	height: 640px; /*should be the same height as the images*/
	margin: 2rem auto;
}
.img-comp-img {
  position: absolute;
  height: auto;
  overflow: hidden;
}
.img-comp-img.img-comp-overlay {
	border-right: 1px solid #000;
}
.img-comp-img img {
  display: block;
  vertical-align: middle;
  width: 1000px;
  max-width: none !important;
  height: 640px;
  border-radius: 1.5rem;
}
.img-comp-slider {
  position: absolute;
  z-index: 9;
  cursor: ew-resize;
  /*set the appearance of the slider:*/
  width: 40px;
  height: 40px;
  background-color: #000;
  opacity: 0.7;
  border-radius: 50%;
}
.img-comp-slider:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	margin: -4px 0 0 0;
	border: none;
	border-right: 8px solid #fff;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}
.img-comp-slider:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 5px;
	margin: -4px 0 0 0;
	border: none;
	border-left: 8px solid #fff;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
}



/* ! [[ Trail Together styles ]] */
body.trailtogether main p {
	padding: 0 10rem;
	font-size: 2rem;
	text-align: center;
}
section#progress,
section#donors {
	padding: 10rem 0;
	text-align: center;
	background: url("../../../img/v2026/background-tt-01.jpg") no-repeat center center;
}

section#adopt-metre {
	padding: 10rem 0;
	background: var(--bigskyblue-deep) url("../../../img/v2026/background-tt-02.jpg") no-repeat center center;
	color: var(--wintersun);
}
section#adopt-metre a {
	color: inherit;
}
div#tt-block {
	display: block;
	position: relative;
	width: 90%;
	max-width: 1600px;
	padding: 5rem 0;
	margin: 2.5rem auto;
}
div.meter {
	display: block;
	position: relative;
	height: 20px;
	margin: auto;
	z-index: 0;
	background-color: var(--bigskyblue-deep);
}
div.meter::before {
	content: " ";
	display: block;
	position: absolute;
	top: -20px;
	left: 0;
	right: 0;
	z-index: 10;
	height: 20px;
	background-image: repeating-linear-gradient(
		90deg,
		transparent,
		transparent 5px,
		#000 5px,
		transparent 6px,
		transparent 10px
	);
}
div.progress {
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 1;
	height: 20px;
	background-color: var(--bigskyblue);
	animation: progression 3s ease-in-out 1 forwards;
}

div#progression {
	display: block;
	position: absolute;
	top: 50%;
	z-index: 2;
	width: 250px;
	padding: 1rem 2rem;
	margin-left: -125px;
	border-radius: 1rem;
	text-align: center;
	background-color: var(--bigskyblue-lite);
	color: var(--bigskyblue-deep);
	animation: progression-sign 3s ease-in-out 1 forwards;
}
#progression > h3 {
	margin: 0;
	font-size: 8rem;
	text-transform: uppercase;
	line-height: 1;
	letter-spacing: 5%;
}
#progression > h3 span {
	display: block;
	font-size: 1.4rem;
	letter-spacing: 15%;
}
@keyframes progression {
	0% { left: 0; }
	100% {  }
}
@keyframes progression-sign {
	0% { opacity: 0; left: 0;  }
	30% { opacity: 0; }
	100% { opacity: 1; }
}

/* ! Fundraise Up - form widgets */
div.form-placeholder {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 2%;
	row-gap: 2rem;
	width: 100%;
	padding: 5rem 0 0 0;
	margin: 0 auto;
}
div.form-placeholder div.form-column {
	display: block;
	position: relative;
	flex: 1 0 20%;
	max-width: 23.5%;
}
div.fundraise-columns {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 2%;
	row-gap: 1rem;
	width: 100%;
	padding: 0 2rem;
	margin: 0 auto;
}
div.fundraise-columns div.form-column {
	display: block;
	position: relative;
	flex: 0 0 23.5%;
	max-width: 23.5%;
}
div.fundraise-columns div.form-column:before {
	content: "";
	display: block;
	position: relative;
	width: 100%;
	height: 0;
	border: 1px solid transparent;
}

section#corporate {
	padding: 10rem 0;
}
section#corporate > .container {
	row-gap: 3rem;
}
section#corporate > .container > div.tt-corporate {
	display: block;
	position: relative;
	flex: 0 0 31%;
	max-width: 31%;
	padding: 5rem 3rem;
	border-radius: 3rem;
	text-align: center;
}
section#corporate > .container > div#level-1 {
	background-color: var(--riverclayred);
	color: var(--wintersun);
}
section#corporate > .container > div#level-2 {
	background-color: var(--prairieochre-deep);
	color: var(--wintersun);
}
section#corporate > .container > div#level-3 {
	background-color: var(--canopygreen-deep);
	color: var(--wintersun);
}
section#corporate > .container > div.tt-corporate h3 {
	margin-top: 0;
}
section#corporate > .container > div.tt-corporate p {
	padding: 0;
	font-size: 2rem;
	line-height: 1.25;
}
section#corporate > .container > div.corporate-wide {
	flex: 0 0 100%;
	max-width: 100%;
	padding: 0;
	border: none;
}
section#corporate > .container > div.corporate-wide p {
	padding: 0 10rem;
	font-size: 1.6rem;
	line-height: 1.5;
}
section#corporate > .container > p {
	display: block;
	position: relative;
	width: 100%;
	text-align: center;
}
section#corporate a.btn {
	margin: 0 auto;
}

section#donors {
	overflow: hidden;
}
form#donor-search-form {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 1rem;
	row-gap: 2rem;
	width: 100%;
	padding: 0 0 5rem 0;
	margin: 0 auto;
}
form#donor-search-form > p{
	flex: 0 0 100%;
	max-width: 100%;
	margin: 0;
	text-align: center;
}
form#donor-search-form > input[type="text"] {
	width: 40%;
}
p#donor-search-message {
	padding: 2rem;
	margin: 1rem 0;
	font-size: 2rem;
}

div.donor-set {
	display: block;
	position: relative;
	width: 100%;
	padding: 0 2rem;
}
div.donor-set div.banner {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: stretch;
	flex-wrap: wrap;
	column-gap: 2%;
	row-gap: 0;
	width: 100%;
	padding: 0 3rem;
	margin: 0;
}
div.donor-set div.banner div.group-column {
	display: block;
	position: relative;
	flex: 1 0 23.5%;
	max-width: 23.5%;
	text-align: left;
}
div.donor-set p {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 100%;
	padding: 1rem 0 !important;
	margin: 0;
	text-align: left !important;
	line-height: 1.5;
}
div.donor-set p span {
	display: block;
	position: relative;
	margin: 0 0 0.5rem 0;
	font-size: 1.4rem;
}
span.donor-display-count {
	flex: 0 0 20%;
	max-width: 20%;
	font-weight: 600;
}
span.donor-display-name {
	flex: 0 0 78%;
	max-width: 78%;
	hyphens: auto;
}



/* ! [[ Member Portal styles ]] */
div#form-container {
	display: block;
	position: relative;
	width: 100%;
	padding: 5rem 0;
}
form#login {
	display: block;
	position: relative;
	width: 100%;
	max-width: 600px;
	padding: 4rem;
	background-color: var(--white);
	margin: 0 auto;
}
form#login p,
form#login a {
	font-size: 1.6rem;
}
form#login div.input-text,
form#login div.input-password {

}
form#login div.input-text label,
form#login div.input-password label {
	margin: 0 0 0.5rem 0;
}
form#login div.input-text input,
form#login div.input-password input {
	width: 100%;
	max-width: none;
}
form#login div.controls {
	display: flex;
	position: relative;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin: 2rem 0;
}
form#login button.btn {
	margin-top: 0;
}

/* Slick Slider additional project specific styles - customizations */
.slick-arrow {
	top: calc(50% - 15px);
	width: 30px;
	text-indent: -999em;
	background-color: transparent;
	opacity: 1;
	color: var(--riverclayred);
	transform: none;
}
.slick-prev { left: 0; transform: scaleX(-1); background-image: url('../../../img/icon-arrow-dark.svg'); }
.slick-next { right: 0; background-image: url('../../../img/icon-arrow-dark.svg'); }

.form-placeholder .slick-prev { left: -0.5rem;  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 100"><polygon fill="%23ffffff" points="50,14.4 14.4,50 50,85.6 50,100 0,50 0,50 50,0"/></svg>'); }
.form-placeholder .slick-next { right: -0.5rem; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 100"><polygon fill="%23ffffff" points="0,14.4 35.6,50 0,85.6 0,100 50,50 50,50 0,0"/></svg>'); }
.slick-dots { top: 0; bottom: unset; padding: 0; height: 0; }
.slick-dots > li { visibility: hidden; height: 0; }
.slick-dots > li > button { border: none; visibility: hidden; height: 0; }
.slick-dots > li:hover > button,
.slick-dots > li.slick-active > button { background-color: #004C53; }
.form-placeholder .slick-dots { top: unset; bottom: -1rem; }
.form-placeholder .slick-dots > li { visibility: visible; height: auto; }
.form-placeholder .slick-dots > li > button { border: 1px solid #ffffff; visibility: visible; height: 16px; }
.form-placeholder .slick-dots > li:hover > button,
.form-placeholder .slick-dots > li.slick-active > button { background-color: #ffffff; }
.slick-slide img { max-width: 100%; height: auto; }



/* ! Constant Contact form customized styles */
div.ctct-form-embed div.ctct-form-defaults {
	padding: 0 !important;
	margin: 0 0 2rem 0;
	background-color: transparent !important;
	color: var(--wintersun) !important;
}
form.ctct-form-custom {

}
div.ctct-form-embed.form_0 div.ctct-form-defaults h2.ctct-form-header,
.ctct-form-embed.form_0 .ctct-form-defaults .ctct-form-text, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-label, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-listname, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-lists-legend, .ctct-form-embed.form_0 .ctct-form-custom .ctct-form-date-slash, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-link, .ctct-form-embed.form_0 .ctct-form-defaults .ctct-gdpr-text .ctct-form-footer-privacy-link {
	color: var(--wintersun) !important;
}
div.ctct-form-embed form.ctct-form-custom .ctct-form-required::before {
	top: -1rem !important;
	left: 4.8rem !important;
	color: var(--wintersun) !important;
	font-size: 2rem !important;
}
div.ctct-form-embed div.ctct-form-defaults h2.ctct-form-header {
	font-family: "the-seasons", "Times New Roman", sans-serif !important;
	font-size: 3.2rem !important;
	font-weight: 700 !important;
	line-height: 1.125 !important;
}
div.ctct-form-embed div.ctct-form-defaults p {
	margin: 0 0 1.5rem 0 !important;
}
div.ctct-form-embed.form_0 div.ctct-form-defaults label.ctct-form-label {
	font-size: 1.6rem !important;
	color: var(--wintersun) !important;
}
div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
	background-color: var(--wintersun) !important;
	color: var(--riverclayred) !important;
}
div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text {
	font-family: "Inter Tight", Arial, sans-serif !important;
	font-weight: 400 !important;
}
div.ctct-form-embed div.ctct-form-defaults p.ctct-gdpr-text {
	font-size: 1.4rem !important;
}
div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {
	display: inline-block;
	width: auto;
	max-width: 10rem;
	padding: 1rem 0 !important;
	border: none !important;
	background: none !important;
	font-size: 2rem !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	text-align: left !important;
	color: var(--wintersun) !important;
}
div.ctct-form-embed form.ctct-form-custom button.ctct-form-button:hover {
	text-decoration: underline !important;
}



/* ! BambooHR 3rd Party styles */
.BambooHR-ATS-board h2 {
	border: none !important;
	font-size: 3.2rem !important;
	color: var(--riverclayred) !important;
}
.BambooHR-ATS-board ul.BambooHR-ATS-Jobs-List {
	padding: 3rem !important;
	border: 1px solid var(--riverclayred) !important;
	margin: 0 0 3rem 0 !important;
	font-size: 1.6rem !important;
}
.BambooHR-ATS-board ul li.BambooHR-ATS-Jobs-Item {
	display: flex !important;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	width: 100%;
	padding: 0 1rem;
	border-bottom: 2px dotted var(--riverclayred);
	margin: 1rem 0 0 0 !important;
}
.BambooHR-ATS-board ul.BambooHR-ATS-Jobs-List > li:first-child {
	margin-top: 0 !important;
}
li.BambooHR-ATS-Jobs-Item a {
	display: block;
	position: relative;
	flex: 1 0 10%;
	max-width: 85%;
	line-height: 1.5 !important;
}
li.BambooHR-ATS-Jobs-Item span {
	display: block;
	position: relative;
	flex: 1 0 10%;
	max-width: 15%;
	padding: 0 !important;
}