@charset "UTF-8";
/* Web Solutions 4.0 Compatible */

:root {
	--ws-sidenav-padding: clamp(1.5em, -1.385em + 6.15vw, 4em); /* 750 - 1400 */
}


/* HEADER ------------------------------*/
body>header {
	background: #FFF;
	position: sticky;
	top: 0;
	z-index: 1;
}

body>header::after {
	background: url('/images/stripes.svg') repeat-x center;
	bottom: 0;
	content: '';
	height: .25em;
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	z-index: -1;
}


body.management>header {
	top: 35px;
}

body>header>.wrap {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

#brand {
	display: block;
	max-width: 12em;
	width: 100%;
}

#brand img {
	display: block;
	height: auto;
	width: 100%;
}

nav ul {
	margin: 0;
}

#mainnav {
	overflow: visible;
}

#mainnav ul {
	margin: 0;
	overflow: visible;
	padding: 0;
	text-align: center;
}

#mainnav li {
	display: inline-block;
}

#mainnav a {
	color: var(--ws-blue);
	display: inline-block;
	font-size: clamp(1em, 0.856em + 0.31vw, 1.125em); /* 750 - 1400 */
	line-height: 1;
	padding: 1.5625em clamp(0.688rem, 0.347rem + 0.53vw, 0.813rem); /* 1024 - 1400 */
	text-decoration: none;
}

#mainnav>ul>li:hover>a,
#mainnav>ul>li>a:focus-visible {
	background: var(--ws-blue);
	color: #FFF;
}

#mainnav>ul>li.on>a {
	background: var(--ws-dk-blue);
	color: #FFF;
}

/* drop-down menu */
#mainnav>ul>li>ul {
	background: var(--ws-lt-blue-4);
	border: 1px solid var(--ws-lt-blue-5);
	border-radius: 0 0 .5rem .5rem;
	border-top: 0;
	height: auto !important;
	opacity: 0;
	overflow: auto;
	padding: .5em 0;
	position: absolute;
	top: -200vh;
	visibility: hidden;
	width: 15.625rem;
	z-index: -1;
}


/* fade out */
#mainnav li:not(.expand) > ul {
	transition:
	opacity .2s ease-out 0.25s,
	visibility .2s ease-out 0.25s,
	top 0s linear 0.7s;
}

#mainnav li:hover > ul,
#mainnav>ul>li.tapped > ul,
#mainnav>ul>li>a:focus + ul,
#mainnav>ul>li.expand>ul {
	opacity: 1;
	top: 100%;
	visibility: visible;
}

/* fade in */
#mainnav>ul>li:is(:hover, .expand)>ul {
	transition:
	opacity .2s ease-in .3s,
	visibility .2s ease-in 0s,
	top 0s linear .3s;
}



#mainnav>ul>li:last-child ul {
	right: 0;
}

#mainnav li ul li {
	display: block;
	width: 100%;
}

#mainnav ul li ul li a {
	background: none;
	color: #000;
}

#mainnav li ul li a {
	display: block;
	font-size: clamp(1em, 0.856em + 0.31vw, 1.125em); /* 750 - 1400 */
	line-height: 1.1em;
	padding: .3em .625em;
	text-align: left;
	width: 100%;
}

#mainnav li ul li a:is(:hover, :focus) {
	background: var(--ws-green);
	color: #FFF;
}

#mainnav li ul ul {
	display: none;
}


/* Accessible dropdowns */
#mainnav>ul>li.menu-item-has-children {
  align-items: center;
  display: inline-flex;
  justify-content: end;
  position: relative;
}

#mainnav>ul>li.menu-item-has-children>a {
	padding-right: 1.8125em;
}

#mainnav>ul>li>button {
  background: transparent;
  border: 0;
  color: inherit;
  font-size: 1em;
  height: 1.5em;
  inset: 50% clamp(0.5em, 0.188em + 0.67vw, 0.6875em) auto auto;
  margin: 0;
  min-width: 0;
  outline-offset: -3px;
  padding: 0;
  pointer-events: none;
  position: absolute;
  transform: translateY(-50%);
  width: 1.5em;
}

#mainnav>ul>li>button::before {
  background: var(--ws-blue);
  content: '';
  inset: 1px;
  mask: url('/images/icons/misc/chevron-down.svg') no-repeat center / auto .625em;
  opacity: .5;
  position: absolute;
  transition: all .3s ease;
}

#mainnav>ul>li>button:focus-visible::before {
  background: var(--ws-blue);
	opacity: 1;
}

#mainnav>ul>li.on>button::before,
#mainnav>ul>li:hover>button::before,
#mainnav>ul>li>a:focus-visible + button::before {
  background: #FFF;
  opacity: 1;
}




/* mobile */
#mobilenav, .menu {
	content-visibility: hidden;
	display: none;
}

#mainnav .megamenu {
	display: flex;
	justify-content: center;
	left: 50%;
	max-width: calc(72.9375em + 2 * var(--ws-gap));
	padding: 3em var(--ws-gap) 2em;
	transform: translateX(-50%);
	width: 100%;
}

#mainnav .megamenu>div {
	text-align: left;
}

#mainnav .megamenu>div:last-child {
	padding-left: var(--ws-gap);
	width: 17.5em;
}

#mainnav .megamenu li>a {
	border-radius: 1em;
	padding: .5em 1em .5em 2em;
	position: relative;
}

#mainnav .megamenu li>a:is(:hover, :focus) {
	background: #FFF;
	color: var(--ws-blue);
}

#mainnav .megamenu li a::before {
	background-size: .75em .75em;
	left: 0.625em;
	top: .45em;
}

#mainnav .megamenu>div:first-child ul {
	columns: 2;
}

#mainnav .megamenu ul{
	opacity: 1;
	position: static;
	visibility: visible;
	width: auto;
}



/* TEXT ELEMENTS ------------------------------ */
.twoCol, .threeCol, .resCol {
	column-rule: 0;
}

.twoCol {
	columns: 2;
}

.threeCol {
	columns: 3;
}

.resCol {
	columns: auto;
	column-width: 13em;
}

.formTable td {
	width: 50%
}

.formTable td {
	padding: 0 0 .5em .5em
}

.formTable td:first-child {
	padding: 0 .5em .5em 0
}

.formTable td[colspan="2"] {
	padding-right: 0
}

.formTable.formLoose,
.formTable.formLoose td {
	width: auto
}

/* Contact Form - table removed ----- */
.form-flex .half {
	width: calc(50% - .5em); /* Full on mobile */
}

.form-flex .third {
	width: calc(33.33% - .5em); /* Full on mobile */
}

.form-flex .quarter {
	width: calc(25% - .5em); /* Half on mobile */
}


.photoright {
	margin: 0 0 clamp(2em, 0.333em + 3.56vw, 3em) clamp(2em, -1.333em + 7.11vw, 4em);
}

.photoleft {
	margin: 0 clamp(2em, -1.333em + 7.11vw, 4em) clamp(2em, 0.333em + 3.56vw, 3em) 0;
}

.wsManagementLogin td:first-child {
	text-align: right;
	width: 40%;
}

#popover .close:is(:hover, :focus) {
	opacity: 0.5;
}

.shareIcons a:is(:hover, :focus) {
	background-color: var(--ws-magenta);
}

.highlight-content::after {
	background-image: url('/images/stripes.svg'), url('/images/stripes.svg');
}



/* FOOTER ------------------------------ */
#exposure {
	float: right;
	margin-left: .75em;
}

.footer-middle a:is(:hover, :focus),
.column.col-3 a:is(:hover, :focus) {
	color: var(--ws-lt-blue-2);
}

.footer-bottom a:is(:hover, :focus) {
	color: var(--ws-magenta);
}

body>footer .wrap nav span:before {
	content: "|";
	margin: 0 0.5em
}

.footer-top .wrap {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

.footer-top p {
	font-size: 1.125em;
	line-height: 1.2;
	padding-left: 1.5em;
}

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

/* .footer-middle .col-1 {
	width: min(10em, 25%);
}*/

.footer-middle .col-2 {
	padding-inline: 2.5em;
	width: min(35.5em, 50%);
}

.footer-middle .col-3 {
	width: min(16.6875em, 25%);
}

body>footer .social a:is(:hover, :focus) {
	background: var(--ws-aqua);
	border-color: var(--ws-aqua);
}

body>footer .copyright :is(p, nav) {
	display: inline;
}

/* MAIN ------------------------------ */
main {
	position: relative;
}

main>div>aside {
	float: left;
	margin-top: 2em;
	overflow: hidden;
	padding-right: var(--ws-sidenav-padding);
	width: calc(14.375em + var(--ws-sidenav-padding));
}

main>div>#content {
	float: right;
	padding: 2em 0 4em;
	overflow: hidden;
	min-height: 600px;
	position: relative;
	width: calc(100% - (14.375em + var(--ws-sidenav-padding)));
}

body.fullWidth main>div>#content {
	float: none;
	margin: 0 auto;
	width: 100%;
}

main.interior::before {
	aspect-ratio: 26.875 / 36.9375;
	background: url('/images/circles/interior-left.svg') no-repeat center / cover;
	content: '';
	left: calc(-1 * clamp(6em, 1.385em + 9.85vw, 10em));
	position: absolute;
	top: 35em;
	width: clamp(20em, 12.067em + 16.92vw, 26.875em); /* 750 - 1400 */
}


body.fullWidth main.interior>.wrap {
	max-width: 60em;
}


/* PAGEHEADER ------------------------------ */
.pageheader {
	background-image: linear-gradient(90deg, rgba(228,234,242,0) 0%, #E4EAF2 50%, rgba(228, 234, 242, 0) 100%), url('/images/pageheader.svg');
}


/* SHARED ELEMENTS ------------------------------ */

/* COLORED CIRCLES ------ *
- Homepage ribbon 4 (.cta ribbon)
- Programs & Services ribbon 3 (.cta ribbon)
- About Us ribbon 4 (#leadership ribbon)
*/

.circle a:is(:hover, :focus) {
	transform: scale(1.05);
}

.circle a:is(:hover, :focus)::before,
.circle a:is(:hover, :focus) strong {
	opacity: 0;
}


/* COLORED BORDERS ----- */
.border-top::before,
.border-bottom::before {
	background: url('/images/stripes.svg') repeat-x center;
}



/* CTA RIBBON  ------------------------------ /
- Homepage ribbon 4 + 6
- Standard interior ribbon 3
- Programs & Services ribbon 3
- Get Involved ribbon 3
- About ribbon 5 + 6
*/

.cta {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.cta .outer-wrap {
	grid-column: 1 / -1;
	grid-row: 1 / 2;
}

.cta::after {
	background: rgb(var(--ws-lt-blue-rgb), .4);
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.cta .ws-grid {
	grid-column: 1 / -1;
	grid-row: 1 / 2;
	--ws-column-count: 9;
	z-index: 0;
}

.cta .image {
	grid-column: 5 / -1;
	position: relative;
}

.cta:not(.reversed) .image::before {
	background: linear-gradient(90deg, rgba(237,241,246,1) 0%, rgba(237,241,246,0) 100%);
	content: '';
	left: 0;
	right: calc(100% - 5em);
	top: 0;
	bottom: 0;
	position: absolute;
}

.cta .wrap {
	padding-inline: 0;
}

.cta .wrap::before {
	aspect-ratio: 1;
	background: var(--ws-lt-blue);
	border-radius: 50%;
	content: '';
	opacity: .41;
	position: absolute;
	width: 31.25em;
}

.cta:not(.reversed) .wrap::before {
	left: 2em;
	top: 0.25em;
	transform: translate(-50%,-50%);
}

.cta .textbox {
	max-width: min(31em, 55%);
	padding-block: clamp(6em, 2.538em + 7.38vw, 9em) clamp(5em, 1.538em + 7.38vw, 8em); /* 750 - 1400 */
	position: relative;
}

.cta.callouts .textbox {
	max-width: min(24em, 55%);
}

.cta .textbox::before {
	aspect-ratio: 1;
	background: #FFF;
	border: 1px solid var(--ws-lt-blue);
	border-radius: 50%;
	content: '';
	left: calc(50% - 1.5em);
	position: absolute;
	top: 0;
	transform: translate(-50%,0);
	width: clamp(41em, 36.168em + 10.31vw, 45.188em);
	z-index: -1;
}

.cta .textbox::after {
	aspect-ratio: 1;
	background: linear-gradient(269deg, rgba(247,248,250,.7) 0%, #ECEFF3 21%);
	border-radius: 50%;
	content: '';
	position: absolute;
	left: calc(50% - 3em);
	top: 12.5em;
	transform: translate(-50%,-50%);
	width: clamp(42.75rem, 26.596rem + 34.46vw, 56.75rem);
	z-index: -2;
}

.cta .textbox>div {
	padding-inline: 1.5em clamp(1.5em, -0.231em + 3.69vw, 3em); /* 750 - 1400 */
}




/* CTA RIBBON (Reversed Variation) ------------------------------ /
- Homepage ribbon 6
- About page ribbon 6
*/
.cta.reversed .image {
	grid-column: 1 / 8;
	margin-inline: -3em;
}

.cta.reversed .textbox {
	margin-left: auto;
	max-width: min(31em, 55%);
	padding-block: clamp(5em, 1.538em + 7.38vw, 8em); /* 750 - 1400 */
}

.cta.reversed .textbox>div {
	max-width: 31em;
	padding-inline: clamp(1.5em, -0.231em + 3.69vw, 3em) 1.5em; /* 750 - 1400 */
}

.cta.reversed .textbox::before {
	left: calc(50% + 1.5em);
	top: 50%;
	transform: translate(-50%,-50%);
}

.cta.reversed .textbox::after {
	display: none;
}

.cta.reversed .wrap::before {
	bottom: 4.5em;
	right: 2em;
	transform: translate(50%,50%);
}

.cta.reversed .image::before {
	background: linear-gradient(270deg, rgba(237,241,246,1) 0%, rgba(237,241,246,0) 100%);
	content: '';
	right: 0;
	left: calc(100% - 5em);
	top: 0;
	bottom: 0;
	position: absolute;
}


/* CTA RIBBON (Image Overlap Variation) ------------------------------ /
- About ribbon 5
*/
.cta.overlap {
	background: var(--ws-blue) url('/images/circles/cta-callouts.svg') no-repeat calc(50% + 36em) calc(100% + 3em);
}

.cta.overlap:not(.annual-report) .ws-grid {
	align-items: center;
	pointer-events: none;
	z-index: 2;
}

.cta.overlap .ws-grid img {
	grid-column: 6 / wrap-end;
}

.cta.overlap .textbox::after {
	background: var(--ws-lt-blue-3);
}




/* CTA RIBBON (Callouts Overlap Variation) ------------------------------ /
- Homepage ribbon 3,
- Programs & Services ribbon 3
*/

.cta.overlap ul.ws-flex {
	--ws-column-count: 2;
	grid-column: 6 / wrap-end;
	flex-wrap: wrap;
	margin: 0;
	padding-block: 2.5em;
	row-gap: 3em;
}

.cta.overlap li {
	position: relative;
}

.cta.overlap li:nth-child(n+3) {
	left: calc( -1 * clamp(0em, -19.8em + 35.2vw, 11em) ); /* 900 - 1400 */
}

.cta.overlap .circle a {
	max-width: clamp(12em, 3.45em + 15.2vw, 16.75em); /* 900 - 1400 */
}

#who-we-help.cta .textbox {
	padding-block: clamp(8rem, 3.385rem + 9.85vw, 12rem) clamp(6rem, 1.385rem + 9.85vw, 10rem); /* 750 - 1400 */
}

#who-we-help.cta h2 {
	margin-bottom: 1em
}


/* HERO ------------------------------ */
#hero {
	background: rgb(var(--ws-lt-blue-rgb), .4);
}

#hero .ws-grid {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	--ws-column-count: 9;
	z-index: 0;
}

#hero :is(.slick-slider, .ws-grid>.image) {
	grid-column: 5 / -1;
}

#hero .wrap {
	margin-block: 0;
	padding-inline: 0;
}

#hero .wrap::before {
	display: none;
}

#hero .wrap::after {
	aspect-ratio: 1;
	background: var(--ws-lt-blue);
	border-radius: 50%;
	content: '';
	left: 3em;
	opacity: .45;
	position: absolute;
	top: 5em;
	transform: translate(-50%,-50%);
	width: 31.25em;
	z-index: -1;
}

#hero .textbox {
	align-items: center;
	display: flex;
	max-width: min(37.5em, 55%);
	min-height: clamp(20em, 2.692em + 36.92vw, 35em); /* 750 - 1400 */
	padding-block: clamp(4em, -0.615em + 9.85vw, 8em) clamp(5em, -0.769em + 12.31vw, 10em); /* 750 - 1400 */
}

#hero .textbox::before {
	aspect-ratio: 1;
	background: #FFF;
	border: 1px solid var(--ws-lt-blue);
	border-radius: 50%;
	content: '';
	left: calc(50% - 1.5em);
	position: absolute;
	z-index: -1;
}

#hero.home .textbox::before {
	top: 50%;
	transform: translate(-50%,-50%);
	width: clamp(35em, 24.904em + 21.54vw, 43.75em); /* 750 - 1400 */
}

#hero.interior .textbox::before {
	bottom: 18em;
	top: auto;
	transform: translate(-50%,50%);
	width: clamp(37em, 32.817em + 8.92vw, 40.625em); /* 750 - 1400 */
}

#hero .textbox::after {
	aspect-ratio: 1;
	background: linear-gradient(269deg, rgba(247,248,250,.7) 0%, #ECEFF3 21%);
	border-radius: 50%;
	bottom: 1em;
	content: '';
	position: absolute;
	right: -5em;
	z-index: -2;
}

#hero.home .textbox::after {
	width: clamp(50em, 42.212em + 16.62vw, 56.75em); /* 750 - 1400 */
}

#hero.interior .textbox::after {
	width: clamp(48em, 41.51em + 13.85vw, 53.625em); /* 750 - 1400 */
}

#hero :is(.slick-list, .slick-track, .slick-slide div) {
	height: 100% !important;
}

#hero .textbox>div {
	padding-inline: 1.5em clamp(1.5em, -0.231em + 3.69vw, 3em); /* 750 - 1400 */
}

#hero a.scroll {
	bottom: clamp(1.5rem, -0.231rem + 3.69vw, 3rem);
	left: calc(50% - 1.5em);
}

#hero a.scroll:is(:hover, :focus) {
	opacity: .7;
}


#hero :is(button:hover,button:focus) {
	opacity: 1
}


/* EVENT (Homepage ribbon 2, About page ribbon 3) ------------------------------ */
#event .ws-grid-inner {
	--ws-column-count: 12;
	--ws-gap: 2em;
}

#event .image {
	align-items: center;
	display: grid;
	grid-column: wrap-start / 6;
	max-width: 25.3em;
	padding: 2em clamp(2em, -0.308em + 4.92vw, 4em) 2em 0; /* 750 - 1400 */
}

#event .image::before {
	right: clamp(2em, -0.308em + 4.92vw, 4em); /* 750 - 1400 */
	width: 100vw;
}

#event .image::after {
	aspect-ratio: 1;
	border-radius: 50%;
	content: '';
	position: absolute;
	right: clamp(0em, -2.308em + 4.92vw, 2em); /* 750 - 1400 */
	top: 50%;
	transform: translateY(-50%);
	width: 45.1875em;
	z-index: -1;
}

#event .details {
	align-items: center;
	display: flex;
	grid-column: 1 / wrap-end;
}

#event .details p {
	margin: 0;
}

#event .textbox {
	padding: 0 3.5em 0 0;
}

#event .button {
	white-space: nowrap;
}



/* CALLOUTS (Homepage ribbon 3) ------------------------------ */
#callouts::after {
	background-image: url('/images/circles/callouts-left.svg'), url('/images/circles/callouts-right.svg');
	background-repeat: no-repeat;
	background-position: calc(50% - 39em) 2em, calc(50% + 36em) -12em;
	background-size: clamp(36.875em, 29.952em + 14.77vw, 42.875em) auto, clamp(41.5em, 34.577em + 14.77vw, 47.5em) auto;
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

#callouts ul {
	--ws-column-count: 3;
}

#callouts a:is(:hover, :focus) img {
	transform: scale(1.05);
}

#callouts a:is(:hover, :focus) strong {
	color: var(--ws-magenta);
}



/* TEXT ------------------------------ /
- Homepage ribbon 5
- About page ribbon 2
*/

#text:not(.centered)  {
	background-image: url('/images/circles/text-left.svg'), url('/images/circles/text-right.svg');
	background-position: calc(50% - 46em) -.5em, calc(50% + 47em) -10em;
	background-size: clamp(36em, 29.077em + 14.77vw, 42em) auto, clamp(36em, 29.077em + 14.77vw, 42em) auto; /* 750 - 1400 */
}

#text.centered  {
	background-image: url('/images/circles/text-c-left.svg'), url('/images/circles/text-c-right.svg');
	background-position: -23.5em 50%, calc(100% + 28em) -12em;
	background-size: clamp(35.875em, 28.952em + 14.77vw, 41.875em) auto, clamp(43em, 36.077em + 14.77vw, 49em) auto; /* 750 - 1400 */
}

#text:not(.centered) .wrap {
	max-width: calc(47.75em + 2 * var(--ws-gap));
}

#text.centered .wrap {
	max-width: calc(35.5em + 2 * var(--ws-gap));
}

#text {
	background-repeat: no-repeat;
}




/* LEADERSHIP (About page ribbon 4) ------------------------------ */
#leadership h2 {
	margin: 0;
}

#leadership ul.ws-flex {
	--ws-column-count: 3;
}

#leadership li:nth-child(2) {
	margin-top: 5em;
}

#leadership a:is(:hover, :focus)::before {
	opacity: 0;
}



/* LOGOS ( About page ribbon 7) ------------------------------ */
#logos ul.ws-flex {
	--ws-column-count: 6;
}



/* CALLOUTS-2 (Programs & Services ribbon 2) ------------------------------ */
#callouts-2 {
	background: url('/images/circles/callouts-2.svg') no-repeat;
	background-position: right -13em bottom -18em;
	background-size: clamp(35.875em, 33.693em + 10.91vw, 41.875em)) auto; /* 750 - 1400 */
}

#callouts-2 ul.ws-flex {
	--ws-column-count: 2;
}


#callouts-2 a:is(:hover, :focus-visible) .textbox>strong:first-child {
	color: var(--ws-blue);
}

#callouts-2 a:is(:hover, :focus-visible) span.button {
	background: var(--ws-blue);
	color: #FFF;
}



/* DONATION (Get Involved ribbon 2) ------------------------------ */

#donation .ws-grid-inner {
	--ws-column-count: 12;
	align-items: start;
}

#donation .textbox {
	grid-column: wrap-start / 6;
}

#donation form {
	grid-column: 7 / wrap-end;
	padding: 2em 1.3125em 2.5em; /* 750 - 1400 */
}

#donation form>div:nth-of-type(even) {
	border-radius: .5em;
}

#donation label.fourth {
	width: calc( 25% - var(--ws-form-gap));
}

#donation .other-amount span {
	width: calc(70% - clamp(1rem, -3.615rem + 9.85vw, 5rem))
}

#donation .other-amount input {
	padding-left: calc(70% - clamp(1rem, -3.615rem + 9.85vw, 5rem));
}

#donation label.radio:hover>div {
	background: var(--ws-dk-blue);
}

#donation label.radio:hover>span {
	color: #FFF;
}




/* CAREERS INTO RIBBON ------------------------------ /
*  - Careers page ribbon 2
*/

.careers-intro {
	background-image: url('/images/circles/text-left.svg') , url('/images/circles/text-right.svg');
	background-position: calc(50% - 46em) -.5em, calc(50% + 47em) -10em;
	background-repeat: no-repeat, no-repeat;
	background-size: clamp(36em, 29.077em + 14.77vw, 42em) auto, clamp(36em, 29.077em + 14.77vw, 42em) auto;
}


.careers-intro .ws-grid {
	height: 100%;
	width: 100%;
	--ws-max-content-width: calc(76.25em + 2 * var(--ws-gap));
	--ws-column-count: 12;
	--ws-gap: 1em;
}

.careers-intro .ws-grid .image {
	align-self: end;
	display: flex;
	grid-column: wrap-start / 5;
	justify-self: end;
	justify-content: end;
	margin-bottom: 1em;
	max-width: 85%;
}

.careers-intro .ws-grid .textbox {
	align-self: center;
	grid-column: 5 / 11;
	grid-row: 1 / 2;
	margin-inline: auto;
	max-width: min(33.125em, 85%);
}

.careers-intro .image {
	aspect-ratio: 1;
}

.careers-intro .ws-grid .image img {
	align-self: end;
	max-width: min(14.875em, 100%);
}

.careers-intro .ws-grid .images {
	align-self: start;
	display: grid;
	grid-column: 10 / wrap-end;
	grid-row: 1 / 2;
	margin-left: auto;
	max-width: max(22em, 85%);
	position: relative;
	right: -1.5em;
}




/* OFFERS RIBBON ------------------------------ /
*  - Careers page ribbon 3
*/

.offers ul.ws-flex {
	--ws-column-count: 4;
}




/* MAX-WIDTH MEDIA QUERIES ------------------------------ */


/* 1500 */
@media (max-width: 93.75em) {
	.careers-intro {
		background-position: left -20.125em top -.5em, right -21.125em top -10em;
	}
}



/* 1024px */
@media (max-width: 64em) {


	#event .details {
		display: block;
	}

	#event .details p {
		margin: 0 0 1em;
	}

	.cta.overlap .ws-grid img {
		grid-column: 7 / wrap-end;
	}

	.offers ul.ws-flex {
		--ws-column-count: 3;
	}

}


/* 900px */
@media (max-width: 56.25em) {

	#logos ul.ws-flex {
		--ws-column-count: 3;
	}

	#callouts-2 {
		background: none;
	}

	#callouts-2 ul.ws-flex {
		margin-inline: auto;
		max-width: 40em;
		--ws-column-count: 1;
	}

	#donation label.half {
		width: calc( 100% - var(--ws-form-gap));
	}

	#donation label.fourth {
		width: calc( 50% - var(--ws-form-gap));
	}

	/* CTA RIBBON (Callouts Overlap Variation) */
	.cta.callouts .textbox::before {
		top: calc(50% - 3em);
		transform: translate(-50%,-50%);
	}

	.cta.callouts .textbox::after {
		top: calc(50% - 12em);
	}

	.cta.callouts .ws-grid {
		grid-row: 2 / 3;
	}

	.cta.callouts ul.ws-flex {
		grid-column: 1 / -1;
		margin: 0 auto;
		max-width: 40em;
		padding-block: 0 5em;
		row-gap: 4em;
	}

	.cta.callouts ul.ws-flex li:nth-child(even) {
		position: relative;
		top: -12em;
	}

	.cta.callouts .circle a {
		max-width: 16.6875em;
	}

	.photoright.staff-photo {
		float: none;
		margin: 0 auto 2em;
		max-width: 100%;
		text-align: center;
		width: 100%;
	}
}




/* MIN-WIDTH MEDIA QUERIES ------------------------------ */


/* 1400 */
@media (min-width: 87.5em) {
	main.interior::before {
		left: calc(50% - 53em);
	}

	#text.centered {
		background-position: calc(50% - 46em) 50%, calc(50% + 47em) -12em;
	}

	#callouts-2 {
		background-position: calc(50% + 35em) calc(100% + 18em);
	}
}



/* 1800 */
@media (min-width: 112.5em) {
	body { font-size: 1.1em; }
}


/* 2400 */
@media (min-width: 150em) {
	body { font-size: 1.2em; }
}



/* --------------~~~~~ STYLE-D.CSS ~~~~~-------------- */