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


:root {
	--ws-aqua: #00A3AD;
	--ws-blue: #0077C8;
	--ws-blue-2: #5178AA;
	--ws-dk-blue: #1D4F91;
	--ws-green: #509E2F;
	--ws-orange: #FFA300;
	--ws-magenta: #DA1884;
	--ws-purple: #8C4799;
	--ws-teal: #009AFF;

	--ws-lt-blue: #D2DCE9;
	--ws-lt-blue-rgb: 210,220,233;

	--ws-lt-blue-2: #BAC9DD;
	--ws-lt-blue-3: #A5B9D3;
	--ws-lt-blue-4: #E4EAF2;
	--ws-lt-blue-5: #D5DEEA;

	--h1-size: clamp(1.625em, 1.322em + 1.35vw, 2.5em);
	--h2-size: clamp(1.5em, 1.327em + .77vw, 2em);
	--h3-size: clamp(1.375em, 1.288em + .38vw, 1.625em);
 	--h4-size: clamp(1.25em, 1.207em + .19vw, 1.375em);

	--ws-gap: clamp(1.5em, 0.923em + 1.23vw, 2em); /* 750 - 1400 */
	--ws-max-content-width: calc(74em + 2 * var(--ws-gap));

	--ws-text-size: clamp(1em, 0.955em + 0.23vw, 1.125em);

}

/* TYPEFACES ------------------------------ */
/* roboto-condensed-regular - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'),
	url('/fonts/roboto-condensed-v25-latin-regular.woff') format('woff');
}
/* roboto-condensed-700 - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto Condensed';
	font-style: normal;
	font-weight: 700;
	src: url('/fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'),
	url('/fonts/roboto-condensed-v25-latin-700.woff') format('woff');
}
/* roboto-condensed-700italic - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto Condensed';
	font-style: italic;
	font-weight: 700;
	src: url('/fonts/roboto-condensed-v25-latin-700italic.woff2') format('woff2'),
	url('/fonts/roboto-condensed-v25-latin-700italic.woff') format('woff');
}

/* roboto-regular - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/roboto-v30-latin-regular.woff2') format('woff2'),
	url('/fonts/roboto-v30-latin-regular.woff') format('woff');
}
/* roboto-italic - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 400;
	src: url('/fonts/roboto-v30-latin-italic.woff2') format('woff2'),
	url('/fonts/roboto-v30-latin-italic.woff') format('woff');
}
/* roboto-500 - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: url('/fonts/roboto-v30-latin-500.woff2') format('woff2'),
	url('/fonts/roboto-v30-latin-500.woff') format('woff');
}
/* roboto-500italic - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: italic;
	font-weight: 500;
	src: url('/fonts/roboto-v30-latin-500italic.woff2') format('woff2'),
	url('/fonts/roboto-v30-latin-500italic.woff') format('woff');
}
/* roboto-700 - latin */
@font-face {
	font-display: swap;
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: url('/fonts/roboto-v30-latin-700.woff2') format('woff2'),
	url('/fonts/roboto-v30-latin-700.woff') format('woff');
}

/* RESET ------------------------------ */
html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

body {
	background: #FFF;
	margin: 0;
	overflow-x: hidden;
	padding: 0;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}

img {
	border: 0;
	height: auto;
	max-width: 100%;
}

ul {
	padding-left: 0;
}

ul li {
	list-style: none;
}

html, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

table {
	border-collapse: collapse;
}

td, th {
	empty-cells: show;
	text-align: left;
	vertical-align: middle;
}

#skipNavigation {
	background: #FFF;
	color: #000;
	left: 0;
	padding: .5em;
	position: absolute;
	top: -1000px;
	z-index: 10;
}

#skipNavigation:focus {
	top: 0;
}



/* FONTS ------------------------------ */
body, .text, input, button, select, textarea {
	color: #000;
	font-family: 'Roboto', sans-serif;
	line-height: 1.5;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Roboto Regular */
blockquote cite, blockquote footer {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
}

/* Roboto Regular Italic */
figcaption {
	font-style: italic;
	font-weight: 400;
}

/* Roboto Medium */
.intro, .intro p, .content p>a:not(.button) {
	font-style: normal;
	font-weight: 500;
}

/* Roboto Medium Italic */
#event time {
	font-style: italic;
	font-weight: 500;
}

/* Roboto Bold */
h3, h4, h5, h6, b, strong, #donation :is(label.radio, .other-amount input), #sidenav>ul>li>a {
	font-style: normal;
	font-weight: 700;
}

/* Roboto Condensed Regular */
:is(#callouts, #callouts-2, #text, #leadership, #donation, .cta, .megamenu) h2>span,
#callouts strong, #leadership strong, .cta li strong, #text.centered h3:first-of-type, #logos h2,
#callouts-2 div>strong:first-child, .footer-top p {
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 400;
}

/* Roboto Condensed Bold */
h1, h2,
button, .button, input:is([type="button"], [type="submit"], [type="reset"]),
.footer-top p>strong, .footer-middle strong {
	font-family: 'Roboto Condensed', sans-serif;
	font-style: normal;
	font-weight: 700;
}

/* Roboto Condensed Bold Italic */
blockquote, blockquote p {
	font-family: 'Roboto Condensed', sans-serif;
	font-style: italic;
	font-weight: 700;
}


/* COLORS ------------------------------ */
.dk-blue, h1, h5, .highlight h2, p>:is(b, strong) { color: var(--ws-dk-blue); }
.blue, h2, h6 { color: var(--ws-blue); }
.purple, h3 { color: var(--ws-purple); }
.magenta, h4 { color: var(--ws-magenta); }
.green {color: var(--ws-green);}
.aqua  { color: var(--ws-aqua); }


/* TEXT ELEMENTS ------------------------------ */
h1, .h1-size { font-size: var(--h1-size); }
h2, .h2-size { font-size: var(--h2-size); }
h3, .h3-size { font-size: var(--h3-size); }
h4, th, .h4-size { var(--h4-size); }
h5, .h5-size { font-size: 1.1875em; }
h6, .h6-size { font-size: 1.125em; }

.highlight h2 { font-size: clamp(1.5em, 1.24em + 1.15vw, 2.25em); } /* 360 - 1400 */


#ContactForm h2>em.text {
	display: block;
	font-weight: 500;
	font-size: 1rem;
}


/* stylized first word of h2 */
:where(#callouts, #callouts-2, #text, #leadership, #donation, .cta, .megamenu ) h2 {
	color: var(--ws-dk-blue);
	margin: 0 0 1em;
	text-transform: uppercase;
}

:is(#callouts, #callouts-2, #text, #leadership, #donation, .cta, .megamenu ) h2 {
	line-height: 1.25;
}

:where(#callouts, #callouts-2, #text, #leadership, #donation, .cta, .megamenu) h2>span {
	color: var(--ws-blue);
	text-decoration: underline;
	text-decoration-color: var(--ws-orange);
	text-decoration-thickness: .25rem;
	text-transform: lowercase;
	text-underline-offset: .2em;
}


@supports (-moz-appearance:none) {
  /* FIREFOX ONLY */
	:where(#callouts, #callouts-2, #text, #leadership, #donation, .cta, .megamenu) h2>span {
		text-underline-offset: .25em
	}
}


.megamenu h2>span {
	text-decoration: none;
}

.intro { font-size: clamp(1.125em, 1.082em + .19vw, 1.25em); margin: 0 0 1.75em; } /* 360 - 1400 */
p {font-size: clamp(1em, .957em + .19vw, 1.125em); /* 260 - 1400 */}

.mb-0 { margin-bottom: 0; }
.mb-1 { margin-bottom: 1em; }
.mb-2 { margin-bottom: 2em; }
.mb-3 { margin-bottom: 3em; }

.uppercase, h1 {
	text-transform: uppercase;
}

.text {
	font-size: 1em;
}

a, a * {
	color: var(--ws-blue);
	text-decoration: none;
}

.intro, .intro p{
	color: #000000;
}

a:is(:hover, :focus),
a:is(:hover, :focus) *, .content p>a:not(.button):hover {
	color: var(--ws-magenta);
}

p, h1, h2, h3, h4, h5, h6, hr, .content ul, .contentEditor ul, blockquote, dd, ol {
	margin-block: 0 1.25rem;
}

h1, h2, h3, h4, h5, h6, th {
	line-height: 1.125;
}

:is(p, ul, ol, blockquote, .highlight) + :is(h2, h3, h4, h5, h6) {
	margin-top: 2.5rem;
}

em, i, q, cite, .italic {
	font-style: italic;
}

b, strong {
	font-weight: 700;
}

u {
	text-decoration: none;
}

hr {
	border: 0;
	border-top: 1px solid rgba(0,0,0,.15);
	margin: 1em 0;
	padding-top: 1px;
}

sup, sub {
	font-size: .6em;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

.clearFloats {
	clear: both;
}

.nobr {
	white-space: nowrap;
}

.twoCol, .threeCol, .resCol {
	column-rule: 0;
	column-gap: 2em;
}

.req {
	color: #C00;
}

.content p {
	line-height: 1.75;
}

.content :is(.photoright, .photoleft) {
	height: auto;
	max-width: min(50%, 21.875em);
}

.content :is(.photoright, .photoleft) img {
	border-radius: .3125em;
	float: none;
	height: auto;
	margin: 0;
	max-width: 100%;
}

.content figure.photo-fullwidth {
	text-align: center;
	width: 100%;
}

.content figure.photo-fullwidth img {
	width: auto;
}

.photoright {
	clear: right;
	float: right;
}

.photoright figcaption {
	text-align: right;
}

.photoleft {
	clear: left;
	float: left;
}

.photoright.staff-photo img {
	border-radius: 50%;
}



.muted {
	opacity: .5;
}

small, .textSm {
	font-size: .8em;
}

.content table {
	width: 100%;
}


blockquote {
	color: var(--ws-purple);
	float: right;
	line-height: 1.33;
	margin: 1em 0 1em clamp(2em, 1.827em + 0.77vw, 2.5em); /* 360 - 1400 */
	max-width: 50%;
	text-align: right;
	width: 26.25em;
}

.content blockquote p {
	color: inherit;
	font-size: clamp(1.25rem, 1.163rem + 0.38vw, 1.5rem); /* 360 - 1400 */
	line-height: inherit;
	quotes: '\201c' '\201d';
}

blockquote :is(cite, footer) {
	color: #4A4A4A;
	font-size: 1em;
}

blockquote cite::before,
blockquote footer::before {
	content: '- ';
}

blockquote p:first-of-type::before {
	color: var(--ws-dk-blue);
	content: open-quote;
}

blockquote p:last-of-type::after {
	color: var(--ws-blue);
	content: close-quote;
}


.highlight,
.content .highlight {
	clear: both;
	margin: 2.5em 0;
	padding: 1em;
	position: relative;
}

.highlight-content {
	background: #FFF;
	padding: 1.75em clamp(1.5rem, 1.154rem + 1.54vw, 2.5rem) 2.5em; /* 360 - 1400 */
	position: relative;
	z-index: 0;
}


.highlight-content::before {
	background: rgba(var(--ws-lt-blue-rgb), .3);
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.highlight-content::after {
	background-repeat: repeat-x, repeat-x;
	background-position: center top, center bottom;
	bottom: -.4375em;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: -.4375em;
	z-index: -1;
}

.highlight .highlight-content :first-child {
	margin-top: 0;
}

.highlight .highlight-content :last-child,
.highlight .highlight-content ul:last-child li:last-child {
	margin-bottom: 0;
}

.highlight .highlight-content.two {
	padding: 1em 3em 1em 2em;
}

.highlight .highlight-content.two p {
	line-height: 1.2;
	margin-bottom: 0;
	text-align: left;
}

.no-flow {
	overflow: hidden;
}



/* WRAP ------------------------------ */
.wrap {
	margin-inline: auto;
	max-width: var(--ws-max-content-width);
	padding-inline: var(--ws-gap);
	position: relative;
}


/* GRID COLUMNS ------------------------------ */
.ws-grid,
.ws-grid-inner {
	display: grid;
	gap: var(--ws-gap);
}

.ws-grid {
	grid-template-columns:
	minmax( 0, 1fr )
	[wrap-start]
	repeat( var(--ws-column-count), minmax( 0, calc( ( ( var(--ws-max-content-width) - ( ( var(--ws-column-count) - 1 ) * var(--ws-gap) ) ) / var(--ws-column-count) ) ) ) )
	[wrap-end]
	minmax( 0, 1fr );
}

.ws-grid-inner {
	grid-template-columns: [wrap-start] repeat( var(--ws-column-count), minmax(0,1fr) ) [wrap-end];
}



/* FLEXBOX COLUMNS ------------------------------ */
ul.ws-flex {
	display: flex;
	flex-wrap: wrap;
	gap: var(--ws-gap);
}

ul.ws-flex li {
	width: calc( 99.99% / var(--ws-column-count) - ( var(--ws-gap) * ( var(--ws-column-count) - 1 ) / var(--ws-column-count) ) );
}




/* MAIN ------------------------------ */
main {
	background: #FFF;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

body[class*='-admin'] main>div>#content:has(.wsReturnToButton) {
	padding-top: 4em;
}

.contentEditor {
	background: #FFF;
	min-width: 100%;
}


/* sidenav */
#sidenav {
	width: 100%;
	overflow: hidden;
	margin: 0 0 3em;
}

#sidenav ul {
	border-radius: .25em;
	overflow: hidden;
	padding: 0
}

#sidenav li a {
	color: var(--ws-dk-blue);
	font-size: 1.125em;
	padding: .5em .75em;
	line-height: 1.1em;
	display: block;
}

#sidenav li a:hover,
#sidenav li a:active,
#sidenav>ul>li.on>a:hover {
	background-color: var(--ws-purple);
	color: #FFF;
}

#sidenav>ul>li:not(.on) {
	border-bottom: 1px solid var(--ws-lt-blue);
}

#sidenav li.on>a {
	background: var(--ws-dk-blue) url('/images/icons/circle-down-white.svg') no-repeat right 1em top .5625em / .875em auto;
	color: #FFF;
	padding: .5625em 2.5em .5625em .75em;
}

/* t2 */
#sidenav>ul>li.on>a {
	border-radius: .25rem .25rem 0 0;
	margin-top: 1px
}

#sidenav li.on ul {
	background: var(--ws-lt-blue-4);
	overflow: hidden;
}

#sidenav li.on ul li a {
	color: #000;
	font-size: 1.0625em;
	padding: .333em .75em;
}

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

#sidenav li ul li:not(.on) a:is(:hover, :focus) {
	background-color: var(--ws-purple);
	color: #FFF;
}

/* t3 */
#sidenav li ul li.on ul {
	display: none;
	padding-bottom: .5em;
	border: 0;
}

#sidenav li ul li.on ul li {
	border: 0
}

#sidenav li ul li.on ul li a {
	padding-left: 1rem;
	font-size: .8em;
	color: #666
}

#sidenav li ul li ul li a:is(:hover, :focus),
#sidenav li ul li ul li.on>a {
	color: #000;
	background: #e5e5e5;
}

/* t4 */
#sidenav li ul li ul li.on ul li a {
	padding-left: 1.5rem;
	font-size: .7em;
	color: #666
}

#sidenav li ul li ul li ul li a:is(:hover, :focus),
#sidenav li ul li ul li ul li.on>a {
	color: #000;
	background: #f5f5f5;
}



/* breadcrumbs */
.breadcrumb {
	margin-bottom: 1em;
}

.breadcrumb a::after {
	content: "\00A0\00A0\203A\00A0";
}

/* content */
.content {
	word-wrap: break-word;
}


.shareIcons {
	display: inline-block;
	overflow: auto;
	position: relative;
}

.shareIcons a {
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	border-radius: .2em;
	display: block;
	float: left;
	height: 20px;
	margin: 0 .5em 1em 0;
	width: 20px;
}

.shareFacebook {
	background-color: #1877F2;
	background-image: url('/images/icons/social/facebook.svg');
}

.shareTwitter {
	background-color: #1DA1F2;
	background-image: url('/images/icons/social/twitter.svg');
}

.shareLinkedin {
	background-color: #0A66C2;
	background-image: url('/images/icons/social/linkedin.svg');
}

/* do people still use google+ ? */
.shareGoogle {
	background-color: #DD4B39;
	background-image: url('/images/icons/social/google-plus.svg');
}

/* list */
.content ol ol li {
	list-style: lower-alpha;
	margin: 0 0 1em;
}

.bullets li,
.content ul li {
	margin: 0 0 1em;
	padding-left: clamp(1.75em, 1.663em + 0.38vw, 2em);
	position: relative;
}

.content :where(.bullets, ul) li {
	font-size: clamp(1em, .957em + .19vw, 1.125em); /* 360 - 1400 */
}

.content ol li {
	font-size: clamp(1em, .957em + .19vw, 1.125em); /* 360 - 1400 */
}

.bullets li::before,
.content ul li::before,
.megamenu>div>ul>li a::before {
	background: url('/images/icons/circle-right-blue.svg') no-repeat center / .75em auto; /* 360 - 1400 */
	content: '';
	display: inline-block;
	height: 1em;
	left: .5em;
	position: absolute;
	text-align: center;
	top: .15em;
	width: 1em;
}

.content ul li ul li:before {
	opacity: .5;
}

.content :is(ol, ul) li li {
	font-size: 1em;
}

.content :is(ol, ul) :is(ol, ul) {
	margin-top: 1em;
}


/* addon classes */
.clearfix::after {
	clear: both;
	content: '';
	display: table;
}

.videoContainer {
	aspect-ratio: 16 / 9;
	line-height: 0;
	position: relative;
	width: 100%;
}

.videoContainer.ratio-4-3 {
	aspect-ratio: 4 / 3; /* 4:3 full-frame */
}

/* Build out the space for videos when editing a CMS page */
#tinymce .videoContainer { aspect-ratio: 16 / 9 !important; }
#tinymce .videoContainer.ratio-4-3 { aspect-ratio: 4 / 3 !important; }


.videoContainer iframe,
#tinymce .mce-preview-object {
	border: 0;
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.sr-only {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

#wysiwygBody {
	background: #FFF;
}

.wsNew {
	background-color: #FFC700;
	color: #222;
	display: inline-block;
	font-size: .7em;
	font-style: italic;
	height: 1.5em;
	line-height: 1.5em;
	margin: .3em 0;
	overflow: visible;
	padding: 0 .3em;
	vertical-align: top;
}

td.right, th.right {
	text-align: right;
}


/* FORMS AND INPUTS ------------------------------ */
input, button, select, textarea {
	font-size: 1em;
	line-height: 1.1;
}

input:is([type="button"], [type="date"], [type="submit"], [type="text"], [type="reset"], [type="password"], [type="tel"], [type="number"], [type="email"], [type="url"], [type="search"]), textarea, select {
	border-radius: 0;
	outline: none;
}

input:is([type="text"], [type="date"], [type="password"], [type="tel"], [type="number"], [type="email"], [type="url"], [type="search"]), textarea, select {
	background-color: #FFF;
	border: 1px solid var(--ws-lt-blue);
	font-size: 1.125em;
	padding: .5625em .75em .4375em;
	width: 100%;
}

:is(input:is([type="text"], [type="date"], [type="password"], [type="tel"], [type="number"], [type="email"], [type="url"], [type="search"]), textarea, select):focus {
	border-color: var(--ws-lt-blue-3);
}

:is(button, .button, input:is([type="button"], [type="submit"], [type="reset"])):focus {
	background-color: #F03C5E;
	color: #FFF;
}

textarea {
	display: block;
	resize: vertical;
}

select::-ms-expand {
	display: none;
}

select {
	background-image: url('/images/icons/select-arrows.svg');
	background-repeat: no-repeat;
	background-position: calc(100% - .875em) calc(50% + .125rem);
	padding-right: 2.15rem;
	width: auto;
	-webkit-appearance: none;
	-moz-appearance: none;
}

select option {
	padding: 0 .2em;
}


/* BUTTONS ------------------------------- */
button, .button, input:is([type="button"], [type="submit"], [type="reset"]) {
	background-color: var(--ws-dk-blue);
	border: 1px solid transparent;
	border-radius: .3125em;
	color: #FFF;
	cursor: pointer;
	display: inline-block;
	font-size: clamp(1rem, 0.957rem + 0.19vw, 1.125rem); /* 360 - 1400 */
	line-height: 1rem;
	margin-block: .25em;
	min-width: 8.75rem;
	padding: 1rem 1.1rem;
	text-align: center;
	text-transform: uppercase;
}

:is(.button, button).outlined:not(.white) {
	background-color: transparent;
	border-color: var(--ws-dk-blue);
	color: var(--ws-dk-blue);
}

:is(.button, button).outlined.white {
	background-color: transparent;
	border-color: #FFF;
	color: #FFF;
}

:is(.button, button).blue {
	background-color: var(--ws-blue);
}

:is(.button, button).magenta {
	background-color: var(--ws-magenta);
}

:is(.button, button).purple {
	background-color: var(--ws-purple);
}

:is(.button, button).green {
	background-color: var(--ws-green);
}


.buttons .button {
	margin-right: .25em;
}

:is(button, .button, input:is([type="button"], [type="submit"], [type="reset"])):is(:hover, :focus) {
	background-color: transparent;
	border-color: var(--ws-dk-blue);
	color: var(--ws-dk-blue);
}

:is(.button, button).outlined:not(.white):is(:hover, :focus) {
	background-color: var(--ws-dk-blue);
	color: #FFF;
}

:is(.button, button).outlined.white:is(:hover, :focus) {
	background-color: #FFF;
	color: var(--ws-dk-blue)
}

:is(.button, button).blue:is(:hover, :focus) {
	border-color: var(--ws-blue);
	color: var(--ws-blue);
}

:is(.button, button).pink:is(:hover, :focus) {
	border-color: var(--ws-magenta);
	color: var(--ws-magenta);
}

:is(.button, button).purple:is(:hover, :focus) {
	border-color: var(--ws-purple);
	color: var(--ws-purple);
}

:is(.button, button).green:is(:hover, :focus) {
	border-color: var(--ws-green);
	color: var(--ws-green);
}


/* FORM ------------------------------ */
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

button img {
	height: 1em;
	vertical-align: top;
	width: auto;
}

input.bulky, .bulky {
	font-size: 1.2em;
	padding: .4em .6em;
}

.formTable,
:where(.formTable, .form-flex) :where(input:where([type="text"], [type="password"], [type="tel"], [type="number"], [type="email"], [type="url"], [type="search"]), table, textarea, select) {
	width: 100%;
}

#ContactForm fieldset {
	margin: .5em 0 0;
	border: 0;
	padding: 0;
}

#ContactForm fieldset legend {
	padding: 0;
}

#ContactForm fieldset table {
	margin-left: 2em;
}


.formTable table td {
	padding-bottom: 0;
}

.formTable.right td:first-child {
	text-align: right;
	width: 1%;
}

.formTable.right td {
	width: auto;
}

.subjClass {
	display: none !important;
}

#Captcha label {
	padding-left: 0;
}

:is(.formEdit, .formBuilder) select {
	width: 40%;
}

/* Forms - without tables ----- */
form.narrow .form-flex,
.narrow.form-flex {
	max-width: 18.75em;
}

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

.form-flex fieldset {
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
}

.form-flex fieldset legend {
	float: left;
	width: 100%;
}

.form-flex>div {
	margin: 0 0 .75em;
}

.form-flex .full {
	width: 100%;
}

.form-flex>div>label:first-of-type {
	display: block;
}

/* Checkboxes, radios */
.form-flex>div>fieldset>label {
	display: inline-block;
}


/* MANAGEMENT ------------------------------ */
hr + .manage {
	margin-top: -1em;
}

.manage {
	border-bottom: 1px solid rgba(0,0,0,.2);
	line-height: 1.3;
	width: 100%;
}

.manage th {
	border-bottom: 1px solid rgba(0,0,0,.2);
	text-align: left;
}

.manage th.right {
	text-align: right;
}

.manage th.sort {
	cursor: pointer;
}

.manage th.sort img {
	margin-left: 5px;
}

.manage th img {
	bottom: -2px;
	position: relative;
}

.manage td,.manage th {
	padding: 5px 5px 5px 0;
}

.manage td:first-child {
	padding-left: .8em;
}

.manage img.preload {
	border: solid 1px #fff;
	display: none;
	position: absolute;
	top: 0;
	z-index: 10;
}

.manage td.icons img {
	bottom: -2px;
	margin-left: 5px;
	position: relative;
}

.manage td:first-child.icons img {
	margin-left: 0;
}

.manage td:first-child.icons {
	padding-inline: 3px;
}

.manage td:nth-child(2) {
	hyphens: auto;
	overflow-wrap: break-word;
	word-break: break-word;
	word-wrap: break-word;
}

.manage td.icons a:first-child img {
	margin-left: 0;
}

.manage td.icons input {
	bottom: 2px;
	margin-left: 5px;
	position: relative;
}

.manage .hidden {
	color: #900;
	font-style: italic;
}

.manageButton {
	padding: 10px 0;
	text-align: right;
}

.alternate tbody tr:nth-child(even), .even {
	background: #FFF;
}

.alternate tbody tr:nth-child(odd), .odd {
	background: rgba(0,0,0,.06);
}

.manage + hr, .manage + .manageLinks + hr {
	margin-top: 50px;
}

.manageLinks {
	margin-top: 10px;
}

.manageLinks select {
	max-width: 20em;
}

.manageLinks a {
	white-space: nowrap;
}

.manageLinks a img {
	bottom: -2px;
	position: relative;
}

.manageLinks button {
	margin-left: 5px;
}

.manageButtons {
	padding: 10px 0;
	text-align: right;
}

.wsReturnToButton {
	float: right;
	margin-top: -3.5em;
}

.manage.rightFirstChild td:first-child {
	text-align: right;
}

.sortRow th {
	cursor: pointer;
}

.manageEllipsis {
	display: inline-block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 200px;
}

.manage colgroup col {
	width: auto !important;
}


/* pagination */
.pagination {
	font-size: .95em;
	text-align: right;
}



/* FORM ERROR ------------------------------ */
.form-error {
	color: #EE0000;
	font-size: 0.9375em;
}

.reverse .form-error {
	background: #EE0000;
	color: #FFF;
}

.formError {
	background-color: #000;
	border: 0;
	border-radius: 10px;
	box-shadow: 0 2px 2px #333;
	color: #FFF;
	display: none;
	margin: 0 0 2px;
	padding: .3125em .625em;
	z-index: 5;
}

.formError p {
	font-size: .9em;
	margin: 0;
}

.formError em {
	border: 10px solid;
	border-color: #000 transparent transparent;
	bottom: -1.0625em;
	display: block;
	height: 0;
	left: 2.5em;
	position: absolute;
	width: 0;
}


/* TRANSITIONS ------------------------------ */
a, a *, button, .button, input:is([type="button"], [type="submit"], [type="reset"]),
:is(input, select, textarea):focus, #navContainer li, .circle a::before,
#donation label.radio>:is(span, div) {
	transition: all .3s ease;
}

.stop-transitions * {
	transition: none !important;
}


/* FOOTER ------------------------------ */
body>footer.border-top {
	background: var(--ws-dk-blue);
	margin-top: 0;
	position: relative;
	z-index: 0;
}

.footer-top {
	background: #FFF;
	padding-block: .875em;
}

.footer-top img {
	width: 12.6875em;
}

.footer-middle {
	padding-block: clamp(2.5em, 2.219em + 1.25vw, 3.313em) clamp(3em, 2.589em + 1.83vw, 4.188em); /* 360- 1400 */
}

.footer-middle strong {
	color: #FFF;
	display: block;
	margin: 0 0 .625em;
}

body>footer :is(address>div,.col-1>div) {
	margin: 0 0 1.25em;
}

body>footer address :is(a, span), body>footer .column.col-3 :is(a) {
	color: #FFF;
}

body>footer :where(address, p, ul.bullets li) {
	font-size: .9375em;
}

body>footer .button {
	font-size: .9375em;
}

body>footer .social ul {
	display: flex;
}

body>footer .social li {
	margin: 0 .75em 0 0;
}

body>footer .social a {
	align-items: center;
	border: 1px solid #FFF;
	border-radius: 50%;
	display: flex;
	height: 2.5em;
	justify-content: center;
	width: 2.5em;
}

body>footer .social img {
	height: 1.125em;
}

body>footer ul.bullets li {
	color: #FFF;
	margin: 0 0 .25em;
}

body>footer ul.bullets li a {
	color: #FFF;
	display: block;
	padding-block: .0625em;
}

body>footer ul.bullets li a:hover, body > footer address a[href^="tel:"]:hover, body>footer .column.col-3 :is[href^="tel:"]:hover {color:var(--ws-orange);text-decoration: underline;}

body>footer ul.bullets li::before {
	background: rgba(255,255,255,.68);
	mask: url('/images/icons/circle-right-blue.svg') no-repeat center / .75em auto;
	top: .25em;
}

.footer-middle {
	color: var(--ws-lt-blue-2);
}


.footer-middle .button {
	padding-block: .75em;
}

.footer-bottom {
	background: #FFF;
	margin-top: 0;
	padding-block: 1.0625em .625em;
}

.footer-bottom::before {
	top: 0;
}

.copyright :is(p, nav) {
	font-size: .9375em;
}

.footer-bottom a {
	color: var(--ws-dk-blue);
}

#exposure a {
	font-size: .9375em;
}



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

/* COLORED BORDERS ----- */
.border-top,
.border-bottom {
	position: relative;
}

.border-top {margin-top: 0.375em;}

.border-bottom {
	margin-bottom: .4375em;
}

.border-top::before,
.border-bottom::before {
	content: '';
	height: .25em;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 1;
}

.border-top::before {
	bottom: 100%;
}

.border-bottom::before {
	bottom: -.375em;
}



/* COLORED CIRCLES ------ *
- Homepage ribbon 4 (.cta ribbon)
- Programs & Services ribbon 3 (.cta ribbon)
- About Us ribbon 4 (#leadership ribbon)
*/
.circle a {
	align-items: center;
	aspect-ratio: 1;
	background: no-repeat center / cover;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	max-width: 17.75em;
	padding-inline: 1.5em;
	position: relative;
	width: 100%;
	z-index: 0;
}

.circle  a::before {
	border-radius: 50%;
	bottom: 0;
	content: '';
	left: 0;
	opacity: .9;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.circle a::after {
	border: 1px solid var(--ws-lt-blue);
	border-radius: 50%;
	content: '';
	opacity: .9;
	position: absolute;
	z-index: -1;
}

.circle strong {
	color: #FFF;
	line-height: 1.1;
	max-width: 8em;
	position: relative;
	text-transform: uppercase;
}

.circle strong::after {
	background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 285 285"><path fill="%23FFF" d="M282 76.5l-14.2-14.3a9 9 0 0 0-13.1 0L142.5 174.4 30.3 62.2a9 9 0 0 0-13.2 0L3 76.5a9 9 0 0 0 0 13.1l133 133a9 9 0 0 0 13.1 0l133-133a9 9 0 0 0 0-13z"/></svg>') no-repeat center  / cover;
	content: '';
	height: 1rem;
	left: 50%;
	opacity: .5;
	position: absolute;
	top: calc(100% + .25em);
	transform: translateX(-50%);
	width: 1rem;
}



/* PAGEHEADER ------------------------------ */
.pageheader {
	background-position: center, center;
	background-repeat: no-repeat, no-repeat;
	background-size: 100% 100%, cover;
	height: auto;
	margin-block: .18755em 2em;
	text-align: center;
	width: 100%;
}

.pageheader h1 {
	padding-block: 1.125em;
}



/* CTA RIBBON  ------------------------------ /
- Homepage ribbon 4 + 6
- Standard interior ribbon 3
- Programs & Services ribbon 3
- Get Involved ribbon 3
- About ribbon 5 + 6
*/
.cta {
	background: #FFF;
	clear: both;
	margin-block: .125em 0;
	overflow: hidden;
	position: relative;
	z-index: 0;
}

.cta::before {
	top: -1px;
	z-index: 2;
}

.cta .wrap {
	z-index: 1;
}

.cta .textbox p {
	font-size: clamp(1em, 0.712em + 0.62vw, 1.25em); /* 750 - 1400 */
}

.cta .textbox .button {
	margin-top: .75em;
}

.cta .image {
	background: no-repeat center / cover;
}



/* CTA RIBBON (Image Overlap Variation) ------------------------------ /
- About ribbon 5
*/
.cta.overlap::after {
	display: none;
}



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

.cta.overlap ul.ws-flex {
	text-align: center;
}

.cta.overlap .circle a {
	max-width: 16.6875em;
	pointer-events: all;
}

.cta.overlap li:nth-child(1) a::before { background: var(--ws-purple); }
.cta.overlap li:nth-child(2) a::before { background: var(--ws-green); }
.cta.overlap li:nth-child(3) a::before { background: var(--ws-magenta); }
.cta.overlap li:nth-child(4) a::before { background: var(--ws-aqua); }

.cta.overlap li:is(:nth-child(1), :nth-child(4)) a::after { bottom: -1em; left: -1em; right: -1em; top: -1em; }
.cta.overlap li:nth-child(2) a::after { bottom: -1em; left: 1em; right: -1em; top: .75em;  }
.cta.overlap li:nth-child(3) a::after { bottom: .375em; left: 1em; right: -1em; top: -1em; }




/* HERO ------------------------------ */
#hero {
	position: relative;
	z-index: 3;
}

#hero .image {
	background: no-repeat center / cover;
	overflow: hidden;
}

/* /services/ */
#hero .image>img {
	background: #FFF;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

#hero .wrap {
	z-index: 1;
}

#hero .textbox {
	position: relative;
}

#hero .textbox p {
	font-size: clamp(1em, 0.712em + 0.62vw, 1.25em); /* 750 - 1400 */
}

#hero .textbox p>:is(b, strong) {
	text-transform: uppercase;
}

#hero a.scroll {
	background: url('/images/icons/scroll.svg') no-repeat center;
	border: 0;
	margin: 0;
	position: absolute;
	transform: translateX(-50%);
}


#hero button {
	background-color: var(--ws-dk-blue);
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23FFFFFF" d="M272 63.1l-32 0c-26.51 0-48 21.49-48 47.1v288c0 26.51 21.49 48 48 48L272 448c26.51 0 48-21.49 48-48v-288C320 85.49 298.5 63.1 272 63.1zM80 63.1l-32 0c-26.51 0-48 21.49-48 48v288C0 426.5 21.49 448 48 448l32 0c26.51 0 48-21.49 48-48v-288C128 85.49 106.5 63.1 80 63.1z"/></svg>');
	background-position: center;
	background-repeat: no-repeat;
	background-size: .625em auto;
	border: 0;
	bottom: .625em;
	cursor: pointer;
	display: table;
	min-width: 0;
	opacity: .75;
	padding: .875em;
	position: absolute;
	right: 1em;
	z-index: 3
}

#hero button.paused {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="%23FFFFFF" d="M361 215C375.3 223.8 384 239.3 384 256C384 272.7 375.3 288.2 361 296.1L73.03 472.1C58.21 482 39.66 482.4 24.52 473.9C9.377 465.4 0 449.4 0 432V80C0 62.64 9.377 46.63 24.52 38.13C39.66 29.64 58.21 29.99 73.03 39.04L361 215z"/></svg>');
}




/* EVENT (Homepage ribbon 2, About page ribbon 3) ------------------------------ */
#event {
	background: var(--ws-dk-blue);
}

#event::before {
	bottom: calc(100% + .125rem);
}

#event :is(time, h2, p) {
	color: #FFF;
}

#event .image {
	position: relative;
	z-index: 0;
}

#event .image::before {
	bottom: 0;
	content: '';
	position: absolute;
	top: 0;
	z-index: -1;
}

#event .image::before,
#event .image::after {
	background: var(--ws-lt-blue);
}

#event .image.aqua::before,
#event .image.aqua::after {
	background: var(--ws-aqua);
}

#event .image.green::before,
#event .image.green::after {
	background: var(--ws-green);
}

#event .image.magenta::before,
#event .image.magenta::after {
	background: var(--ws-magenta);
}

#event .image.orange::before,
#event .image.orange::after {
	background: var(--ws-orange);
}

#event .image.purple::before,
#event .image.purple::after {
	background: var(--ws-purple);
}

#event .image.white::before,
#event .image.white::after {
	background: #FFF;;
}


#event .image img {
	width: 15.9375em;
}

#event .details {
	padding-block: 2em;
}

#event h2 {
	font-size: clamp(1.5em, 1.37em + 0.58vw, 1.875em); /* 360 - 1400 */
	margin: 0 0 .25rem;
	text-transform: uppercase;
}

#event :is(time, p) {
	color: rgba(255,255,255,.8);
}



/* CALLOUTS (Homepage ribbon 3) ------------------------------ */
#callouts {
	padding-block: clamp(3em, 2.308em + 3.08vw, 5em); /* 360 - 1400 */
	position: relative;
	text-align: center;
}

#callouts h2 {
	margin: 0 0 1.5em;
}

#callouts ul {
	justify-content: center;
	row-gap: clamp(2em, 1.654em + 1.54vw, 3em); /* 360 - 1400 */
}

#callouts li>a {
	align-items: center;
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: end;
}

#callouts img {
	margin: 0 0 1em;
}

#callouts strong {
	color: var(--ws-dk-blue);
	display: block;
	font-size: clamp(1.125em, 1.082em + 0.19vw, 1.25em); /* 360 - 1400 */
	line-height: 1.3;
	min-height: 3.125em;
}



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

#text {
	padding-block: clamp(3rem, 1.788rem + 5.38vw, 6.5rem); /* 360 - 1400 */
	position: relative;
}

#text.centered {
	text-align: center;
}

#text.centered h2 {
	margin: .25em 0 .5em;
}

#text.centered h2>span {
	text-decoration: none;
}

#text.centered h2::after {
	background: var(--ws-orange);
	display: block;
	content: '';
	height: .25rem;
	margin: 0 auto;
	width: 4.125rem;
}

#text.centered h3:first-of-type {
	color: var(--ws-blue);
	font-size: clamp(1.375em, 1.159em + 0.96vw, 2em); /* 360 - 1400 */
}

#text .button {
	margin-top: 1em;
}



/* LEADERSHIP ( About page ribbon 4) ------------------------------ */
#leadership {
	padding-block: clamp(3em, 2.308em + 3.08vw, 5em); /* 360 - 1400 */
	text-align: center;
}

#leadership .circle a::after {
	height: 100%;
	width: 100%;
}

#leadership li:nth-child(1) a::before { background: var(--ws-magenta); }
#leadership li:nth-child(2) a::before { background: var(--ws-purple); }
#leadership li:nth-child(3) a::before { background: var(--ws-green); }

#leadership li:nth-child(1) a::after { left: .6875em; top: -.6875em; }
#leadership li:nth-child(2) a::after { left: .6875em; top: .6875em; }
#leadership li:nth-child(3) a::after { left: 0; top: -.6875em; }



/* LOGOS ( About page ribbon 7) ------------------------------ */
#logos {
	padding-block: clamp(3em, 2.308em + 3.08vw, 5em); /* 360 - 1400 */
	text-align: center;
}

#logos h2 {
	color: var(--ws-dk-blue);
	font-size: clamp(1.5em, 1.37em + 0.58vw, 1.875em); /* 360 - 1400 */
	margin: 0 0 1em;
}

#logos ul {
	align-items: center;
	justify-content: center;
}

#logos ul + h2 {
	margin-top: clamp(3em, 2.308em + 3.08vw, 5em); /* 360 - 1400 */
}

#logos a {
	display: block;
}

#logos a:hover img {scale: .92;}

#logos img {
	max-height: 4em;
	max-width: min(10em, 100%);
}

#logos .white img {
	background: var(--ws-blue-2);
	padding: .5em;
}



/* CALLOUTS-2 (Programs & Services ribbon 2) ------------------------------ */
#callouts-2 {
	padding-block: clamp(3em, 2.308em + 3.08vw, 5em); /* 360 - 1400 */
}

#callouts-2 ul.ws-flex {
	row-gap: 5em;
}

#callouts-2 h2 {
	margin: 0 0 1.5em;
	text-align: center;
}

#callouts-2 .button {
	margin: .5em 0 0;
	padding-block: .6875rem;
}

#callouts-2 div>strong:first-child {
	color: var(--ws-dk-blue);
	display: block;
	font-size: clamp(1.5em, 1.37em + 0.58vw, 1.875em); /* 360 - 1400 */
	line-height: 1;
	margin: 0 0 .5em;
}

#callouts-2 .button:not(:hover, :focus) {
	background: rgba(var(--ws-lt-blue-rgb), .4);
	border-color: var(--ws-lt-blue-3);
}

#callouts-2 li>a {
	align-items: start;
	display: grid;
	gap: 1em;
	grid-template-columns: repeat(6, 1fr);
}

#callouts-2 .image {
	aspect-ratio: 1;
	align-items: center;
	display: grid;
	grid-column: 1 / 3;
	justify-content: center;
	padding: 1em;
	position: relative;
	text-align: center;
}

#callouts-2 .image::before,
#callouts-2 .image::after {
	aspect-ratio: 1;
	border-radius: 50%;
	content: '';
	left: 50%;
	position: absolute;
	top: 50%;
	width: 100%;
	z-index: -1;
}

#callouts-2 .image::before {
	opacity: .04;
	transform: translate(-50%,-50%);
}

#callouts-2 .image::after {
	border-style: solid;
	border-width: 1px;
	opacity: .16;
	transform: translate(-50%, calc(-50% + .75em));
}

#callouts-2 li:is(:nth-child(8n+1), :nth-child(8n+5)) .image::before { 	background: var(--ws-orange); }
#callouts-2 li:is(:nth-child(8n+1), :nth-child(8n+5)) .image::after { border-color: var(--ws-orange); }

#callouts-2 li:is(:nth-child(8n+2)) .image::before { background: var(--ws-green); }
#callouts-2 li:is(:nth-child(8n+2)) .image::after { border-color: var(--ws-green); }

#callouts-2 li:is(:nth-child(8n+3), :nth-child(8n+6)) .image::before { background: var(--ws-blue); }
#callouts-2 li:is(:nth-child(8n+3), :nth-child(8n+6)) .image::after { border-color: var(--ws-blue); }

#callouts-2 li:is(:nth-child(8n+4), :nth-child(8n+7)) .image::before { background: var(--ws-purple); }
#callouts-2 li:is(:nth-child(8n+4), :nth-child(8n+7)) .image::after { border-color: var(--ws-purple); }

#callouts-2 li:is(:nth-child(8n+8)) .image::before { background: var(--ws-magenta); }
#callouts-2 li:is(:nth-child(8n+8)) .image::after { border-color: var(--ws-magenta); }

#callouts-2 li:is(:nth-child(8n+1), :nth-child(8n+4), :nth-child(8n+5)) .image::after { transform: translate(-50%, calc(-50% - .75em)); }

#callouts-2 .textbox {
	grid-column: 3 / 7;
	margin-top: 2em;
}

#callouts-2 .textbox p {
	color: #000;
}


/* DONATION (Get Involved ribbon 2) ------------------------------ */
#donation {
	padding-block: clamp(3em, 2.308em + 3.08vw, 5em); /* 360 - 1400 */
}

#donation h2 {
	font-size: clamp(1.625em, 1.322em + 1.35vw, 2.5em); /* 360 - 1400 */
}

#donation h2:nth-of-type(2)>span {
	display: block;
	margin: 0 0 .125em;
	text-underline-offset: .25em;
}

#donation h3 {
	color: var(--ws-blue);
	margin: 1em 0;
}

#donation ul {
	margin: 2em 0;
}

#donation li {
	margin: 0 0 .5em;
}


/* FORM ----- */

#donation form {
	background: var(--ws-lt-blue-4);
	border: 1px solid var(--ws-lt-blue);
	border-radius: .5rem;
}

#donation form>div:not(.button-wrap, .donate-or) {
	--ws-form-gap: clamp(0.5em, 0.348em + 0.67vw, 0.938em); /* 360 - 1400 */
	display: flex;
	flex-wrap: wrap;
	gap: var(--ws-form-gap);
	margin: 0 0 1em;
	padding: 1.5em 1em;
}

#donation form>div:nth-of-type(even) {
	background: rgba(255,255,255,.7);
}

#donation form strong {
	color: var(--ws-dk-blue);
	display: block;
	font-size: clamp(1.063em, 0.97em + 0.46vw, 1.375em); /* 360 - 1400 */
	line-height: 1.2;
	width: 100%;
}

#donation label>span {
	font-size: 0.9375em; /* 360 - 1400 */
}

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

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

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

#donation label.required>span:after {
	content: '*';
	color: #FF0000;
}

#donation label.radio {
	cursor: pointer;
	padding-block: 1.125em;
	position: relative;
	text-align: center;
	z-index: 0;
}

#donation label.radio span {
	color: var(--ws-dk-blue);
	font-size: clamp(1.125em, 1.082em + 0.19vw, 1.25em);
}

#donation label.radio input {
	border: 0;
	clip: rect(0,0,0,0);
	height: 1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	width: 1px;
}

#donation label.radio>div {
	background: #FFF;
	border: 1px solid var(--ws-lt-blue);
	border-radius: .5rem;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

#donation label.radio input:checked ~ div {
	background: var(--ws-magenta);
}

#donation label.radio input:checked ~ span {
	color: #FFF;
}

#donation .other-amount div {
	position: relative;
}

#donation .other-amount span {
	color: #5B5B5B;
	font-size: 1rem;
	padding-left: 1.25em;
	position: absolute;
	text-align: right;
	top: calc(50% - 1px);
	transform: translate(0, -50%);
	width: calc(70% - clamp(1rem, -3.615rem + 9.85vw, 5rem))
}

#donation .other-amount span>b {
	color: var(--ws-dk-blue);
	font-size: 1.25rem;
	padding-left: .25em;
	position: relative;
	top: 1px;
}

#donation .other-amount {
	display: none;
}

#donation .other-amount input {
	color: var(--ws-dk-blue);
	font-size: 1.25rem;
	padding-block: .5625em;
	padding-left: calc(70% - clamp(1rem, -3.615rem + 9.85vw, 5rem));
}

#donation form button {
	width: 100%;
}

#donation form ::placeholder {
	color: #FFF;
}

#donation form input:focus::placeholder {
	color: #DDD;
}

.donate-or {margin-bottom: 1em;text-align: center;}
/* ANIMATIONS ------------------------------ */
.translate-left, .translate-right, .translate-up, .translate-down {
	opacity: 0;
	position: relative;
	transition: all 1s ease;
	z-index: 0;
}

.translate-left {
	transform: translate(4em,0);
}

.translate-right {
	transform: translate(-4em,0);
}

.translate-up {
	transform: translate(0,4em);
}

.translate-down {
	transform: translate(0,-4em);
}

.translate-left.animated,
.translate-right.animated,
.translate-up.animated,
.translate-down.animated {
	opacity: 1;
	transform: translate(0,0);
}




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

.careers-intro {
	background-color: #FFF;
	padding-block: clamp(2.5em, 2.136em + 1.82vw, 3.5em);
	position: relative;
	text-align: center;
}

.careers-intro .textbox {
	padding-inline: var(--ws-gap);
}

.careers-intro p {
	font-size: var(--ws-text-size);
}

.careers-intro .ws-grid img {
	aspect-ratio: 1;
	border-radius: 50%;
}

.careers-intro .images {
	aspect-ratio: 380 / 438;
	position: relative;
}

.careers-intro .images img.big {
	margin-left: auto;
	width: 90%;
}

.careers-intro .images img.small {
	border: 6px solid #FFF;
	bottom: 0;
	left: 0;
	outline: 1px solid #D2DCE9;
	position: absolute;
	width: 45.5%;
}




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

.offers {
	background: var(--ws-dk-blue);
	padding-block: clamp(2.5em, 2.045em + 2.27vw, 3.75em) clamp(3em, 1.727em + 6.36vw, 6.5em);
	text-align: center;
}

.offers h2 {
	color: #FFF;
	font-size: var(--h1-size);
	margin: 0 0 .25em;
	text-transform: uppercase;
}

.offers p {
	color: #FFF;
	font-size: var(--ws-text-size);
}

.offers ul.ws-flex {
	justify-content: center;
	margin: 3.5em 0 0;
	row-gap: clamp(2.5em, 1.955em + 2.73vw, 4em);
	--ws-gap: 1em;
}

.offers ul.ws-flex li {
	align-items: center;
	border: 1px solid rgba(255,255,255,.4);
	border-radius: 0.625em;
	display: flex;
	justify-content: center;
	padding: 2em clamp(1em, 0.455em + 2.73vw, 2.5em) 1.875em;
	position: relative;
}

.offers ul.ws-flex li::before {
	aspect-ratio: 1;
	background: no-repeat center;
	border-radius: 50%;
	content: '';
	left: 50%;
	position: absolute;
	top: 0;
	transform: translate(-50%,-50%);
	width: 3.125em;
}

.offers ul.ws-flex li:nth-child(1)::before { background-color: var(--ws-teal); background-image: url('/images/icons/calendar.svg'); }
.offers ul.ws-flex li:nth-child(2)::before { background-color: var(--ws-orange); background-image: url('/images/icons/medical.svg'); }
.offers ul.ws-flex li:nth-child(3)::before { background-color: var(--ws-purple); background-image: url('/images/icons/toothbrush.svg'); }
.offers ul.ws-flex li:nth-child(4)::before { background-color: var(--ws-green); background-image: url('/images/icons/umbrella.svg'); }
.offers ul.ws-flex li:nth-child(5)::before { background-color: var(--ws-magenta); background-image: url('/images/icons/piggy.svg'); }
.offers ul.ws-flex li:nth-child(6)::before { background-color: var(--ws-blue); background-image: url('/images/icons/dog.svg'); }
.offers ul.ws-flex li:nth-child(7)::before { background-color: var(--ws-teal); background-image: url('/images/icons/check.svg'); }
.offers ul.ws-flex li:nth-child(8)::before { background-color: var(--ws-orange); background-image: url('/images/icons/person.svg'); }

.offers ul.ws-flex li>span {
	color: #FFF;
	font-size: clamp(1.125em, 1.08em + 0.23vw, 1.25em);
	line-height: 1;
}

.offers ul.ws-flex li>span>small {
	display: block;
	font-size: .75em;
	line-height: 1.33;
}




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