/*
Theme Name: Studio Simpatico
Theme URI: http://www.studiosimpati.co/
Description: This custom WordPress theme was designed and developed with love by Studio Simpatico.
Author: Studio Simpatico
Author URI: http://www.studiosimpati.co/
Version: 1.0.0
Requires at least: 6.0.0
Requires PHP: 8.0
Requires plugins: ACF PRO, Jazzy AJAX, ACF Dynamic Posts
*/

/***************************************************************************************************************************************************************************************/

/*HTML5 BOILERPLATE MINIFIED*/

/***************************************************************************************************************************************************************************************/

*{box-sizing:border-box;}article{display:block}aside{display:block}details{display:block}figcaption{display:block}figure{display:block;margin:0}footer{display:block}header{display:block}hgroup{display:block}nav{display:block}section{display:block}audio{display:inline;}canvas{display:inline;}video{display:inline;}audio:not([controls]){display:none}[hidden]{display:none}html{color:#222;font-family:sans-serif;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button{-webkit-appearance:button;color:#222;cursor:pointer;font-family:sans-serif;font-size:100%;line-height:normal;margin:0;overflow:visible;vertical-lign:middle}input{color:#222;font-family:sans-serif;font-size:100%;line-height:normal;margin:0;vertical-align:middle}select{color:#222;font-family:sans-serif;font-size:100%;margin:0;vertical-align:middle}textarea{color:#222;font-family:sans-serif;font-size:100%;margin:0;overflow:auto;resize:vertical;vertical-align:top}body{font-size:1em;line-height:1.4;margin:0}::-moz-selection{background:#333;color:#fff;text-shadow:none}::selection{background:#333;color:#fff;text-shadow:none}a{color:#00e}a:hover{color:#06e;outline:0}a:active{outline:0}abbr[title]{border-bottom:1px dotted}b{font-weight:700}strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{border:0;border-top:1px solid #ccc;display:block;height:1px;margin:1em 0;padding:0}ins{background:#ff9;color:#000;text-decoration:none}mark{background:#ff0;color:#000;font-style:italic;font-weight:700}pre{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em;white-space:pre-wrap;word-wrap:break-word}code{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}kbd{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em}q{quotes:none}q:before{content:none}q:after{content:none}small{font-size:85%}sub{bottom:-.25em;font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{font-size:75%;line-height:0;position:relative;top:-.5em;vertical-align:baseline}ul{margin:1em 0;padding:0 0 0 40px}ol{margin:1em 0;padding:0 0 0 40px}dd{margin:0 0 0 40px}nav ul{list-style:none;list-style-image:none;margin:0;padding:0}nav ol{list-style:none;list-style-image:none;margin:0;padding:0}img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle}svg:not(:root){overflow:hidden}form{margin:0}fieldset{border:0;margin:0;padding:0}label{cursor:pointer}legend{border:0;margin-left:-7px;padding:0;white-space:normal}input[type="button"]{-webkit-appearance:button;cursor:pointer;overflow:visible}input[type="reset"]{-webkit-appearance:button;cursor:pointer;overflow:visible}input[type="submit"]{-webkit-appearance:button;cursor:pointer;overflow:visible}button[disabled]{cursor:default}input[disabled]{cursor:default}input[type="checkbox"]{box-sizing:border-box;height:13px;padding:0;width:13px}input[type="radio"]{box-sizing:border-box;height:13px;padding:0;width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner{border:0;padding:0}input::-moz-focus-inner{border:0;padding:0}input:invalid{background-color:#f0dddd}textarea:invalid{background-color:#f0dddd}table{border-collapse:collapse;border-spacing:0}td{vertical-align:top}.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0}

/***************************************************************************************************************************************************************************************/

/*BODY STYLES*/

/***************************************************************************************************************************************************************************************/

@font-face {
	font-display: swap;
	font-family: 'Family';
	font-style: normal;
	font-weight: 500;
	src: url('fonts/family-medium.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Family';
	font-style: italic;
	font-weight: 500;
	src: url('fonts/family-medium-italic.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Avenir Next';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/AvenirNextProRegular/font.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Avenir Next';
	font-style: normal;
	font-weight: 600;
	src: url('fonts/AvenirNextProDemi/font.woff2') format('woff2');
}

@font-face {
	font-display: swap;
	font-family: 'Avenir Next';
	font-style: normal;
	font-weight: 700;
	src: url('fonts/AvenirNextProBold/font.woff2') format('woff2');
}

:root {
  	--white: #fff;
  	--black: #25221F;
	--penn-red: #9A0005;
	--crimson-red-light: #BC0C14;
	--crimson-red-dark: #CD171F;
	--space-blue-line: #30323E;
	--space-blue: #363845;
	--space-blue-75: #363845BF;
	--space-blue-40: #36384566;
	--space-blue-15: #36384526;
	--steel-blue: #236EA0;
	--green-text: #053224;
	--green-pattern: #10AB82;
	--jungle-green: #0DB488;
	--purple-text: #5C3C8E;
	--purple-pattern: #DCBAFE;
	--pastel-purple: #E2C6FF;
	--golden-yellow: #FFCE55;
	--timeline-gray: #D9D9D9;
	--smoke-gray: #EFEFEF;
	--off-white: #FAFAFA;
  	--body-font: 'Avenir Next', Arial, Helvetica, sans-serif;
	--heading-font: 'Family', serif;
	--container-width: 90vw;
	--container-max-width: 1600px;
	--container-outer-padding: 50px;
	--container-outer-margin: calc((100vw - var(--container-width)) / 2);
	--viewport-edge: calc((var(--container-outer-margin) + var(--container-outer-padding)) * -1);
	--gap: 40px;
	--grid: repeat(12, minmax(0,1fr));
	--module-spacing-small: 64px;
	--module-spacing-medium: 80px;
	--module-spacing-large: 120px;
	--module-spacing-xlarge: 160px;
	--text-spacing-xxsmall: 8px;
	--text-spacing-xsmall: 16px;
	--text-spacing-small: 24px;
	--text-spacing-medium: 32px;
	--text-spacing-large: 40px;
	--text-spacing-xlarge: 48px;
	--text-spacing-xxlarge: 56px;
	--photo-gradient: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 66.6%, rgba(0, 0, 0, 0.32) 77.99%, rgba(0, 0, 0, 0.65) 100%);
	--box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.06);
	--wp-admin-menu-bar-height: 32px;
	--one-column-width: ((100vw - (2 * (var(--container-outer-margin) + var(--container-outer-padding)))) - (11 * var(--gap))) / 12;
}

html {
    font-size: 100%;
}

body {
	background: var(--off-white);
	color: var(--black);
	font: 1rem var(--body-font);
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

.svg-inline--fa {
	display: inline-block;
	font-size: inherit;
	height: 1em;
	overflow: visible;
	vertical-align: -0.125em;
}

.svg-inline--fa path {
	fill: currentColor;
}

a {
	text-decoration: none;
	transition: all .25s ease;
}

input[type=submit],
button {
	border-radius: 0;
	font-family: inherit;
	transition: all .25s ease;
}

img,
svg,
iframe,
picture {
	max-width: 100%;
}

img,
svg,
picture {
	height: auto;
}

h1,
.heading-1,
h2,
.heading-2,
h3,
.heading-3,
h4,
.heading-4,
h5,
.heading-5,
h6,
.heading-6 {
	font-family: var(--heading-font);
	font-weight: 500;
	margin: 0;
}

h1,
.heading-1 {
	font-size: calc(72rem/16);
	letter-spacing: -1px;
	line-height: 1;
}

h1.mega,
.heading-1.mega {
	font-size: calc(80rem/16);
	letter-spacing: -.6px;
	line-height: calc(88/80);
}

h2,
.heading-2 {
	font-size: calc(62rem/16);
	letter-spacing: -1px;
	line-height: calc(61/62);
}

h3,
.heading-3,
.content-styles h2:not([class]) {
	font-size: calc(50rem/16);
	letter-spacing: -.6px;
	line-height: calc(56/50);
}

h4,
.heading-4,
.content-styles h3:not([class]),
.search-pop input[type=text] {
	font-size: calc(40rem/16);
	letter-spacing: -.5px;
	line-height: calc(44/40);
}

h5,
.heading-5,
.content-styles h4:not([class]) {
	font-size: calc(32rem/16);
	letter-spacing: -.5px;
	line-height: calc(40/32);
}

h5.small,
.heading-5.small {
	font-size: calc(26rem / 16);
	letter-spacing: -0.2px;
	line-height: calc(32 / 26);
}

h6,
.heading-6,
.content-styles h5:not([class]) {
	font: 600 calc(22rem/16)/calc(32/22) var(--body-font);
	letter-spacing: 0;
}

h6.xsmall,
.heading-6.xsmall {
	font-size: calc(16rem / 16);
	letter-spacing: 0;
	line-height: calc(24 / 16);
}

h6.small,
.heading-6.small,
.content-styles h6:not([class]) {
	font-size: calc(20rem/16);
	line-height: calc(28/20);
}

p,
ul,
ol,
.archive-content .filters h3 {
	font-size: calc(20rem/16);
	letter-spacing: -0.3px;
	line-height: calc(36/20);
	margin: 0 0 var(--text-spacing-small);
}

p.xlarge,
u.xlarge,
ol.xlarge,
.xlarge-text p,
.xlarge-text ul,
.xlarge-text ol {
	font-size: calc(24rem/16);
	line-height: calc(40/24);
}

p.large,
ul.large,
ol.large,
.large-text p,
.large-text ul,
.large-text ol {
	font-size: calc(22rem/16);
	letter-spacing: -0.2px;
	line-height: calc(36/22);
}

p.small,
ul.small,
ol.small,
.small-text p,
.small-text ul,
.small-text ol,
.sub-menu .event-link h4,
.sub-menu .image-text-link h4 {
	font-size: calc(17rem/16);
	line-height: calc(27/17);
}

p.xsmall,
ul.xsmall,
ol.xsmall,
.xsmall-text p,
.xsmall-text ul,
.xsmall-text ol,
.sub-menu .featured-posts-plain h4.xsmall,
.content-styles .wp-caption p,
.shortcode.mp3-player .audio-time,
.shortcode.mp3-player .audio-duration {
	font-size: calc(15rem/16);
	line-height: calc(26/15);
}

p.xxsmall,
ul.xxsmall,
ol.xxsmall,
.xxsmall-text p,
.xxsmall-text ul,
.xxsmall-text ol,
.archive-content .sort select {
	font-size: calc(14rem/16);
	letter-spacing: 0.1px;
	line-height: calc(24/14);
}

.eyebrow {
	display: block;
	font: 700 1rem/calc(27/16) var(--body-font);
	letter-spacing: 2px;
	text-transform: uppercase;
}

.eyebrow:not(.no-icon) {
	background: url('svgs/watermark.svg') no-repeat left center / 36px auto;
	padding-left: var(--text-spacing-xlarge);
}

.eyebrow.small {
	font-size: calc(14rem/16);
	letter-spacing: 2px;
	line-height: calc(22/14);
}

.eyebrow.small:not(.no-icon) {
	background-size: 30px auto;
	padding-left: var(--text-spacing-large);
}

.post-tag {
	color: var(--black);
	display: inline-block;
	font: 700 calc(12rem/16)/calc(18/12) var(--body-font);
	letter-spacing: .8px;
	text-align: left;
	text-transform: uppercase;
}

.post-tag.white:not(.plain) {
	background: var(--white);
}

.post-tag:not(.plain) {
	background: var(--smoke-gray);
	border-radius: 14px;
	padding: 5px 13px 4px;
}

.post-tag.small {
	font-size: calc(10rem/16);
	line-height: calc(15/10);
}

.post-tag:not(.plain).small {
	border-radius: 11px;
	padding: 3px 11px 2px;
}

.post-tag.xsmall {
	font-size: calc(9rem/16);
	letter-spacing: 1px;
	line-height: calc(12/9);
}

.post-tag:not(.plain).xsmall {
	border-radius: 9px;
	padding: 3px 10px 3px;
}

.legal,
footer .copyright ul {
	font-size: calc(14rem/16);
	font-weight: 600;
	letter-spacing: .5px;
	line-height: calc(22/14);
}

header,
section,
footer,
article {
	width: 100%;
}

.container {
	clear: both;
	margin: 0 auto;
	max-width: var(--container-max-width);
	padding: 0 var(--container-outer-padding);
	position: relative;
	width: var(--container-width); /*Based off 1200 Sketch files*/
}

.flex-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.grid {
	display: grid;
	gap: var(--gap);
	grid-template-columns: var(--grid);
}

.accessibility,
.hidden_label > label {
	backface-visibility: hidden;
	left: -999999999px;
	opacity: 0;
	position: absolute;
}

#skip-to-content {
	z-index: 9999999;
}

#skip-to-content:focus {
	backface-visibility: visible;
	left: 0;
	opacity: 1;
}

.image-zoom {
	overflow: hidden;
}

.image-zoom > img,
.image-zoom > picture {
	display: block;
	height: 100%;
	object-fit: cover;
	transition: all .25s ease;
	width: 100%;
}

.tablet-only,
.mobile-only {
	display: none !important;
}

/***Carousels***/

.carousel,
.slick-list,
.slide,
.slick-track {
	height: 100%;
}

.carousel {
	margin: 0 var(--viewport-edge);
	overflow: visible;
	padding: 0 calc(var(--container-outer-margin) + var(--container-outer-padding));
	position: relative;
	width: 100vw;
}

.slick-track,
.carousel:not(.slick-initialized),
.scrolling-carousel:not(.slick-initialized) {
	display: flex;
	gap: var(--gap);
}

.carousel:not(.slick-initialized),
.scrolling-carousel:not(.slick-initialized) {
	overflow-x: auto;
}

.carousel:not(.slick-initialized) .slide {
	flex-shrink: 0;
	width: calc(100% / 3 - 20px);
}

.slick-arrow {
	background: url('svgs/arrow-right-FFFFFF.svg') no-repeat center/ 16px auto;
	bottom: calc(100% + var(--text-spacing-xxlarge));
	border: none;
	font-size: 0;
	padding: 0;
	position: absolute;
	right: calc(var(--container-outer-padding) + var(--container-outer-margin) + 14px);
	text-indent: -9999px;
}

.slick-arrow.slick-prev {
	right: calc(var(--container-outer-padding) + var(--container-outer-margin) + var(--text-spacing-xlarge) + var(--text-spacing-xxsmall) + 14px);
	transform: scale(-1,1);
}

.slick-arrow.slick-disabled {
	opacity: .4;
	pointer-events: none;
}

.slick-arrow.slick-disabled:hover {
	background-color: unset;
}

/***Buttons***/

.btn,
footer #menu-footer a {
	color: var(--black);
	display: inline-block;
}

.btn:hover,
footer #menu-footer a:hover {
	color: var(--black);
}

/*Mega*/

.btn.mega {
	font-family: var(--body-font);
	font-size: calc(32rem/16);
	font-weight: 700;
	line-height: calc(36/32);
}

/*Primary*/

.btn.primary,
.btn.secondary,
.btn.card-link,
.content-styles p > .button.red.large {
	font-size: calc(18rem/16);
	font-weight: 600;
	line-height: calc(24/18);
	letter-spacing: 0.6px;
}

.btn.primary,
.content-styles p > .button.red.large {
	background: var(--crimson-red-light);
	color: var(--white);
	padding: 18px var(--text-spacing-large) 17px;
	text-align: center;
}

.btn.primary:has(.icon) {
	align-items: center;
	display: inline-flex;
	gap: var(--text-spacing-xxsmall);
}

.btn.primary .icon {
	font-size: calc(13rem/16);
}

.btn.primary.dark {
	background: var(--crimson-red-dark);
}

.btn.primary.outline {
	background: none;
	border: 1px solid var(--crimson-red-light);
	color: var(--black);
}

.btn.primary.outline:hover,
.btn.primary:hover,
.btn.primary.dark:hover,
.btn-container:hover .btn.primary {
	color: var(--white);
}

.btn.primary.small {
	padding: 15px 22px 14px;
}

.btn.primary.small .icon {
	font-size: calc(11rem/16);
}

.btn.primary:hover,
.btn.primary.dark:hover,
.btn-container:hover .btn.primary,
.content-styles p > .button.red.large:hover {
	background: var(--penn-red);
}

/*Secondary*/

.btn.secondary,
footer #menu-footer a {
	align-items: center;
	display: inline-flex;
	gap: 20px;
}

.btn.secondary.small,
footer #menu-footer a {
	gap: var(--text-spacing-xsmall);
}

.btn.secondary.white,
.btn.tertiary.white {
	color: var(--white);
}

.btn-container:hover .btn.secondary .icon,
.btn.secondary:hover .icon,
a:hover > .btn.secondary .icon,
footer #menu-footer a:hover::after {
	transform: translateX(4px);
}

.btn.secondary.no-icon .icon {
	display: none;
}

/*Tertiary*/

.btn.tertiary,
.btn.primary.small,
.btn.secondary.small,
.card-link.small,
footer #menu-footer a,
.wp-pagenavi,
.jazzy-ajax-form-pagination {
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.1px;
	line-height: calc(25/16);
}

.btn.tertiary {
	padding-bottom: 3px;
	position: relative;
}

.btn.tertiary:before,
.alert-bar .link:before,
.alert-bar.tablet-only span:before {
	background: var(--crimson-red-light);
	bottom: 0;
	content: '';
	height: 2px;
	left: 0;
	position: absolute;
	transition: all .25s ease;
	transform-origin: left center;
	width: 100%;
}

.btn.tertiary.dark:before {
	background: var(--crimson-red-dark);
}

.btn.tertiary:hover::before,
.btn-container:hover .btn.tertiary::before,
.sub-menu .featured-posts-plain .post-link:hover .btn.tertiary:before,
.alert-bar:hover .link:before,
.alert-bar.tablet-only:hover span:before {
	transform: scale(.1,1);
}

.btn.tertiary.small {
	font-size: calc(12rem / 16);
	font-weight: 600;
	letter-spacing: 0;
	line-height: calc(16 / 12);
	padding-bottom: 0;
}

.btn.tertiary.small:before {
	height: 1px;
}

/*Cards*/

.btn.card-link {
	align-items: center;
	display: flex;
	gap: var(--text-spacing-xxsmall);
}

.btn.card-link,
.btn-container:hover .btn.card-link,
.btn.card-link:hover {
	color: var(--green-text);
}

.btn.card-link:after {
	background: url('svgs/arrow-right-053224.svg') no-repeat center / 100% auto;
	content: '';
	display: block;
	height: 14px;
	transition: all .25s ease;
	width: 14px;
}

.btn-container:hover .btn.card-link:after,
.btn.card-link:hover::after {
	transform: translateX(5px);
}

.btn.card-link.purple,
.btn-container:hover .btn.card-link.purple,
.btn.card-link.purple:hover {
	color: var(--purple-text);
}

.btn.card-link.purple:after {
	background: url('svgs/arrow-right-5C3C8E.svg') no-repeat center / 100% auto;
}

.btn.card-link.green,
.btn-container:hover .btn.card-link.green,
.btn.card-link.green:hover {
	color: var(--green-text);
}

.btn.card-link.green:after {
	background: url('svgs/arrow-right-053224.svg') no-repeat center / 100% auto;
}

/*Icons*/

.btn.icon,
.btn.secondary .icon,
.slick-arrow  {
	align-items: center;
	background-color: var(--crimson-red-light);
	color: var(--white);
	display: flex;
	flex-shrink: 0;
	font-size: calc(18rem/16);
	height: var(--text-spacing-xlarge);
	justify-content: center;
	transition: all .25s ease;
	width: var(--text-spacing-xlarge);
}

.btn.icon:hover,
.btn.secondary:hover .icon,
a:hover	> .btn.secondary .icon,
.btn-container:hover .btn.icon,
.slick-arrow:hover,
.btn-container:hover .btn.secondary .icon,
.shortcode.video-inline .cover-button:hover .icon {
	background-color: var(--penn-red);
}

.btn.icon.xlarge,
.btn.secondary.xlarge .icon {
	font-size: calc(45rem/16);
	height: var(--module-spacing-large);
	width: var(--module-spacing-large);
}

.btn.icon.large,
.btn.secondary.large .icon {
	font-size: calc(30rem/16);
	height: var(--module-spacing-medium);
	width: var(--module-spacing-medium);
}


.btn.icon.medium,
.btn.secondary.medium .icon {
	font-size: 1rem;
	height: var(--text-spacing-large);
	width: var(--text-spacing-large);
}

.btn.icon.small,
.btn.secondary.small .icon {
	font-size: 1rem;
	height: var(--text-spacing-medium);
	width: var(--text-spacing-medium);
}

.btn.icon.xsmall,
.btn.secondary.xsmall .icon {
	font-size: calc(12rem/16);
	height: 28px;
	width: 28px;
}

.btn.icon.dark,
.btn.secondary.dark .icon {
	background: var(--crimson-red-dark);
}

.btn.icon.purple {
	background: var(--pastel-purple);
	color: var(--black);
}

.btn.icon.purple:hover {
	background: var(--purple-pattern);
	color: var(--black);
}

.btn.icon.white {
	background: var(--white);
	color: var(--black);
}

.btn.icon.white:hover {
	background: var(--smoke-gray);
	color: var(--black);
}

.btn.icon.gray {
	background: var(--smoke-gray);
	color: var(--black);
}

.btn.icon.purple-dark {
	background: var(--purple-text);
	color:  var(--pastel-purple);
}

.btn-container:hover .btn.icon.gray,
.btn.icon.gray:hover {
	background: var(--off-white);
	color: var(--black);
}

/***Form Styles***/

.gform_fields {
	display: flex;
	flex-direction: column;
	gap: var(--text-xs);
}

form label {
	display: block;
	font-size: 1rem;
	line-height: calc(24/16);
	letter-spacing: -0.2px;
	margin-bottom: var(--text-spacing-xsmall);
}

input[type=email],
input[type=text],
input[type=tel],
select,
textarea {
	background: none;
	border: 1px solid rgba(0, 0, 0, 0.40);
	border-radius: 0;
	color: var(--black);
	font-family: inherit;
	font-size: calc(18rem/16);
	height: 53px;
	letter-spacing: -0.5px;
	line-height: calc(28/18);
	padding: 0 var(--text-spacing-xsmall);
	width: 100%;
}

input[type=email]:focus,
input[type=text]:focus,
input[type=tel]:focus,
select:focus,
textarea:focus {
	border: 1px solid var(--black);
	outline: none;
}

input[type=email]::placeholder,
input[type=text]::placeholder,
input[type=tel]::placeholder,
select::placeholder,
textarea::placeholder,
select:invalid /*Mark your selects as 'required' to get 'placeholder' styling!*/ {
	color: var(--space-blue-75);
	opacity: 1;
}

input[type=submit],
form button {
	border: none;
	letter-spacing: 0.128px;
}

.gform_validation_errors {
	display: none !important;
}

.validation_message {
	color: red;
	font-size: calc(12rem/16);
	font-style: italic;
	padding-top: 4px;
}

/***Video Lightboxes***/

.white-popup-block {
	background: var(--black);
	margin: var(--text-spacing-large) auto;
	max-width: 80vw;
	position: relative;
}

.white-popup-block video {
	aspect-ratio: 16/9;
	object-fit: contain;
	width: 100%;
}

/***Content Styles***/

.content-styles a:not([class]) {
	color: var(--black);
	font-weight: bold;
	text-decoration: underline;
	text-decoration-color: var(--crimson-red-light);
	text-decoration-thickness: 2px;
	text-underline-offset: 2px;
	text-decoration-skip-ink: none;
}

.dark .content-styles a:not([class]) {
	color: var(--white);
}

.content-styles a:not([class]):hover {
	text-decoration-color: var(--penn-red);
	text-underline-offset: 4px;
}

.content-styles ul:not([class]),
.content-styles ol:not([class]) {
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-xsmall);
	list-style: none;
	margin: 0 0 var(--text-spacing-small);
	padding: 0;
}

.content-styles ul:not([class]) > li {
	padding-left: 43px;
	position: relative;
}

.content-styles ul:not([class]) > li:before {
	background: var(--crimson-red-light);
	content: '';
	height: 6px;
	left: var(--text-spacing-small);
	position: absolute;
	top: var(--text-spacing-xsmall);
	width: 6px;
}

.content-styles ol:not([class]) {
	counter-reset: my-awesome-counter;
}

.content-styles ol:not([class]) > li {
	counter-increment: my-awesome-counter;
	padding-left: 50px;
	position: relative;
}

.content-styles ol:not([class]) > li:before {
	color: var(--steel-blue);
	content: counter(my-awesome-counter) ". ";
	font-size: calc(20rem/16);
	font-weight: bold;
	left: var(--text-spacing-small);
	letter-spacing: 0.3px;
	line-height: calc(36/20);
	position: absolute;
	top: 2px;
}

.content-styles h2:not([class]),
.content-styles h3:not([class]),
.content-styles h4:not([class]),
.content-styles h5:not([class]),
.content-styles h6:not([class]) {
	margin-bottom: var(--text-spacing-xsmall);
}

.content-styles * + h2:not([class]),
.content-styles * + h3:not([class]),
.content-styles * + h4:not([class]),
.content-styles * + h5:not([class]),
.content-styles * + h6:not([class]) {
	margin-top: var(--module-spacing-small);
}

.content-styles .wp-caption,
.content-styles figure:not(.shortcode) {
	margin: var(--module-spacing-small) 0;
	width: unset !important;
}

.content-styles .wp-caption p,
.content-styles figure figcaption {
	border-bottom: 1px solid var(--space-blue-40);
	font-weight: bold;
	margin: 0;
	padding: var(--text-spacing-xsmall) 0;
}

.content-styles a.person-name {
	color: var(--black);
	font-weight: bold;
	text-decoration: none;
}

/***Pattern Dots***/

.pattern-dots {
	bottom: 0;
	display: flex;
	left: 0;
	overflow: clip;
	position: absolute;
	width: 100%;
}

.pattern-dots svg {
	flex-shrink: 0;
	margin-bottom: calc(35px/2 * -1);
	width: 35px;
}

.pattern-dots svg:first-child {
	margin-left: calc(35px/2 * -1);
}

.pattern-dots.gray path {
	fill: var(--off-white);
}

/***Large Pattern Waves***/

.pattern-waves {
	background: var(--smoke-gray);
	display: flex;
	height: 100%;
	left: 0;
	overflow: clip;
	position: absolute;
	top: 0;
	transform: translate3d(0,0,0);
	width: 100%;
}

.pattern-waves svg {
	flex-shrink: 0;
	height: 100%;
	min-height: 431px;
	min-width: 1440px;
	object-fit: cover;
	opacity: .5;
	width: 100%;
}

.dark .pattern-waves,
main:not(:has(section.dark:last-child)) + .explore-carousel .pattern-waves {
	background: var(--space-blue);
}

.dark .pattern-waves svg,
main:not(:has(section.dark:last-child)) + .explore-carousel .pattern-waves svg {
	opacity: 1;
}

.dark .pattern-waves path,
main:not(:has(section.dark:last-child)) + .explore-carousel .pattern-waves path {
	stroke: var(--space-blue-line);
}

.explore-carousel.dark,
.explore-carousel.dark a,
main:not(:has(section.dark:last-child)) + .explore-carousel,
main:not(:has(section.dark:last-child)) + .explore-carousel a {
	color: var(--white);
}

.pattern-waves.purple,
.pattern-waves-small.purple {
	background: var(--pastel-purple);
}

.pattern-waves.purple path,
.pattern-waves-small.purple .pattern-waves-xsmall path {
	stroke: var(--purple-pattern);
}

.pattern-waves.green {
	background: var(--jungle-green);
}

.pattern-waves.green path,
.pattern-waves-small.green .pattern-waves-xsmall path {
	stroke: var(--green-pattern);
}

/***Pattern Waves Small***/

.pattern-waves-small {
	left: 0;
	position: absolute;
	top: 0;
}

div.pattern-waves-small {
	height: 100%;
	overflow: clip;
	width: 100%;
}

.pattern-waves-small svg {
	max-width: none;
}

.pattern-waves-small.green .pattern-waves-small path {
	fill: var(--green-pattern);
}

.pattern-waves-small.purple .pattern-waves-small path {
	fill: var(--purple-pattern);
}

.waves {
	background-color: rgba(239, 239, 239, 0.50);
	background-image: url('svgs/pattern-waves-small-light.svg');
	background-repeat: repeat;
}

.dark.waves {
	background-image: url('svgs/pattern-waves-small.svg');
}

/***Dark Mode***/

.dark {
	background-color: var(--space-blue);
	color: var(--white);
}
/***Borders***/

.bordered {
	--border-width: var(--text-spacing-small);
	border-left: var(--border-width) solid var(--off-white);
	border-right: var(--border-width) solid var(--off-white);
}

/***Caption Styles***/

.btn.open-caption {
	background: rgb(255 255 255 / .2);
	border: none;
	bottom: var(--text-spacing-xsmall);
	position: absolute;
	right: var(--text-spacing-xsmall);
}

.btn.open-caption {
	font-size: calc(24rem/16);
}

.btn.open-caption.active,
.btn.open-caption:hover {
	background: rgb(255 255 255 / .1);
}

.caption {
	background: var(--white);
	bottom: var(--text-spacing-xsmall);
	max-width: 564px;
	opacity: 0;
	padding: var(--text-spacing-xsmall) var(--text-spacing-xlarge) var(--text-spacing-xsmall) var(--text-spacing-small);
	position: absolute;
	pointer-events: none;
	right: calc(48px + var(--text-spacing-xsmall) + var(--text-spacing-xsmall));
	transform: translate3d(5px,0,0);
	transition: all .25s ease;
	visibility: hidden;
	z-index: 4;
}

.btn.open-caption.active + .caption {
	opacity: 1;
	pointer-events: auto;
	transform: translate3d(0,0,0);
	visibility: visible;
}

.caption button {
	background: var(--smoke-gray);
	border: none;
	border-radius: 0;
	color: var(--black);
	font-size: 1rem;
	padding: 0;
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 0;
	top: 0;
}

.caption button:hover {
	opacity: .6;
}

.caption > p {
	color: var(--black);
	margin: 0 !important;
}

.caption > p + a {
	margin: var(--text-spacing-xxsmall) 0 0;
}

.caption a {
	color: var(--black);
	display: block;
	font-size: calc(14rem/16);
	font-weight: bold;
	text-decoration: underline;
	text-decoration-color: var(--crimson-red-light);
	text-decoration-thickness: 2px;
	text-underline-offset: 4px;
}

.caption a:hover {
	text-underline-offset: 6px;
}

/***************************************************************************************************************************************************************************************/

/*HEADER STYLES*/

/***************************************************************************************************************************************************************************************/

header,
header nav,
header #menu-main {
	align-items: center;
	display: flex;
}

header {
	margin-top: 1px;
	padding: var(--text-spacing-small) var(--text-spacing-medium) 22px;
	position: sticky;
	top: 0;
	transition: all .25s ease;
	z-index: 999;
}

body:has(.search-pop.active) header {
	background: var(--white);
}

header.super-sticky,
header.dropdown-open {
	background: var(--white);
}

.alert-bar + header,
.alert-bar + header.dark-header {
	margin-top: 38px;
}

#menu-main {
	gap: var(--text-spacing-medium);
}

#menu-main > li {
	margin: 0 0 -40px;
	padding: 0 0 40px;
}

#menu-main > li > a,
.loop-grant-card .location,
.loop-grant-featured .location {
	align-items: center;
	color: var(--black);
	display: flex;
	flex-wrap: wrap;
	font-size: calc(13rem/16);
	font-weight: 600;
	gap: var(--text-spacing-xxsmall);
	letter-spacing: 1.4px;
	line-height: calc(21/13);
	text-transform: uppercase;
}

#menu-main > li:not(.menu-item-has-children) > a:hover {
	opacity: .6;
}

#menu-main > li.menu-item-has-children > a:after {
	background: url('svgs/caret-down-25221F.svg') no-repeat center / 7px auto var(--smoke-gray);
	content: '';
	display: block;
	height: 21px;
	transition: all .25s ease;
	width: 21px;
}

#menu-main > li.menu-item-has-children:not([aria-expanded="false"]):hover > a:after,
#menu-main > li.menu-item-has-children[aria-expanded="true"] > a:after {
	background-color: var(--space-blue-40);
	transform: scale(1,-1);
}

header .btn.open-search {
	background: var(--smoke-gray);
	border: none;
	border-radius: 0;
	color: var(--black);
	font-size: calc(14rem/16);
	height: 52px;
	margin: 0 var(--text-spacing-small) 0 var(--text-spacing-medium);
	width: 52px;
}

.search-results header .btn.open-search,
.search-no-results header .btn.open-search{
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	margin: 0;
	width: 36px;
}

header .btn.open-search.active,
header .btn.open-search:not(.clickable):focus {
	color: var(--space-blue-40);
	pointer-events: none;
}

header .btn.open-search:hover {
	background: var(--space-blue-15);
}

/***Dark Header***/

header.dark-header {
	margin: 1px 0 -101px;
}

header.dark-header:not(.super-sticky):not(.dropdown-open):not(:has(.search-pop.active)) {
	background: none;
}

header.dark-header:not(.super-sticky):not(.dropdown-open, .active):not(:has(.search-pop.active)) .logo path {
	fill: var(--white);
}

/***Mega Menu***/

body:before {
	background: var(--black);
	content: '';
	height: 100dvh;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	visibility: hidden;
	top: 0;
	transition: opacity 0.25s ease, visibility 0.25s ease;
	width: 100vw;
	z-index: 3;
}

body:has(.dropdown-open):before,
body:has(.sidebar-container.active)::before,
body:has(header .search-pop.active):before {
	opacity: 0.3;
	visibility: visible;
}

#menu-main .sub-menu {
	background: var(--white);
	display: block;
	left: 0;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: 100%;
	transform: translate3d(0, -15px, 0);
	transition: .25s cubic-bezier(.45,0,.55,1);
	visibility: hidden;
	width: 100%;
	z-index: 4;
}

#menu-main > li.menu-item-has-children:not([aria-expanded="false"]):hover .sub-menu,
#menu-main > li.menu-item-has-children[aria-expanded="true"] .sub-menu {
	opacity: 1;
	pointer-events: auto;
	transform: translate3d(0, 0, 0);
	visibility: visible;
}

/***Mega Menu - Style 1***/

/*Callout*/

.sub-menu .callout {
	background: var(--smoke-gray);
	grid-column: 1 / span 3;
	left: calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding)));
	padding: var(--text-spacing-medium) var(--text-spacing-xxlarge) 72px var(--module-spacing-small);
	position: relative;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding));
}

.sub-menu .callout p {
	margin: var(--text-spacing-xxsmall) 0 0;
}

.sub-menu .callout .button-container {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	margin: var(--text-spacing-small) 0 0;
}

.sub-menu .callout .btn.secondary + .btn.secondary {
	margin-top: var(--text-spacing-small);
}

.sub-menu .callout .btn.secondary + .btn.primary {
	margin-top: var(--text-spacing-medium);
}

/*Links List*/

.sub-menu .links-list {
	grid-column: 4 / span 4;
	padding: var(--text-spacing-medium) var(--text-spacing-medium) var(--module-spacing-small);
}

.sub-menu .links-list ul {
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-small);
	list-style: none;
	margin: 0;
	padding: 0;
}

.sub-menu .links-list h3 + ul {
	margin-top: var(--text-spacing-small);
}

.sub-menu .links-list li {
	display: flex;
}

.sub-menu .links-list a:hover {
	color: var(--penn-red);
}


/*Two Featured Posts*/

.sub-menu .two-featured-posts {
	grid-column: 8 / -1;
	left: -10px;
	padding: var(--text-spacing-medium) 0 68px;
	position: relative;
	width: calc(100% + 10px + var(--container-outer-margin) + var(--container-outer-padding) - var(--module-spacing-small));
}

.sub-menu .two-featured-posts ul {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(2, minmax(0, 320px));
	list-style: none;
	margin: 0;
	padding: 0;
}

.sub-menu .two-featured-posts h3 + ul {
	margin-top: var(--text-spacing-small);
}

.image-link {
	align-items: flex-end;
	aspect-ratio: 263 / 250;
	background: var(--pastel-purple);
	color: var(--white);
	display: flex;
	height: auto;
	overflow: hidden;
	padding: var(--text-spacing-small) var(--text-spacing-small) var(--text-spacing-xsmall);
	position: relative;
	width: 100%;
}

.image-link:has(.fallback),
.image-link:hover {
	color: var(--black);
}

.image-link:before {
	background: var(--photo-gradient);
	content: '';
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: opacity 0.25s ease;
	width: 100%;
	z-index: 1;
}

.image-link:has(.fallback):before,
.image-link:hover:before {
	opacity: 0;
}

.image-link.large {
	aspect-ratio: 427 / 440;
	padding: 26px 26px var(--text-spacing-large);
}

.image-link .image-container {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: opacity 0.25s ease;
	width: 100%;
}

.image-link:hover .image-container {
	opacity: 0;
}

.image-link .image-container img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.image-link .image-container .fallback {
	background: url(images/fallback-bkg.jpeg) no-repeat;
	background-size: cover;
	display: block;
	height: 100%;
	width: 100%;
}

.image-link h4 {
	position: relative;
	transition: opacity 0.25s ease;
	z-index: 2;
}

.image-link:hover h4 {
	opacity: 0;
}

.image-link h4.extra-small {
	font-size: calc(16rem / 16);
	line-height: calc(24 / 16);
}

.image-link .btn.card-link {
	left: 50%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	transition: opacity 0.25s ease;
}

.image-link:hover .btn.card-link {
	opacity: 1;
}

/***Mega Menu - Style 2***/

.sub-menu.style2 .menu-content-container {
	display: grid;
	gap: 80px;
	grid-column: 4 / -1;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	left: var(--text-spacing-medium);
	padding: var(--text-spacing-medium) 0 var(--module-spacing-small);
	position: relative;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) - var(--module-spacing-small) - var(--text-spacing-medium));
}

.sub-menu.style2 .links-list {
	padding: 0;
}

.sub-menu.style2 .links-list,
.sub-menu.style2 .menu-content-container > * {
	grid-column: span 1;
}

/*Featured Posts Plain*/

.sub-menu .featured-posts-plain {
	height: 100%;
	position: relative;
}

.sub-menu .featured-posts-plain:before {
	background: var(--space-blue-15);
	content: '';
	height: 100%;
	left: -40px;
	position: absolute;
	top: 0;
	width: 1px;
}

.sub-menu .featured-posts-plain p {
	margin: var(--text-spacing-xxsmall) 0 0;
}

.sub-menu .featured-posts-plain ul {
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-medium);
	margin: var(--text-spacing-small) 0 0;
}

.sub-menu .featured-posts-plain .post-link {
	align-items: flex-start;
	color: var(--black);
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-xxsmall);
}

.sub-menu .featured-posts-plain h4.xsmall {
	font-family: var(--body-font);
	font-weight: 700;
	letter-spacing: 0;
}

.sub-menu .featured-posts-plain .post-tag {
	display: block;
	margin: 0 0 var(--text-spacing-xxsmall);
	max-width: max-content;
}

.sub-menu .featured-posts-plain .btn.secondary {
	margin: var(--text-spacing-medium) 0 0;
}

/***Mega Menu - Style 3***/

.sub-menu.style3 .links-list {
	grid-column: 6 / span 3;
	padding: var(--text-spacing-medium) var(--text-spacing-xxsmall) var(--module-spacing-small) 0;
}

/*Small Featured Posts*/

.sub-menu .small-featured-posts {
	background: var(--smoke-gray);
	grid-column: 1 / span 4;
	left: calc(-1 * (var(--container-outer-margin) + var(--container-outer-padding)));
	padding: var(--text-spacing-medium) var(--module-spacing-small) var(--module-spacing-small);
	position: relative;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) + var(--module-spacing-small));
}

.small-featured-posts h3 {
	margin: 0 0 var(--text-spacing-small);
}

.small-featured-posts li + li {
	margin-top: var(--text-spacing-medium);
}

.small-featured-posts .image-text-link {
	align-items: flex-start;
	color: var(--black);
	display: flex;
	gap: var(--text-spacing-xsmall);
}

.small-featured-posts .image-text-link .image-container {
	aspect-ratio: 117 / 83;
	height: auto;
	position: relative;
	width: 117px;
}

.small-featured-posts .image-text-link .image-container:before {
	background: #000;
	content: '';
	height: 100%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: opacity 0.25s ease;
	width: 100%;
	z-index: 1;
}

.small-featured-posts .image-text-link:hover .image-container:before {
	opacity: 0.2;
}

.small-featured-posts .image-text-link img,
.small-featured-posts .image-text-link .fallback {
	position: relative;
}

.small-featured-posts .image-text-link img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.small-featured-posts .image-text-link .fallback {
	background: url(images/fallback-small.jpeg) no-repeat;
	background-position: center;
	background-size: cover;
	box-shadow: inset 0px 0px 0px 1px var(--space-blue-15);
	display: block;
	height: 100%;
	width: 100%;
}

.small-featured-posts .image-container .card-link {
	align-items: center;
	aspect-ratio: 1;
	background: var(--purple-pattern);
	border-radius: 100%;
	display: flex;
	height: auto;
	justify-content: center;
	left: 50%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 50%;
	transform: translate3d(-50%, -50%, 0);
	transition: all 0.25s ease;
	width: 40px;
	z-index: 1;
}

.small-featured-posts .image-text-link:hover .image-container .card-link {
	opacity: 1;
}

.small-featured-posts .image-text-link h4 {
	width: calc(100% - var(--text-spacing-xsmall) - 117px);
}

.small-featured-posts .image-text-link h4 .post-tag {
	background: var(--white);
	display: block;
	margin: 0 0 var(--text-spacing-xxsmall);
	max-width: max-content;
}

.small-featured-posts .btn.primary {
	margin: var(--text-spacing-large) 0 0;
}

/*Large Featured Post*/

.sub-menu.style3 .large-featured-post {
	grid-column: 9 / -1;
	height: max-content;
	padding: var(--text-spacing-medium) 0 var(--module-spacing-small);
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) - var(--module-spacing-small));
}

.sub-menu.style3 .large-featured-post h3 {
	margin: 0 0 var(--text-spacing-small);
}

.sub-menu.style3 .large-featured-post .image-link {
	aspect-ratio: 427 / 440;
}

/***Mega Menu - Style 4***/

.sub-menu .links-container {
	display: flex;
	gap: var(--text-spacing-medium);
	grid-column: 4 / span 5;
	padding: 75px 0 75px var(--text-spacing-medium);
	width: calc(100% + var(--gap) + var(--text-spacing-xsmall));
}

.sub-menu .links-container .links-list {
	padding: 0;
	width: calc( (100% - var(--text-spacing-medium)) / 2 );
}

/*Events*/

.sub-menu .event-link h4,
.sub-menu .image-text-link h4 {
	font-family: var(--body-font);
	font-weight: 700;
	letter-spacing: 0;
}

.sub-menu .events-column {
	background: var(--smoke-gray);
	grid-column: 10 / -1;
	left: calc(-1 * var(--text-spacing-xxlarge));
	padding: var(--text-spacing-large) var(--module-spacing-small) var(--module-spacing-small) var(--text-spacing-xxlarge);
	position: relative;
	width: calc(100% + var(--text-spacing-xxlarge) + var(--container-outer-margin) + var(--container-outer-padding));
}

.sub-menu .events-column h3 {
	margin: 0 0 var(--text-spacing-small);
}

.sub-menu .events-column li + li {
	margin-top: var(--text-spacing-small);
}

.sub-menu .events-column .event-link {
	align-items: center;
	color: var(--black);
	display: flex;
	gap: var(--text-spacing-small);
}

.sub-menu .events-column .event-link h4 {
	transition: all 0.25s ease;
}

.sub-menu .events-column .event-link:hover h4 {
	color: var(--penn-red);
}

.sub-menu .events-column .event-date {
	align-items: center;
	background: var(--white);
	display: flex;
	flex-direction: column;
	height: 70px;
	justify-content: center;
	padding: var(--text-spacing-xxsmall);
	width: 70px;
}

.sub-menu .events-column .month {
	background: unset;
	border-radius: unset;
	padding: unset;
}

.sub-menu .events-column .date {
	margin-top: -4px;
}

.sub-menu .events-column h4 {
	width: calc(100% - 70px - var(--text-spacing-small));
}

.sub-menu .events-column .btn.secondary {
	margin: var(--text-spacing-small) 0 0;
}

/***Alert Bar***/

.alert-bar {
	background: var(--pastel-purple);
	color: var(--black);
	left: 0;
	margin: 0;
	overflow-x: auto;
	overflow-y: hidden;
	padding: 10px;
	position: absolute;
	text-align: center;
	top: 0;
	white-space: nowrap;
	width: 100%;
	z-index: 4;
}

.alert-bar:hover {
	color: var(--black);
}

.alert-bar .link,
.alert-bar.tablet-only span {
	position: relative;
}

.alert-bar .link:before,
.alert-bar.tablet-only span:before {
	background: var(--purple-text);
}

/***Search Popup***/

.search-pop {
	padding: var(--module-spacing-large) 0;
	position: absolute;
	top: 100%;
	right: 0;
	opacity: 0;
	pointer-events: none;
	transform: translate3d(0,-15px,0);
	visibility: hidden;
	width: 100%;
	z-index: 2;
}

.search-pop.active,
.search-pop:focus-within:not(:has(.close-search:focus)),
header .btn.open-search:not(.clickable):focus + .search-pop {
	opacity: 1;
	pointer-events: unset;
	transform: translate3d(0,0,0);
	visibility: visible;
}

.search-pop .close-search {
	background: none;
	border: none;
	font-size: calc(22rem/16);
	padding: 20px;
	position: absolute;
	right: 0;
	top: 0;
}

.search-pop .close-search:hover {
	opacity: .5;
}

.search-pop form {
	align-items: end;
	border-bottom: 1px solid var(--space-blue-40);
	display: flex;
	grid-column: 3 / span 8;
	padding-bottom: 13px;
	position: relative;
	z-index: 2;
}

.search-pop form:focus-within {
	border-bottom-color: var(--space-blue);
}

.search-pop .fa-magnifying-glass {
	color: var(--space-blue-75);
	flex-shrink: 0;
	font-size: calc(31rem/16);
	margin: 0 var(--text-spacing-small) 7px 0;
}

.search-pop input[type=text] {
	background: none;
	border: none;
	height: 44px;
	font-family: var(--heading-font);
	font-weight: 500;
}

.search-pop button {
	flex-shrink: 0;
}

.search-pop:has(input:invalid) button {
	opacity: .6;
}

/***Admin Menu Bar***/

body.admin-bar header {
	top: var(--wp-admin-menu-bar-height);
}

body.admin-bar .alert-bar,
body.admin-bar .sticky-jump-nav {
	top: var(--wp-admin-menu-bar-height);
}

/***************************************************************************************************************************************************************************************/

/*FOOTER STYLES*/

/***************************************************************************************************************************************************************************************/

/***Explore Carousel***/

.explore-carousel {
	overflow: clip;
	padding: var(--module-spacing-medium) 0;
	position: relative;
	z-index: 2;
}

.explore-carousel h2 {
	margin: 0 auto var(--module-spacing-small);
	max-width: max-content;
	position: relative;
	z-index: 2;
}

.explore-carousel .scrolling-carousel .slick-track {
	align-items: center;
	gap: var(--text-spacing-small);
}

.explore-carousel .scrolling-carousel + .scrolling-carousel {
	margin-top: var(--text-spacing-medium);
}

.explore-carousel .scrolling-carousel a {
	align-items: center;
	display: flex;
	flex-shrink: 0;
	gap: var(--text-spacing-xsmall);
	position: relative;
	z-index: 2;
}

.explore-carousel .scrolling-carousel.backward .media {
	order: 2;
}

.explore-carousel .media {
	height: 74px;
	position: relative;
	width: 62px;
}

.explore-carousel .media:before,
.explore-carousel .media .icon {
	opacity: 0;
	position: absolute;
	transition: all .25s ease;
}

.explore-carousel .media:before {
	background: #00000033;
	content: '';
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}

.explore-carousel .scrolling-carousel img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.explore-carousel .media .icon {
	border-radius: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}

.explore-carousel a:hover .media:before,
.explore-carousel a:hover .media .icon {
	opacity: 1;
}

/***Main Footer***/

footer {
	padding: var(--text-spacing-large) var(--module-spacing-medium);
	position: relative;
}

footer .pattern-dots {
	z-index: -1;
}

footer #menu-footer,
footer .logo,
footer .column {
	grid-column: span 3;
}

footer .logo {
	margin-top: 19px;
}

footer .logo svg {
	width: 274px;
}

footer .heading-5 {
	grid-column: span 9;
	line-height: calc(42/32);
	margin: 0;
}

footer .content-container {
	grid-column: 1 / -1;
	margin-top: var(--text-spacing-large);
}

/*Social*/

footer .column ul {
	display: flex;
	gap: var(--text-spacing-xsmall);
	list-style: none;
	margin: 0 0 var(--text-spacing-small);
	padding: 0;
}

/***Menu***/

footer #menu-footer {
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-small);
	list-style: none;
	margin: 0;
	padding: 0;
}

footer #menu-footer a:after {
	background: url('svgs/arrow-right-FFFFFF.svg') no-repeat center /13px auto var(--crimson-red-light);
	content: '';
	flex-shrink: 0;
	font-size: calc(13rem/16);
	height: 28px;
	transition: all .25s ease;
	width: 28px;
}

/*Newsletter*/

footer .newsletter {
	grid-column: 8 / span 5;
}

footer .newsletter form {
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--text-spacing-xxsmall);
}

footer .newsletter label {
	width: 100%;
}

footer .newsletter input {
	width: calc(100% - 127px);
}

/*Copyright*/

footer .copyright {
	color: #00000099;
	gap: var(--text-spacing-medium);
	grid-column: 1 / -1;
	margin-top: var(--text-spacing-large);
}

footer .copyright p {
	margin: 0;
}

footer .copyright a {
	color: #00000099;
}

footer .copyright a:hover {
	color: var(--black);
}

footer .copyright ul {
	display: flex;
	gap: var(--text-spacing-medium);
	list-style: none;
	margin: 0;
	padding: 0;
}

/***Sticky Toast***/

.sticky-toast {
	background: var(--space-blue);
	bottom: 10px;
	box-shadow: var(--box-shadow);
	color: var(--white);
	max-width: 360px;
	opacity: 1;
	padding: var(--text-spacing-medium);
	pointer-events: auto;
	position: fixed;
	right: 10px;
	transition: opacity .1s ease, visibility .1s ease;
	visibility: visible;
	width: calc(100% - 20px);
	z-index: 99;
}

.sticky-toast.hidden {
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
}

.sticky-toast button {
	background: none;
	border: none;
	border-radius: 0;
	color: var(--white);
	font-size: calc(18rem/16);
	line-height: 0;
	padding: 9px 12px;
	position: absolute;
	right: 5px;
	top: 5px;
}

.sticky-toast button:hover {
	opacity: .6;
}

.sticky-toast h2,
.sticky-toast p {
	margin-bottom: var(--text-spacing-xxsmall);
}

/***************************************************************************************************************************************************************************************/

/*DEFAULT PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

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

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

.aligncenter {
    display: block;
    margin: 0 auto 20px;
}

.alignnone {
    display: block;
    margin: 0 0 20px;
}

.wp-caption {
    max-width: 100%;
}

/***Hero***/

.hero-default {
	margin-bottom: var(--module-spacing-large);
	overflow: clip;
	padding: var(--text-spacing-large) 0 104px;
	position: relative;
	text-align: center;
}

.hero-default .eyebrow {
	margin-bottom: var(--text-spacing-xsmall);
}

/*Breadcrumbs*/

.breadcrumbs {
	color: var(--space-blue);
	display: flex;
	flex-wrap: wrap;
	font-size: calc(12rem/16);
	font-weight: 600;
	gap: var(--text-spacing-xxsmall);
	line-height: calc(16/12);
	margin-bottom: var(--module-spacing-small);
	padding: 0 var(--module-spacing-small);
	position: relative;
	text-align: left;
	white-space: pre-wrap;
}

.hero-default .breadcrumbs,
.hero-palin .breadcrumbs {
	margin-bottom: 78px;
}

.breadcrumbs a {
	color: var(--space-blue-75);
}

.breadcrumbs a:hover {
	color: var(--space-blue);
}

.dark .breadcrumbs,
.dark .breadcrumbs a:hover {
	color: var(--white);
}

.dark .breadcrumbs a {
	color: rgb(255 255 255 / .7);
}

/***Content***/

.page-content,
.post-content {
	overflow-x: clip;
	padding-bottom: var(--module-spacing-large);
}

.page-content article {
	grid-column: 3 / span 8;
}

/*Shortcode - Intro*/

.content-styles p.heading-6 {
	margin-bottom: var(--text-spacing-xsmall);
}

/*Shortcode - Button*/

.content-styles .btn.primary {
	margin: var(--text-spacing-xxsmall) 0 var(--text-spacing-xxlarge);
}

.content-styles .btn.primary + div:has(.pdf-link) .pdf-link {
	margin-top: 0;
}

.accordion article .btn.primary {
	margin: var(--text-spacing-small) 0;
}

/*Shortcode - Accordions*/

.content-styles .accordions {
	list-style: none;
	margin: 0 0 var(--text-spacing-xlarge);
	padding: 0;
}

.content-styles .accordions .accordion button {
	padding: var(--text-spacing-small) 0;
}

/*Shortcode - Video Lightbox*/

.shortcode.play-video {
	height: auto;
}

/***404***/

.error404 .page-content {
	padding: var(--module-spacing-large) 0;
	text-align: center;
}

.error404 .page-content h1 {
	margin-bottom: var(--text-spacing-xsmall);
}

.error404 .page-content p {
	margin-bottom: var(--text-spacing-large);
}

/***************************************************************************************************************************************************************************************/

/*PAGE BUILDER STYLES*/

/***************************************************************************************************************************************************************************************/

.module:has(.pattern-dots) {
	position: relative;
}

.module.margin-spacing-small {
	margin-top: var(--module-spacing-medium);
}

.module.margin-spacing-medium {
	margin-top: var(--module-spacing-large);
}

.module.margin-spacing-large {
	margin-top: var(--module-spacing-xlarge);
}

.page-builder .module:last-child:not(.ctas, .grantee-spotlight) {
	margin-bottom: var(--module-spacing-xlarge);
}

/***Heroes***/

.hero {
	position: relative;
}

.hero .heading-1 span:not(.eyebrow),
.hero .heading-2 span:not(.eyebrow) {
	color: var(--golden-yellow);
}

.hero img,
.hero video {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/*Style1*/

.hero.style1 {
	height: 100vh;
	padding: var(--module-spacing-xlarge) 0 var(--module-spacing-large);
}

.alert-bar + header + main .hero.style1 {
	height: calc(100vh - 38px);
}

.hero.style1.left {
	position: relative;
}

.hero.style1.left:before {
	background:
		linear-gradient(0deg, rgba(0, 0, 0, 0.00) 86.49%, rgba(0, 0, 0, 0.35) 92.85%, rgba(0, 0, 0, 0.50) 100%),
		linear-gradient(180deg, rgba(0, 0, 0, 0.00) 29.17%, rgba(0, 0, 0, 0.50) 76.07%),
		linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%)
	;
	content: '';
	height: 100%;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1;
}

.hero.style1 img,
.hero.style3 img,
.hero video {
	left: 0;
	object-position: center;
	position: absolute;
	top: 0;
}

.hero.style1 .color-dark,
.hero.style3 .color-dark {
	color: var(--black);
}

.hero.style1 .color-white,
.hero.style3 .color-white {
	color: var(--white);
}

.hero.style1.gradient-overlay::after,
.hero.style3.gradient-overlay::after {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 50%, rgba(0, 0, 0, 0.35) 65%, rgba(0, 0, 0, 0.75) 100%);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: opacity .25s ease;
	width: 100%;
	z-index: 1;
}

.hero.style1.left img {
	object-position: left center;
}

.hero.style1 .container {
	height: 100%;
	z-index: 2;
}

.hero.style1 article {
	align-self: end;
	grid-column: span 11;
}

.hero.style1.left article {
	grid-column: span 8;
}

.hero.style1 .heading-1 {
	margin-bottom: var(--text-spacing-xsmall);
}

.hero.style1 .btn.icon,
.hero.style3 .btn.icon,
.hero.style4 .btn.icon {
	bottom: var(--text-spacing-xsmall);
	position: absolute;
	right: var(--text-spacing-xsmall);
	z-index: 3;
}

/*Style2*/

.hero.style2 article,
.hero.style2 p.large {
	grid-column: span 6;
	margin-bottom: var(--module-spacing-medium);
}

.hero.style2 p.large {
	padding: var(--text-spacing-xxsmall) 0 0 var(--text-spacing-medium);
}

.hero.style2 .btn.primary {
	margin-top: var(--text-spacing-medium);
}

.hero.style2 .media {
	height: 640px;
	position: relative;
	width: 100%;
}

.hero.style2 .media .pattern-dots {
	z-index: 2;
}

.hero.style2 .media .btn.open-caption,
.hero.style2 .media .caption,
.full-width-media.style1 .btn.open-caption,
.full-width-media.style1 .caption {
	bottom: auto;
	top: var(--text-spacing-xsmall);
	z-index: 2;
}

.hero.style2 .btn.icon.play-video {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
}

/*Style3*/

.hero.style3 {
	padding: var(--module-spacing-large) 0;
	position: relative;
}

.hero.style3.image {
	padding: var(--module-spacing-xlarge) 0;
}

.hero.style3.image:before {
	background: #00000066;
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

.hero.style3 .container {
	z-index: 3;
}

.hero.style3 .heading-1 {
	grid-column: 2 / span 10;
	text-align: center;
}

.hero.style3.image .heading-1,
.hero.style3.image .heading-1 .eyebrow {
	color: var(--white);
	text-shadow: 0px 9px 20px rgba(0, 0, 0, 0.25);
}

.hero.style3 .heading-1 .eyebrow {
	margin: 0 auto var(--text-spacing-xsmall);
}

/*Style4*/

.hero.style4 {
	background: var(--smoke-gray);
}

.hero.style4,
.hero.style5 {
	overflow-x: clip;
}

.hero.style4 article,
.hero.style5 article {
	align-self: center;
	grid-column: span 7;
	padding: 219px var(--text-spacing-large) 219px 0;
}

.hero.style4 .heading-1,
.hero.style5 .heading-1,
.hero.style4 .heading-1 .eyebrow,
.hero.style5 .heading-1 .eyebrow {
	margin-bottom: var(--text-spacing-xsmall);
}

.hero.style4 .media,
.hero.style5 .media {
	grid-column: span 5;
	position: relative;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding));
}

/*Style5*/

.hero.style5 {
	background: var(--white);
	padding-top: var(--module-spacing-medium);
}

.hero.style5 article {
	padding: var(--module-spacing-xlarge) var(--text-spacing-large);
}

.hero.style5 .media {
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-small);
	list-style: none;
	margin: 0;
	padding: 0;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) - var(--text-spacing-small));
}

.hero.style5 .media > .image-container {
	aspect-ratio: 470 / 352;
	margin-left: auto;
	width: calc(470 / 573 * 100%);
}

.hero.style5 .media .bottom-container {
	align-items: flex-start;
	display: flex;
	gap: var(--text-spacing-small);
	justify-content: flex-end;
}

.hero.style5 .media .bottom-container .image-container:nth-of-type(1) {
	aspect-ratio: 269/352;
	height: auto;
	width: calc(269/573 * 100%);
}

.hero.style5 .media .bottom-container .image-container:nth-of-type(2) {
	aspect-ratio: 281/210;
	height: auto;
	width: calc(280/573 * 100%);
}

/***Grantee Spotlight***/

.grantee-spotlight {
	padding: var(--module-spacing-medium) 0;
	position: relative;
}

.grantee-spotlight .container {
	display: grid;
	gap: 40px 90px;
	grid-template-columns: 7fr minmax(0, 5fr);
}

.grantee-spotlight .eyebrow {
	margin-bottom: var(--text-spacing-small);
}

.grantee-spotlight .heading-4 {
	margin-bottom: var(--text-spacing-xsmall);
}

.grantee-spotlight .container > .image-wrapper {
	aspect-ratio: 1;
}

.grantee-spotlight .image-wrapper img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.grantee-spotlight .button-container {
	display: flex;
	flex-wrap: wrap;
	gap: var(--gap);
}

.grantee-spotlight .link-cards {
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-small);
	grid-column: 1 / -1;
	list-style: none;
	margin: unset;
	padding: unset;
}

.grantee-spotlight .link-card {
	background-color: var(--white);
	color: var(--black);
	display: grid;
	gap: var(--text-spacing-small) var(--text-spacing-xlarge);
	grid-template-columns: minmax(0, 1fr) 4fr;
	position: relative;
}

.grantee-spotlight .heading-5 {
	margin-bottom: 8px;
}

.grantee-spotlight .link-card .image-wrapper {
	aspect-ratio: 1;
}

.grantee-spotlight .link-card .text-wrapper {
	padding: var(--text-spacing-large) var(--module-spacing-small) var(--text-spacing-large) 0;
}

.grantee-spotlight .link-card a {
	height: 100%;
	position: absolute;
	width: 100%;
}

.grantee-spotlight .link-card .btn {
	bottom: 0;
	position: absolute;
	right: 0;
}

/***Featured Blog Post***/

.featured-blog-post {
	height: 552px;
	position: relative;
}

.featured-blog-post.bordered {
	border-bottom: var(--text-spacing-small) solid var(--off-white);
	border-top: var(--text-spacing-small) solid var(--off-white);
}

.featured-blog-post img,
.featured-initiative-post img {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
}

.featured-blog-post:after {
	background: rgb(0 0 0 / 0.55);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.featured-blog-post .container {
	align-items: center;
	display: flex;
	height: 100%;
	z-index: 2;
}

.featured-blog-post article {
	color: var(--white);
	padding: 0 var(--text-spacing-xxlarge);
	text-align: center;
}

.featured-blog-post .heading-2 {
	margin-bottom: var(--text-spacing-small);
}

/***Featured Initiative Post***/

.featured-initiative-post {
	overflow-x: clip;
	padding-top: 334px;
	position: relative;
}

.featured-initiative-post img {
	object-position: center top;
}

.featured-initiative-post article {
	background: var(--off-white);
	grid-column: 6 / span 7;
	padding: var(--text-spacing-xxlarge);
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding));
}

.featured-initiative-post .heading-3 {
	margin-bottom: var(--text-spacing-xsmall);
}

.featured-initiative-post .eyebrow {
	margin-bottom: var(--text-spacing-xxsmall);
}

.featured-initiative-post .eyebrow.small {
	color: var(--space-blue-75);
}

.featured-initiative-post p {
	margin-bottom: var(--text-spacing-medium);
}

/***Featured Resources***/

.featured-resources {
	padding-top: var(--module-spacing-medium);
	position: relative;
}

.featured-resources:before {
	background: var(--off-white);
	bottom: 0;
	content: '';
	height: 147px;
	left: 0;
	position: absolute;
	width: 100%;
}

.featured-resources article {
	color: var(--white);
	grid-column: 2 / span 10;
	text-align: center;
}

.featured-resources .eyebrow {
	margin: 0 auto var(--text-spacing-small);
	max-width: max-content;
}

.featured-resources p {
	margin: var(--text-spacing-xsmall) 0 0;
}

.featured-resources article .btn {
	margin-top: var(--text-spacing-medium);
}

.featured-resources ul {
	color: var(--black);
	grid-column: 1 / -1;
	line-height: 1;
	list-style: none;
	margin: var(--text-spacing-xsmall) 0 0;
	padding: 0;
}

.featured-resources li {
	background: var(--white);
	grid-column: span 4;
	padding: var(--text-spacing-medium)
}

.featured-resources .heading-6 {
	margin-bottom: var(--text-spacing-xxsmall);
}

.featured-resources p.small {
	margin-bottom: var(--text-spacing-xsmall);
}

/***Cards Grid***/

.cards-grid ul.grid {
	list-style: none;
	margin: 0;
	padding: 0;
}

.cards-grid li {
	background: url('svgs/pattern-waves-small-light.svg') var(--smoke-gray) left top;
	overflow: clip;
	position: relative;
	transform: translate3d(0,0,0);
}

.cards-grid li:has(a) {
	background: var(--jungle-green);
}

.cards-grid .card-content,
.people-content li:not(:has(a)) {
	color: var(--white);
	display: flex;
	flex-direction: column;
	justify-content: end;
	gap: var(--text-spacing-small);
	height: 100%;
	padding: var(--text-spacing-small) var(--text-spacing-medium);
	position: relative;
	transform: translate3d(0,0,0);
	width: 100%;
	z-index: 2;
}

.cards-grid .card-content:hover .heading-4,
.cards-grid .card-content:hover .heading-5,
.cards-grid .card-content:hover .post-tag,
.cards-grid .card-content:focus .heading-4,
.cards-grid .card-content:focus .heading-5,
.cards-grid .card-content:focus .post-tag {
	color: var(--green-text);
}

.cards-grid .card-content:before,
.people-content li:not(:has(a)):before {
	background: var(--photo-gradient);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: opacity .25s ease;
	width: 100%;
	z-index: -1;
}

.cards-grid .card-content:hover::before,
.cards-grid .card-content:focus::before {
	opacity: 0;
}

.cards-grid img {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	transition: opacity .25s ease;
	transform: translate3d(0,0,0);
	width: 100%;
	z-index: -2;
}

.cards-grid .card-content:hover img,
.cards-grid .card-content:focus img {
	opacity: 0;
}

.cards-grid span {
	position: relative;
	transition: color .25s ease, opacity .25s ease, transform .25s ease;
	transform: translate3d(0,0,0);
	z-index: 2;
}

.cards-grid .heading-5,
.cards-grid .post-tag {
	color: var(--white);
	text-align: left;
}

.cards-grid .btn,
.cards-grid .slide p {
	display: none;
}

.cards-grid .card-content:hover .btn,
.cards-grid .card-content:hover p,
.cards-grid .card-content:focus .btn,
.cards-grid .card-content:focus p {
	display: flex;
}

/*Style 1*/

.cards-grid.style1 article,
.cards-grid.style1 ul.grid {
	grid-column: 1 / -1;
}

.cards-grid.style1 ul.grid {
	gap: 0;
}

.cards-grid.style1 .slide {
	height: unset;
}

.cards-grid.style1 li:nth-of-type(1) {
	aspect-ratio: 495/482;
	grid-column: 1 / span 5;
	grid-row: 1 / span 2;
}

.cards-grid.style1 li:nth-of-type(2) {
	aspect-ratio: 701/222;
	grid-column: 6 / span 7;
	grid-row: 1;
}

.cards-grid.style1 li:nth-of-type(3) {
	aspect-ratio: 495/195;
	grid-column: 1 / span 5;
	grid-row: 2;
	margin-top: auto;
}

.cards-grid.style1 li:nth-of-type(4) {
	grid-column: 6 / span 3;
	grid-row: 2;
}

.cards-grid.style1 li:nth-of-type(5) {
	aspect-ratio: 392/452;
	grid-column: 9 / span 4;
	grid-row: 2;
}

/*Style 2*/

.cards-grid.style2 article {
	grid-column: 2 / span 10;
	margin-bottom: var(--text-spacing-xsmall);
	padding: 0 var(--text-spacing-xxlarge);
	text-align: center;
}

.cards-grid.style2 .heading-2,
.cards-grid.style3 .heading-2 {
	margin-bottom: var(--text-spacing-xsmall);
}

.cards-grid.style2 p:last-of-type,
.cards-grid.style3 p:last-of-type {
	margin: 0;
}

.cards-grid.style2 ul {
	grid-column: 1 / -1;
}

.cards-grid.style2 li {
	grid-column: span 4;
}

.cards-grid.style2 .slide .card-content,
.cards-grid.style3 .slide .card-content {
	aspect-ratio: 372/500;
	gap: var(--text-spacing-xxsmall);
	overflow: clip;
}

.cards-grid.style2 .slide .card-content:hover,
.cards-grid.style3 .slide .card-content:hover,
.cards-grid.style2 .slide .card-content:focus,
.cards-grid.style3 .slide .card-content:focus {
	color: var(--black);
}

.cards-grid.style2 .slide .btn,
.cards-grid.style3 .slide .btn {
	bottom: var(--text-spacing-xxsmall);
	position: absolute;
	right: var(--text-spacing-xxsmall);
}

.cards-grid.style2 .slide:has(a) p,
.cards-grid.style3 .slide:has(a) p {
	padding-bottom: var(--text-spacing-xlarge);
}

/*Style 3*/

.cards-grid.style3 {
	overflow: clip;
}

.cards-grid.style3 article {
	grid-column: span 9;
	padding-right: var(--text-spacing-large);
}

.cards-grid.style3 .carousel {
	grid-column: 1 / -1;
}

.cards-grid.style3 .slide {
	background: url('svgs/pattern-waves-small-light.svg') var(--smoke-gray) left top;
	overflow: clip;
	position: relative;
	transition: opacity .25s ease;
}

.cards-grid.style3 .slide:has(a) {
	background: var(--jungle-green);
}

.cards-grid.style3 .carousel.slick-initialized .slide:not(.slick-active) {
	opacity: .6;
}

/***Full Width Media***/

.full-width-media {
	position: relative;
}

.full-width-media .pattern-dots {
	z-index: 1;
}

/*Image*/

.full-width-media img,
.play-video img {
	aspect-ratio: 1080/640;
	height: 100%;
	max-height: calc(640px * 2);
	object-fit: cover;
	width: 100%;
}

.full-width-media .caption-alt {
	background: var(--white);
	bottom: var(--text-spacing-xsmall);
	font-size: calc(12rem/16);
	font-weight: bold;
	letter-spacing: 1.2px;
	line-height: calc(20/12);
	left: var(--text-spacing-xsmall);
	max-width: 813px;
	padding: var(--text-spacing-small);
	position: absolute;
	text-transform: uppercase;
	/* width: calc(100% - (var(--text-spacing-xsmall) * 2)); */
	width: auto;
}

/*Video*/

.play-video {
	display: block;
	height: 640px;
	position: relative;
	width: 100%;
}

.play-video:after,
.shortcode.video-inline .cover-button:after {
	background: linear-gradient(to top, rgba(0, 0, 0, 0.00) 66.6%, rgba(0, 0, 0, 0.32) 77.99%, rgba(0, 0, 0, 0.65) 100%);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.btn.icon.play-video:after {
	display: none;
}

.play-video .eyebrow,
.shortcode.video-inline .cover-button .eyebrow {
	color: var(--white);
	left: var(--text-spacing-medium);
	max-width: calc(100% - (var(--text-spacing-medium) * 2));
	position: absolute;
	top: var(--text-spacing-small);
	z-index: 2;
}

.play-video .btn,
.shortcode.video-inline .btn {
	bottom: var(--text-spacing-xsmall);
	left: var(--text-spacing-xsmall);
	position: absolute;
	z-index: 2;
}

/*Carousel*/

.full-width-media.style3 .autoscroll-wrapper {
	flex-wrap: nowrap;
	overflow: clip;
	--autoscroller-gap: 8px;
	--autoscroller-speed: 10s;
}

.full-width-media.style3 .autoscroll-wrapper ul {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--autoscroller-gap);
	list-style: none;
	margin: 0;
	padding: 0;
	width: max-content;
}

.full-width-media.style3 .autoscroll-wrapper.autoscroll-initialized .autoscroll-items {
	animation: autoscroll var(--autoscroller-speed) linear infinite;
	backface-visibility: hidden;
	transform: translate3d(0,0,0);
}

.full-width-media.style3 .autoscroll-wrapper img {
	max-width: unset;
}

body:has(> .mfp-wrap) .full-width-media.style3 .autoscroll-wrapper .autoscroll-items,
.full-width-media.style3 .autoscroll-wrapper:hover .autoscroll-items {
	animation-play-state: paused;
}

.full-width-media.style3 .autoscroll-wrapper ul li:hover {
	width: 618px;
}

.full-width-media.style3 .autoscroll-wrapper ul:has(li:hover) li:not(:hover),
.full-width-media.style3 .autoscroll-wrapper ul:has(a:focus) li:not(:has(a:focus)) {
	opacity: .7;
}

.full-width-media.style3 li {
	height: 464px;
	overflow: hidden;
	transition: all .25s ease;
	transform: translate3d(0,0,0);
	width: 342px;
}

.full-width-media.style3 a {
	display: block;
	position: relative;
	height: 100%;
	width: 100%;
}

.full-width-media.style3 img {
	height: 100%;
	width: auto;
	min-width: 342px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.full-width-media.style3 .btn {
	bottom: var(--text-spacing-xxsmall);
	cursor: zoom-in;
	opacity: 0;
	position: absolute;
	right: var(--text-spacing-xxsmall);
	z-index: 2;
}

.full-width-media.style3 a:hover .btn,
.full-width-media.style3 a:focus .btn {
	opacity: 1;
}

/***Side by Side Content Image***/

.side-by-side-content {
	overflow: clip;
	position: relative;
}

.side-by-side-content .media {
	position: relative;
}

.side-by-side-content .media img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.side-by-side-content article {
	align-self: center;
}

.side-by-side-content .heading-3,
.side-by-side-content .heading-4,
.side-by-side-content .heading-5 {
	margin-bottom: var(--text-spacing-xxsmall);
}

.side-by-side-content .eyebrow {
	margin-bottom: var(--text-spacing-small);
}

.side-by-side-content p {
	margin-bottom: var(--text-spacing-medium);
}

.side-by-side-content .btn + .btn {
	margin-left: var(--text-spacing-medium);
}

/*Style 1*/

.side-by-side-content.style1 article,
.side-by-side-content.style3 article {
	grid-column: span 6;
	padding-right: var(--text-spacing-large);
}

.side-by-side-content.style1 .media,
.side-by-side-content.style3 .media {
	grid-column: span 6;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) - var(--border-width));
}

/*Style 2*/

.side-by-side-content.style2 article {
	grid-column: span 7;
}

.side-by-side-content.style2 .media {
	align-self: center;
	aspect-ratio: 558/346;
	grid-column: span 5;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) - var(--text-spacing-small));
}

/*Style 3*/

.side-by-side-content.style3 {
	padding: var(--text-spacing-large) 0;
}

.side-by-side-content.style3.dark {
	background: transparent;
}

.side-by-side-content.style3 .pattern-waves {
	width: calc(1112/1440 * 100%);
}

/*Reversed*/

.side-by-side-content.reversed .media {
	order: -1;
}

.side-by-side-content.reversed .media {
	margin-left: var(--viewport-edge);
}

.side-by-side-content.style1.reversed article,
.side-by-side-content.style3.reversed article {
	padding-left: var(--text-spacing-large);
	padding-right: 0;
}

.side-by-side-content.style2.reversed.dark:before {
	left: 0;
	right: auto;
}

.side-by-side-content.style3.reversed .pattern-waves {
	left: auto;
	right: 0;
}

/*Dark*/

.side-by-side-content.style1.dark .pattern-waves-static {
	left: 0;
	position: absolute;
	top: 0;
}

.side-by-side-content.style1.dark article,
.side-by-side-content.style2.dark {
	padding-bottom: var(--module-spacing-medium);
	padding-top: var(--module-spacing-medium);
}

.side-by-side-content.style2.dark:before {
	background: var(--off-white);
	content: '';
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(304/1440 * 100%);
}

/***Featured Blog Grid***/

.featured-blog-grid .flex-container {
	align-items: center;
}

.featured-blog-grid ul {
	list-style: none;
	margin: var(--text-spacing-xxlarge) 0 0;
	padding: 0;
	width: 100%;
}

.featured-blog-grid .loop-featured {
	grid-column: span 8;
	grid-row: span 3;
}

.loop-featured a {
	color: var(--black);
	display: block;
}

.loop-featured .media {
	aspect-ratio: 784/441;
	margin-bottom: var(--text-spacing-small);
}

.loop-featured img,
.loop-simple img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.loop-featured .heading-5 {
	font-family: var(--body-font);
	font-weight: 600;
	margin-bottom: var(--text-spacing-xxsmall);
	transition: opacity .25s ease;
}

.loop-featured a:hover .heading-5 {
	opacity: .6;
}

.loop-featured p {
	margin-bottom: var(--text-spacing-xsmall);
}

.featured-blog-grid .loop-simple {
	grid-column: span 4;
	padding-left: var(--text-spacing-large);
}

.loop-simple a,
.loop-simple a:hover {
	color: var(--black);
}

.loop-simple .media {
	aspect-ratio: 332/186;
	background: var(--pastel-purple);
	margin-bottom: var(--text-spacing-small);
	overflow: clip;
	position: relative;
}

.loop-simple .media img {
	position: relative;
	transition: all .25s ease;
}

.loop-simple a:hover .media img {
	opacity: 0;
}

.loop-simple .media .btn {
	left: 50%;
	opacity: 0;
	position: absolute;
	text-wrap: nowrap;
	top: 50%;
	transform: translate(-50%,-50%);
}
.loop-simple:not(.loop-card-archive) .media .btn {
	color: var(--purple-text);
}

.loop-simple a:hover .media .btn {
	opacity: 1;
}

/***CTAs***/

.ctas {
	text-align: center;
}

.ctas .eyebrow {
	margin: 0 auto var(--text-spacing-xsmall);
	max-width: max-content;
}

.ctas .content-styles .btn.primary {
	margin: 0;
}

/*Style1*/

.ctas.style1 {
	background: var(--white);
	padding: var(--module-spacing-large) 0;
}

.ctas.style1 .pattern-dots {
	bottom: auto;
	top: 0;
	transform: scale(1,-1);
}

.ctas.style1 .heading-1,
.ctas.style4 .heading-5,
.ctas.style5 .heading-5 {
	margin-bottom: var(--text-spacing-xsmall);
}

.ctas.style1 .heading-1  span:not(.eyebrow) {
	color: var(--steel-blue);
	font-style: italic;
}

.ctas.style1 article {
	margin: 0 auto;
	max-width: 990px;
}

/*Style2*/

.ctas.style2.dark {
	padding: var(--module-spacing-medium) 0;
}

.ctas.style2.dark .heading-3 {
	margin-bottom: var(--text-spacing-medium);
}

/*Style3*/

.ctas.style3.dark {
	padding: 100px 0;
}

.ctas.style3.dark .heading-1 {
	margin-bottom: var(--text-spacing-large);
}

/*Style4*/

.ctas.style4 {
	background: none;
	margin-bottom: var(--text-spacing-small);
}

.ctas.style4.grid,
.ctas.style5.grid {
	gap: var(--text-spacing-small);
}

.ctas.style4 article,
.ctas.style5 article {
	align-items: center;
	display: flex;
	flex-direction: column;
	grid-column: span 6;
	justify-content: center;
	padding: var(--module-spacing-medium) var(--text-spacing-xxlarge);
}

/*Style5*/

.ctas.style5 {
	margin-bottom: var(--text-spacing-small);
}

.ctas.style5 article {
	background: no-repeat center / cover;
	background-blend-mode: normal, multiply, normal, normal;
	position: relative;
	z-index: 2;
}

.ctas.style5 article:nth-of-type(2) {
	background-blend-mode: multiply, normal, normal;
}

/*Style6*/

.ctas.style6 {
	padding: var(--module-spacing-large) 0 var(--module-spacing-xlarge);
	position: relative;
}

.ctas.style6 .heading-1 {
	margin-bottom: var(--text-spacing-medium);
}

.ctas.style6 form {
	display: flex;
	gap: var(--text-spacing-xxsmall);
	margin: 0 auto;
	max-width: 500px;
}

.ctas.style6.dark input[type="email"] {
	border-color: rgba(255, 255, 255, 0.40);
	color: var(--white);
}

.ctas.style6.dark input[type="email"]::placeholder {
	color: var(--white);
	opacity: .7;
}

/***Recent Grants***/

.recent-grants {
	padding: var(--module-spacing-medium) 0;
	text-align: center;
}

.recent-grants .heading-1 {
	margin-bottom: var(--text-spacing-xxlarge);
}

.recent-grants ul {
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-small);
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

.recent-grants .btn.primary {
	margin-top: var(--text-spacing-xxlarge);
}

.loop-grant-card {
	background: var(--white);
	color: var(--black);
	display: block;
	padding: var(--text-spacing-large) var(--text-spacing-large) var(--text-spacing-xxlarge);
	position: relative;
}

.loop-grant-card:hover {
	color: var(--black);
}

.loop-grant-card .heading-4,
.loop-grant-card .heading-5 {
	margin-bottom: var(--text-spacing-xsmall);
	max-width: calc(950/1116 * 100%);
}

.loop-grant-card .location {
	margin-bottom: var(--text-spacing-xsmall);
}

.loop-grant-card .location .region {
	color: var(--space-blue-75);
}

.loop-grant-card ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: var(--text-spacing-xsmall);
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0 var(--text-spacing-xsmall) 0 0;
}

.loop-grant-card .btn.secondary {
	bottom: var(--text-spacing-xxsmall);
	position: absolute;
	right: var(--text-spacing-xxsmall);
}

/***Program Staff***/

.program-staff {
	padding-top: var(--module-spacing-medium);
	position: relative;
}

.program-staff:has(.staff li:only-child) {
	padding-bottom: var(--module-spacing-medium);
}

.program-staff .pattern-waves {
	height: calc(100% - 183px);
}

.program-staff:has(.staff li:only-child) .pattern-waves {
	height: 100%;
}

.program-staff:has(.content-styles) {
	padding-bottom: var(--module-spacing-medium);
}

.program-staff:has(.content-styles) .pattern-waves {
	height: 100%;
}

.program-staff .heading-2 {
	grid-column: 1 / -1;
	margin-bottom: var(--text-spacing-large);
}

.program-staff ul {
	display: flex;
	flex-direction: column;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}

.program-staff .staff {
	gap: var(--text-spacing-large);
	grid-column: span 9;
}

.program-staff .container > .content-styles {
	grid-column: span 9;
	padding-right: var(--text-spacing-large);
}

.loop-people-card {
	background: var(--white);
	color: var(--black);
	margin-left: auto;
	min-height: 249px;
	padding: var(--text-spacing-large) var(--text-spacing-medium) var(--text-spacing-large) 190px;
	position: relative;
	width: calc(100% - var(--text-spacing-xsmall));
}

.loop-people-card:hover {
	color: var(--black);
}

.loop-people-card .heading-5,
.loop-people-card .post-tag,
.program-staff aside .eyebrow.small {
	margin-bottom: var(--text-spacing-xxsmall);
}

.loop-people-card .media {
	aspect-ratio: 166/249;
	background: var(--pastel-purple);
	left: calc(var(--text-spacing-xsmall) * -1);
	overflow: clip;
	position: absolute;
	top: calc(var(--text-spacing-xsmall) * -1);
	width: 166px;
}

.loop-people-card .media img {
	height: 100%;
	object-fit: cover;
	position: relative;
	transition: opacity .25s ease;
	width: 100%;
	z-index: 2;
}

.loop-people-card:hover .media img {
	opacity: 0;
}

.loop-people-card .media .btn {
	left: 50%;
	opacity: 0;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: max-content;
}

.loop-people-card:hover .media .btn {
	opacity: 1;
}

.loop-people-card .post-tag {
	color: var(--steel-blue);
	text-align: left;
}

.loop-people-card p {
	margin: 0;
}

.program-staff aside {
	grid-column: span 3;
}

.program-staff aside .eyebrow:not(.small) {
	border-bottom: 1px solid var(--space-blue-40);
	margin-bottom: var(--text-spacing-medium);
	max-width: max-content;
	padding-bottom: var(--text-spacing-xxsmall);
}

.program-staff aside ul {
	gap: var(--text-spacing-medium);
}

/***Upcoming Events***/

.upcoming-events.dark {
	padding: var(--module-spacing-medium) 0;
}

.upcoming-events article {
	grid-column: span 5;
	padding-right: var(--text-spacing-large);
}

.upcoming-events .heading-3 {
	margin-bottom: var(--text-spacing-xsmall);
}

.upcoming-events p {
	margin-bottom: var(--text-spacing-medium);
}

.upcoming-events ul {
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-small);
	grid-column: span 7;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}

.loop-event-card {
	box-shadow: 0px 10px 23px 0px rgba(0, 0, 0, 0.03);
	display: flex;
}

.loop-event-card .date-holder {
	display: flex;
	flex-direction: column;
	flex-shrink: 0;
	justify-content: center;
	padding: var(--text-spacing-medium) var(--text-spacing-xsmall);
	text-align: center;
	width: 147px;
}

.loop-event-card .date-holder span {
	display: block;
}

.loop-event-card .date-holder .post-tag {
	color: var(--white);
	margin-top: var(--text-spacing-xsmall);
	opacity: .75;
	text-align: center;
}

.loop-event-card article {
	background: var(--white);
	padding: var(--text-spacing-medium);
	width: 100%;
}

.loop-event-card .heading-6,
.loop-event-card .heading-5,
.loop-event-card .legal {
	margin-bottom: var(--text-spacing-xxsmall);
}

.loop-event-card .legal {
	align-items: center;
	color: rgba(54, 56, 69, 0.75);
	display: flex;
	gap: var(--text-spacing-xxsmall);
}

.loop-event-card .legal span {
	color: var(--crimson-red-light);
}

.loop-event-card p {
	margin-bottom: var(--text-spacing-xsmall);
}

.loop-event-card article .btn.tertiary {
	margin: var(--text-spacing-xxsmall) 0 0;
}

/*Dark Version*/

.upcoming-events.dark .date-holder {
	background: var(--off-white);
	color: var(--space-blue);
}

.upcoming-events.dark li article,
.upcoming-events.dark .loop-event-card .date-holder .post-tag {
	color: var(--black);
}

/***Recent News***/

.recent-news {
	overflow: clip;
	padding: var(--module-spacing-medium) 0;
	position: relative;
}

.recent-news .container > article {
	margin-bottom: var(--text-spacing-xxlarge);
	padding-right: var(--module-spacing-xlarge);
}

.recent-news .container > article p {
	margin: var(--text-spacing-xsmall) 0 0;
	max-width: 887px;
	width: 100%;
}

.recent-news .pattern-waves {
	width: calc(1112/1440 * 100%);
}

.recent-news .slick-arrow.slick-prev {
	right: calc(var(--container-outer-padding) + var(--container-outer-margin) + var(--text-spacing-xlarge) + var(--text-spacing-xxsmall) + 26px);
}

.recent-news .slick-arrow.slick-next {
	right: calc(var(--container-outer-padding) + var(--container-outer-margin) + 26px);
}

.recent-news .slick-slide {
	height: unset;
	transition: opacity .25s ease;
}

.recent-news .slick-slide:not(.slick-active) {
	opacity: .6;
}

.loop-news-card {
	background: var(--white);
	color: var(--black);
	display: block;
	height: 100%;
	padding: var(--text-spacing-xsmall) var(--text-spacing-xsmall) var(--text-spacing-medium);
}

.loop-news-card:hover {
	color: var(--black);
}

.loop-news-card .media {
	aspect-ratio: 340/210;
	margin-bottom: var(--text-spacing-xsmall);
	position: relative;
}

.loop-news-card .media img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.loop-news-card .media .post-tag {
	left: var(--text-spacing-xxsmall);
	position: absolute;
 	right: var(--text-spacing-xxsmall);
	top: var(--text-spacing-xxsmall);
    width: fit-content;
}

.loop-news-card article {
	padding: 0 var(--text-spacing-xsmall);
}

.loop-news-card .heading-6 {
	margin-bottom: var(--text-spacing-xxsmall);
}

.recent-news .btn.primary {
	margin-top: var(--text-spacing-large);
}

/***Text Content***/

.text-content {
	position: relative;
}

.text-content:has(.pattern-waves),
.text-content.dark {
	padding: var(--module-spacing-medium) 0;
}

.text-content p:last-of-type {
	margin-bottom: var(--text-spacing-medium);
}

.text-content p:last-child {
	margin-bottom: 0;
}

.text-content .btn + .btn {
	margin-left: var(--text-spacing-medium);
}

/*Style 1*/

.text-content.style1 .grid {
	gap: var(--text-spacing-xxsmall);
}

.text-content.style1 .heading-3,
.text-content.style1 article {
	grid-column: 2 / span 10;
	text-align: center;
}

.text-content.style1 .heading-3 .eyebrow {
	margin: 0 auto var(--text-spacing-small);
	width: max-content;
}

/*Style 2*/

.text-content.style2 .heading-3,
.text-content.style2 article {
	grid-column: span 6;
}

.text-content.style2 .eyebrow {
	margin-bottom: var(--text-spacing-small);
}

.text-content.style2 article {
	padding: var(--module-spacing-small) 0 0 var(--text-spacing-xlarge);
}

.text-content.style2:not(:has(.eyebrow)) article {
	padding-top: var(--text-spacing-xxsmall);
}

/***Accordions***/

.accordions .heading-3 {
	grid-column: span 5;
}

.accordions:not(:has(.container > article)) .heading-3 {
	grid-column: 1 / -1;
}

.accordions .heading-3 + article {
	grid-column: span 7;
	padding: var(--text-spacing-xsmall) 0 0 var(--text-spacing-xlarge);
}

.accordions .heading-3 + article p:last-of-type {
	margin-bottom: 0;
}

.accordions > .container > ul {
	display: flex;
	flex-direction: column;
	grid-column: 1 / -1;
	line-height: 1;
	list-style: none;
	margin: -8px 0 0;
	padding: 0;
	position: relative;
}

.accordions .accordion {
	border-bottom: 1px solid var(--space-blue-40);
}

.accordions .accordion button {
	align-items: center;
	background: none;
	border: none;
	flex-wrap: nowrap;
	gap: var(--text-spacing-small);
	padding: var(--text-spacing-medium) 0;
	text-align: left;
	width: 100%;
}

.accordions .accordion button .btn.icon {
	flex-shrink: 0;
}

.accordions .accordion:not(.active) .fa-minus,
.accordions .accordion.active .fa-plus {
	display: none;
}

.accordions .accordion.active button .btn.icon {
	background: var(--smoke-gray);
	color: rgba(70, 76, 82, 0.5);
}

.accordions .accordion.active button:hover .btn.icon {
	background: var(--space-blue-15);
}

.accordions .accordion article {
	margin: calc(var(--text-spacing-xsmall) * -1) 0 var(--text-spacing-medium);
	max-width: 950px;
	width: calc(100% - 72px);
}

.accordions .accordion .heading-6 {
	margin-bottom: var(--text-spacing-xxsmall);
}

.accordions .accordion ul:has(.loop-grant-card) {
	line-height: 1;
	list-style: none;
	margin: 0 0 var(--text-spacing-small);
	padding: 0;
}

.accordions .accordion .loop-grant-card .heading-6 {
  margin-bottom: var(--text-spacing-xsmall);
}

/***Stats***/

.stats {
	padding-top: var(--module-spacing-small);
	position: relative;
}

.stats:before {
	background: var(--white);
	content: '';
	height: calc(100% - 100px);
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.stats .pattern-dots {
	bottom: 100px;
}

.stats article {
	grid-column: 1 / -1;
	margin-bottom: var(--text-spacing-xsmall);
}

.stats aside {
	align-items: center;
	display: flex;
	grid-column: span 5;
	justify-content: center;
	padding: var(--text-spacing-xxlarge) 100px var(--text-spacing-xxlarge) 0;
	position: relative;
	text-align: center;
	z-index: 2;
}

.stats aside:before {
	background: var(--smoke-gray);
	content: '';
	height: 100%;
	left: var(--viewport-edge);
	position: absolute;
	top: 0;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding));
	z-index: -1;
}

.stats aside ul {
	display: flex;
	flex-direction: column;
	gap: var(--module-spacing-small);
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}

.stats aside .eyebrow {
	margin-bottom: var(--text-spacing-small);
}

.stats aside span,
.stat-block .stat-number {
	color: var(--steel-blue);
	font: 500 calc(112rem/16)/calc(88/112) var(--heading-font);
	letter-spacing: -0.6px;
}

.stats .map-container {
	grid-column: span 7;
	margin-top: var(--text-spacing-xxlarge);
}

.stats .map-container .eyebrow {
	margin-bottom: var(--text-spacing-small);
	text-align: center;
}

.stats .map {
	position: relative;
	--map-width: 739;
	--map-height: 489;
}

.stats .map ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.stats .map-stop {
	align-items: center;
	display: flex;
	height: calc(14 / var(--map-height) * 100%);
	justify-content: center;
	left: calc((var(--left) / var(--map-width)) * 100%);
	position: absolute;
	top: calc((var(--top) / var(--map-height)) * 100%);
}

.stats .map-stop span,
.stats .map-stop svg {
	display: block;
}

.stats .map .map-shape svg {
	width: 100%;
}

/***Charts***/

.charts {
	margin-bottom: var(--module-spacing-xlarge);
}

.charts .heading-2 {
	grid-column: 1 / -1;
	margin-bottom: var(--text-spacing-large);
	text-align: center;
}

/*Pie Chart*/

.pie-chart {
	grid-column: span 5;
	margin: 0 calc(var(--text-spacing-large) * -1);
	position: relative;
	width: calc(100% + var(--text-spacing-large));
}

 .pie-chart .pie-container {
	aspect-ratio: 1;
	position: relative;
}

 .pie-chart .chart {
	border-radius: 100%;
	height: 100%;
	width: 100%;
}

.pie-chart .chart {
	background: var(--smoke-gray);
}

.pie-chart .inner-circle {
	align-items: center;
	aspect-ratio: 1;
	background: var(--off-white);
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	left: 50%;
	padding: 20px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: calc(293/515* 100%);
}

/*Chart Data*/

.chart-data {
	align-self: start;
	gap: var(--text-spacing-small);
	grid-template-columns: 1fr 1fr;
	grid-column: span 7;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0 0 0 var(--text-spacing-small);
}

.chart-data li {
	background: var(--white);
	box-shadow: var(--box-shadow);
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-xxsmall);
	padding: var(--text-spacing-xsmall) var(--text-spacing-small);
}

.chart-data li rect {
	fill: var(--symbol);
}

.chart-data .post-tag {
	text-align: left;
}

/*** Story as Legacy ***/

.story-as-legacy .module-container {
	background: var(--white);
	border-radius: var(--text-spacing-xsmall);
	box-shadow: var(--box-shadow);
	overflow: clip;
}

.story-as-legacy .media {
	grid-column: 1 / -1;
}

.story-as-legacy .media img {
	aspect-ratio: 1196 / 514;
	object-fit: cover;
	width: 100%;
}

.story-as-legacy article {
	grid-column: span 7;
	padding: var(--text-spacing-xxsmall) var(--text-spacing-small) var(--module-spacing-small) var(--module-spacing-small);
}

.story-as-legacy .heading-4,
.story-as-legacy .heading-4 .eyebrow {
	margin-bottom: var(--text-spacing-xxsmall);
}

.story-as-legacy .heading-4 .eyebrow {
	color: var(--crimson-red-light);
}

.story-as-legacy aside {
	grid-column: span 5;
	padding: var(--text-spacing-xxsmall) var(--module-spacing-small) var(--module-spacing-small) 0;
}

.story-as-legacy aside .eyebrow {
	color: var(--space-blue-75);
	margin-bottom: var(--text-spacing-small);
}

.story-as-legacy aside ul {
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-small);
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}

/***************************************************************************************************************************************************************************************/

/*ARTICLE TYPE / POST ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.hero-archive {
	overflow: hidden;
	padding: var(--text-spacing-large) 0 432px;
	position: relative;
}

.hero-archive h1,
.hero-archive article {
	grid-column: span 6;
}

.hero-archive article {
	padding-top: var(--text-spacing-xxsmall);
}

.hero-archive article p:last-child {
	margin: 0;
}

/*No Featured Posts*/

#main:has(.hero-archive + .archive-content) .hero-archive {
	padding-bottom: var(--module-spacing-large);
}

#main:has(.hero-archive + .archive-content) .hero-archive + .archive-content {
	padding-top: var(--module-spacing-small);
}

/***Featured Posts***/

.featured-posts {
	margin-top: -352px;
	padding-bottom: var(--module-spacing-large);
}

.featured-posts:not(:has(ul)) {
	padding-bottom: var(--text-spacing-xlarge);
}

.featured-posts ul {
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	row-gap: var(--module-spacing-small);
}

.featured-posts li {
	grid-column: span 4;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.featured-posts li:first-child {
	grid-column: 1 / -1;
}

.loop-featured-large {
	display: flex;
	height: 736px;
}

.loop-featured-large:before,
.loop-featured-large img {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.loop-featured-large:before {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 20.01%, rgba(0, 0, 0, 0.32) 43.8%, rgba(0, 0, 0, 0.65) 89.47%);
	content: '';
	z-index: 0;
}

.loop-featured-large article {
	margin: auto 0 0;
	padding: var(--text-spacing-large) var(--module-spacing-medium) var(--text-spacing-large) var(--text-spacing-large);
	position: relative;
	z-index: 2;
}

.loop-featured-large h3 {
	color: var(--white);
	margin-bottom: var(--text-spacing-small);
}

.loop-featured-large h3 .post-tag,
.loop-card-archive h3 .post-tag {
	display: block;
	margin-bottom: var(--text-spacing-xsmall);
	max-width: max-content;
}

.loop-card-archive .media {
	background: var(--jungle-green);
}

/***Archive Content***/

.archive-content {
	padding-bottom: var(--module-spacing-large);
}

.archive-content.loading {
	pointer-events: none;
}

.archive-content.loading #sidebar-container,
.archive-content.loading [jx-form-results] {
	animation: loading 1s infinite;
}

@keyframes loading {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0.5;
	}
	100% {
		opacity: 1;
	}
}

/*Sort*/

.archive-content .sort-bar {
	margin-bottom: var(--text-spacing-small);
	min-height: var(--text-spacing-small);
	padding-right: 300px;
}

.archive-content #open-filters {
	display: none;
}

.archive-content .sort {
	align-items: center;
	display: flex;
	gap: var(--text-spacing-xsmall);
	position: absolute;
	right: var(--container-outer-padding );
	top: 0;
}

.archive-content .sort:before {
	background: var(--space-blue-40);
	bottom: 0;
	content: '';
	height: 1px;
	left: calc(35px + var(--text-spacing-xsmall));
	position: absolute;
	width: calc(100% - var(--text-spacing-xsmall) - var(--text-spacing-medium) - 35px);
}

.archive-content .sort label {
	margin: 0;
}

.archive-content .sort select {
	appearance: none;
	background: url('svgs/select-double.svg') no-repeat right center;
	border: none;
	height: auto;
	padding: 0 var(--text-spacing-medium) 0 0;
}

/*Filters*/

.archive-content form {
	grid-column: span 3;
	margin-left: var(--viewport-edge);
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding));
}

.archive-content .sidebar-container {
	background: var(--white);
	height: max-content;
	left: 0;
	max-height: calc(100dvh - 148px);
	overflow: auto;
	padding: var(--text-spacing-xxlarge) var(--text-spacing-xxlarge) var(--module-spacing-medium);
	position: sticky;
	top: 124px;
	width: 100%;
	z-index: 2;
}

.archive-content .sidebar-container #close-filters {
	display: none;
}

.archive-content .search-sort {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--text-spacing-xxsmall);
	justify-content: space-between;
	margin-bottom: var(--text-spacing-medium);
	position: relative;
}

.archive-content .search-sort label {
	margin: 0;
}

.archive-content .search-sort .search-container {
	margin-top: var(--text-spacing-xxsmall);
	position: relative;
	width: 100%;
}

.archive-content .search-sort input {
	font-size: 1rem;
	height: var(--text-spacing-xlarge);
	padding-right: calc(var(--text-spacing-large) + var(--text-spacing-xxsmall));
}

.archive-content .search-sort button.icon.small {
	bottom: var(--text-spacing-xxsmall);
	border-radius: 100%;
	font-size: calc(10rem/16);
	position: absolute;
	right: var(--text-spacing-xxsmall);
}

.archive-content .search-sort button.btn.tertiary {
	padding: 0;
	background: transparent;
}

.archive-content form ul {
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-xsmall);
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}

.archive-content .filters > li {
	border-bottom: 1px solid var(--space-blue-40);
	padding-bottom: var(--text-spacing-xsmall);
}

.archive-content .filters button {
	align-items: center;
	background: none;
	border: none;
	padding: 0;
	text-align: left;
	width: 100%;
}

.archive-content .filters h3 {
	font-family: var(--body-font);
	font-weight: 700;
	margin: 0;
}

.archive-content .filters .active span[title="Expand"],
.archive-content .filters li:not(.active) span[title="Collapse"] {
	display: none;
}

.archive-content .filters ul {
	margin-top: var(--text-spacing-xsmall);
}

.archive-content .filters label {
	font-weight: 600;
	margin: 0;
	padding-left: var(--text-spacing-small);
	position: relative;
}

.archive-content .filters label:before,
.archive-content .filters label:after {
	content: '';
	position: absolute;
}

.archive-content .filters label:before {
	border: 1px solid var(--space-blue-75);
	height: 11px;
	left: 0;
	top: 5px;
	width: 11px;
}

.archive-content .filters label:after {
	background: var(--space-blue);
	height: 7px;
	left: 3px;
	opacity: 0;
	top: 8px;
	width: 7px;
}

.archive-content .filters input:checked + label:after {
	opacity: 1;
}

/*Loop*/

.archive-content article {
	grid-column: span 9;
}

.archive-content article [jx-form-results-items] {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}

.loop-default a {
	align-items: center;
	color: var(--black);
	display: flex;
	gap: var(--text-spacing-medium);
	padding: var(--text-spacing-large) var(--text-spacing-medium)  var(--text-spacing-medium) 0;
	position: relative;
	z-index: 2;
}

.loop-default a:before {
	background: var(--white);
	content: '';
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100% - 207px);
	z-index: -1;
}

.loop-default .media {
	aspect-ratio: 289/164;
	flex-shrink: 0;
	position: relative;
	width: 289px;
}

.loop-default .media img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.loop-default .media .post-tag {
	left: var(--text-spacing-xxsmall);
	max-width: calc(100% - (var(--text-spacing-xxsmall) * 2));
	position: absolute;
	top: var(--text-spacing-xxsmall);
}

.loop-default h3 {
	margin-bottom: var(--text-spacing-xsmall);
}

.loop-default h3 .post-tag {
	display: block;
	margin-bottom: var(--text-spacing-xxsmall);
	max-width: max-content;
}

.loop-default .highlight {
	background: #FFCE5599;
	font-weight: 600;
}

/*Pagination*/

.jazzy-ajax-form-pagination {
	list-style: none;
}

/***Resource Article Type***/

.tax-article-type.term-resources .hero-archive {
	padding-bottom: 314px;
}

.featured-posts.resources-layout {
	margin-top: -234px;
}

.featured-posts.resources-layout .media,
.archive-content.resources-layout .loop-default .media {
	position: relative;
}

.featured-posts.resources-layout .post-tag {
	left: var(--text-spacing-xsmall);
	position: absolute;
	top: var(--text-spacing-xsmall);
}

.archive-content.resources-layout .loop-default .media .post-tag {
	left: var(--text-spacing-xxsmall);
	position: absolute;
	top: var(--text-spacing-xxsmall);
}

/***************************************************************************************************************************************************************************************/

/*ISSUE TAXONOMY ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

.tax-issue {
	background: var(--white);
}

/*** Hero ***/

.legacy-hero {
	padding: var(--module-spacing-medium) 0;
}

.legacy-hero h1:before {
	aspect-ratio: 576/241;
	background: url('svgs/logo-legacy.svg') no-repeat left top / 100% auto;
	content: '';
	display: block;
	margin: 0 auto var(--text-spacing-medium);
	max-width: 100%;
	width: 576px;
}

.legacy-hero h1 select {
	appearance: none;
	background: url('images/icon-dropdown.png') no-repeat right center / 32px auto;
	border: none;
	border-bottom: 1px solid var(--space-blue-40);
	color: var(--steel-blue);
	display: block;
	margin: 0 auto;
	max-width: 100%;
	padding-right: 42px;
	width: max-content;
}

/*** Posts Builder ***/

.posts-builder {
	margin-bottom: var(--module-spacing-medium);
}

.posts-builder .container,
.posts-builder .wide-column,
.posts-builder .narrow-column {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}

.posts-builder .wide-column {
	grid-column: span 8;
}

.posts-builder .wide-column.layout-reversed {
	grid-column: 5 / span 8;
	grid-row: 1;
}

.posts-builder .narrow-column {
	grid-column: span 4;
}

/* Block 2, 3 & 4: Seamless masonry - narrow items stretch to fill height but preserve content */
.legacy-block-2 .narrow-column .article-block,
.legacy-block-3 .narrow-column .article-block,
.legacy-block-4 .narrow-column .article-block {
	flex: 1 0 auto;
}

.posts-builder .narrow-column.layout-reversed {
	grid-column: 1 / span 4;
	grid-row: 1;
}

/* Block 1*/

.article-block-full,
.article-block,
.posts-builder .quote-block,
.posts-builder .stat-block {
	background: var(--smoke-gray);
	border-radius: var(--text-spacing-xsmall);
}

.article-block-full {
	padding: var(--module-spacing-small) 0;
}

.article-block-full article {
	grid-column: 2 / span 10;
	text-align: center;
}

.article-block-full h2 {
	margin-bottom: var(--text-spacing-xsmall);
}

.article-block-full p.heading-6 {
	margin-bottom: var(--text-spacing-xxsmall);
}

.article-block-full p.heading-6 + .btn.primary {
	margin-top: var(--text-spacing-xsmall);
}

/*** Article Blocks ***/

.article-block {
	color: var(--black);
	display: block;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.article-block:hover {
	color: var(--black);
}

.article-block .media img {
	aspect-ratio: 789/441;
	object-fit: cover;
	width: 100%;
}

.article-block h2,
.article-block p {
	margin-bottom: var(--text-spacing-xsmall);
}

/* Wide */

.wide-column .article-block article {
	padding: var(--text-spacing-small) var(--text-spacing-small) var(--text-spacing-medium);
}

.wide-column .article-block.image-background {
	min-height: 455px;
}

.wide-column .article-block.image-background:has(p) {
	min-height: 696px;
}

.legacy-block-3  .wide-column .article-block.image-background {
	height: 100%;
}

.wide-column .article-block.image-background article {
	padding: var(--text-spacing-medium) var(--module-spacing-small) var(--text-spacing-medium) var(--text-spacing-medium);
}

/* Narrow */

.narrow-column .article-block {
	display: flex;
	flex-direction: column;
}

.narrow-column .article-block article,
.article-block.image-background article {
	align-items: start;
	display: flex;
	flex-direction: column;
	height: 100%;
	padding: var(--text-spacing-small) 20px var(--text-spacing-medium);
}

.narrow-column .article-block .btn.tertiary,
.image-left-right article .btn.tertiary {
	margin-top: auto;
}

/* Top Image */

.article-block.image-default .media {
	width: 100%;
}

/* Background */

.article-block.image-background {
	background: no-repeat center / cover;
	color: var(--white);
	z-index: 2;
}

.article-block.image-background:before {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.00) 32.09%, rgba(0, 0, 0, 0.32) 49.07%, rgba(0, 0, 0, 0.65) 100%);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.article-block.image-background h2 {
	margin: auto 0 var(--text-spacing-xsmall);
}

.article-block.image-background .btn.tertiary {
	margin-top: 0;
}

/* Left Image */

.image-left-right {
	display: flex;
	min-height: 464px;
}

.image-left-right .media {
	width: calc(321/789 * 100%);
}

.image-left-right .media img {
	aspect-ratio: unset;
	height: 100%;
}

.image-left-right article {
	align-items: start;
	display: flex;
	flex-direction: column;
	width: calc(420/789 * 100%);
}

/* Quote */

.posts-builder .quote-block,
.posts-builder .stat-block {
	color: var(--black);
	display: flex;
	gap: var(--text-spacing-small);
	padding: var(--text-spacing-small);
}

.posts-builder .quote-block:before {
	background: url('svgs/icon-quote.svg') no-repeat center / 100% auto;
	content: '';
	display: block;
	flex-shrink: 0;
	height: 154px;
	width: 154px;
}

.posts-builder .quote-block article {
	width: 100%;
}

.posts-builder .quote-block blockquote {
	margin-bottom: var(--text-spacing-xxsmall);
}

.posts-builder .quote-block .eyebrow {
	color: var(--space-blue-75);
}

.posts-builder .quote-block .eyebrow span {
	text-transform: none;
}

.posts-builder .quote-block .btn.tertiary,
.posts-builder .stat-block .btn.tertiary {
	margin-top: var(--text-spacing-xsmall);
}

/* Stat */

.posts-builder .stat-block {
	align-items: center;
}

/***************************************************************************************************************************************************************************************/

/*GRANT ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.post-type-archive-grant .hero-archive {
	padding-bottom: var(--module-spacing-medium);
}

.hero-archive .eyebrow {
	margin-bottom: var(--text-spacing-xsmall);
}

.post-type-archive-grant .featured-posts {
	margin: 0;
}

/***Year Chooser***/

.post-type-archive-grant .year-chooser {
	overflow: hidden;
	padding: var(--module-spacing-medium) 0;
	position: relative;
}

.post-type-archive-grant .year-chooser .pattern-dots svg {
	margin: 0;
}

.post-type-archive-grant .year-chooser .container {
	z-index: 2;
}

.post-type-archive-grant .year-chooser a.btn {
	display: flex;
	margin: 45px auto 0;
	max-width: max-content;
}

.post-type-archive-grant .year-chooser a.btn .icon {
	transform: rotate(90deg);
}

/***Featured***/

.loop-grant-featured {
	background: var(--white);
	box-shadow: var(--box-shadow);
	display: flex;
	margin: 11px calc(var(--text-spacing-large) * -1) 0;
	width: calc(100% + (var(--text-spacing-large) * 2));
}

.loop-grant-featured .media {
	flex-shrink: 0;
	width: calc(535/1280 * 100%);
}

.loop-grant-featured .media img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.loop-grant-featured article {
	align-self: center;
	padding: var(--text-spacing-large) var(--module-spacing-small);
}

.loop-grant-featured h3,
.post-type-archive-event .loop-event-card h3 {
	margin-bottom: var(--text-spacing-xxsmall);
}

.loop-grant-featured h3 .eyebrow {
	margin-bottom: var(--text-spacing-xsmall);
}

.loop-grant-featured ul {
	display: flex;
	gap: var(--text-spacing-xxsmall);
	list-style: none;
	margin: 0 0 var(--text-spacing-xsmall);
	padding: 0;
}

/***************************************************************************************************************************************************************************************/

/*NEWS ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.post-type-archive-news .hero-archive {
	padding-bottom: 302px;
}

/***Featured***/

.post-type-archive-news .featured-posts {
	margin-top: -222px;
}

.loop-news-featured .media {
	aspect-ratio: 620/419;
	width: calc(620/1280 * 100%);
}

.loop-news-featured article {
	padding: var(--text-spacing-xlarge);
}

.loop-news-featured p {
	margin-bottom: var(--text-spacing-medium);
}

/***************************************************************************************************************************************************************************************/

/*INITIATIVES ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Loop***/

.post-type-archive-initiative .loop-default p,
.post-type-archive-event .loop-event-card {
	margin-bottom: var(--text-spacing-xsmall);
}

/***************************************************************************************************************************************************************************************/

/*EVENT ARCHIVE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Loop***/

.post-type-archive-event .featured-posts .eyebrow.small {
	margin-bottom: var(--text-spacing-xxsmall);
}

.post-type-archive-event .featured-posts h3,
.post-type-archive-event .featured-posts .location {
	margin-bottom: var(--text-spacing-xsmall);
}

.post-type-archive-event .featured-posts .location {
	color: var(--space-blue-75);
}

/***************************************************************************************************************************************************************************************/

/*TOPIC TAXONOMY STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.hero-tag {
	margin-bottom: 104px;
	padding: var(--text-spacing-large) 0 var(--module-spacing-large);
	position: relative;
}

.hero-tag:has(.media) {
	padding-bottom: 0;
}

.hero-tag:has(.media):before {
	background: var(--off-white);
	bottom: 0;
	content: '';
	height: calc(350/1214 * 100%);
	left: 0;
	position: absolute;
	width: 100%;
}

.hero-tag article {
	grid-column: 3 / span 8;
	text-align: center;
}

.hero-tag h1,
.hero-tag h1 .eyebrow {
	margin-bottom: var(--text-spacing-xsmall);
}

.hero-tag p:last-child {
	margin: 0;
}

.hero-tag .media {
	grid-column: 1 / -1;
	margin: var(--text-spacing-large) calc(var(--text-spacing-large) * -1) 0;
	width: calc(100% + (var(--text-spacing-large) * 2));
}

.hero-tag .media img {
	aspect-ratio: 1280/722;
	object-fit: cover;
	width: 100%;
}

.hero-tag .media p {
	border-bottom: 1px solid var(--space-blue-40);
	color: var(--black);
	font-weight: bold;
	margin: 0;
	padding: var(--text-spacing-xsmall) 0;
}

/***Posts***/

.tag-content ul.grid {
	gap: 96px calc(230/1196 * 100%);
	grid-template-columns: 1fr 1fr;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}

.loop-post-card {
	color: var(--black);
	display: block;
	position: relative;
	z-index: 2;
}

.loop-post-card:hover {
	color: var(--black);
}

.loop-post-card:before,
.loop-post-card:after {
	content: '';
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: -1;
}

.loop-post-card:before {
	background: var(--jungle-green);
	left: var(--text-spacing-xsmall);
	top: var(--text-spacing-xsmall);
}

.loop-post-card:after {
	background: var(--white);
	left: 0;
	top: 0;
}

.loop-post-card .media {
	aspect-ratio: 475/266;
	position: relative;
	width: 100%;
}

.loop-post-card .media img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.loop-post-card .media .post-tag {
	left: var(--text-spacing-xsmall);
	position: absolute;
	top: var(--text-spacing-xsmall);
}

.loop-post-card article {
	padding: var(--text-spacing-small) var(--text-spacing-medium) var(--text-spacing-large);
}

.loop-post-card h2 {
	margin-bottom: var(--module-spacing-small);
}

.tag-content .grid .featured {
	grid-column: 1 / -1;
	margin: var(--module-spacing-small) 0;
	position: relative;
}

.tag-content .grid .featured + .featured {
	margin-top: 0;
}

/***Quote***/

.featured-quote {
	padding-top: var(--module-spacing-large);
}

.featured-quote .btn.icon {
	font: 900 104px/56px 'Arial Black', Arial, sans-serif;
	letter-spacing: -.2px;
	left: calc(var(--module-spacing-large) * -1);
	padding-top: var(--text-spacing-small);
	position: absolute;
	top: 0;
}

.featured-quote .quote-text {
	grid-column: span 10;
	overflow: hidden;
	padding: var(--module-spacing-medium) 210px var(--module-spacing-medium) var(--module-spacing-medium);
	position: relative;
	z-index: 2;
}

.featured-quote .pattern-waves {
	z-index: -1;
}

.featured-quote blockquote {
	color: var(--purple-text);
	font: italic 500 calc(40rem/16)/calc(52/40) var(--heading-font);
	margin: 0 0 var(--text-spacing-large);
	padding: 0;
}

.featured-quote .flex-container {
	align-items: center;
	justify-content: start;
}

.featured-quote .media {
	aspect-ratio: 1;
	border-radius: 100%;
	margin-right: var(--text-spacing-xsmall);
	overflow: clip;
	width: 80px;
}

.featured-quote .media img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.featured-quote cite {
	font-style: normal;
}

.featured-quote .eyebrow.small {
	margin-bottom: var(--text-spacing-xxsmall);
}

.featured-quote .btn.primary {
	margin-left: auto;
}

/*Related Box*/

.featured-quote .related-box {
	background: var(--white);
	box-shadow: var(--box-shadow);
	padding: var(--text-spacing-large);
	position: absolute;
	right: calc(var(--text-spacing-large) * -1);
	top: calc(var(--module-spacing-large) + var(--module-spacing-medium));
	width: 370px;
	z-index: 2;
}

.featured-quote .related-box .btn {
	margin: var(--text-spacing-large) 0 0;
}

/***Featured Story***/

.featured-post .media {
	aspect-ratio: 1088/625;
	margin-left: -98px;
	width: calc(1088/1196 * 100%);
}

.featured-post .media img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.featured-post article {
	margin: -212px -98px 0 auto;
	overflow: hidden;
	padding: var(--module-spacing-small) var(--module-spacing-medium);
	position: relative;
	width: calc(963/1196 * 100%);
	z-index: 2;
}

.featured-post h2 {
	margin-bottom: var(--text-spacing-medium);
}

.featured-post h2 .post-tag,
.featured-video .post-tag {
	color: var(--black);
	display: block;
	margin-bottom: var(--text-spacing-small);
	max-width: max-content;
}

.featured-post .pattern-waves {
	z-index: -1;
}

/***Featured Video***/

.featured-video {
	height: 700px;
}

.featured-video a {
	color: var(--white);
	display: block;
	height: 100%;
	left: var(--viewport-edge);
	position: absolute;
	width: 100vw;
}

.featured-video a:hover {
	color: var(--white);
}

.featured-video a:before {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.00) 20.01%, rgba(0, 0, 0, 0.32) 43.8%, rgba(0, 0, 0, 0.65) 89.47%);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.featured-video img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.featured-video article {
	bottom: 0;
	left:0;
	padding: 0 var(--module-spacing-medium) var(--module-spacing-medium);
	position: absolute;
}

.featured-video .post-tag {
	margin-bottom: var(--text-spacing-xsmall);
}

.featured-video .heading-3 {
	display: block;
	margin-bottom: var(--text-spacing-medium);
}

/***Events***/

.archive .upcoming-events {
	margin: var(--module-spacing-xlarge) 0;
}

/***Pagination***/

.wp-pagenavi,
.jazzy-ajax-form-pagination {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--text-spacing-small);
	justify-content: center;
	list-style: none;
	margin: var(--module-spacing-large) 0 var(--module-spacing-small);
	padding: 0;
}

.wp-pagenavi a,
.jazzy-ajax-form-pagination a {
	color: rgba(0, 0, 0, 0.40);
	display: block;
}

.wp-pagenavi a:hover,
.jazzy-ajax-form-pagination a:hover,
.jazzy-ajax-form-pagination .current {
	color: var(--black);
}

.jazzy-ajax-form-pagination .current {
	font-weight: 600;
}

.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.jazzy-ajax-form-pagination .previous,
.jazzy-ajax-form-pagination .next {
	background: url('svgs/arrow-left-25221F.svg') no-repeat center / 12px auto var(--smoke-gray);
	border-radius: 100%;
	font-size: 0;
	height: var(--text-spacing-medium);
	margin-right: var(--text-spacing-xxsmall);
	text-indent: -99999px;
	width: var(--text-spacing-medium);
}

.wp-pagenavi .nextpostslink,
.jazzy-ajax-form-pagination .next {
	background-image: url('svgs/arrow-right-25221F.svg');
	margin: 0 0 0 var(--text-spacing-xxsmall);
}

.wp-pagenavi .previouspostslink:hover,
.wp-pagenavi .nextpostslink:hover,
.jazzy-ajax-form-pagination .previous:hover,
.jazzy-ajax-form-pagination .next:hover {
	background-color: var(--white);
}

/***************************************************************************************************************************************************************************************/

/*GRANT YEAR TAXONOMY STYLES*/

/***************************************************************************************************************************************************************************************/

/***Breadcrumbs***/

.tax-grant-year .breadcrumbs {
	margin: var(--text-spacing-large) 0;
}

/***Hero***/

.tax-grant-year .hero.style3 {
	background-color: var(--black);
	margin-bottom: var(--module-spacing-large);
	padding: 168px 0 198px;
}

.tax-grant-year .hero.style3:not(:has(.pattern-waves)):before {
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%);
	content: '';
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 2;
}

.tax-grant-year .hero.style3 .container,
.tax-grant-year .hero.style3 .btn.open-caption {
	z-index: 3;
}

/***Stats***/

.stats.alt-style {
	margin-bottom: var(--module-spacing-xlarge);
	padding: 0;
}

.stats.alt-style article,
.stats.alt-style:before,
.stats.alt-style .pattern-dots,
.stats.alt-style aside:before {
	display: none;
}

.stats.alt-style aside {
	padding: 0 var(--module-spacing-medium) 0 0;
}

.stats.alt-style aside .btn {
	margin-top: var(--module-spacing-small);
}

.stats.alt-style .map-container {
	margin: 0;
}

/***Year Chooser***/

.year-chooser {
	padding: 0 0 var(--module-spacing-large);
}

.tax-grant-year .year-chooser {
	padding: var(--text-spacing-xxlarge) 0 var(--module-spacing-large);
}

.year-chooser form {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--text-spacing-xsmall);
	justify-content: center;
	text-align: center;
}

.year-chooser select {
	appearance: none;
	background: url('svgs/select.svg') no-repeat right center;
	border: none;
	color: var(--steel-blue);
	height: unset;
	padding: 0 42px 0 0;
	width: auto;
}

.year-chooser select option {
	font-size: 1rem;
}

.tag-content {
	overflow-x: clip;
}

/***************************************************************************************************************************************************************************************/

/*SINGLE POST & INITIATIVE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.hero-post {
	margin-bottom: 104px;
	padding: var(--text-spacing-large) 0 var(--text-spacing-small);
	position: relative;
}

.hero-post:before {
	background: var(--white);
	content: '';
	height: calc(100% - var(--text-spacing-small) - (360 / 1440 * 100vw));
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.hero-post .breadcrumbs {
	margin-bottom: var(--module-spacing-small);
	padding: 0 var(--text-spacing-large);
}

.hero-post article {
	grid-column: span 7;
}

.hero-post article h1 {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: var(--text-spacing-xsmall);
	margin: 0 0 var(--text-spacing-xsmall);
}

.hero-post article h1 .post-tag {
	background: var(--space-blue);
	color: var(--white);
	display: block;
	width: max-content;
}

.hero-post article h1 span:last-child {
	width: 100%;
}

.hero-post article + article {
	grid-column: span 5;
	padding: var(--text-spacing-xxlarge) 0 0 var(--text-spacing-medium);
}

.hero-post article p {
	margin: 0;
}

.hero-post .media {
	aspect-ratio: 1280/722;
	grid-column: 1 / -1;
	margin: var(--text-spacing-large) calc(var(--text-spacing-large) * -1) 0;
	position: relative;
	width: calc(100% + (var(--text-spacing-large) * 2));
}

.hero-post .media.half {
	grid-column: 1 / -3;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

.hero-post .media img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.pattern-dots svg {
	margin-bottom: calc(47px/2 * -1);
	width: 47px;
}

.hero-post .btn.open-caption,
.hero-post .btn.open-caption.active + .caption,
.hero-grant .btn.open-caption,
.hero-grant .btn.open-caption.active + .caption {
	bottom: auto;
	top: var(--text-spacing-xsmall);
}

/***Taxonomies***/

.post-content aside {
	align-self: start;
	background: var(--smoke-gray);
	grid-column: span 2;
	margin: 0 var(--text-spacing-small) 0 -74px;
	padding: var(--text-spacing-medium) var(--text-spacing-small);
	position: sticky;
	top: var(--module-spacing-xlarge);
	width: calc(100% + 74px);
}

.post-content aside:empty {
	display: none;
}

.post-content aside h3 {
	margin-bottom: var(--text-spacing-xxsmall);
}

.post-content aside ul + h3 {
	margin-top: var(--text-spacing-medium);
}

.post-content aside ul {
	display: flex;
	flex-direction: column;
	gap: var(--text-spacing-xsmall);
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}

.post-content aside a,
.post-content .bottom-social .topics a,
.post-content .bottom-social .topics li:after {
	color: var(--space-blue-75);
	font-size: calc(12rem/16);
	font-weight: 600;
	line-height: calc(16/12);
}

.post-content aside a:hover,
.post-content .bottom-social .topics a:hover {
	color: var(--penn-red);
	text-decoration: none;
}

.post-content .bottom-social .topics a {
	text-decoration: unset;
}

/***Post Content***/

.post-content .container > article {
	grid-column: 3 / span 9;
	padding: 0 var(--text-spacing-xxlarge);
}

.shortcode {
	margin: var(--module-spacing-small) calc(var(--text-spacing-large) * -1);
	width: calc(100% + var(--module-spacing-medium));
}

.post-content article > .shortcode:first-child {
	margin-top: 0;
}

/*Shortcode - Pull Quote*/

.shortcode.pull-quote {
	border-left: 5px solid var(--golden-yellow);
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-block: 64px;
	padding-left: 24px;
}

.shortcode.pull-quote.half-width {
	float: right;
	margin: 0 0 12px 40px;
	width: 50%;
}

.shortcode.pull-quote blockquote {
	margin: 0;
}

.shortcode.pull-quote blockquote p {
	font-family: 'Family';
	font-style: normal;
	font-weight: 500;
	font-size: calc(26rem/16);
	line-height: calc(43/26);
	letter-spacing: -0.5px;
}

.shortcode.pull-quote blockquote p strong {
	font-weight: 600;
	letter-spacing: -0.25px;
}

.shortcode.pull-quote p:last-child {
	margin: unset;
}

.shortcode.pull-quote.half-width blockquote p {
	font-size: calc(22rem/16);
	line-height: calc(34/26);
}

.shortcode.pull-quote figcaption {
	border-bottom: unset;
	padding: unset;
	font-weight: 600;
}

.shortcode.pull-quote figcaption .pull-quote-speaker-name,
.shortcode.pull-quote figcaption .pull-quote-speaker-title {
	font-size: calc(14rem/16);
	line-height: calc(22/14);
}

.shortcode.pull-quote figcaption .pull-quote-speaker-name {
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.shortcode.pull-quote figcaption .pull-quote-speaker-sep {
	margin-inline: 8px;
}

.shortcode.pull-quote figcaption .pull-quote-speaker-title {
	letter-spacing: .5px;
}

.shortcode.pull-quote.half-width figcaption .pull-quote-speaker-sep {
	display: none;
}

.shortcode.pull-quote.half-width figcaption span {
	display: block;
}

/*Shortcode - MP3*/

.shortcode.mp3-player h3 {
	margin-bottom: var(--text-spacing-xxsmall);
}

.shortcode.mp3-player .controls,
.shortcode.podcast-link,
.pdf-link {
	align-items: center;
	background: var(--white);
	box-shadow: var(--box-shadow);
	display: flex;
	gap: var(--text-spacing-xsmall);
	padding: var(--text-spacing-xsmall) var(--text-spacing-medium);
}

.shortcode.mp3-player button,
.shortcode.mp3-player span,
.shortcode.mp3-player a {
	border: none;
	flex-shrink: 0;
}

.shortcode.mp3-player .playpause[data-state="play"] .fa-pause,
.shortcode.mp3-player .playpause[data-state="pause"] .fa-play {
	display: none;
}

.shortcode.mp3-player .timer {
	align-items: center;
	display: flex;
	width: 100%;
}

.shortcode.mp3-player .audio-time,
.shortcode.mp3-player .progress {
	margin-right: 4px;
}

.shortcode.mp3-player .progress {
	background: var(--space-blue-40);
	height: 2px;
	position: relative;
	width: 100%;
}

.shortcode.mp3-player .progress progress {
	background: var(--crimson-red-light);
	border: none;
	border-radius: 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
}

.shortcode.mp3-player .progress progress::-webkit-progress-bar {
	background: var(--crimson-red-light);
}

.shortcode.mp3-player .progress progress::-webkit-progress-value {
	background: var(--crimson-red-light);
}

.shortcode.mp3-player .progress progress::-moz-progress-bar {
	background: var(--crimson-red-light);
}

.shortcode.mp3-player .progress progress::-moz-progress-value {
	background: var(--crimson-red-light);
}

.shortcode.mp3-player .progress progress::-ms-fill {
	background: var(--crimson-red-light);
}

.shortcode.mp3-player .progress progress::-ms-fill-lower {
	background: var(--crimson-red-light);
}

.shortcode.mp3-player .volume {
	align-items: center;
	display: flex;
	gap: var(--text-spacing-xxsmall);
	width: 140px;
}

.shortcode.mp3-player .volume .volume-icons {
	background: transparent;
	display: block;
	position: relative;
	height: 20px;
	width: 20px;
}

.shortcode.mp3-player .volume svg {
	background: none;
	color: var(--space-blue-75);
	display: block;
	flex-shrink: 0;
	font-size: calc(20rem/16);
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.shortcode.mp3-player .volume .volume-icons[data-volume="mute"] svg:nth-child(1),
.shortcode.mp3-player .volume .volume-icons[data-volume="low"] svg:nth-child(2),
.shortcode.mp3-player .volume .volume-icons[data-volume="mid"] svg:nth-child(3),
.shortcode.mp3-player .volume .volume-icons[data-volume="high"] svg:nth-child(4) {
	opacity: 1;
}

.shortcode.mp3-player .volume input {
	-webkit-appearance: none;
	width: 100%;
	height: 4px;
	background: var(--space-blue-40);
	outline: none;
	opacity: 0.7;
}

.shortcode.mp3-player .volume input:hover {
	opacity: 1;
}

.shortcode.mp3-player .volume input::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 12px;
	height: 12px;
	background: var(--crimson-red-light);
	cursor: pointer;
	border-radius: 50%;
}

.shortcode.mp3-player .volume input::-moz-range-thumb {
	width: 12px;
	height: 12px;
	background: var(--crimson-red-light);
	cursor: pointer;
	border-radius: 50%;
	border: none;
}

.shortcode.mp3-player a {
	color: var(--crimson-red-light);
	font-size: calc(20rem/16);
}

.shortcode.mp3-player a:hover {
	color: var(--penn-red);
}

/*Shortcode - Cross Promo*/

.shortcode.cross-promo {
	align-items: center;
	color: var(--black);
	display: flex;
	gap: var(--text-spacing-medium);
	padding: var(--text-spacing-xsmall) 0;
	position: relative;
	z-index: 2;
}

.shortcode.cross-promo:hover,
.shortcode.podcast-link,
.shortcode.podcast-link:hover,
.pdf-link,
.pdf-link:hover {
	color: var(--black);
}

.shortcode.cross-promo:before {
	background: var(--white);
	box-shadow: var(--box-shadow);
	content: '';
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100% - 147px);
	z-index: -1;
}

.shortcode.cross-promo .media {
	aspect-ratio: 289/215;
	flex-shrink: 0;
	width: calc(289/887 * 100%);
}

.shortcode.cross-promo .media img,
.shortcode.podcast-link img {
	height: 100%;
	object-fit: cover;
	object-position: left center;
	width: 100%;
}

.shortcode.cross-promo article {
	padding: var(--text-spacing-small) var(--text-spacing-medium) var(--text-spacing-small) 0;
	width: 100%;
}

.shortcode.cross-promo .post-tag {
	margin-bottom: var(--text-spacing-xxsmall);
}

.shortcode.cross-promo h3 {
	margin-bottom: var(--text-spacing-xsmall);
}

.shortcode.cross-promo:has(.media:empty)::before {
	width: 100%;
}

.shortcode.cross-promo .media:empty {
	display: none;
}

.shortcode.cross-promo:has(.media:empty) article {
	padding-right: var(--text-spacing-medium);
}

.shortcode.cross-promo.external-link:has(.media:empty) article {
	padding-right: var(--text-spacing-large);
}

/*Shortcode - External Podcast*/

.shortcode.podcast-link {
	padding: var(--text-spacing-xsmall) var(--text-spacing-xsmall) var(--text-spacing-medium);
	position: relative;
}

.shortcode.podcast-link .media {
	aspect-ratio: 1;
	flex-shrink: 0;
	width: 136px;
}

.shortcode.podcast-link article {
	padding: 0;
	width: 100%;
}

.shortcode.podcast-link p.xsmall {
	align-items: center;
	color: var(--space-blue-75);
	display: flex;
	font-weight: bold;
	gap: var(--text-spacing-xxsmall);
	margin: 0 0 var(--text-spacing-xsmall);
}

.shortcode.podcast-link h3 + p.xsmall {
	margin: var(--text-spacing-xsmall) 0 0;
}

.shortcode.podcast-link .btn.secondary {
	bottom: var(--text-spacing-xxsmall);
	position: absolute;
	right: var(--text-spacing-xxsmall);
}

/*Shortcode - Podcast Embed*/

.shortcode.podcast-embed {
	align-items: flex-start;
	flex-wrap: wrap;
	padding-bottom: var(--text-spacing-xsmall);
}

.shortcode.podcast-embed .media {
	width: 450px;
}

.shortcode.podcast-embed div.art19-web-player {
	margin: 0;
	width: calc(100% - 450px - var(--text-spacing-xsmall));
}

.shortcode.podcast-embed div.art19-web-player.awp-medium[class] .awp-medium-table-wrapper .awp-left:has(img) {
	display: none !important;
}

.content-styles .shortcode.podcast-embed div.art19-web-player .awp-media-actions ul:not([class]) {
	display: inherit;
}

.content-styles .shortcode.podcast-embed div.art19-web-player .awp-media-actions ul:not([class]) > li {
	padding: 0;
}

/*Shortcode - PDF Links*/

.pdf-link {
	justify-content: space-between;
	margin: var(--text-spacing-xlarge) 0;
	padding: var(--text-spacing-small) var(--text-spacing-xsmall) var(--text-spacing-small) var(--text-spacing-large);
}

.accordion .pdf-link {
	margin: var(--text-spacing-xsmall) 0;
}

.accordion .pdf-link + .btn.primary {
	margin-top: var(--text-spacing-xxsmall);
}

/*Shortcode - Initiative*/

.shortcode.initiative {
	color: var(--black);
	display: block;
	padding: var(--text-spacing-large) var(--text-spacing-medium);
	position: relative;
}

.shortcode.initiative .pattern-waves {
	z-index: -1;
}

.shortcode.initiative article {
	margin: 0 auto;
	max-width: 648px;
	padding: 0;
	text-align: center;
}

.shortcode.initiative .post-tag,
.shortcode.initiative .heading-5,
.shortcode.initiative p {
	margin-bottom: var(--text-spacing-xxsmall);
}

/*Shortcode - Event*/

.shortcode.events,
.shortcode.grants {
	color: var(--black);
}

/*Shortcode - Grants*/

.shortcode.grants {
	display: block;
}

/*Shortcode - External Link*/

.shortcode.cross-promo.external-link {
	padding: var(--text-spacing-small) 0;
}

.shortcode.cross-promo.external-link:before {
	left: 0;
	right: auto;
}

.shortcode.cross-promo.external-link article {
	padding: var(--text-spacing-xsmall) 0 var(--text-spacing-xsmall) var(--text-spacing-large);
}

.shortcode.cross-promo.external-link h3 {
	margin-bottom: var(--text-spacing-xxsmall);
}

.shortcode.cross-promo.external-link p {
	margin-bottom: var(--text-spacing-xsmall);
}

.shortcode.cross-promo.external-link .btn.secondary.small .icon {
	font-size: calc(11rem/16);
}

/*Bottom Socials*/

.post-content .bottom-social {
	border-top: 1px solid var(--space-blue-40);
	flex-wrap: nowrap;
	gap: var(--text-spacing-small);
	margin-top: var(--module-spacing-small);
	padding-top: var(--text-spacing-small);
}

.post-content .bottom-social .topics {
	display: flex;
	flex-wrap: wrap;
	gap: var(--text-spacing-xsmall) 10px;
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
	width: auto;
}

.post-content .bottom-social .topics li:not(:last-child):after {
	content: '|';
	display: inline-block;
	margin-left: 10px;
}

/***Sticky Social***/

.share-post {
	display: flex;
	gap: var(--text-spacing-xxsmall);
	list-style: none;
	margin: 0;
	padding: 0;
}

.share-post.sticky {
	align-self: start;
	flex-direction: column;
	grid-column: span 1;
	margin: 0 -42px 0 auto;
	position: sticky;
	text-align: center;
	top: var(--module-spacing-xlarge);
	width: var(--text-spacing-xlarge);
}

.share-post.sticky .post-tag {
	color: #464C52;
}

/***************************************************************************************************************************************************************************************/

/*ARTICLE TYPE - STORY AS LEGACY STYLES*/

/***************************************************************************************************************************************************************************************/

/*** Hero ***/

.legacy-single-hero {
	background: no-repeat center / cover;
	border-radius: var(--text-spacing-xsmall);
	margin: 0 auto;
	overflow: hidden;
	padding: 466px 0 0;
	position: relative;
	width: calc(100vw - (var(--text-spacing-medium) * 2));
}

.legacy-single-hero .breadcrumbs {
	color: var(--white);
	left: var(--text-spacing-medium);
	padding: 0;
	position: absolute;
	top: var(--text-spacing-medium);
}

.legacy-single-hero .breadcrumbs a {
	color: var(--white);
}

.legacy-single-hero .breadcrumbs a:hover {
	opacity: .6;
}

.legacy-single-hero p.hero-caption {
	bottom: var(--text-spacing-small);
	color: var(--white);
	left: 0;
	position: absolute;
	width: calc((var(--one-column-width) * 3) + (var(--gap) * 3));
}

.legacy-single-hero article {
	grid-column: 4 / span 9;
	padding: var(--module-spacing-small) 50px var(--text-spacing-xsmall);
	position: relative;
	z-index: 2;
}

.legacy-single-hero article:before {
	background: var(--off-white);
	border-radius: var(--text-spacing-xsmall) var(--text-spacing-xsmall) 0 0;
	content: '';
	height: 100%;
	left: -30px;
	position: absolute;
	top: 0;
	width: calc(100% + 60px);
	z-index: -1;
}

.legacy-single-hero h1,
.legacy-single-hero .eyebrow {
	margin-bottom: var(--text-spacing-xsmall);
}

.legacy-single-hero .heading-6 {
	margin-bottom: var(--text-spacing-small);
}

/*** Legacy Post Content ***/

.post-content.legacy-content {
	padding: 0;
}

/* Sidebar */

.post-content.legacy-content aside {
	background: none;
	grid-column: span 3;
	left: calc(var(--viewport-edge) + var(--text-spacing-medium));
	margin: 0;
	padding: 0;
	position: relative;
	top: 0;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) - var(--text-spacing-medium));
}

.post-content.legacy-content aside:first-child {
	padding-top: var(--text-spacing-large);
}

.post-content.legacy-content .issue-cover {
	color: var(--black);
	text-align: center;
}

.post-content.legacy-content .issue-cover:hover {
	opacity: .6;
}

.post-content.legacy-content .issue-cover img {
	width: 100%;
}

.post-content.legacy-content .issue-cover p {
	margin: var(--text-spacing-xsmall) 0 0;
}

/* Main */

.post-content.legacy-content .container > article {
	grid-column: 4 / span 9;
	padding: 0 50px;
}

.post-content.legacy-content .container > article:first-child {
	padding-top: var(--text-spacing-large);
}

.post-content.legacy-content .container > article:last-child {
	padding-bottom: var(--module-spacing-large);
}

.post-content.legacy-content .container > .shortcode {
	margin: var(--text-spacing-xsmall) 0;
}

.post-content.legacy-content .container > article:has(> br:only-child) {
	display: none;
}

.post-content.legacy-content .container > article > :last-child {
	margin-bottom: 0;
}

.post-content.legacy-content .shortcode.grants {
	margin-top: var(--text-spacing-small);
	margin-bottom: 0;
}

.post-content.legacy-content p.heading-6 {
	margin-bottom: var(--module-spacing-small);
}

.post-content.legacy-content .wp-caption img,
.post-content.legacy-content p > img,
.post-content.legacy-content span > img,
.post-content.legacy-content picture > img,
.post-content.legacy-content .full-width-media img,
.post-content.legacy-content .play-video {
	border-radius: var(--text-spacing-xsmall);
}

.post-content.legacy-content .play-video {
	overflow: hidden;
}

.post-content.legacy-content .wp-caption:last-child {
	margin-bottom: var(--text-spacing-small);
}

/* Shortcode - Video Sidebar Alignment */

.shortcode.play-video.sidebar {
	aspect-ratio: 359/269;
	border-radius: var(--text-spacing-xsmall);
	margin: 0 0 var(--text-spacing-xsmall);
	overflow: clip;
	width: 100%;
}

.shortcode.play-video.sidebar + p {
	margin: 0;
}

/* Shortcode - Video Inline */

.shortcode.video-inline {
	aspect-ratio: 16 / 9;
	border-radius: var(--text-spacing-xsmall);
	overflow: hidden;
	position: relative;
}

.shortcode.video-inline .cover-button {
	background: unset;
	border: unset;
	cursor: pointer;
	display: block;
	height: 100%;
	overflow: hidden;
	padding: unset;
	position: relative;
	transition: all 0.25s ease;
	width: 100%;
}

.shortcode.video-inline.playing-video .cover-button {
	opacity: 0;
	pointer-events: none;
}

.shortcode.video-inline .cover-button img {
	height: 100%;
	left: -1px;
	object-fit: cover;
	position: relative;
	width: 100%;
}

.shortcode.video-inline iframe,
.shortcode.video-inline video {
	height: 100%;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: all 0.25s ease;
	width: 100%;
}

.shortcode.video-inline.playing-video iframe,
.shortcode.video-inline.playing-video video {
	opacity: 1;
	pointer-events: auto;
}

/* Portrait (vertical) videos: render at their real orientation, capped and centered,
   instead of being pillarboxed inside the full-width 16:9 frame. The aspect-ratio is
   set inline per-video (from the source dimensions); this constrains and centers it. */
.shortcode.video-inline.portrait {
	margin-inline: auto;
	max-width: calc(400rem / 16);
	width: 100%;
}

/* Full-bleed break: a video that breaks out of the copy column into a full-screen-width
   band (the "Full-bleed break" alignment option). Placed as a direct grid child of the
   article's .container, so a single rule covers both the standard and Story-as-Legacy
   post layouts. .post-content has overflow-x: clip, which contains the 100vw width. */
.post-content .container > .video-full-bleed {
	grid-column: 1 / -1;
	margin: var(--module-spacing-small) var(--viewport-edge);
	width: 100vw;
}

.post-content .container > .video-full-bleed .shortcode.video-inline {
	border-radius: 0;
	margin: 0;
	max-width: none;
	width: 100%;
}

/* Portrait videos stay capped and centered within the full-bleed band. */
.post-content .container > .video-full-bleed .shortcode.video-inline.portrait {
	max-width: calc(400rem / 16);
}

.post-content .container > .video-full-bleed .video-full-bleed-caption {
	margin: var(--text-spacing-xsmall) auto 0;
	max-width: var(--container-max-width);
	padding: 0 var(--container-outer-padding);
	text-align: center;
	width: var(--container-width);
}

/* Shortcode - Pull Quote Sidebar Alignment */

.shortcode.pull-quote.sidebar {
	margin: 0;
	width: 100%;
}

.shortcode.pull-quote.sidebar blockquote p {
	font-size: calc(22rem/16);
	line-height: calc(34/22);
}

/* Shortcode - Full Width Carousel */

.shortcode.full-carousel {
	grid-column: 1 / -1;
	margin: var(--text-spacing-small) 0;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 2;
}

.shortcode.full-carousel:before {
	background: var(--space-blue);
	border-radius: var(--text-spacing-xsmall);
	content: '';
	height: 100%;
	left: calc(var(--viewport-edge) + var(--text-spacing-medium));
	position: absolute;
	top: 0;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) - var(--text-spacing-medium));
	z-index: -1;
}

.shortcode.full-carousel .slick-track {
	gap: 0;
}

.shortcode.full-carousel article {
	color: var(--white);
	grid-column: span 3;
	left: calc(var(--viewport-edge) + var(--text-spacing-medium) + var(--text-spacing-large));
	margin-bottom: 136px;
	min-height: 308px;
	padding-top: var(--text-spacing-xxlarge);
	position: relative;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) - var(--text-spacing-medium) - var(--text-spacing-large));
}

.shortcode.full-carousel .media {
	border-radius: 0 var(--text-spacing-xsmall) var(--text-spacing-xsmall) 0;
	grid-column: span 9;
	overflow: clip;
}

.shortcode.full-carousel .media img {
	aspect-ratio: 887/500;
	border-radius: 0;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.shortcode.full-carousel .slick-arrow {
	bottom: var(--text-spacing-large);
	left: calc(var(--viewport-edge) + var(--text-spacing-medium) + var(--text-spacing-large));
	right: auto;
	top: auto;
	z-index: 1000;
}

.shortcode.full-carousel .slick-next {
	left: calc(var(--viewport-edge) + var(--text-spacing-medium) + var(--text-spacing-large) + var(--text-spacing-xlarge) + var(--text-spacing-xxsmall));
}

.shortcode.full-carousel .slick-dots {
	bottom: var(--text-spacing-xxlarge);
	display: flex;
	gap: 10px;
	justify-content: end;
	/*left: calc(var(--viewport-edge) + var(--text-spacing-medium) + var(--text-spacing-large));*/
	left: calc(var(--viewport-edge) + var(--text-spacing-medium) + var(--text-spacing-large) + var(--text-spacing-xlarge) + var(--text-spacing-xxsmall) + var(--text-spacing-xlarge) + var(--text-spacing-small));
	line-height: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	/*width: calc((var(--one-column-width) * 3) + (var(--gap) * 2)  + var(--container-outer-margin) + var(--container-outer-padding) - var(--text-spacing-large) - var(--text-spacing-medium));*/
	width: auto;
	z-index: 999;
}

.shortcode.full-carousel .slick-dots button,
.shortcode.content-width-carousel .slick-dots button {
	background: var(--white);
	border: none;
	border-radius: 100%;
	height: var(--text-spacing-xxsmall);
	padding: 0;
	text-indent: -99999px;
	width: var(--text-spacing-xxsmall);
}

.shortcode.full-carousel .slick-dots li:not(.slick-active) button,
.shortcode.content-width-carousel .slick-dots li:not(.slick-active) button {
	opacity: .2;
}

.shortcode.full-carousel .grid {
	height: 100%;
}

.shortcode.full-carousel .grid.image-aspect-ratio-vertical article {
	grid-column: span 7;
}

.shortcode.full-carousel .grid.image-aspect-ratio-vertical .media {
	grid-column: span 5;
}

.shortcode.full-carousel .grid.image-aspect-ratio-vertical .media img {
	aspect-ratio: 500/500;
}

/* Shortcode - Pie Chart */

.shortcode.pie-chart {
	margin: 0;
	padding: 0;
	width: 100%;
}

.shortcode.pie-chart article,
.shortcode.pie-chart .btn {
	margin-top: var(--text-spacing-xsmall);
}

.shortcode.pie-chart p {
	margin: 0;
}

/* Shortcode - Content Sidebar */

.shortcode.content-sidebar {
	margin: 0;
	padding: 0;
	width: 100%;
}

.shortcode.content-sidebar .content-styles .wp-caption,
.shortcode.content-sidebar .content-styles figure:not(.shortcode) {
	margin-top: var(--text-spacing-medium);
}

.shortcode.content-sidebar .content-styles img {
	width: 100%;
}

.shortcode.content-sidebar a.btn {
	color: var(--black);
}

/* Shortcode - Content Sidebar - Full Width Variation */

.post-content.legacy-content aside.content-sidebar-full-width {
	grid-column: 1 / -1;
	margin: var(--text-spacing-small) 0;
	padding: 0;
	position: relative;
	width: 100%;
	z-index: 2;

 	left: calc(var(--viewport-edge) + var(--text-spacing-medium));
    width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding) - var(--text-spacing-medium));
}

.post-content.legacy-content aside.content-sidebar-full-width .shortcode .wp-caption,
.post-content.legacy-content aside.content-sidebar-full-width .shortcode figure:not(.shortcode) {
	margin: 0;
}

/* Shortcode - Content Width Carousel */

.shortcode.content-width-carousel {
	margin: var(--module-spacing-small) 0;
	overflow-x: clip;
	position: relative;
	width: 100%;
}

.shortcode.content-width-carousel .arrow-cover {
	background: linear-gradient(to right, transparent 0%, var(--off-white) 25%);
	bottom: 0;
	display: block;
	height: 64px;
	pointer-events: none;
	position: absolute;
	right: 0;
	width: 140px;
	z-index: 1;
}

.shortcode.content-width-carousel .slick-dots {
	display: flex;
	gap: 10px;
	list-style: none;
	margin: 0;
	max-width: 100%;
	padding: 0;
	position: absolute;
	right: var(--text-spacing-small);
	width: max-content;
	z-index: 1;
}

.shortcode.content-width-carousel .slick-dots li {
	display: flex;
}

.shortcode.content-width-carousel .slick-arrow {
	position: absolute;
	right: 0;
	z-index: 1;
}

.shortcode.content-width-carousel .slick-arrow.slick-prev {
	right: 60px;
}

.shortcode.content-width-carousel .slick-list,
.shortcode.content-width-carousel .slick-track {
	height: auto;
}

.shortcode.content-width-carousel .slide {
	height: auto;
	width: calc((9 * var(--one-column-width)) + (8 * var(--gap)) - 100px);
}

.shortcode.content-width-carousel figure {
	margin: 0;
}

.shortcode.content-width-carousel figure:not(:has(figcaption)) {
	padding-bottom: 64px;
}

.shortcode.content-width-carousel .image-container {
	aspect-ratio: 825 / 550;
	border-radius: var(--text-spacing-xsmall);
	height: auto;
	overflow: hidden;
	position: relative;
}

.shortcode.content-width-carousel .image-container img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.shortcode.content-width-carousel figcaption {
	width: calc(100% - 140px);
}

/* Shortcode - Bento */

.shortcode.bento .group {
	container: bento-shortcode / inline-size;
	display: grid;
	gap: var(--text-spacing-small);
	grid-template-columns: repeat(12, 1fr);
}

.shortcode.bento .group + .group {
	margin-top: var(--text-spacing-small);
}

.shortcode.bento .group .bento-card {
	background-color: var(--smoke-gray);
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	grid-gap: var(--text-spacing-medium);
	grid-column: span 4;
	padding: var(--text-spacing-medium);
}

.shortcode.bento .group .bento-card .graphic {
	width: 216px;
	max-width: 100%;
}

.shortcode.bento .group .bento-card .graphic:empty {
	display: none;
}

.shortcode.bento .group:not(.layout-group_2) .bento-card:has(.graphic:empty) .heading-1 {
	font: 500 calc(112rem/16)/calc(88/112) var(--heading-font);
	letter-spacing: -0.6px;
}

.shortcode.bento .group .bento-card .graphic.graphic-type-chart .pie-chart .inner-circle * {
	position: absolute;
	top: -999px;
	left: -999px;
	opacity: 0;
	visibility: hidden;
}

.shortcode.bento .group .bento-card .heading-1 {
	color: var(--steel-blue);
}

.shortcode.bento .group .bento-card p.small {
	margin: var(--text-spacing-xsmall) 0 0;
}

/* Layout Group 1 */

.shortcode.bento .group.layout-group_1 .bento-card:first-child {
	grid-row: span 2;
}

.shortcode.bento .group.layout-group_1 .bento-card:nth-child(n + 2) {
	align-items: center;
	flex-direction: row;
	grid-column: 5 / -1;
}

.shortcode.bento .group.layout-group_1 .bento-card:first-child .graphic-type-image {
	min-width: calc(100% + (var(--text-spacing-medium) * 2));
	margin-top: calc(var(--text-spacing-medium) * -1);
	margin-left: calc(var(--text-spacing-medium) * -1);
}

.shortcode.bento .group.layout-group_1 .bento-card:first-child .graphic-type-image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
	border-radius: 16px 16px 0 0;
}

.shortcode.bento .group.layout-group_1 .bento-card:nth-child(n + 2) .graphic-type-image {
	height: calc(100% + (var(--text-spacing-medium) * 2));
	margin-left: calc(var(--text-spacing-medium) * -1);
}

.shortcode.bento .group.layout-group_1 .bento-card:nth-child(n + 2) .graphic-type-image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
	border-radius: 16px 0 0 16px;
}

.shortcode.bento .group.layout-group_1 .bento-card:nth-child(n + 2) article {
	min-width: 192px;
	max-width: 100%;
}

/* Layout Group 3 */

.shortcode.bento .group.layout-group_3 .bento-card {
	align-items: center;
	flex-direction: row;
	grid-column: span 6;
}

.shortcode.bento .group.layout-group_3 .bento-card .graphic-type-image {
	height: calc(100% + (var(--text-spacing-medium) * 2));
	margin-left: calc(var(--text-spacing-medium) * -1);
}

.shortcode.bento .group.layout-group_3 .bento-card .graphic-type-image img {
	height: 100%;
	object-fit: cover;
	width: 100%;
	border-radius: 16px 0 0 16px;
}

.shortcode.bento .group.layout-group_3 .bento-card article {
	min-width: 192px;
	max-width: 100%;
}

@container bento-shortcode (width < 700px) {
	.shortcode.bento .group .bento-card {
		grid-column: 1 / -1 !important;
	}
}

@container bento-shortcode (width < 500px) {
	.shortcode.bento .group .bento-card {
		flex-wrap: wrap !important;
	}

	.shortcode.bento .group.layout-group_1 .bento-card:nth-child(n + 2) .graphic-type-image,
	.shortcode.bento .group.layout-group_3 .bento-card .graphic-type-image {
		height: auto;
		margin-top: calc(var(--text-spacing-medium) * -1);
		margin-left: calc(var(--text-spacing-medium) * -1);
		min-width: calc(100% + (var(--text-spacing-medium) * 2));
	}

	.shortcode.bento .group.layout-group_1 .bento-card:nth-child(n + 2) .graphic-type-image img,
	.shortcode.bento .group.layout-group_3 .bento-card .graphic-type-image img {
		border-radius: 16px 16px 0 0;
	}
}

/* Shortcode - Timeline */

.shortcode.timeline-shortcode h2 + .content-styles {
	margin: var(--text-spacing-xsmall) 0 0;
}

.shortcode.timeline-shortcode .timeline-container {
	height: calc(var(--visible-years-height, 100%) + (var(--text-spacing-xxsmall) * 2) + (var(--text-spacing-xlarge) * 2));
	overflow-y: hidden;
	overflow-x: hidden;
	padding-left: var(--text-spacing-small);
	position: relative;
	transition: opacity 0.3s ease, visibility 0.3s ease, height 0.3s ease;
}

.shortcode.timeline-shortcode .timeline-container::before {
	background: linear-gradient(180deg, rgba(255, 206, 85, 0) 0%, #FFCE55 7%, #FFCE55 93%, rgba(255, 206, 85, 0) 100%);
	content: '';
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 5px;
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.shortcode.timeline-shortcode .years {
	list-style: none;
	margin: var(--text-spacing-xxsmall) 0;
	padding: 0;
	position: relative;
	transition: transform 0.3s ease;
}

.shortcode.timeline-shortcode .btn.icon {
	border: none;
	position: relative;
	z-index: 2;
}

.shortcode.timeline-shortcode .btn.icon::before,
.shortcode.timeline-shortcode .btn.icon::after {
	content: '';
	display: block;
	height: 24px;
	left: 0;
	pointer-events: none;
	position: absolute;
	width: 100vw;
}

.shortcode.timeline-shortcode .btn.icon::after {
	background-color: var(--off-white);
	height: var(--text-spacing-xlarge);
	left: var(--text-spacing-xlarge);
	z-index: -1;
}

.shortcode.timeline-shortcode .btn.icon.next-year {
	position: absolute;
	bottom: 0;
}

.shortcode.timeline-shortcode .btn.icon.previous-year::before {
	background: linear-gradient(180deg, var(--off-white) 0%, rgba(250, 250, 250, 0) 100%);
	top: 100%;
}

.shortcode.timeline-shortcode .btn.icon.previous-year::after {
	top: 0;
}

.shortcode.timeline-shortcode .btn.icon.next-year::before {
	background: linear-gradient(0deg, var(--off-white) 0%, rgba(250, 250, 250, 0) 100%);
	bottom: 100%;
}

.shortcode.timeline-shortcode .btn.icon.next-year::after {
	bottom: 0;
}

.shortcode.timeline-shortcode .btn.icon[disabled] {
	background: var(--timeline-gray);
	color: var(--space-blue-15);
}

.shortcode.timeline-shortcode .year-group {
	align-items: flex-start;
	display: flex;
	gap: var(--text-spacing-small);
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	user-select: none;
}

.shortcode.timeline-shortcode .year-group:not(.active) + .year-group {
	margin-top: 8px;
}

.shortcode.timeline-shortcode .year-group .btn.mega {
	color: var(--space-blue-40);
	cursor: pointer;
	flex-shrink: 0;
	transition: color 0.3s ease;
	width: 107px;
}

.shortcode.timeline-shortcode .year-group:not(.active) .btn.mega {
	font-size: calc(14rem/16);
}

.shortcode.timeline-shortcode .year-group .content-styles {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	height: var(--height);
	transition: opacity 0.3s ease, visibility 0.3s ease;
}

.shortcode.timeline-shortcode .year-group .content-styles > * {
	margin: 0 !important;
}

.shortcode.timeline-shortcode .year-group .content-styles > * + * {
	margin: var(--text-spacing-xsmall) 0 0 !important;
}

.shortcode.timeline-shortcode .year-group .content-styles .wp-caption,
.shortcode.timeline-shortcode .year-group .content-styles figure{
	max-width: 678px;
}

.shortcode.timeline-shortcode .year-group .content-styles > .wp-caption:last-child p,
.shortcode.timeline-shortcode .year-group .content-styles > figure:last-child figcaption {
	border-bottom: none;
	padding-bottom: 0;
}

.shortcode.timeline-shortcode .year-group:hover .btn.mega {
	color: var(--space-blue-75);
}

.shortcode.timeline-shortcode .year-group.active {
	border-bottom-color: var(--space-blue-15);
	border-top-color: var(--space-blue-15);
	margin: var(--text-spacing-small) 0;
	padding: var(--text-spacing-xsmall) 0;
	animation: yearExpand 0.3s ease forwards;
	transform-origin: top left;
}

@keyframes yearExpand {
	from {
		transform: scale(0.8);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}

.shortcode.timeline-shortcode .year-group.active .content-styles {
	animation: yearContentExpand 0.3s ease forwards;
	transform-origin: top left;
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

@keyframes yearContentExpand {
	from {
		transform: scale(0.75);
		opacity: 0;
	}
	to {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes yearContentFade {
	from {
		opacity: 1;
	}
	to {
		opacity: 0.5;
	}
}

.shortcode.timeline-shortcode .year-group.active:first-child {
	border-top-color: transparent;
	padding-top: 0;
}

.shortcode.timeline-shortcode .year-group.active:last-child {
	margin-bottom: 0;
	border-bottom-color: transparent;
	padding-bottom: 0;
}

.shortcode.timeline-shortcode .year-group.active .btn.mega {
	background-color: var(--space-blue);
	color: var(--white);
	padding: 8px 12px;
	animation: yearButtonExpand 0.3s ease forwards;
	transform-origin: top left;
}

@keyframes yearButtonExpand {
	from {
		transform: scale(0.5);
	}
	to {
		transform: scale(1);
	}
}

.shortcode.timeline-shortcode.dragging .year-group.active .content-styles {
	animation: yearContentFade 0.3s ease both;
	transform-origin: top left;
}

.shortcode.timeline-shortcode.dragging .year-group.active .btn.mega {
	background-color: var(--smoke-gray);
	color: var(--space-blue-40);
}

.shortcode.timeline-shortcode.dragging .year-group.drag-target .btn.mega {
	color: var(--space-blue-75);
}

.shortcode.timeline-shortcode.dragging .year-group.drag-target:not(.active) .btn.mega {
	font-size: calc(24rem/16);
	transform-origin: top left;
	animation: yearButtonExpand 0.3s ease forwards;
}

.shortcode.timeline-shortcode.dragging .btn.icon {
	opacity: 0;
	visibility: hidden;
}

/***************************************************************************************************************************************************************************************/

/*SINGLE PEOPLE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.hero-people {
	margin-bottom: var(--module-spacing-small);
	padding: var(--text-spacing-large) 0 var(--module-spacing-large);
	position: relative;
}

.hero-people article,
.hero-grant article {
	grid-column: span 6;
}

.hero-people h1,
.hero-grant h1 {
	margin-bottom: var(--text-spacing-small);
}

.hero-people h1 .eyebrow,
.hero-grant h1 .eyebrow {
	margin-bottom: var(--text-spacing-xsmall);
}

.hero-people p,
.hero-grant p.small,
.hero-grant article p.large {
	color: var(--space-blue-75);
	font-weight: bold;
	margin: 0;
}

.hero-people .media,
.hero-grant .media {
	grid-column: 8 / span 5;
	position: relative;
}

.hero-people .media:has(.fallback:only-child) {
	display: none;
}

.hero-people .media img {
	aspect-ratio: 435/653;
	max-height: 653px;
	object-fit: cover;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100% - var(--text-spacing-large));
}

/***Post Content***/

.post-content.bio-content {
	min-height: 442px;
}

.post-content.bio-content article {
	grid-column: span 7;
	padding: 0 var(--text-spacing-large) 0 0;
}

/***************************************************************************************************************************************************************************************/

/*SINGLE GRANT STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.hero-grant {
	background: var(--white);
	position: relative;
}

.hero-grant .breadcrumbs {
	left: var(--viewport-edge);
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding));
}

.hero-grant article {
	align-self: center;
	padding: var(--text-spacing-large) 0 var(--module-spacing-large);
}

.hero-grant:not(:has(.media)) article {
	display: grid;
	gap: 0 var(--gap);
	grid-column: 1 / -1;
	grid-template-columns: var(--grid);
	padding: var(--text-spacing-large) 0 var(--module-spacing-medium);
}

.hero-grant:not(:has(.media)) article :not(.breadcrumbs) {
	grid-column: 2 / span 10;
	text-align: center;
}

.hero-grant:not(:has(.media)) article .breadcrumbs {
	grid-column: 1 / -1;
}

.hero-grant .media {
	overflow: clip;
	position: relative;
	width: calc(100% + var(--container-outer-padding) + var(--container-outer-margin));
}

.hero-grant .media img {
	height: 100%;
	left: 0;
	object-fit: cover;
	position: absolute;
	top: 0;
	width: 100%;
}

.hero-grant .media img.fallback {
	object-position: left center;
}

.hero-grant .media > div {
	height: 100%;
}

.hero-grant .pattern-dots svg {
	margin-bottom: calc(35px/2 * -1);
	width: 35px;
}

/***Grant Content***/

.grant-content {
	padding: 0;
}

/*Sidebar*/

.grant-content aside {
	align-self: stretch;
	grid-column: span 5;
	padding: var(--module-spacing-medium) var(--module-spacing-medium) var(--module-spacing-medium) 0;
	position: relative;
	top: 0;
	z-index: 2;
}

.grant-content aside:before {
	background: var(--smoke-gray);
	content: '';
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding));
	z-index: -1;
}

.grant-content aside ul {
	gap: var(--text-spacing-large);
}

.grant-content aside h3 {
	margin-bottom: var(--text-spacing-xsmall);
	opacity: .7;
}

.grant-content aside p {
	margin-bottom: 0;
}

/*Main*/

.grant-content .container > article {
	grid-column: span 7;
	padding: var(--module-spacing-medium) 0 var(--module-spacing-medium) var(--text-spacing-large);
}

.grant-content article h2.eyebrow {
	margin-bottom: var(--text-spacing-xsmall);
}

/*Only Aside, No Main*/

.grant-content:has(aside:only-child) {
	background: var(--white);
	padding: 0 0 var(--module-spacing-small);
}

.grant-content aside:only-child {
	background: var(--smoke-gray);
	grid-column: 1 / -1;
	margin: 0;
	width: 100%;
	padding: var(--module-spacing-small) var(--text-spacing-large) var(--module-spacing-medium);
}

.grant-content aside:only-child::before {
	display: none;
}

.grant-content aside:only-child ul {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.grant-content aside:only-child ul > li:last-child:has(.btn.primary) {
	align-items: center;
	display: flex;
	justify-content: center;
	max-width: unset;
	width: 100%;
}

.grant-content aside:only-child ul li {
	text-align: center;
	max-width: 396px;
}

.grant-content aside:only-child ul li p > br {
	display: none;
}

/***************************************************************************************************************************************************************************************/

/*SINGLE EVENT STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.hero-event h1 {
	margin-bottom: var(--text-spacing-large);
}

.hero-event ul {
	display: flex;
	gap: var(--gap);
	justify-content: space-between;
	list-style: none;
	margin: 0 0 var(--text-spacing-large);
	padding: 0;
}

.hero-event h2 {
	display: block;
	margin-bottom: var(--text-spacing-xxsmall);
	text-align: left;
}

.hero-event .media,
.hero-news .media {
	margin: 0;
}

/***Content***/

.event-content,
.news-content {
	padding-top: var(--module-spacing-large);
}

.event-content article {
	grid-column: 4 / span 8;
	padding: 0;
}

/***************************************************************************************************************************************************************************************/

/*SINGLE NEWS STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.hero-news article p.small {
	margin-bottom: var(--text-spacing-small);
}

/***Content***/

.news-content {
	padding-top: var(--module-spacing-large);
}

.news-content:has(aside) article {
	grid-column: 4 / span 7;
	padding: 0;
}

/***************************************************************************************************************************************************************************************/

/*OUR STAFF PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.hero-plain {
	padding: var(--text-spacing-large) 0 var(--module-spacing-medium);
	position: relative;
}

.hero-plain h1,
.hero-plain article {
	grid-column: span 6;
}

.hero-plain h1 .eyebrow {
	margin-bottom: var(--text-spacing-xsmall);
}

.hero-plain p:last-child {
	margin: 0;
}

/***People Groups***/

.people-content {
	padding: var(--module-spacing-large) 0;
}

.people-content .heading-4 {
	margin: var(--module-spacing-large) 0 var(--text-spacing-xxlarge);
}

.people-content ul {
	line-height: 1;
	list-style: none;
	margin: 0;
	padding: 0;
}

.people-content li {
	background: var(--pastel-purple);
	grid-column: span 3;
}

.people-content li a,
.people-content li:not(:has(a)) {
	aspect-ratio: 269/404;
	gap: var(--text-spacing-xxsmall);
}

.people-content .card-content::before,
.people-content li:not(:has(a)):before {
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 52.85%, rgba(0, 0, 0, 0.42) 64.74%, rgba(0, 0, 0, 0.65) 95.3%);
}

.people-content li:not(:has(a)) span {
	position: relative;
	z-index: 2;
}

.people-content li:not(:has(a)):before {
	z-index: 1;
}

.people-content li:not(:has(a)) img {
	z-index: 0;
}

.people-content li .btn {
	margin-top: var(--text-spacing-small);
}

/***************************************************************************************************************************************************************************************/

/*OUR HISTORY PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Timeline***/

.timeline {
	padding: var(--module-spacing-large) 0;
}

.timeline ul {
	display: flex;
	flex-direction: column;
	gap: 180px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
}

.timeline li {
	position: relative;
}

.timeline li:not(:last-child):before {
	background: linear-gradient(to bottom, var(--crimson-red-light) 0%, var(--crimson-red-light) 50%, var(--timeline-gray) 50%, var(--timeline-gray) 100%) left bottom;
	background-size: 3px 200%;
	content: '';
	height: calc(100% + 180px);
	left: calc(235/1195 * 100%);
	position: absolute;
	top: 37px;
	width: 3px;
}

.timeline li:not(:last-child).active:before {
	background-position: left top;
}

.timeline li:after {
	background: var(--timeline-gray);
	border-radius: 100%;
	content: '';
	height: 13px;
	left: calc(231/1195 * 100%);
	position: absolute;
	top: 37px;
	width: 13px;
}

.timeline li.active:after {
	background: var(--crimson-red-light);
}

.timeline h2 {
	color: var(--steel-blue);
	grid-column: span 2;
}

.timeline article {
	grid-column: 4 / span 5;
	margin-top: 27px;
}

.timeline h3 {
	margin-bottom: var(--text-spacing-xxsmall);
}

.timeline p {
	margin: 0;
}

.timeline p + a {
	margin-top: var(--text-spacing-medium);
}

.timeline .media {
	aspect-ratio: 430/322;
	grid-column: span 4;
	margin-top: 27px;
	position: relative;
	width: calc(100% + 98px);
}

.timeline .media img {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

/***People***/

.page-template-page-history .people-content {
	margin-bottom: var(--module-spacing-large);
	padding: var(--module-spacing-medium) 0 0;
	position: relative;
}

.page-template-page-history .people-content:before {
	background: var(--off-white);
	bottom: 0;
	content: '';
	height: calc(100% - 267px);
	left: 0;
	position: absolute;
	width: 100%;
}

.page-template-page-history .people-content .pattern-waves {
	height: calc(100% - 267px);
}

.page-template-page-history .people-content article {
	grid-column: 2 / span 10;
	padding: 0 var(--module-spacing-small);
	text-align: center;
}

.page-template-page-history .people-content .heading-3 {
	margin-bottom: var(--text-spacing-xsmall);
}

.page-template-page-history .people-content ul {
	margin-bottom: var(--text-spacing-small);
}

.page-template-page-history .people-content ul,
.page-template-page-history .people-content .btn.primary {
	grid-column: 1 / -1;
}

.page-template-page-history .people-content .btn.primary {
	display: block;
	margin: 0 auto;
	max-width: max-content;
}

.people-content .cards-grid .card-content:has(img.fallback)::before,
.people-content .cards-grid li:has(img.fallback):not(:has(a))::before {
	background: var(--space-blue-40);
}

.page-template-page-history .people-content .cards-grid .card-content:has(img.fallback)::before,
.page-template-page-history .people-content .cards-grid li:has(img.fallback):not(:has(a))::before {
	background: var(--black);
}

/***************************************************************************************************************************************************************************************/

/*PRESS GUIDELINES PAGE STYLES*/

/***************************************************************************************************************************************************************************************/

/***Hero***/

.hero-plain:not(:has(p)) h1 {
	grid-column: 1 / -1;
	text-align: center;
}

/***Guidelines***/

.guidelines {
	padding: var(--module-spacing-large) 0;
}

.guidelines h2 {
	margin-bottom: var(--text-spacing-large);
	text-align: center;
}

/*Tabs Nav*/

.guidelines .tabs-nav {
	background: var(--white);
	box-shadow: var(--box-shadow);
	display: flex;
	justify-content: center;
	list-style: none;
	margin: 0 auto var(--module-spacing-medium);
	max-width: max-content;
	padding: 0 var(--text-spacing-medium);
}

.guidelines .tabs-nav button {
	background: none;
	border: none;
	padding: var(--text-spacing-xsmall) var(--text-spacing-medium);
}

.guidelines .tabs-nav li:not(.active) button:not(:hover) {
	color: var(--space-blue-40);
}

/*Tabs Content*/

.guidelines .tabs-content {
	list-style: none;
	margin: 0;
	padding: 0;
}

.guidelines article {
	grid-column: span 7;
	padding-right: var(--text-spacing-medium);
}

.guidelines h3,
.guidelines p.heading-6 {
	margin-bottom: var(--text-spacing-xsmall);
}

.guidelines .media-container {
	align-self: start;
	display: grid;
	gap: 23px var(--text-spacing-medium);
	grid-template-columns: calc(269/573 * 100%) 1fr;
	grid-column: span 5;
	list-style: none;
	margin: 0;
	padding: 0;
	width: calc(100% + 98px);
}

.guidelines .media-container li:first-child {
	grid-column: 1 / -1;
}

.guidelines .media-container a {
	display: block;
	position: relative;
}

.guidelines .media-container img {
	object-fit: cover;
	width: 100%;
}

.guidelines .media-container li:nth-of-type(1) img {
	aspect-ratio: 573/430;
}

.guidelines .media-container li:nth-of-type(2) img {
	aspect-ratio: 269/352;
}

.guidelines .media-container li:nth-of-type(3) img {
	aspect-ratio: 281/210;
}

.guidelines .media-container .btn {
	bottom: var(--text-spacing-xxsmall);
	position: absolute;
	right: var(--text-spacing-xxsmall);
}

.guidelines .media-container p {
	font-weight: bold;
	margin: var(--text-spacing-xsmall) 0 0;
}

/***Accordions***/

.accordions.dark {
	overflow: hidden;
	padding: var(--module-spacing-medium) 0;
	position: relative;
}

.accordions.dark .accordion {
	border-color: rgb(255 255 255 / .4);
}

.accordions.dark .accordion button {
	color: var(--white);
}

.accordions.dark .accordion .btn.icon {
	background: var(--crimson-red-dark);
}

.accordions.dark .accordion.active button:hover .btn.icon {
	background: rgb(255 255 255 / .6);
}

/***************************************************************************************************************************************************************************************/

/*SEARCH RESULTS STYLES*/

/***************************************************************************************************************************************************************************************/

/***Search***/

.stay-search {
	position: relative;
}

/***Results***/

.search-results-container {
	padding: var(--module-spacing-medium) 0 var(--module-spacing-large);
}

.search-results-container h1,
.search-results-container ul,
.search-results-container .wp-pagenavi,
.search-results-container .no-results {
	grid-column: 2 / span 10;
}

.search-results-container h1 {
	margin-bottom: var(--text-spacing-small);
	text-align: center;
}

.search-results-container .no-results {
	text-align: center;
}

.search-results-container ul {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
	list-style: none;
	margin: 0 0 var(--text-spacing-small);
	padding: 0;
}

.search-results-container .wp-pagenavi {
	margin: 0;
}

/***************************************************************************************************************************************************************************************/

/*MQ MIN-WIDTH 1201 (All Sizes BUT Tablet/Mobile)*/

/***************************************************************************************************************************************************************************************/

@media only screen and (min-width: calc(1201rem/16)) {

	/***Dark Header***/

	header.dark-header:not(.super-sticky):not(.dropdown-open):not(:has(.search-pop.active)) #menu-main > li > a {
		color: var(--white);
		text-shadow: 0px 10px 20px rgba(0, 0, 0, 0.30);
	}

	header.dark-header:not(.super-sticky):not(.dropdown-open):not(:has(.search-pop.active)) #menu-main > li.menu-item-has-children > a:after {
		background-color: #DFDFDF4D;
		background-image: url('svgs/caret-down-FFFFFF.svg');
	}

	header.dark-header:not(.super-sticky):not(.dropdown-open):not(:has(.search-pop.active)) .btn.open-search {
		background: var(--white);
	}

	header.dark-header:not(.super-sticky):not(.dropdown-open):not(:has(.search-pop.active)) .btn.open-search:hover {
		background: rgb(255,255,255,.6);
	}

	header.dark-header:not(.super-sticky):not(.dropdown-open):not(:has(.search-pop.active)) .btn.primary {
		background: var(--crimson-red-dark);
	}

	header.dark-header:not(.super-sticky):not(.dropdown-open):not(:has(.search-pop.active)) .btn.primary:hover {
		background: var(--penn-red);
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MIN-WIDTH 1778 (1778 is when the container width is ~1600)*/

/***************************************************************************************************************************************************************************************/

@media only screen and (min-width: calc(1778rem/16)) {

	:root {
		--container-width: var(--container-max-width);
	}

	/***Header***/

	/*Mega Menu*/

	.sub-menu .callout,
	.sub-menu .small-featured-posts {
		padding-left: var(--container-outer-margin);
	}

	.sub-menu.style2 .menu-content-container {
		width: calc(100% + var(--container-outer-padding));
	}

	.sub-menu.style3 .large-featured-post {
		width: calc(100% + var(--container-outer-padding));
	}

	.sub-menu .events-column {
		padding-right: calc(var(--container-outer-margin) - var(--container-outer-padding));
	}

	/*** Single Post ***/

	.shortcode.full-carousel .grid article {
		left: 0;
        width: 100%;
	}

	.shortcode.full-carousel .slick-arrow {
		left: 0;
	}

	.shortcode.full-carousel .slick-next {
		left: calc(var(--text-spacing-xlarge) + var(--text-spacing-xxsmall));
	}

	.shortcode.full-carousel .slick-dots {
		left: calc(var(--text-spacing-xlarge) + var(--text-spacing-xxsmall) + var(--text-spacing-xlarge) + var(--text-spacing-small));
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 1400 - Smaller Desktop Sizes*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: calc(1400rem/16)) {

	:root {
		--container-width: 100%;
		--container-outer-margin: 0px;
	}

	.breadcrumbs {
		padding: 0 var(--container-outer-padding);
	}

	/***Header***/

	#menu-main {
		gap: var(--text-spacing-small);
	}

	#menu-main > li > a {
		font-size: calc(12rem / 16);
	}

	/*Mega Menu*/

	.sub-menu .callout {
		padding: var(--text-spacing-medium) var(--text-spacing-xxlarge) 72px var(--container-outer-padding);
	}

	.sub-menu .two-featured-posts {
		width: calc(100% + 10px);
	}

	.sub-menu.style2 .menu-content-container {
		width: calc(100% - var(--text-spacing-medium));
	}

	.sub-menu .small-featured-posts {
		padding: var(--text-spacing-medium) var(--container-outer-padding) var(--module-spacing-small);
	}

	.sub-menu.style3 .large-featured-post {
		width: 100%;
	}

	.sub-menu .events-column {
		padding: var(--text-spacing-large) var(--container-outer-padding) var(--module-spacing-small);
	}

	.sub-menu .events-column .event-link h4 {
		font-size: calc(16rem / 16);
	}

	/***Page Builder***/

	/* Grantee Spotlight */

	.grantee-spotlight .link-card .image-wrapper {
		margin-block: var(--text-spacing-large);
	}

	.grantee-spotlight .link-card {
		background-color: unset;
		background-image: linear-gradient(to right, transparent 0%, transparent 10%, var(--white) 10%, var(--white) 100%);
		grid-template-columns: minmax(0, 2fr) 5fr;
	}

	/*Side by Side Content*/

	.side-by-side-content.style1 .media,
	.side-by-side-content.style3 .media {
		width: calc(100% + var(--container-outer-margin) + var(--container-outer-padding));
	}

	/***Single Post***/

	.post-content aside,
	.share-post.sticky {
		margin: 0;
	}

	.shortcode {
		margin: var(--module-spacing-small) 0;
		width: 100%;
	}

	.hero-post:before {
		left: 50%;
		transform: translate3d(-50%, 0, 0);
		width: 100vw;
	}

	/***Single Grant***/

	.single-grant .post-content aside {
		width: 100%;
	}

	/***Our History***/

	.timeline .media {
		width: 100%;
	}

	/***Press Guidelines***/

	.guidelines .media-container {
		width: 100%;
	}

	/***Topic Taxonomy***/

	.featured-quote .btn.icon {
		left: 0;
	}

	.featured-quote .related-box {
		right: 0;
	}

	.featured-post article {
		margin-right: calc(var(--container-outer-padding) * -1);
	}

	/***Single People***/

	.post-content.bio-content article {
		padding-right: 0;
	}

	/*** Single Legacy Post ***/

	.legacy-single-hero p.hero-caption {
		padding-left: var(--text-spacing-small);
		width: calc((var(--one-column-width) * 3) + (var(--gap) * 2));
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 1200 - Smaller Desktop Sizes / Larger Tablet Sizes*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: calc(1200rem/16)) {

	:root {
		--container-outer-padding: 40px;
	}

	html.active,
	html.active body {
		height: 100%;
		overflow: hidden;
	}

	h1.mega,
	.heading-1.mega {
		font-size: calc(72rem/16);
		line-height: calc(88/72);
	}

	/***Header***/

	header {
		padding: var(--text-spacing-small) var(--container-outer-padding);
	}

	header.dark-header {
		margin: 1px 0 -98px;
	}

	header.active {
		position: absolute;
	}

	header .logo {
		margin: 0;
		position: relative;
		z-index: 99999;
	}

	header.dropdown-open .logo,
	header:not(.active):has(nav:focus-within) .logo {
		opacity: 0;
		pointer-events: none;
		visibility: hidden;
	}

	header .mobile-menu {
		align-items: center;
		background: var(--smoke-gray);
		border: 0;
		cursor: pointer;
		display: flex !important;
		flex-direction: column;
		height: var(--text-spacing-xlarge);
		justify-content: center;
		margin: 0 0 0 auto;
		overflow: hidden;
		position: relative;
		width: var(--text-spacing-xlarge);
		z-index: 99999;
		--menu-bar-height: 2px; /*Height of an individual menu bar*/
		--menu-bar-margin: 4px; /*Amount of spacing between the menu bars*/
		--menu-bar-width: 19px; /*Width of the menu bars*/
	}

	.alert-bar + header.active.dropdown-open .mobile-menu {
		margin-top: -70px;
	}

	header .mobile-menu span:not(.accessibility) {
		background: var(--black);
		border-radius: 1px;
		display: block;
		height: var(--menu-bar-height);
		position: relative;
		width: var(--menu-bar-width);
	}

	header .mobile-menu span:nth-of-type(2) {
		margin: var(--menu-bar-margin) 0;
	}

	/*Close*/

	header.active .mobile-menu,
	header:not(.active):has(.mobile-menu:focus) .mobile-menu,
	header:not(.active):has(nav:focus-within) .mobile-menu {
		background: var(--space-blue-15);
	}

	header.active .mobile-menu span:nth-of-type(1) {
		transform: translateY(calc(var(--menu-bar-height) + var(--menu-bar-margin))) rotate(45deg);
	}

	header.active .mobile-menu span:nth-of-type(2) {
		margin-right: auto;
		width: 0;
	}

	header.active .mobile-menu span:nth-of-type(3) {
		transform: translateY(calc((var(--menu-bar-height) + var(--menu-bar-margin)) * -1)) rotate(-45deg);
	}

	/*Nav*/

	header nav {
		align-items: center;
		background: var(--white);
		display: flex;
		flex-direction: column;
		height: 100dvh;
		justify-content: center;
		left: 0;
		margin-left: 0;
		opacity: 0;
		overflow: auto;
		padding: 100px var(--container-outer-padding) 50px;
		position: absolute;
		top: 0;
		transition: .3s;
		visibility: hidden;
		width: 100%;
		z-index: 9999;
	}

	header.active nav,
	header:not(.active):has(.mobile-menu:focus) nav,
	header:not(.active) nav:focus-within {
		opacity: 1;
		visibility: visible;
	}

	header nav #menu-main {
		align-items: center;
		flex-direction: column;
		gap: var(--text-spacing-large);
		height: max-content;
		justify-content: flex-start;
		overflow: auto;
		padding: 0;
		position: relative;
		top: unset;
		width: 100%;
		max-width: 100dvw;
	}

	header nav #menu-main > li {
		margin: 0;
		padding: 0;
		width: max-content;
	}

	#menu-main > li > a {
		color: var(--black);
		font-size: calc(16rem / 16);
		letter-spacing: 1.6px;
		line-height: calc(24 / 16);
	}

	#menu-main > li.menu-item-has-children > a:after {
		background-position: 50% calc(50% - 1px);
		background-size: 8px auto;
		height: 26px;
		transform: rotate(-90deg);
		width: 26px;
	}

	#menu-main > li.menu-item-has-children:hover > a:after {
		background-color: var(--smoke-gray);
		transform: rotate(-90deg);
	}

	header:not(.active) nav:focus-within #menu-main > li > a {
		pointer-events: none;
	}

	header #back-to-main-nav {
		background: unset;
		border: unset;
		display: flex !important;
		font: 600 calc(16rem / 16)/calc(24 / 16) var(--body-font);
		left: var(--container-outer-padding);
		opacity: 0;
		padding: 0 0 0 22px;
		pointer-events: none;
		position: fixed;
		top: 38px;
		visibility: hidden;
		z-index: 99;
	}

	header #back-to-main-nav:before {
		aspect-ratio: 1;
		background: url('svgs/arrow-left-25221F.svg') no-repeat center / 100% auto;
		content: '';
		height: auto;
		left: 0;
		position: absolute;
		top: 50%;
		transform: translate3d(0, -50%, 0);
		width: 14px;
	}

	header #back-to-main-nav:after {
		background: var(--smoke-gray);
		content: '';
		height: 100px;
		left: 0;
		pointer-events: none;
		position: fixed;
		top: 0;
		width: 100vw;
		z-index: -1;
	}

	/*Open*/

	header.dropdown-open #back-to-main-nav {
		opacity: 1;
		pointer-events: auto;
		visibility: visible;
	}

	/*Dropdown*/

	header #menu-main > li > .sub-menu,
	header #menu-main > li:hover > .sub-menu {
		background: var(--white);
		height: 100dvh;
		left: 0;
		opacity: 0;
		overflow: auto;
		overflow-x: clip;
		padding: 100px 0 var(--module-spacing-medium);
		pointer-events: none;
		position: fixed;
		top: 0;
		transform: translate3d(0, 0, 0);
		visibility: hidden;
		width: 100vw;
		z-index: 1;
	}

	header #menu-main > li.active > .sub-menu {
		opacity: 1;
		pointer-events: all;
		visibility: visible;
	}

	.sub-menu .callout,
	.sub-menu .small-featured-posts {
		grid-column: 1 / -1;
		margin: 0 0 var(--text-spacing-small);
		padding: 0 var(--container-outer-padding) var(--text-spacing-xlarge);
		width: calc(100% + (2 * var(--container-outer-padding)));
	}

	.sub-menu .callout:before,
	.sub-menu .small-featured-posts:before {
		background: var(--smoke-gray);
		content: '';
		height: 101px;
		left: 0;
		pointer-events: none;
		position: absolute;
		top: -100px;
		width: 100%;
	}

	.sub-menu .callout .heading-5 {
		font-size: calc(38rem / 16);
		letter-spacing: -0.4px;
		line-height: calc(42 / 38);
	}

	.sub-menu .heading-5.small {
		font-size: calc(30rem / 16);
		letter-spacing: -0.2px;
		line-height: calc(34 / 30);
	}

	.sub-menu .links-list,
	.sub-menu.style3 .links-list,
	.sub-menu .links-container {
		grid-column:  1 / span 5;
		padding: 0;
		width: 100%;
	}

	.sub-menu.style3 .links-list {
		grid-column: 1 / span 6;
	}

	.sub-menu .links-container {
		grid-column: 1 / -1;
	}

	.sub-menu .two-featured-posts {
		grid-column: 6 / -1;
		left: 0;
		padding: 0;
		width: 100%;
	}

	.sub-menu.style2 .menu-content-container {
		grid-column: 1 / -1;
		left: 0;
		padding: 0;
		width: 100%;
	}

	.small-featured-posts .image-text-link {
		align-items: center;
		max-width: 650px;
	}

	.small-featured-posts .image-text-link .image-container {
		width: 140px;
	}

	.small-featured-posts .image-text-link h4 {
		width: calc(100% - var(--text-spacing-xsmall) - 140px);
	}

	.sub-menu.style3 .large-featured-post {
		grid-column: 7 / -1;
		left: 0;
		padding: 0;
	}

	.sub-menu .events-column {
		grid-column: 1 / -1;
		left: calc(-1 * var(--container-outer-padding));
		margin-bottom: calc(-1 * var(--module-spacing-medium));
		padding: var(--text-spacing-large) var(--container-outer-padding) var(--text-spacing-xlarge);
		width: calc(100% + (2 * var(--container-outer-padding)));
	}

	/*Search*/

	header .btn.open-search {
		display: none;
	}

	header.active:not(.dropdown-open) .search-pop {
		background: none;
		margin: var(--module-spacing-small) 0 0;
		opacity: 1;
		padding: 0;
		pointer-events: unset;
		position: static;
		visibility: visible;
		width: max-content;
		z-index: 1;
	}

	header .search-pop .pattern-waves,
	header .search-pop .close-search,
	header .search-pop button.btn.icon svg {
		display: none;
	}

	header .search-pop form {
		grid-column: 1 / -1;
		padding: 0 0 5px;
		position: relative;
	}

	header .search-pop input[type=text] {
		display: flex;
		font-size: calc(16rem / 16);
		font-weight: 500;
		gap: var(--text-spacing-xxsmall);
		height: auto;
		letter-spacing: 0.1px;
		line-height: calc(24 / 16);
		padding-left: 0;
	}

	header .search-pop button.btn.icon {
		height: var(--text-spacing-medium);
		padding: 0;
		width: var(--text-spacing-medium);
	}

	header .search-pop .fa-magnifying-glass {
		color: var(--white);
		font-size: 1rem;
		margin: 0;
		position: absolute;
		right: 7px;
		top: 8px;
		z-index: 2;
	}

	/*Header Primary Button*/

	header nav > .btn.primary {
		margin: var(--text-spacing-small) 0 0;
	}

	/***Footer***/

	footer.grid {
		row-gap: var(--text-spacing-medium);
		padding: var(--text-spacing-xxlarge) var(--container-outer-padding);
		text-align: center;
	}

	footer .logo,
	footer .heading-5,
	footer .column,
	footer #menu-footer,
	footer .content-container,
	footer .newsletter {
		grid-column: 1 / -1;
		margin: 0;
	}

	footer .logo svg {
		height: 58px;
		width: auto;
	}

	footer .column ul {
		justify-content: center;
		margin-bottom: var(--text-spacing-medium);
	}

	footer #menu-footer {
		flex-direction: row;
		gap: var(--text-spacing-medium);
		justify-content: center;
	}

	footer .content-container {
		row-gap: var(--text-spacing-xxlarge);
	}

	footer .newsletter {
		margin: 0 auto;
		max-width: 518px;
		order: -1;
		width: 100%;
	}

	footer .copyright {
		margin-top: var(--text-spacing-small);
		row-gap: var(--text-spacing-xsmall);
	}

	/***Page Builder***/

	/*Hero - Style 5*/

	.hero.style5 article {
		padding: var(--module-spacing-medium) var(--text-spacing-large);
	}

	/*Featured Blog Post*/

	.featured-blog-post {
		height: auto;
		padding: calc(var(--module-spacing-large) + var(--text-spacing-small)) 0 var(--module-spacing-large);
	}

	/*Charts*/

	.pie-chart {
		margin: 0;
		width: 100%;
	}

	.pie-chart .inner-circle {
		width: calc(393/515* 100%);
	}

	/***Staff***/

	.people-content ul {
		gap: var(--text-spacing-medium);
	}

	/***Our History***/

	.timeline li::after {
		left: calc(230/1195 * 100%);
	}

	/***Topic Taxonomy***/

	.hero-tag .media p {
		margin: 0 var(--container-outer-padding);
		padding: var(--text-spacing-xsmall) 0;
		width: calc(100% - (var(--container-outer-padding) * 2));
	}

	.featured-quote .quote-text {
		padding-right: 260px;
	}

	/***Post Archive***/

	body:has(.sidebar-container.active)::before {
		z-index: 9999999;
	}

	.archive-content > .container {
		transform: unset !important;
	}

	.archive-content form,
	.archive-content article {
		grid-column: 1 / -1;
	}

	.archive-content .sort {
		top: 42px;
	}

	.archive-content .sort-bar .post-tag {
		display: none;
	}

	.archive-content #open-filters {
		background: none;
		border: none;
		display: flex;
		max-width: max-content;
		padding: 0;
	}

	.archive-content .sidebar-container {
		background: var(--white);
		height: 100dvh;
		left: unset;
		max-height: unset;
		max-width: 310px;
		overflow: auto;
		padding: var(--text-spacing-xlarge) var(--text-spacing-small) var(--text-spacing-small);
		position: fixed;
		right: 0;
		top: 0;
		transform: translate3d(100%, 0, 0);
		transition: transform 0.25s ease;
		width: 100vw;
		z-index: 9999999;
	}

	.archive-content .sidebar-container.active {
		transform: translate3d(0, 0, 0);
	}

	.archive-content .sidebar-container::before {
		display: none;
	}

	.archive-content .sidebar-container #close-filters {
		background: none;
		display: block;
		font-size: calc(18rem/16);
		padding: var(--text-spacing-xxsmall);
		position: absolute;
		right: 0;
		top: 0;
	}

	.loop-event-card article {
		padding: var(--text-spacing-small);
	}

	#main:has(.hero-archive + .archive-content) .hero-archive + .archive-content {
		padding-top: 0;
	}

	/***Post Single***/

	/* With no issue-cover sidebar the legacy layout collapses to a single full-width
	   column at this breakpoint. Use :has() so EVERY article segment goes full width:
	   content-sidebar shortcodes split the body into multiple <article>s, and the
	   segments after the first were keeping the two-column left offset. */
	.post-content.legacy-content .container:has(> aside:first-child:empty) > article {
		grid-column: 1 / -1;
	}

	.post-content.legacy-content .container > aside:empty + article {
		padding-top: var(--module-spacing-medium);
	}

	.shortcode.grants {
		padding-bottom: var(--module-spacing-medium);
	}

	.shortcode.cross-promo::before {
		width: 90%;
	}

	.shortcode.podcast-embed div.art19-web-player {
		width: 100%;
	}

	.shortcode.full-carousel article {
		grid-column: span 5;
	}

	.shortcode.full-carousel .media {
		grid-column: span 7;
	}

	/***Single Grant***/

	.grant-content aside:only-child ul li {
		max-width: 100%;
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 950 - Tablet Sizes*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: calc(950rem/16)) {

	:root {
		--module-spacing-medium: 64px;
		--module-spacing-large: 100px;
		--module-spacing-xlarge: 120px;
	}

	.tablet-only {
		display: block !important;
	}

	.desktop-only {
		display: none !important;
	}

	h1,
	.heading-1 {
		font-size: calc(58rem/16);
		letter-spacing: -.8px;
		line-height: calc(60/58);
	}

	h2,
	.heading-2 {
		font-size: calc(52rem/16);
		letter-spacing: -.6px;
		line-height: calc(56/52);
	}

	h3,
	.heading-3,
	.content-styles h2:not([class]) {
		font-size: calc(44rem/16);
		letter-spacing: -.4px;
		line-height: calc(50/44);
	}

	h4,
	.heading-4,
	.content-styles h3:not([class]),
	.search-pop input[type=text] {
		font-size: calc(36rem/16);
		letter-spacing: -.4px;
		line-height: calc(40/36);
	}

	h5,
	.heading-5,
	.content-styles h4:not([class]) {
		font-size: calc(30rem/16);
		letter-spacing: -.3px;
		line-height: calc(38/30);
	}

	p,
	ul,
	ol {
		font-size: calc(18rem/16);
		letter-spacing: -0.1px;
		line-height: calc(32/18);
	}

	p.xlarge,
	u.xlarge,
	ol.xlarge,
	.xlarge-text p,
	.xlarge-text ul,
	.xlarge-text ol,
	p.large,
	ul.large,
	ol.large,
	.large-text p,
	.large-text ul,
	.large-text ol {
		font-size: calc(20rem/16);
		line-height: calc(36/20);
	}

	p.small,
	ul.small,
	ol.small,
	.small-text p,
	.small-text ul,
	.small-text ol,
	p.xsmall,
	ul.xsmall,
	ol.xsmall,
	.xsmall-text p,
	.xsmall-text ul,
	.xsmall-text ol {
		font-size: 1rem;
		line-height: calc(26/16);
	}

	p.xxsmall,
	ul.xxsmall,
	ol.xxsmall,
	.xxsmall-text p,
	.xxsmall-text ul,
	.xxsmall-text ol,
	.archive-content .sort select {
		font-size: calc(15rem/16);
		line-height: calc(26/15);
	}

	.eyebrow:not(.no-icon) {
		background-position: center top;
		padding: var(--text-spacing-medium) 0 0;
		text-align: center;
	}

	.btn.mega {
		font-size: calc(28rem/16);
		line-height: calc(32/28);
	}

	.btn.primary,
	.btn.secondary,
	.btn.primary.small,
	.btn.secondary.small {
		font-size: 1rem;
		line-height: calc(24/16);
		letter-spacing: 0.1px;
	}

	.btn.primary {
		padding: var(--text-spacing-xsmall) var(--text-spacing-medium);
	}

	.btn.primary.small {
		padding: 11px var(--text-spacing-small) 12px;
	}

	.btn.secondary {
		gap: 14px;
	}

	.btn.secondary .icon {
		height: 44px;
		flex-shrink: 0;
		font-size: 1rem;
		width: 44px;
	}

	.btn.icon.large,
	.btn.secondary.large .icon {
		font-size: calc(24rem/16);
		height: var(--text-spacing-xxlarge);
		width: var(--text-spacing-xxlarge);
	}

	.bordered {
		border: none;
	}

	.breadcrumbs,
	.hero-post .breadcrumbs {
		margin-bottom: var(--text-spacing-large);
	}

	/***Content Styles***/

	.content-styles ol:not([class]) li::before {
		top: 0;
	}

	/***Header***/

	.sub-menu .links-list,
	.sub-menu.style3 .links-list,
	.sub-menu .links-container,
	.sub-menu.style3 .links-list,
	.sub-menu .two-featured-posts,
	.sub-menu.style3 .large-featured-post {
		grid-column: 1 / -1;
	}

	.sub-menu .callout,
	.sub-menu .small-featured-posts {
		margin: 0;
	}

	.sub-menu .links-container {
		flex-direction: column;
		gap: var(--text-spacing-small);
	}

	.sub-menu .links-container .links-list {
		width: 100%;
	}

	.sub-menu .two-featured-posts ul {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.sub-menu.style2 .menu-content-container {
		gap: var(--gap);
		grid-template-columns: minmax(0, 1fr);
	}

	.sub-menu .featured-posts-plain:before {
		height: 1px;
		left: 0;
		top: -20px;
		width: 100%;
	}

	/***Page Builder***/

	/*Hero - Style 1*/

	.hero.style1 .heading-1 {
		margin-bottom: var(--text-spacing-xxsmall);
	}

	.hero.style1.left article {
		grid-column: 1 / -1;
	}

	/*Hero - Style 2*/

	.hero.style2 .grid {
		row-gap: var(--text-spacing-xsmall);
	}

	.hero.style2 article,
	.hero.style2 p.large {
		grid-column: 1 / -1;
		padding: 0;
		text-align: center;
	}

	.hero.style2 article {
		margin: 0;
	}

	.hero.style2 .media {
		height: 400px;
	}

	/*Hero - Style 4*/

	.hero.style4 article,
	.hero.style5 article,
	.hero.style4 .media,
	.hero.style5 .media {
		grid-column: 1 / -1;
	}

	.hero.style4 article,
	.hero.style5 article {
		padding: var(--module-spacing-large) 0 0;
		text-align: center;
	}

	.hero.style4 .media,
	.hero.style5 .media {
		margin: 0 calc(var(--container-outer-padding) * -1);
		width: 100vw;
	}

	/*Hero - Style 5*/

	.hero.style5 {
		overflow-x: clip;
		padding-top: 0;
	}

	.hero.style5 article {
		text-align: center;
	}

	.hero.style5 .media {
		padding: 0;
	}

	.hero.style5 .media .slick-track {
		gap: var(--text-spacing-xsmall);
	}

	.hero.style5 .media .bottom-container {
		gap: var(--text-spacing-xsmall);
	}

	.hero.style5 .media .image-container,
	.hero.style5 .media .bottom-container .image-container:nth-of-type(1),
	.hero.style5 .media .bottom-container .image-container:nth-of-type(2) {
		aspect-ratio: 287 / 214;
		height: auto;
		width: calc(287 / 768 * 100vw);
	}

	.hero.style5 .media .image-container img {
		height: 100%;
		object-fit: cover;
		width: 100%;
	}

	/* Grantee Spotlight */

	.grantee-spotlight .container {
		grid-template-columns: 1fr;
	}

	.grantee-spotlight .image-wrapper.tablet-only {
		margin-bottom: var(--text-spacing-large);
	}

	/*Cards Grid*/

	.cards-grid {
		overflow: hidden;
	}

	.cards-grid .container.grid {
		gap: var(--text-spacing-medium);
	}

	.cards-grid h1.eyebrow {
		text-align: center;
	}

	.cards-grid ul.grid,
	.cards-grid .slick-track {
		align-items: start;
		height: unset;
	}

	.cards-grid ul.grid,
	.cards-grid.style1 ul.grid {
		align-items: start;
		display: flex;
		gap: var(--text-spacing-medium);
		margin: 0 calc(var(--container-outer-padding) * -1);
		overflow: auto;
		padding: 0 var(--container-outer-padding);
		width: 100vw;
	}

	.cards-grid ul.grid li,
	.cards-grid .slide a {
		aspect-ratio: unset !important;
	}

	.cards-grid ul.grid li,
	.cards-grid.style1 li:nth-of-type(3) {
		background: none;
		flex-shrink: 0;
		height: unset;
		margin: 0;
		width: calc(50% - var(--text-spacing-xsmall) - var(--text-spacing-xlarge));
	}

	.cards-grid .card-content {
		color: var(--black);
		gap: 0;
		padding: 0;
	}

	.cards-grid img {
		display: block;
		height: 196px;
		margin: 0 0 var(--text-spacing-xsmall);
		position: static;
		width: 100%;
	}

	.cards-grid .card-content:hover img,
	.cards-grid .card-content:focus img {
		opacity: 1;
	}

	.cards-grid .card-content::before,
	.cards-grid .pattern-waves-small,
	.cards-grid .btn.card-link,
	.cards-grid .card-content:hover .btn,
	.cards-grid .card-content:focus .btn {
		display: none;
	}

	.cards-grid .heading-4 {
		font: 600 calc(22rem/16)/calc(32/22) var(--body-font);
		letter-spacing: 0;
	}

	/*Cards Grid - Style 2*/

	.cards-grid.style2 article {
		padding: 0;
	}

	/*Cards Grid - Style 3*/

	.cards-grid.style3 .slide,
	.cards-grid.style3 .slide:has(a) {
		background: none;
	}

	.cards-grid .slide p {
		display: block;
	}

	.cards-grid .btn {
		display: flex;
	}

	.cards-grid.style2 .slide .btn,
	.cards-grid.style3 .slide .btn {
		background: var(--crimson-red-light);
		color: var(--white);
		right: 0;
		position: absolute;
		top: calc(196px - var(--text-spacing-xlarge));
	}

	/*Full Width Media*/

	.full-width-media .pattern-dots svg,
	.hero.style2 .media .pattern-dots svg,
	.hero-post .media .pattern-dots svg,
	.hero-grant .pattern-dots svg {
		margin-bottom: calc(24px/2 * -1);
		width: 24px;
	}

	/*Side by Side Content*/

	.side-by-side-content + .side-by-side-content.dark {
		margin: 0;
	}

	.side-by-side-content.style2.dark::before {
		display: none;
	}

	.side-by-side-content.style1 article,
	.side-by-side-content.style1 .media,
	.side-by-side-content.style2 article,
	.side-by-side-content.style2 .media,
	.side-by-side-content.style3 article,
	.side-by-side-content.style3 .media {
		grid-column: 1 / -1;
	}

	.side-by-side-content.style1 article,
	.side-by-side-content.style3 article,
	.side-by-side-content.style1.reversed article,
	.side-by-side-content.style3.reversed article,
	.side-by-side-content article,
	.side-by-side-content.dark article {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
		text-align: center;
	}

	.side-by-side-content.style1.dark article {
		padding-bottom: var(--text-spacing-small);
		padding-top: var(--module-spacing-large);
	}

	.side-by-side-content.style2.dark {
		padding-bottom: 0;
	}

	.side-by-side-content .heading-3,
	.side-by-side-content .heading-4,
	.side-by-side-content .heading-5,
	.side-by-side-content .eyebrow {
		margin-bottom: var(--text-spacing-xsmall);
	}

	.side-by-side-content .eyebrow {
		margin-left: auto;
		margin-right: auto;
		max-width: max-content;
	}

	.side-by-side-content p {
		margin-bottom: var(--text-spacing-small);
	}

	.side-by-side-content p:last-child {
		margin: 0;
	}

	.side-by-side-content.style1 .media,
	.side-by-side-content.style2 .media,
	.side-by-side-content.style3 .media {
		margin: 0 var(--viewport-edge);
		min-width: calc(100% + var(--viewport-edge) * -2);
	}

	.side-by-side-content.style3 {
		padding: 0;
	}

	.side-by-side-content.style3 article {
		padding-top: var(--module-spacing-small);
		padding-bottom: var(--text-spacing-small);
	}

	.side-by-side-content.style3 .pattern-waves {
		width: 100%;
	}

	.side-by-side-content.reversed .media {
		order: 0;
	}

	/*Featured Blog Grid*/

	.featured-blog-grid ul {
		row-gap: var(--text-spacing-xxlarge);
	}

	.featured-blog-grid .loop-featured {
		grid-column: 1 / -1;
		grid-row: auto;
	}

	.featured-blog-grid .loop-simple {
		grid-column: span 6;
		padding: 0;
	}

	.featured-blog-grid .loop-simple .btn.card-link.tablet-only {
		display: flex !important;
		gap: var(--text-spacing-xxsmall);
		margin: var(--text-spacing-xsmall) 0 0;
	}

	/*Charts*/

	.pie-chart,
	.chart-data {
		grid-column: 1 / -1;
	}

	.pie-chart {
		margin: 0 auto;
		max-width: 350px;
		width: 100%;
	}

	.chart-data {
		padding: 0;
	}

	/*Text Content - Style 2*/

	.text-content.style2 .grid {
		row-gap: var(--text-spacing-xsmall);
	}

	.text-content.style2 .heading-3,
	.text-content.style2 article {
		grid-column: 1 / -1;
		text-align: center;
	}

	.text-content.style2 article {
		padding: 0;
	}

	/*Featured Resource*/

	.featured-resources ul {
		display: flex;
		gap: var(--text-spacing-medium);
		margin: 0 calc(var(--container-outer-padding) * -1);
		overflow: auto;
		padding: 0 var(--container-outer-padding);
		width: 100vw;
	}

	.featured-resources li {
		flex-shrink: 0;
		width: calc(50% - var(--text-spacing-xsmall) - var(--text-spacing-medium));
	}

	/*Stats*/

	.stats article {
		align-items: center;
		flex-direction: column;
		gap: var(--text-spacing-small);
		text-align: center;
	}

	.stats aside,
	.stats .map-container {
		grid-column: 1 / -1;
		padding: 0;
	}

	.stats aside::before {
		display: none;
	}

	.stats aside ul {
		flex-direction: row;
		gap: var(--text-spacing-xlarge);
	}

	.stats aside span,
	.stat-block .stat-number,
	.shortcode.bento .group:not(.layout-group_2) .bento-card:has(.graphic:empty) .heading-1 {
		font-size: calc(60rem/16);
	}

	.stats .map-container {
		margin-top: var(--text-spacing-small);
	}

	/*Program Staff*/

	.program-staff {
		padding-bottom: var(--module-spacing-medium);
	}

	.program-staff .pattern-waves {
		height: 100%;
	}

	.program-staff .staff,
	.program-staff .container > .content-styles,
	.program-staff aside {
		grid-column: 1 / -1;
	}

	/*CTA - Style 4*/

	.ctas.style4 article,
	.ctas.style5 article {
		grid-column: 1 / -1;
		padding-left: var(--container-outer-padding);
		padding-right: var(--container-outer-padding);
	}

	/*Events*/

	.upcoming-events {
		overflow: hidden;
	}

	.upcoming-events article.content-styles,
	.upcoming-events ul {
		grid-column: 1 / -1;
		padding: 0;
	}

	.upcoming-events article.content-styles {
		text-align: center;
	}

	.upcoming-events p {
		margin-bottom: 0;
	}

	.upcoming-events .btn.primary {
		margin: var(--text-spacing-small) 0 0;
	}

	/*Recent News*/

	.recent-news .pattern-waves {
		width: 100%;
	}

	.recent-news .container > article {
		padding-right: 160px;
	}

	.recent-news .slick-track {
		gap: var(--text-spacing-small);
	}

	/*Accordions*/

	.accordions .grid {
		row-gap: var(--text-spacing-xsmall);
	}

	.accordions .accordion button {
		gap: var(--gap);
	}

	.accordions .heading-3,
	.accordions .heading-3 + article {
		grid-column: 1 / -1;
		text-align: center;
	}

	.accordions .heading-3 + article {
		padding: 0;
	}

	.accordions > .container > ul {
		margin: 0;
	}

	/*Featured Initiative*/

	.featured-initiative-post {
		padding: 0;
	}

	.featured-initiative-post img {
		height: 350px;
		position: static;
	}

	.featured-initiative-post article {
		grid-column: 1 / -1;
		margin: 0 calc(var(--container-outer-padding) * -1);
		padding: var(--text-spacing-xxlarge) var(--container-outer-padding);
		text-align: center;
		width: 100vw;
	}

	/* Story as Legacy */

	.story-as-legacy article {
		padding: var(--text-spacing-xxsmall) 0 var(--module-spacing-small) var(--text-spacing-medium);
	}

	.story-as-legacy aside {
		padding: var(--text-spacing-xxsmall) var(--text-spacing-medium) var(--module-spacing-small) 0;
	}

	.shortcode.timeline-shortcode .year-group {
		flex-direction: column;
		gap: var(--text-spacing-xsmall);
	}

	.shortcode.timeline-shortcode .year-group article.content-styles {
		order: initial;
	}

	.shortcode.timeline-shortcode .year-group .btn.mega {
		width: 80px;
	}

	/***Default Template***/

	.page-content article {
		grid-column: 1 / -1;
	}

	/***Post Single***/

	.hero-post .container {
		row-gap: var(--text-spacing-xxsmall);
		text-align: center;
	}

	.hero-post .breadcrumbs {
		padding: 0 var(--container-outer-padding);
	}

	.hero-post h1,
	.hero-post article,
	.hero-post article + article,
	.post-content .container > article,
	.post-content aside,
	.news-content:has(aside) article {
		grid-column: 1 / -1;
	}

	.hero-post {
		margin-bottom: var(--module-spacing-small);
	}

	.hero-post article h1 {
		justify-content: center;
	}

	.hero-post article + article {
		padding: 0;
	}

	.hero-post .media {
		margin: var(--text-spacing-large) 0 0;
		width: 100%;
	}

	.hero-post .media.half {
		grid-column: 1 / -1;
	}

	.post-content article.content-styles {
		order: -1;
		padding: 0;
	}

	.post-content aside {
		width: 100%;
	}

	.share-post.sticky {
		display: none;
	}

	.share-post.sticky .post-tag {
		left: 50%;
		position: absolute;
		top: 0;
		transform: translate3d(-50%, 0, 0);
	}

	.shortcode {
		margin: var(--module-spacing-small) 0;
		width: 100%;
	}

	.shortcode.cross-promo,
	.shortcode.cross-promo.external-link {
		flex-direction: column;
		padding: 0 0 var(--text-spacing-large);
		text-align: center;
	}

	.shortcode.cross-promo::before,
	.shortcode.cross-promo.external-link:before {
		bottom: 0;
		left: var(--viewport-edge);
		height: 75%;
		top: auto;
		width: 100vw;
	}

	.shortcode.cross-promo article,
	.shortcode.cross-promo.external-link article {
		padding: 0;
	}

	.shortcode.cross-promo .media {
		width: 100%;
	}

	.shortcode.cross-promo.external-link article {
		order: 2;
	}

	.shortcode.cross-promo .media {
		width: 100%;
	}

	.shortcode.cross-promo:has(.media:empty)::before {
		height: 100%;
		width: 100vw;
	}

	.shortcode.cross-promo:has(.media:empty) article,
	.shortcode.cross-promo.external-link:has(.media:empty) article {
		padding-right: 0;
		padding-top: var(--text-spacing-large);
	}

	.shortcode.content-width-carousel .slide {
		width: calc(100vw - (2 * var(--container-outer-padding)) - 100px);
	}

	.grant-content aside::before {
		left: calc(var(--container-outer-padding) * -1);
		right: auto;
		width: 100vw;
	}

	/***People Single***/

	.hero-people article,
	.hero-grant article,
	.hero-people .media,
	.hero-grant .media,
	.post-content.bio-content article {
		grid-column: 1 / -1;
	}

	.hero-people {
		padding-bottom: 0;
		text-align: center;
	}

	.hero-people .pattern-waves {
		height: 75%;
	}

	.hero-people:has(.media > .fallback) {
		padding-bottom: var(--text-spacing-xxlarge);
	}

	.hero-people:has(.media > .fallback) .pattern-waves {
		height: 100%;
	}

	.hero-people .media {
		aspect-ratio: 150/200;
		margin: 0 auto;
		max-width: 350px;
	}

	.hero-people .media img {
		aspect-ratio: unset;
		height: 100%;
		margin: 0 auto;
		max-height: unset;
		object-position: center top;
		position: static;
		width: 100%;
	}

	.post-content.bio-content {
		min-height: 0;
	}

	.post-content.bio-content article {
		padding: 0;
	}

	/***Single Grant***/

	.hero-grant {
		padding-top: var(--text-spacing-large);
	}

	.hero-grant article {
		padding: 0;
	}

	.hero-grant:not(:has(.media)) article {
		display: block;
		padding: 0 0 var(--text-spacing-xlarge);
	}

	.hero-grant .media {
		margin: 0 calc(var(--container-outer-padding) * -1);
		width: 100vw;
	}

	.hero-grant .media img {
		position: static;
	}

	.grant-content article.content-styles {
		padding-top: var(--module-spacing-medium);
	}

	.grant-content aside h3 {
		margin-bottom: var(--text-spacing-xxsmall);
	}

	.grant-content:has(aside:only-child) {
		background: var(--smoke-gray);
		padding: var(--module-spacing-medium) 0;
	}

	.grant-content aside:only-child {
		background: transparent;
		padding: 0;
	}

	.grant-content aside:only-child ul {
		align-items: flex-start;
		flex-direction: column;
	}

	.grant-content aside:only-child ul li {
		text-align: left;
	}

	.grant-content aside:only-child ul li p > br {
		display: initial;
	}

	/***Event Single***/

	.hero-event .breadcrumbs {
		max-width: 100%;
	}

	/***Staff***/

	.hero-plain .grid {
		row-gap: var(--text-spacing-xxsmall);
	}

	.hero-plain h1,
	.hero-plain article {
		grid-column: 1 / -1;
		text-align: center;
	}

	.page-template-page-history .people-content {
		padding-bottom: var(--module-spacing-medium);
	}

	.page-template-page-history .people-content:before {
		display: none;
	}

	.people-content li,
	.people-content li:has(a) {
		background: none;
		grid-column: span 4;
	}

	.cards-grid .card-content,
	.people-content li:not(:has(a)),
	.people-content li .card-content {
		aspect-ratio: unset;
		justify-content: start;
	}

	.people-content li .card-content,
	.people-content li:not(:has(a)),
	.cards-grid .heading-5,
	.cards-grid .post-tag {
		color: var(--black);
		padding: 0;
	}

	.people-content.dark li .card-content,
	.people-content.dark li:not(:has(a)),
	.dark .cards-grid .post-tag,
	.dark .cards-grid .heading-5,
	.dark .cards-grid .card-content:hover .heading-5,
	.dark .cards-grid .card-content:focus .heading-5,
	.people-content.dark li a:hover,
	.people-content.dark li a:focus,
	.dark .cards-grid .card-content:hover .post-tag,
	.dark .cards-grid .card-content:focus .post-tag,
	.dark .btn.card-link.purple {
		color: var(--white);
	}

	.dark .btn.card-link.purple::after {
		background-image: url('svgs/arrow-right-FFFFFF.svg');
	}

	.people-content li span {
		display: block;
	}

	.people-content .card-content::before,
	.people-content li:not(:has(a))::before {
		display: none;
	}

	.people-content .cards-grid img {
		aspect-ratio: 150/200;
		height: unset;
		margin: 0 0 var(--text-spacing-xxsmall);
		object-position: center top;
	}

	.people-content .cards-grid .card-content .btn.card-link,
	.people-content .cards-grid .card-content .btn.card-link:hover,
	.people-content .cards-grid .card-content .btn.card-link:focus {
		display: none;
	}

	.people-content li .btn {
		margin: 0;
	}

	/***Our History***/

	.timeline .grid {
		row-gap: var(--text-spacing-xsmall);
	}

	.timeline h2,
	.timeline article,
	.timeline .media {
		grid-column: 1/-1;
		margin: 0;
		padding-left: var(--text-spacing-large);
	}

	.timeline ul {
		gap: 100px;
	}

	.timeline li:not(:last-child)::before {
		left: 2px;
	}

	.timeline li::after {
		left: -2px;
	}

	.timeline .media {
		margin-left: auto;
		margin-top: var(--text-spacing-xxsmall);
		padding-left: 0;
		width: calc(100% - var(--text-spacing-large));
	}

	.page-template-page-history .people-content article {
		grid-column: 1 / -1;
		padding: 0;
	}

	.page-template-page-history .people-content ul {
		margin: 0;
	}

	.page-template-page-history .people-content .btn.primary {
		margin: var(--text-spacing-small) auto 0;
	}

	/***Press Guidelines***/

	.guidelines article,
	.guidelines .media-container {
		grid-column: 1 / -1;
		padding: 0;
	}

	.guidelines .tabs-nav {
		gap: 0;
		justify-content: start;
		left: 0;
		margin: 0 calc(var(--container-outer-padding) * -1) var(--module-spacing-medium);
		max-width: none;
		padding: 0 var(--container-outer-padding);
		position: sticky;
		overflow: auto;
		top: 98px;
		width: 100vw;
		z-index: 1;
	}

	.guidelines .tabs-nav li {
		flex-shrink: 0;
	}

	.guidelines .tabs-nav li:first-child {
		margin-left: auto;
	}

	.guidelines .tabs-nav li:last-child {
		margin-right: auto;
	}

	.guidelines .tabs-nav button {
		padding: var(--text-spacing-xsmall);
	}

	.guidelines .tabs-content {
		text-align: center;
	}

	.guidelines .media-container li {
		grid-column: 1 / -1;
	}

	.program-staff .heading-2 {
		text-align: center;
	}

	.program-staff aside {
		text-align: center;
	}

	.program-staff aside .eyebrow:not(.small) {
		max-width: unset;
		text-align: center;
	}

	/***Topic Taxonomy***/

	.hero-tag article {
		grid-column: 1 / -1;
	}

	.featured-quote .quote-text,
	.featured-quote .related-box {
		grid-column: 1 / -1;
	}

	.featured-quote .btn.icon {
		left: calc(var(--container-outer-padding) * -1);
	}

	.featured-quote .quote-text {
		margin: 0 calc(var(--container-outer-padding) * -1);
		padding: var(--module-spacing-medium) var(--container-outer-padding) 140px;
		width: 100vw;
	}

	.featured-quote .related-box {
		display: flex;
		flex-direction: column;
		margin: -130px auto 0;
		position: static;
		width: 90%;
	}

	.tag-content .grid .featured.featured-post {
		margin: var(--module-spacing-small) calc(var(--container-outer-padding) * -1);
		width: 100vw;
	}

	.featured-post .media,
	.featured-post article {
		margin: 0;
		width: 100%;
	}

	.tag-content ul.grid {
		gap: var(--gap);
	}

	/***Grant Taxonomy***/

	.tax-grant-year .hero.style3 {
		padding: var(--module-spacing-large) 0;
	}

	/***Post Archive***/

	.hero-archive {
		padding-bottom: 400px;
		text-align: center;
	}

	.hero-archive .grid {
		gap: var(--text-spacing-xxsmall);
	}

	.hero-archive h1,
	.hero-archive article {
		grid-column: 1 / -1;
	}

	.featured-posts li {
		grid-column: span 6;
	}

	/***News Archive***/

	.loop-grant-featured {
		flex-direction: column;
	}

	.loop-news-featured .media,
	.loop-grant-featured .media {
		width: 100%;
	}

	.loop-news-featured article,
	.loop-grant-featured article {
		padding: var(--text-spacing-large) var(--container-outer-padding);
		text-align: center;
	}

	/***Single News***/

	.hero-grant.hero-news article:not(:has(.media)) {
		padding: 0;
	}

	.hero-news article {
		text-align: center;
	}

	/***Search Results***/

	.search-pop.stay-search form,
	.search-results-container h1,
	.search-results-container ul,
	.search-results-container .wp-pagenavi {
		grid-column: 1 / -1;
	}

	/*** Issues Taxonomy ***/

	.posts-builder .wide-column,
	.posts-builder .narrow-column,
	.posts-builder .narrow-column.layout-reversed,
	.posts-builder .wide-column.layout-reversed {
		grid-column: 1 / -1;
		grid-row: auto;
	}

	.legacy-block-2 .narrow-column .article-block,
	.legacy-block-3 .narrow-column .article-block,
	.legacy-block-4 .narrow-column .article-block {
		flex: none;
	}

	.image-left-right,
	.narrow-column .article-block.image-background {
		min-height: 455px;
	}

	/*** Story as Legacy Single ***/

	.legacy-single-hero article,
	.post-content.legacy-content .container > article,
	.post-content.legacy-content aside,
	.legacy-single-hero p.hero-caption {
		grid-column: 1 / -1;
	}

	.legacy-single-hero {
		border-radius: 0;
		padding-top: 250px;
		text-align: center;
		width: 100%;
	}

	.legacy-single-hero p.hero-caption {
		margin: 0;
		padding: 0;
		position: static;
		width: 100%;
	}

	.legacy-single-hero article::before {
		left: 0;
		width: 100%;
	}

	.post-content.legacy-content .container > article {
		order: unset;
	}

	.post-content.legacy-content aside {
		left: 0;
		padding: 0 50px;
		width: 100%;
	}

	.post-content.legacy-content .issue-cover {
		display: block;
		margin: 0 auto;
		max-width: 320px;
	}

	.shortcode.pie-chart {
		margin: 0 auto;
	}

	.shortcode.pie-chart .inner-circle {
		width: calc(294/515* 100%);
	}

	.shortcode.full-carousel::before {
		left: 0;
		width: 100%;
	}

	.shortcode.full-carousel .grid {
		gap: 0;
	}

	.shortcode.full-carousel article,
	.shortcode.full-carousel .media,
	.shortcode.full-carousel .grid.image-aspect-ratio-vertical article,
	.shortcode.full-carousel .grid.image-aspect-ratio-vertical .media {
		grid-column: 1 / -1;
	}

	.shortcode.full-carousel article {
		left: 0;
		margin-bottom: 60px;
		min-height: 0;
		order: 2;
		padding: var(--text-spacing-medium);
		width: 100%;
	}

	.shortcode.full-carousel .media {
		border-radius: var(--text-spacing-xsmall) var(--text-spacing-xsmall) 0 0;
	}

	.shortcode.full-carousel .slick-dots {
		left: auto;
		right: var(--text-spacing-medium);
		width: 50%;
	}

	.post-content.legacy-content aside.content-sidebar-full-width {
		left: 0;
		width: 100%;
	}

}

/***************************************************************************************************************************************************************************************/

/*MQ MAX-WIDTH 650 - Mobile Sizes*/

/***************************************************************************************************************************************************************************************/

@media only screen and (max-width: calc(650rem/16)) {

	:root {
		--container-outer-padding: 20px;
		--grid: 1fr;
		--module-spacing-large: 64px;
		--module-spacing-xlarge: 80px;
	}

	.mobile-only {
		display: block !important;
	}

	h1,
	.heading-1 {
		font-size: calc(48rem/16);
		letter-spacing: -.6px;
		line-height: calc(52/48);
	}

	h1.mega,
	.heading-1.mega {
		font-size: calc(56rem/16);
		line-height: 1;
	}

	h2,
	.heading-2 {
		font-size: calc(42rem/16);
		letter-spacing: -.4px;
		line-height: calc(46/42);
	}

	h3,
	.heading-3,
	.content-styles h2:not([class]) {
		font-size: calc(38rem/16);
		line-height: calc(42/38);
	}

	h4,
	.heading-4,
	.content-styles h3:not([class]),
	.search-pop input[type=text] {
		font-size: calc(30rem/16);
		letter-spacing: -.2px;
		line-height: calc(34/30);
	}

	h5,
	.heading-5,
	.content-styles h4:not([class]) {
		font-size: calc(26rem/16);
		letter-spacing: -.1px;
		line-height: calc(32/26);
	}

	h6,
	.heading-6,
	.cards-grid.style1 h3.heading-4 {
		font-size: calc(20rem/16);
		line-height: calc(30/20);
	}

	h6.small,
	.heading-6.small {
		font-size: calc(18rem/16);
		line-height: calc(26/18);
	}

	.eyebrow {
		background-size: 30px auto;
		font-size: calc(14rem/16);
		line-height: calc(22/14);
	}

	.eyebrow:not(.no-icon) {
		background-size: 30px auto;
	}

	.eyebrow.small {
		background-size: 26px auto;
		font-size: calc(12rem/16);
		line-height: calc(20/12);
	}

	.eyebrow.small:not(.no-icon) {
		background-size: 25px auto;
		padding-left: 35px;
	}

	.legal {
		font-size: calc(14rem/16);
		font-weight: 600;
		letter-spacing: .5px;
		line-height: calc(22/14);
	}

	.btn.mega {
		font-size: calc(22rem/16);
		line-height: calc(28/22);
	}

	.btn.tertiary {
		font-size: calc(15rem/16);
		line-height: calc(24/15);
	}

	input[type="email"],
	input[type="text"],
	input[type="tel"],
	select,
	textarea {
		font-size: 1rem;
		height: var(--text-spacing-xlarge);
	}

	.btn.icon.xlarge,
	.btn.secondary.xlarge .icon {
		font-size: calc(24rem/16);
		height: var(--text-spacing-xlarge);
		width: var(--text-spacing-xlarge);
	}

	.slick-arrow {
		bottom: calc(100% + var(--text-spacing-small));
		left: calc(50% + 4px);
		right: auto;
	}

	.slick-arrow.slick-prev {
		left: calc(50% - var(--text-spacing-small) - 28px);
	}

	/***Header***/

	header {
		padding: 20px var(--container-outer-padding);
	}

	header .logo svg {
		height: 40px;
		width: max-content;
	}

	body:has(#section-1.hero.style1) header .logo path {
		fill: revert-layer;
	}

	.sub-menu .callout .button-container {
		margin: var(--text-spacing-xsmall) 0 0;
	}

	.sub-menu .two-featured-posts {
		width: calc(100vw - (2 * var(--container-outer-padding)));
	}

	.sub-menu .two-featured-posts ul {
		grid-template-columns: repeat(2, minmax(263px, 1fr));
		left: calc(-1 * var(--container-outer-padding));
		overflow: auto;
		padding: 0 var(--container-outer-padding);
		position: relative;
		width: calc(100% + (2 * var(--container-outer-padding)));
	}

	.small-featured-posts .image-text-link .image-container {
		aspect-ratio: 80 / 58;
		width: calc(80 / 375 * 100vw);
	}

	.small-featured-posts .image-text-link h4 {
		width: calc(100% - var(--text-spacing-xsmall) - (80 / 375 * 100vw));
	}

	.sub-menu .events-column {
		padding: var(--text-spacing-large) var(--container-outer-padding);
	}

	header nav > .btn.primary {
		width: 100%;
	}

	/***Footer***/

	.explore-carousel h2 {
		margin-bottom: var(--text-spacing-xlarge);
	}

	.explore-carousel .media {
		height: 58px;
		width: 48px;
	}

	footer.grid {
		padding: var(--text-spacing-xlarge) var(--container-outer-padding);
	}

	footer .logo svg {
		height: 48px;
	}

	footer .content-container {
		row-gap: var(--text-spacing-xlarge);
	}

	footer .btn.primary.outline,
	footer .newsletter input {
		width: 100%;
	}

	footer #menu-footer {
		flex-direction: column;
		gap: var(--text-spacing-small);
	}

	footer .newsletter form {
		flex-direction: column;
		gap: var(--text-spacing-xsmall);
	}

	footer .newsletter label {
		margin: 0;
	}

	footer .copyright {
		margin-top: var(--text-spacing-xxsmall);
	}

	footer .copyright ul {
		justify-content: center;
		width: 100%;
	}

	/***Page Builder***/

	.page-builder section {
		overflow: hidden;
	}

	/*Hero - Style 1*/

	.page-builder #section-1.hero.style1 {
		padding-top: 120px;
	}

	.hero.style1,
	.hero.style3 {
		background: none;
		color: var(--black);
		display: flex;
		flex-direction: column;
		height: auto;
		max-height: unset;
		padding: var(--module-spacing-small) 0 0;
	}

	.hero.style1.left:before {
		display: none;
	}

	.hero.style1 .container {
		height: unset;
	}

	.hero.style1 article,
	.hero.style1.left article,
	.hero.style3 .heading-1 {
		grid-column: 1;
	}

	.hero.style1 article {
		text-align: center;
	}

	.hero .heading-1 span:not(.eyebrow),
	.hero .heading-2 span:not(.eyebrow) {
		color: var(--steel-blue);
	}

	.hero.style1 picture,
	.hero.style3 picture,
	.hero.style1 > img,
	.hero.style3 > img,
	.hero video {
		aspect-ratio: 375/260;
		margin-top: var(--text-spacing-large);
		order: 2;
	}

	.hero.style1 img,
	.hero.style3 img,
	.hero video {
		position: static;
	}

	.hero.style1 .color-dark,
	.hero.style3 .color-dark {
		color: var(--black);
	}

	.hero.style1 .color-white,
	.hero.style3 .color-white {
		color: var(--black);
	}

	.hero.style1.gradient-overlay::after,
	.hero.style3.gradient-overlay::after {
		display: none;
	}

	/*Hero - Style 2*/

	.hero.style2 p.large {
		margin-bottom: var(--text-spacing-large);
	}

	.hero.style2 .media {
		height: 250px;
	}

	/*Hero - Style 3*/

	.hero.style3.image {
		background: none;
		padding: var(--module-spacing-medium) 0 0;
	}

	.tax-grant-year .hero.style3 {
		background: none;
		padding: 0;
	}

	.hero.style3.image:before,
	.tax-grant-year .hero.style3:before {
		display: none;
	}

	.hero.style3 .heading-1 {
		grid-column: 1 / -1;
	}

	.hero.style3 .heading-1,
	.hero.style3 .heading-1 .eyebrow,
	.hero.style3.image .heading-1,
	.hero.style3.image .heading-1 .eyebrow {
		color: var(--black);
		text-shadow: unset;
	}

	/*Hero - Style 5*/

	.hero.style5 .media .image-container,
	.hero.style5 .media .bottom-container .image-container:nth-of-type(1),
	.hero.style5 .media .bottom-container .image-container:nth-of-type(2) {
		aspect-ratio: 287 / 214;
		height: auto;
		width: calc(220 / 375 * 100vw);
	}

	/* Grantee Spotlight */

	.grantee-spotlight .link-cards {
		gap: var(--gap);
	}

	.grantee-spotlight .link-card {
		background-color: unset;
		background-image: linear-gradient(to bottom, transparent 0%, transparent 20%, var(--white) 20%, var(--white) 100%);
		grid-template-columns: 1fr;
		padding-inline: var(--container-outer-padding);
	}

	.grantee-spotlight .link-card .image-wrapper {
		aspect-ratio: 289/164;
		margin-block: unset;
		width: 100%;
	}

	.grantee-spotlight .link-card .text-wrapper {
		padding-inline: unset;
		padding-top: unset;
	}

	/*Featured Blog Post*/

	.featured-blog-post.bordered {
		border: unset;
	}

	/*Accordions*/

	.accordions .accordion article {
		width: 100%;
	}

	/*Cards Grid - Style 1*/

	.cards-grid.style1 ul.grid,
	.cards-grid.style2 ul.grid {
		gap: var(--text-spacing-small);
	}

	.cards-grid.style1 ul.grid li,
	.cards-grid.style2 ul.grid li {
		width: calc(100% - var(--text-spacing-small) - 20px);
	}

	/*Cards Grid - Style 3*/

	.cards-grid .slick-track {
		gap: 0;
	}

	.cards-grid .slick-track .slide {
		padding-right: 20px;
	}

	.cards-grid.style3 article,
	.cards-grid.style2 article {
		grid-column: 1;
		padding: 0;
	}

	.cards-grid.style3 article {
		margin-bottom: var(--module-spacing-xlarge);
		text-align: center;
	}

	/*Full Width Media*/

	.full-width-media .pattern-dots svg,
	.hero.style2 .media .pattern-dots svg,
	.hero-post .media .pattern-dots svg,
	.hero-grant .pattern-dots svg {
		margin-bottom: calc(15px/2 * -1);
		width: 15px;
	}

	.full-width-media.style1 img,
	.full-width-media.style1 video {
		aspect-ratio: 375/250;
	}

	.full-width-media .play-video,
	.full-width-media.style3 {
		height: unset;
	}

	.full-width-media.style3 li,
	.full-width-media.style3 .autoscroll-wrapper ul li:hover {
		height: 250px;
		width: 200px;
	}

	.full-width-media.style3 a .btn {
		opacity: 1;
	}

	/*Side by Side Content Style 1*/

	.side-by-side-content.style1.dark article {
		padding-top: var(--text-spacing-xxlarge);
	}

	.side-by-side-content.style1 article,
	.side-by-side-content.style1.dark article {
		padding-bottom: var(--text-spacing-xsmall);
	}

	.side-by-side-content .btn + .btn {
		display: block;
		margin: var(--text-spacing-small) auto 0;
		max-width: max-content;
	}

	/*Featured Blog Grid*/

	.featured-blog-grid {
		padding-bottom: 104px;
	}

	.featured-blog-grid .heading-1 {
		text-align: center;
		width: 100%;
	}

	.featured-blog-grid .btn.primary {
		bottom: -104px;
		left: var(--container-outer-padding);
		position: absolute;
		width: calc(100% - (var(--container-outer-padding) * 2));
	}

	.featured-blog-grid ul {
		margin-top: var(--text-spacing-large);
		row-gap: var(--gap);
	}

	.featured-blog-grid .loop-featured {
		margin-bottom: var(--text-spacing-xsmall);
	}

	.featured-blog-grid .loop-simple {
		grid-column: 1;
	}

	.loop-simple .media {
		margin-bottom: var(--text-spacing-xsmall);
	}

	/*CTA - Style 1*/

	.ctas.style1 {
		padding: var(--module-spacing-xlarge) 0;
	}

	/*Charts*/

	.chart-data {
		grid-template-columns: 1fr;
	}

	/*Featured Resources*/

	.featured-resources article {
		grid-column: 1;
	}

	.featured-resources ul {
		gap: var(--text-spacing-small);
	}

	.featured-resources li {
		width: calc(100% - var(--text-spacing-xsmall) - var(--text-spacing-large));
	}

	/*Stats*/

	.stats article {
		text-align: center;
	}

	.stats aside ul {
		flex-direction: column;
	}

	/*Recent Grants*/

	.loop-grant-card {
		padding: var(--text-spacing-small) var(--text-spacing-small) var(--module-spacing-xlarge);
	}

	.loop-grant-card .heading-4 {
		max-width: 100%;
	}

	.loop-grant-card ul {
		flex-wrap: wrap;
		padding: 0;
	}

	.loop-grant-card .location {
		align-items: start;
		flex-direction: column;
	}

	.loop-grant-card .location .divider {
		display: none;
	}

	.loop-grant-card .post-tag {
		text-align: left;
	}

	/*Program Staff*/

	.program-staff .heading-2 {
		margin-bottom: 0;
	}

	.loop-people-card {
		flex-direction: column;
		margin: 0;
		padding: 0;
	}

	.loop-people-card .media {
		aspect-ratio: unset;
		height: 360px;
		position: static;
		width: 100%;
	}

	.loop-people-card .media img {
		object-position: center top;
	}

	.loop-people-card:hover .media img,
	.loop-people-card .media .btn {
		opacity: 1;
	}

	.loop-people-card .media .btn {
		bottom: var(--text-spacing-xsmall);
		left: auto;
		right: var(--text-spacing-xsmall);
		top: auto;
		transform: none;
	}

	.loop-people-card .pattern-waves-small {
		display: none;
	}

	.loop-people-card article {
		padding: var(--text-spacing-small) var(--text-spacing-xsmall) var(--module-spacing-small);
	}

	/*Featured Blog*/

	.featured-blog-post article {
		padding: 0;
	}

	/*Events*/

	.upcoming-events ul {
		flex-direction: row;
		flex-wrap: nowrap;
		overflow: auto;
		margin: 0 calc(var(--container-outer-padding) * -1);
		padding:0 var(--container-outer-padding);
		width: 100vw;
	}

	.upcoming-events li {
		flex-shrink: 0;
		width: calc(100% - var(--text-spacing-medium));
	}

	.upcoming-events ul:has(li:only-child) li {
		width: 100%;
	}

	.loop-event-card {
		flex-direction: column;
	}

	.loop-event-card .date-holder {
		width: 100%;
	}

	/*Recent News*/

	.recent-news .container > article {
		margin-bottom: var(--text-spacing-small);
		padding: 0 0 var(--module-spacing-xlarge);
		text-align: center;
	}

	.loop-news-card article {
		padding: 0;
	}

	/*CTA - Style 6*/

	.ctas.style6 form {
		flex-direction: column;
	}

	/* Story as Legacy */

	.story-as-legacy article,
	.story-as-legacy aside {
		grid-column: 1 / -1;
		padding: 0 var(--text-spacing-medium);
	}

	.story-as-legacy aside {
		padding-bottom: var(--text-spacing-xlarge);
	}

	/***Post Single***/

	.hero-post {
		margin-bottom: var(--text-spacing-large);
	}

	.hero-post article h1 {
		flex-direction: column;
	}

	.hero-post article h1 .post-tag {
		order: -1;
	}

	.hero-post .media {
		margin: var(--text-spacing-large) auto 0;
		width: 100%;
	}

	.shortcode.pull-quote blockquote p {
		font-size: calc(22rem/16);
		line-height: calc(34/26);
	}

	.shortcode.pull-quote figcaption span {
		display: block;
	}

	.shortcode.pull-quote figcaption .pull-quote-speaker-sep {
		display: none;
	}

	.shortcode.pull-quote.half-width {
		float: unset;
		margin: var(--module-spacing-small) 0;
		width: 100%;
	}

	.shortcode.mp3-player .controls {
		flex-wrap: wrap;
		justify-content: space-between;
		padding: var(--text-spacing-xsmall);
	}

	.shortcode.mp3-player .timer {
		width: calc(100% - var(--text-spacing-xsmall) - 40px);
	}

	.shortcode.podcast-link {
		flex-direction: column;
		padding-bottom: var(--text-spacing-xxlarge);
		text-align: center;
	}

	.shortcode.podcast-link p.xsmall {
		justify-content: center;
	}

	.shortcode.podcast-embed {
		background-color: transparent;
		box-shadow: none;
		overflow: hidden;
		padding: 0;
		max-width: calc(100vw - (var(--container-outer-padding) * 2));
	}

	.shortcode.podcast-embed .media {
		width: 450px;
		max-width: calc(100vw - (var(--container-outer-padding) * 2));
	}

	.shortcode.podcast-embed div.art19-web-player {
		max-width: calc(100vw - (var(--container-outer-padding) * 2));
	}

	.content-styles .accordions:has(+ .btn.primary) {
		margin-bottom: var(--text-spacing-small);
	}

	.shortcode.content-width-carousel .slick-arrow {
		bottom: unset;
		left: unset;
	}

	.shortcode.content-width-carousel .slide {
		width: calc(100vw - (2 * var(--container-outer-padding)));
	}

	/***Event Single***/

	.hero-event,
	.hero-event h2 {
		text-align: center;
	}

	.hero-event ul {
		flex-direction: column;
		gap: var(--text-spacing-small);
		justify-content: center;
	}

	/***Staff***/

	.people-content ul {
		grid-template-columns: 1fr 1fr;
	}

	.people-content li,
	.people-content li:has(a) {
		grid-column: span 1;
	}

	.people-content li .heading-5 {
		font-size: calc(20rem/16);
	}

	/***Our History***/

	.timeline ul {
		gap: var(--module-spacing-small);
	}

	.timeline li:not(:last-child)::before {
		height: calc(100% + var(--module-spacing-small));
	}

	.timeline p + a {
		margin: var(--text-spacing-xsmall) 0;
	}

	.page-template-page-history .people-content {
		margin: 0;
	}

	/***Topic Taxonomy***/

	.hero-tag .media {
		margin: 0 calc(var(--container-outer-padding) * -1);
		width: 100vw;
	}

	.tag-content ul.grid {
		grid-template-columns: 1fr;
	}

	.featured-quote {
		padding-top: var(--text-spacing-xlarge);
	}

	.featured-quote .btn.icon {
		font-size: calc(40rem/16);
		padding-top: 10px;
	}

	.featured-quote .quote-text,
	.featured-post article,
	.featured-video article {
		padding: var(--text-spacing-large) var(--text-spacing-medium);
	}

	.featured-quote .quote-text {
		padding-bottom: 140px;
		text-align: center;
	}

	.featured-quote blockquote {
		font-size: calc(24rem/16);
	}

	.featured-quote .flex-container {
		flex-direction: column;
		gap: var(--text-spacing-xsmall);
	}

	.featured-quote .media {
		flex-shrink: 0;
		margin: 0;
	}

	.featured-quote .btn.primary {
		display: block;
		margin: var(--text-spacing-xxsmall) 0 0;
		max-width: max-content;
	}

	.featured-quote .related-box {
		padding: var(--text-spacing-large) var(--text-spacing-small);
	}

	/***Post Archive***/

	.hero-archive {
		padding-bottom: 250px;
	}

	.featured-posts {
		margin-top: -202px;
	}

	.featured-posts:not(:has(ul)) {
		padding: 0;
		margin-top: -240px;
	}

	.featured-posts li {
		grid-column: 1;
	}

	.loop-featured-large {
		height: auto;
	}

	.loop-featured-large article {
		padding: var(--text-spacing-large) var(--text-spacing-small);
	}

	.archive-content .sort-bar {
		height: auto;
		margin-bottom: var(--text-spacing-large);
		padding: 0 0 50px;
	}

	.archive-content .sort {
		left: var(--container-outer-padding);
		right: auto;
		top: 87px;
	}

	.loop-default a {
		flex-direction: column;
		padding: 0 0 var(--text-spacing-large);
	}

	.loop-default a::before {
		bottom: 0;
		height: 80%;
		left: var(--viewport-edge);
		right: auto;
		top: auto;
		width: 100vw;
	}

	.loop-default .media {
		width: 100%;
	}

	/***News Archive***/

	.post-type-archive-news .hero-archive {
		padding-bottom: 260px;
	}

	.loop-grant-featured {
		margin: 0 calc(var(--container-outer-padding) * -1);
		width: 100vw;
	}

	/***Single Grant***/

	.hero-grant:not(:has(.media)) article {
		text-align: center;
	}

	/***Search Results***/

	.stay-search.search-pop form {
		padding-bottom: 6px;
	}

	.stay-search.search-pop .fa-magnifying-glass {
		font-size: calc(20rem/16);
		margin: 0 var(--text-spacing-xxsmall) 5px 0;
	}

	.stay-search.search-pop input[type="text"] {
		font-size: calc(24rem/16);
		height: auto;
		padding-left: 0;
	}

	.stay-search.search-pop button {
		flex-shrink: 0;
		font-size: calc(15rem/16);
		height: var(--text-spacing-medium);
		margin-bottom: 2px;
		width: var(--text-spacing-medium);
	}

	/*** Issues Taxonomy ***/

	.article-block-full {
		padding: var(--text-spacing-xlarge) var(--container-outer-padding);
	}

	.article-block-full article {
		grid-column: 1;
	}

	.image-left-right,
	.posts-builder .quote-block,
	.posts-builder .stat-block {
		flex-wrap: wrap;
	}

	.image-left-right .media,
	.wide-column .article-block article,
	.posts-builder .quote-block article,
	.posts-builder .stat-block .stats-number,
	.posts-builder .stat-block article {
		width: 100%;
	}

	.posts-builder .quote-block::before {
		height: var(--text-spacing-xlarge);
		width: var(--text-spacing-xlarge);
	}

	.wide-column .article-block.image-background article {
		padding: var(--text-spacing-small);
	}

	/*** Story as Legacy Single ***/

	.legacy-single-hero {
		padding-top: 150px;
	}

	.legacy-single-hero article {
		padding: var(--text-spacing-xxlarge) 0 0;
	}

	.legacy-single-hero article::before {
		border-radius: 0;
		left: calc(var(--container-outer-padding) * -1);
		width: 100vw;
	}

	.post-content.legacy-content .container {
		display: flex;
		flex-direction: column;
		gap: var(--text-spacing-xsmall);
	}

	.post-content.legacy-content aside,
	.post-content.legacy-content .container > article {
		padding: 0;
	}

	.post-content article > .shortcode:first-child {
		margin-top: var(--text-spacing-xxlarge);
	}

	.shortcode.full-carousel article {
		padding: var(--text-spacing-small);
	}

	.shortcode.full-carousel .slick-dots {
		right: var(--text-spacing-small);
	}

	.shortcode.full-carousel .slick-arrow {
		left: var(--text-spacing-small);
	}

	.shortcode.full-carousel .slick-next {
		left: calc(var(--text-spacing-small) + var(--text-spacing-xlarge) + var(--text-spacing-xxsmall));
	}

}

/***************************************************************************************************************************************************************************************/

/*ACCESSIBILITY REDUCE MOTIONS*/

/***************************************************************************************************************************************************************************************/

@media (prefers-reduced-motion: no-preference) {

	html {
		scroll-behavior: smooth;
	}

	section {
		scroll-margin-top: 130px;
	}

	/***Autoscroll***/

	@keyframes autoscroll {
		0% {
			transform: translate3d(var(--autoscroller-gap), 0, 0);
		}
		100% {
			transform: translate3d(calc(var(--items-track-width) * -1), 0, 0);
		}
	}

	/***JazzyScroll Animations***/

	[data-jazzy-scroll] {
		pointer-events: none;
		transition-duration: .8s;
		transition-property: opacity, transform;
		transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
	}

	[data-jazzy-scroll].animated-in {
		pointer-events: all;
	}

	/*All fade ins*/

	[data-jazzy-scroll*="fade-in"] {
		opacity: 0;
		transition-property: opacity;
	}

	[data-jazzy-scroll*="fade-in"].animated-in {
		opacity: 1;
	}

	/*Fade in up*/

	[data-jazzy-scroll="fade-in-up"] {
		position: relative;
		transform: translate3d(0, 60px, 0);
		transition-property: opacity, transform;
	}

	[data-jazzy-scroll="fade-in-up"].animated-in {
		transform: translate3d(0, 0, 0);
	}

	/***Header***/

	header .mobile-menu span:not(.accessibility) {
		transition: .3s;
	}

	/***Zoom Images***/

	a:hover .image-zoom > img,
	a:hover .image-zoom > picture {
		transform: scale(1.05);
	}

	/***Pattern Dots***/

	.pattern-dots path {
		opacity: 0;
	}

	.animated-in .pattern-dots path {
		animation: fade-in .75s ease-out forwards;
	}

	.animated-in .pattern-dots path:nth-of-type(8) {
		animation-delay: .25s;
		--opacity: 1;
	}

	.animated-in .pattern-dots path:nth-of-type(7) {
		animation-delay: .35s;
		--opacity: .8;
	}

	.animated-in .pattern-dots path:nth-of-type(6) {
		animation-delay: .45s;
		--opacity: .8;
	}

	.animated-in .pattern-dots path:nth-of-type(5) {
		animation-delay: .55s;
		--opacity: .6;
	}

	.animated-in .pattern-dots path:nth-of-type(4) {
		animation-delay: .65s;
		--opacity: .6;
	}

	.animated-in .pattern-dots path:nth-of-type(3) {
		animation-delay: .75s;
		--opacity: .4;
	}

	.animated-in .pattern-dots path:nth-of-type(2) {
		animation-delay: .85s;
		--opacity: .4;
	}

	.animated-in .pattern-dots path:nth-of-type(1) {
		animation-delay: .95s;
		--opacity: .2;
	}

	@keyframes fade-in {
		from {
			opacity: 0;
		}
		to {
			opacity: var(--opacity);
		}
	}

	/***Pattern Wave***/

	.pattern-waves path {
		animation: swell 6.5s ease -1.25s infinite;
		transform: translate3d(0, 0, 0);
	}

	.pattern-waves path:nth-of-type(2) {
		animation-duration:  7s;
		animation-delay: -1s;
	}

	.pattern-waves path:nth-of-type(3) {
		animation-duration: 8s;
		animation-delay: -1.15s;
	}

	.pattern-waves path:nth-of-type(4) {
		animation-duration: 6.5s;
		animation-delay: -1.2s;
	}

	.pattern-waves path:nth-of-type(5) {
		animation-duration: 6.3s;
		animation-delay: -1.25s;
	}

	.pattern-waves path:nth-of-type(6) {
		animation-duration: 7.2s;
		animation-delay: -1s;
	}

	.pattern-waves path:nth-of-type(7) {
		animation-duration:  6.8ss;
		animation-delay: .75s;
	}

	.pattern-waves path:nth-of-type(8) {
		animation-duration: 6.4s;
		animation-delay: -1.55s;
	}

	.pattern-waves path:nth-of-type(9) {
		animation-duration: 5.4s;
		animation-delay: -1.35s;
	}

	.pattern-waves path:nth-of-type(10) {
		animation-duration: 7.6s;
		animation-delay: -1.5s;
	}

	.pattern-waves path:nth-of-type(11) {
		animation-duration:  7.1s;
		animation-delay: -1.1s;
	}

	@keyframes swell {
	  0%, 100% {
		transform: translate3d(0,-25px,0);
	  }
	  50% {
		transform: translate3d(0,5px,0);
	  }
	}

	/***Pattern Waves Small***/

	.pattern-waves-small path {
		animation: wave 10s linear alternate infinite paused;
		transform: translate3d(0, 0, 0);
	}

	*:hover > .pattern-waves-small path {
		animation-play-state: running;
	}

	@keyframes wave {
	  0% {
		transform: translate3d(0,0,0);
	  }
	  100% {
		transform: translate3d(-200px,0,0);
	  }
	}

	/***Timeline***/

	.timeline li:not(:last-child):before,
	.timeline li:not(:last-child):after {
		transition: background .5s ease;
	}

	/***Search Popup***/

	.search-pop {
		transition: opacity .25s ease, transform .25s ease, visibility .25s ease;
	}

	.search-pop.active {
		transition: opacity .25s ease, transform .25s ease;
	}

	/***Pie Charts***/

	[data-pie-chart] {
		transform: translate3d(0, 0, 0);
		will-change: background;
	}

}

@media only screen and (max-width: 782px) {
	:root {
		--wp-admin-menu-bar-height: 46px;
	}
}

@media only screen and (max-width: 600px) {
	:root {
		--wp-admin-menu-bar-height: 0;
	}
}