@charset "UTF-8";
/*
Theme Name: Web Solutions Original
Theme URI: https://www.websolutions.com/
Author: Web Solutions
Author URI: https://www.websolutions.com/
Description: WordPress wpCode
Requires at least: 6.1.1
Tested up to: 6.1.1
Requires PHP: 8.0
Version: 2.0.0
Text Domain: wpcodev2

*/


@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-300.woff2') format('woff2');
	font-weight: 300;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-300italic.woff2') format('woff2');
	font-weight: 300;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-italic.woff2') format('woff2');
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-500.woff2') format('woff2');
	font-weight: 500;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-500italic.woff2') format('woff2');
	font-weight: 500;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-600.woff2') format('woff2');
	font-weight: 600;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-600italic.woff2') format('woff2');
	font-weight: 600;
	font-style: italic;
}
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-700.woff2') format('woff2');
	font-weight: 700;
}
@font-face {
	font-family: 'Rokkitt';
	src: url('../fonts/rokkitt-500.woff2') format('woff2');
	font-weight: 500;
}


:root {
	--red: #c8102e;
	--red-rgb: 200, 16, 46;
	--orange: #F26322;
	--orange-rgb: 242, 99, 34;
	--green: #00A98F;
	--green-rgb: 0, 169, 143;
	--dark-green: #005E5D;
	--dark-orange: #CF4A0C;
	--grey-alt: #EBEBEB;


	--ws-gap: 1.5em;
	--ws-transition: all .3s ease;

	--ws-color-primary: #31659B;
	--ws-color-accent: #F03C5E;
	--ws-color-font: #4a4a4a;
	--ws-color-bg: #ffffff;
}



html {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

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

body {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

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;
	vertical-align: top;
	text-align: left;
}

body {
	background: #FFF;
}

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

#skipNavigation:is(:focus, :active) {
	top: 0;
}

.admin-bar #skipNavigation:is(:focus, :active) {
	top: 32px;
}


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

.text {
	font-size: 1em;
}

a, a * {
	color: var(--dark-green);
	text-decoration: none;
}

a:is(:hover, :focus),
a:is(:hover, :focus) * {
	color: var(--red);
}

p, h1, h2, h3, h4, h5, h6, hr, blockquote, dd, ol {
	margin-block: 0 1rem;
}

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

:is(p, ul, ol, .wp-block-buttons, aside, div, section) + :is(h2, h3, h4, h5, h6) {
	margin-top: 2rem;
}

.textColor, h1, h2, h3, h4, h5, h6, th, dt {
	color: #31659B;
}

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

b, strong {
	font-weight: 700;
}

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

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

h1 { font-size: clamp(2.1875rem, 1.6667rem + 1.1111vw, 2.5rem); color: var(--dark-green); font-weight: 700;}
h2 { font-size: clamp(1.5rem, 1.0833rem + 0.8889vw, 1.5rem); color: var(--orange); font-weight: 700; margin-bottom: .5rem;}
h3 { font-size: clamp(1.5rem, 1.0833rem + 0.8889vw, 1.5rem); color: var(--dark-green); font-weight: 700;}
h4, th { font-size: clamp(1.25rem, 1rem + 0.8889vw, 1.5rem); color: #000; font-weight: 700;}
h5 { font-size: 1.0625em; }
h6 { font-size: 1.0em; }

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

p {
	font-size: 1em;
}

body {
	background: #000;
}

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

blockquote {
	font-family: Rokkitt, sans-serif;
	line-height: 1.4;
	margin: 3em 0 2.5em;
	padding: 2.75rem;
	position: relative;
}

blockquote:before, blockquote:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 2px;
	background: var(--green);
	transform: skewY(-2deg);
}
blockquote:before {
	top: 0;
	transform-origin: left;
}
blockquote:after {
	bottom: 0;
	transform-origin: left;
}

.content blockquote p, .wp-block-pullquote p {
	font-size: 1.5rem;
	font-weight: 300;
	line-height: 1.3;
	color: #46484D;
}
blockquote p strong {
	font-weight: 400;
	color: #000;
}

blockquote p:last-of-type {
	margin: 0 0 .5em;
}

blockquote :is(footer, cite), .wp-block-pullquote cite {
	color: var(--dark-green) !important;
	font-size: 1.25rem;
	font-style: italic;
	font-weight: 700;
	text-align: center;
	margin-top: 1rem;
}

blockquote p {
	quotes: '\201c' '\201d';
}

blockquote p:first-of-type::before {
	content: open-quote;
}

blockquote p:last-of-type::after {
	content: close-quote;
}

.intro {
	font-family: Rokkitt, sans-serif;
	color: #000;
	font-size: 1.625rem;
	font-weight: 500;
	line-height: 1.3;
	margin-bottom: 2rem;
}


.content p a {
	color: var(--dark-orange);
	text-decoration: underline;
	}
.content p a:is(:hover, :focus) {color: var(--green);}

/* WRAP ------------------------------ */
.wrap,
body>footer .fatFooter {
	margin-inline: auto;
	max-width: calc(75.5em + 2 * var(--ws-gap));
	padding-inline: var(--ws-gap);
	width: 100%;
}



/* MAIN ------------------------------ */

/* t1 */
#sidenav {
	margin: 48px 0 40px;
	overflow: hidden;
}

#sidenav ul {
	padding: 0;
}

#sidenav ul:empty {
	display: none;
}

#sidenav li {
	height: 1%;
	overflow: hidden;
}

#sidenav li a {
	display: block;
	line-height: 1.1em;
	padding: .5em 0.625rem;
	font-size: 1.125em;
	font-weight: 500;
}

#sidenav>ul>li+li {
	border-top: 1px solid var(--green);
}
#sidenav>ul>li+:is(li.current_page_ancestor, li.current_page_parent)>a {
	margin-top: 1px;
}

#sidenav li a:hover,
#sidenav li a:active {
	background: var(--dark-green);
	color: #FFF;
}

#sidenav li.current_page_item>a,
#sidenav li.current_page_ancestor>a {
	color: #fff;
	background: var(--dark-green);
}

/* t2 */
#sidenav li.current_page_item ul,
#sidenav li.current_page_ancestor ul {
	background: rgba(var(--green-rgb), .1);
}

#sidenav li ul li a {
	padding-left: 1.25em;
}



#sidenav li.current_page_ancestor ul li a,
#sidenav li.current_page_item ul li a,
#sidenav li ul.children li a {
	color: #666;
	font-weight: 300;
	font-size: 1rem;
	padding: .4em 5px .4em 1.375em;
}

#sidenav li ul li a:is(:hover, :focus) {
	color: #000;
	background: #FFF;
}

#sidenav li ul li.current_page_item>a,
#sidenav li ul li.current_page_ancestor>a {
	background: transparent;
	color: var(--dark-green);
	position: relative;
}
#sidenav li ul li.current_page_item>a:before,
#sidenav li ul li.current_page_ancestor>a:before {
	content: "";
	position: absolute;
	background: url(../img/icons/angle-right-light.svg) no-repeat center / contain;
	width: 0.5625rem;
	height: 0.875rem;
	left: 0.5rem;
	top: 0.5rem;
}

#sidenav li li ul li.current_page_item>a:before {
	content: none;
}



/* t3 */
#sidenav li ul li.current_page_ancestor ul {
	border: 0;
}

#sidenav li ul li.current_page_ancestor ul li {
	border: 0;
}

#sidenav li ul li.current_page_ancestor ul li a,
#sidenav li ul li ul.children li a {
	font-size: 1rem;
	color: #000;
	display: block;
	padding-left: 2rem;
	background: #FFF;
}

#sidenav li ul li ul li a:is(:hover, :focus) {
	background: #f5f5f5;
}

#sidenav li ul li ul li.current_page_item>a,
#sidenav li ul li ul li.current_page_ancestor>a {
	background: var(--orange);
	color: #fff;
}


/* t4 */
#sidenav li ul li ul li.current_page_ancestor ul li a {
	color: #000;
	padding-left: 3.125em;
}
#sidenav li li ul {
	background: #FFF;
}
#sidenav li li ul li.current_page_item>a {
	font-size: 1rem;
	font-weight: 300;
	color: #000;
	padding-left: 2rem;
}
#sidenav li ul li ul li ul li a:hover,
#sidenav li ul li ul li a:active {
	background: #FFF;
}

#sidenav li ul li ul li ul li.current_page_item>a {
	background: var(--orange);
	color: #fff;
}

/* hide children that arent yours */
#sidenav ul.children {
	display: none;
}

#sidenav li.current_page_ancestor>ul,
#sidenav li.current_page_item>ul {
	display: block;
}


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

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

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

.content :is(.alignright, .alignleft) {
	height: auto;
	max-width: min(50%, 21em);
}

.content .alignright img {
	float: none;
	height: auto;
	margin: 0;
	max-width: 100%;
}

.content img.phototreatment {
	height: auto;
	max-width: 50%;
}

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

.content figure.phototreatment img {
	height: auto;
	max-width: 100%;
	width: auto;
}

.content figcaption {
	font-style: italic;
	font-size: 0.9375rem;
	color: #555;
}

img.phototreatment,
img.alignright,
.alignright img {
	height: auto;
	max-width: 100%;
	width: auto;
}

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

.muted {
	opacity: 0.5;
}

.highlight,
.content .highlight {
	position: relative;
	clear: both;
	margin: 4em 0;
	padding: 3em 2em;
	display: table;
}
.highlight:before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(var(--orange-rgb), .2);
	transform: skewY(-3deg);
}

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

.highlight :last-child,
.highlight ul:last-child li:last-child {
	margin-bottom: 0;
}
.highlight h2 {
	font-size: clamp(1.875rem, 1.25rem + 1.3333vw, 2.25rem);
}

.donors-blog-highlight h2 {font-size: 1.5em;}
.highlight.donors-blog-highlight .alignright{
	margin: -3em 0 1em 2em;
	position: relative;
	z-index: 1;
}
.highlight :is(p, ul, ol) {
	position: relative;
	z-index: 1;
}

#sidenav .current_page_ancestor.donors-blog-sidenav .current-cat a {
	background: var(--green);
	color: white;
}

small {
	font-size: .8em;
}

.content table {
	width: 100%;
}

.aligncenter {
	clear: both;
	display: block;
	margin-inline: auto;
}

/* blog */
span.posted-on {
	font-size: .85em;
}

span.byline {
	display: block;
	font-size: .85em;
}

article .entry-content {
	padding: 1em 0;
}

.blogThumb {
	width: 100%;
}

.blogThumb img, .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
	height: auto;
	max-width: 100%;
}

.updated {
	display: none;
}

/* list */
.content ol {
	counter-reset: item;
	list-style: none;
	margin: 1.5em 0 1em 1.875em;
}
.content ol li {
	counter-increment: item;
	position: relative;
}

.content ol li:before {
	content: counter(item);
	color: var(--green);
	font-weight: 700;
	position: absolute;
	left: -1.25rem;
}
.content ol li {
	margin: 0 0 1em;
}

.content ol ol li {
	list-style: lower-alpha;
}

.content ul {
	margin: 1.5em 0 1em 0;
}

.content ul li {
	margin: 0 0 1em;
	padding-left: 1.875em;
	position: relative;
}

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

.content ul li::before {
	content: '';
	background: url(../img/icons/angle-right.svg) no-repeat center / contain;
	left: 0.9375rem;
	position: absolute;
	top: 0.25rem;
	width: 0.5rem;
	height: 1rem;
}

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

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

/* BLOCKS */
/* Donation */
.svg-block {
	padding-top: .5em;
	text-align: center;
	position: relative;
	z-index: 3;
}
.gift-list svg {
	fill: var(--green);
	border-radius: 0;
	height: 3em;
}
.red-border-top {
	border-top: 1px solid var(--green);
	padding-top: 1em;
	width: 100%;
	margin-top: 0;
	z-index: 4;
}
.content .gift-list .svg-block + h2 {
	color: var(--green);
	font-size: 1.25em;
	font-weight: 500;
	margin-top: 0;
}
.content .gift-list ol, .ppc-template .gift-list ol {
	margin: 0;
	padding: 1em 0 0;
	position: relative;
	list-style: none;
	counter-reset: red-counter;
	z-index: 0;
}

.content .gift-list ol, .ppc-template .gift-list ol, .content .gift-list ul {
	position: relative;
	z-index: 0;
}
.content .gift-list ul {
	margin-top: 0;
}
.gift-list ol li {
	counter-increment: red-counter;
	padding-left: 1.5em;
	font-weight: 300;
}
.gift-list ol li::before {
	position: absolute;
	content: counter(red-counter) " ";
	color: var(--orange);
	font-weight: 700;
	left: 0;
	text-align: right;
	display: block;
	width: 1em;
}
.gift-list li {
	margin-bottom: 1em;
	position: relative;
}
.get-started-list small, .then-list small {
	width: 6.75em;
}
.altcolor {
	color: var(--dark-green);
	float: right;
	margin-left: 1em;
	font-size: 1em;
}
.altcolor svg {
	fill: #238571;
	height: 1em;
	border-radius: 0;
	padding: 0;
	margin-right: .2em;
}
.altcolor.inline-icon {
	position: relative;
}
.altcolor.inline-icon:before {
	content: "";
	width: 0.875em;
	height: 1em;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	display: inline-block;
	margin-right: .3em;
}
.altcolor.inline-icon.stopwatch:before {background-image: url(../img/icons/stopwatch.svg);}
.altcolor.inline-icon.calendar:before {background-image: url(../img/icons/calendar.svg);}
.altcolor.inline-icon.calendar-day:before {background-image: url(../img/icons/calendar-day-blue.svg);}
.altcolor.inline-icon.calendar-week:before {background-image: url(../img/icons/calendar-week.svg);}

.lists-container {
	position: relative;
	z-index: 0;
}
.lists-container>:nth-child(odd) {
	clear: left;
}
.ppc-template .lists-container p {
	clear: both;
}

.gift-cta {
	text-align: center;
}
.gift-cta h2 {
	color:#000;
	font-size: 1.25rem;
	font-weight: 700;
}
.gift-cta h2 + p {
	margin-top: -.4rem;
	text-align: center;
	font-weight: 400;
}
.gift-cta .button {
	font-size: 1em;
	font-weight: 500;
	padding: 1em 1.5em;
	line-height: 1em;
}
.gift-cta .button:hover {
	background-color:#000;
	border-color: #000;
}
.gift-cta .button[target=_blank]:after {
	content: "";
	display: inline-block;
	margin-left: .5em;
	width: .75em;
	height: .75em;
	background: url(../img/icons/external-link-white.svg) no-repeat center center;
	background-size: contain;
	opacity: .5;
}
.gift-cta p {
	text-align: left;
	margin-top: 2rem;
}
.gift-list + .gift-cta p small {
	display: block;
	clear: both;
}

.lists-container .then-list ul li, .lists-container .then-list ul li small {
	font-weight: 300;
}
.lists-container .gift-cta p:only-child {
	margin-top: 0;
}
.lists-container + h2 {
	margin-top: 3.125rem;
}

/* addon classes */
.clearFloats {
	clear: both;
}

.nobr {
	white-space: nowrap;
}

.twoCol, .threeCol, .resCol {
	column-gap: 2em;
	column-rule: 1px outset rgba(0,0,0,.15);
}

:is(.twoCol, .threeCol, .resCol) li {
	break-inside: avoid-column;
}

.resCol {
	columns: auto;
}

.req, .required {
	color: #C00;
}

.clearfix::after {
	clear: both;
	content: '';
	display: table;
}

.videoContainer {
	height: 0;
	line-height: 0;
	padding-top: 56.25%; /* 16:9 */
	position: relative;
	width: 100%;
}

.videoContainer.ratio-4-3 {
	padding-top: 75%; /* 4:3 full-frame */
}

.videoContainer iframe {
	border: 0;
	bottom: 0;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

figure div.wp-block-embed__wrapper {
	position: static;
}

/* forms */
input, button, select {
	line-height: 1.2;
}

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

input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], textarea, select {
	background-color: rgba(0,0,0,.05);
	border: 1px solid rgba(0,0,0,.2);
	padding: .375em 1em;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
	background-color: #FFC;
}

textarea {
	display: block;
	resize: vertical;
}

select option {
	padding: 0 .2em;
}

input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 2.375rem 1.375rem;
}
.buttons.two-columns {
	max-width: 22.5rem;
}
.button, button, input[type="button"], input[type="submit"], input[type="reset"], .wp-block-button__link {
	background: var(--dark-green);
	border: 0;
	color: #FFF;
	cursor: pointer;
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1;
	padding: 0.625em 1em;
	border: 2px solid var(--dark-green);
	border-radius: 4px;
	text-transform: uppercase;
}
.button.red {
	background: var(--red);
	border-color: var(--red);
}
.button.orange {
	background: var(--dark-orange);
	border-color: var(--dark-orange);
}
.button.outline {
	background: #fff;
	color: var(--dark-green);
	border-color: var(--green);
}
.button.red.outline {
	color: var(--red);
	border-color: var(--red);
}
.button.orange.outline {
	color: var(--dark-orange);
	border-color: var(--orange);
}


:is(.button, button, input[type="button"], input[type="submit"], input[type="reset"], .wp-block-button__link):is(:hover, :focus) {
	background-color: var(--green);
	border-color: var(--green);
	color: #FFF;
}
.button.orange:is(:hover,:focus) {
	background-color: var(--orange);
	border-color: var(--orange);
}
.button.red:is(:hover,:focus) {
	background-color: rgba(var(--red-rgb), .75);
	border-color: rgba(var(--red-rgb), .75);
}
.blog-footer-cta .wrap .button:is(:hover,:focus) {
	background: var(--green);
	color: #FFF;
}
.button.red.outline:is(:hover,:focus) {
	background: var(--red);
	color: #FFF;
}

.button.orange.outline:is(:hover,:focus) {
	background: var(--orange);
	color: #FFF;
}

.button {
	display: inline-block;
}

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



/* PAGEHEADER ------------------------------ */
.pageHeader {
	background: var(--green);
	clear: both;
	width: 100%;
	clip-path: polygon(0 0, 100% 0, 100% 58%, 0% 100%);
	height: 7.5rem;
	position: relative;
}
.pageHeader:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/green-background.svg) no-repeat 50% 72% / cover;
	opacity: .5;
}



/* HOME -------------------------------- */
.home-hero {
	background: var(--green);
	position: relative;
	padding-block: 3.125rem 6.125rem;
	clip-path: polygon(0 0, 100% 0, 100% 89%, 0% 100%);
}
.home-hero:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/green-background.svg) no-repeat 50% 72% / cover;
	opacity: .5;
}
.home-hero .wrap {
	display: flex;
	align-items: center;
	gap: 9.5%;
	position: relative;
	z-index: 1;
}
.home-hero .home-hero-content {
	width: 47%;
	font-size: 1.375rem;
	font-weight: 600;
	color: #FFF;
}
.home-hero .home-hero-content h1 {
	color: #FFF;
	font-size: clamp(1.875rem, 1.3542rem + 1.1111vw, 2.1875rem);
}
.home-hero .home-hero-content > *:last-child {
	margin-bottom: 0;
}
.home-hero .hero-video {
	width: 43.5%;
	text-align: center;
}
.spanish-link button {
	background: transparent;
    border: 0;
    text-align: center;
    margin: 12px auto 0;
    font-style: italic;
    text-decoration: underline;
	text-transform: none;
}
.spanish-link button:is(:hover, :focus-visible) {
	color: rgba(255,255,255,.5);
	text-decoration: none;
}

.splash-hero {
	background: var(--green);
	position: relative;
	text-align: center;
	min-height: calc(100vh - 10.3125rem);
}
.logged-in.admin-bar .splash-hero {
	min-height: calc(100vh - 12.25rem);
}
.splash-hero:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/green-background.svg) no-repeat 50% 72% / cover;
	opacity: .75;
}
.splash-hero .wrap {
	position: relative;
	z-index: 2;
	max-width: 46.75rem;
	padding-block: 8.1875rem;
}
.splash-hero h1 {
	color: #FFF;
	font-size: 2.25rem;
	margin-bottom: 1.25rem;
}
.splash-hero p {
	color: #FFF;
	font-size: 1.375em;
	font-weight: 600;
}

.page-template-template-splash-page header {
	justify-content: center;
}

.page-template-template-splash-page header #brand {
	max-width: 30.875rem;
	padding: 2.5rem 0;
	pointer-events: none;
}
.page-template-template-splash-page :is(aside, footer, #navContainer) {
	display: none;
}

.why-become {
	padding-block: 1.25rem 3.75rem;
}
.why-become .wrap {
	max-width: 53rem;
}
.why-become h2 {
	font-size: clamp(1.75rem, 0.9167rem + 1.7778vw, 2.25rem);
	color: #000;
	text-align: center;
	margin-bottom: 3rem;
}
.why-become ul {
	display: flex;
	flex-wrap: wrap;
	gap: 2.5rem;
}
.why-become ul li {
	width: calc(33.33% - 1.6875rem);
	perspective: 1000px;
}
.icon-list-inner {
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform 0.8s;
	transform-style: preserve-3d;
	aspect-ratio: 1;
}
.why-become ul li:hover .icon-list-inner {
	transform: rotateY(180deg);
}
.icon-list-front, .icon-list-back {
	border-radius: 8px;
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
}
.icon-list-front {
	background: var(--green);
	color: #FFF;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.25;
	padding: 9.5rem 1.25rem 0;
	text-align: center;
}

.icon-list-front:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 8px;
}
.icon-list-back {
	background: #FFF;
	transform: rotateY(180deg);
	border: 4px solid;
	padding: 1.5rem 1.5rem 0;
	line-height: 1.375;
}
.icon-list-back p {
	font-size: .9625em;
	margin-bottom: 0;
}
.why-become ul li:nth-child(3n+1) .icon-list-front {
	background: var(--red);
}
.why-become ul li:nth-child(3n+1) .icon-list-front:before {
	background: url(../img/Card-Red-Texture.svg) no-repeat center / contain;
}
.why-become ul li:nth-child(3n+1) .icon-list-back {
	border-color: var(--red);
}
.why-become ul li:nth-child(3n+2) .icon-list-front {
	background: var(--orange);
}
.why-become ul li:nth-child(3n+2) .icon-list-front:before {
	background: url(../img/Card-Orange-Texture.svg) no-repeat center / contain;
}
.why-become ul li:nth-child(3n+2) .icon-list-back {
	border-color: var(--orange);
}
.why-become ul li:nth-child(3n+3) .icon-list-front {
	background: var(--green);
}
.why-become ul li:nth-child(3n+3) .icon-list-front:before {
	background: url(../img/Card-Green-Texture.svg) no-repeat center / contain;
}

.why-become ul li:nth-child(3n+3) .icon-list-back {
	border-color: var(--green);
}

.icon-list .icon:after {
	content: "";
	position: absolute;
	width: 90px;
	height: 72px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	right: 50%;
	transform: translateX(50%);
	top: 2.9375rem;
}
.icon-list .icon.people:after {
	background-image: url(../img/icons/people.svg);
}
.icon-list .icon.user-doctor:after {
	background-image: url(../img/icons/user-doctor.svg);
}
.icon-list .icon.shield:after {
	background-image: url(../img/icons/shield.svg);
}
.icon-list .icon.circle-arrow-down:after {
	background-image: url(../img/icons/circle-arrow-down.svg);
}
.icon-list .icon.person-walking-luggage:after {
	background-image: url(../img/icons/person-walking-luggage.svg);
}
.icon-list .icon.hands-holding-heart:after {
	background-image: url(../img/icons/hands-holding-heart.svg);
}

.testimonials {
	/* background: rgba(var(--orange-rgb), .2); */
	position: relative;
	padding-block: 6.25rem 5.25rem;
	z-index: 2;
	/* clip-path: polygon(0 11%, 100% 0, 100% 89%, 0% 100%); */
}
.testimonials .wrap {
	max-width: 58.125rem;
}
.testimonials blockquote.testimonial:before, .testimonials blockquote.testimonial:after {
	content: none;
}
.testimonials blockquote.testimonial {
	font-size: 1em;
	padding: 0;
	margin: 0;
}
blockquote .testimonial-content p {
	font-size: 1.375rem;
	color: #000;
}

.home .testimonials:before {
	content: "";
	position: absolute;
	background: #fce0d3;
	inset: 0;
	pointer-events: none;
	border-bottom: 1rem solid #FFF;
	transform: skewY(-3deg);
}
.testimonial-cite {
	text-align: center;
	color: var(--orange);
	font-size: 1.5rem;
	font-style: italic;
	font-weight: 500;
}
.testimonial-cite span {
	font-weight: 300;
}
.testimonials .slick-dots {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.25rem;
}
.testimonials .slick-dots button {
	padding: 0;
	font-size: 0;
	width: 1.25rem;
	height: 1.25rem;
	border: 2px solid var(--orange);
	background: transparent;
	border-radius: 50%;
}
.testimonials .slick-dots .slick-active button {
	background: var(--orange);
}

.photogrid ul {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	/* grid-template-rows: 183px 183px 183px 183px 183px 183px 183px 183px 183px 183px; */
	/* grid-template-rows: repeat(10, clamp(4.6875rem, -3.101rem + 16.6154vw, 11.4375rem)); */
	grid-auto-rows: clamp(4.6875rem, -3.101rem + 16.6154vw, 11.4375rem);
	gap: 1rem;
}
.photogrid ul li {
	width: 100%;
}
.photogrid ul li img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.photogrid ul li a {
	display: block;
	height: 100%;
	position: relative;
}
.photogrid ul li .homepage-text {
	position: absolute;
	width: 100%;
	text-align: center;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	font-weight: 500;
	line-height: 1.25;
	padding: .5rem;
	background: #FFF;
	opacity: 0;
}
.photogrid ul li.double-donor-stories .homepage-text {
	color: var(--dark-green);
}
.photogrid ul li.liver-donor-stories .homepage-text {
	color: var(--orange);
}

.photogrid ul :is(li:nth-child(1), li:nth-child(3), li:nth-child(6), li:nth-child(8), li:nth-child(9), li:nth-child(11), li:nth-child(14), li:nth-child(16)) .horizontal,
.photogrid ul :is(li:nth-child(2), li:nth-child(4), li:nth-child(5), li:nth-child(7), li:nth-child(10), li:nth-child(12), li:nth-child(13), li:nth-child(15)) .vertical {
	display: none;
}
.photogrid ul li:nth-child(1),
.photogrid ul li:nth-child(3) {
	grid-row: 1 / 4;
}
.photogrid ul li:nth-child(2),
.photogrid ul li:nth-child(4) {
	grid-row: 1 / 3;
}
.photogrid ul li:nth-child(5),
.photogrid ul li:nth-child(7) {
	grid-row: 4 / 6;
}
.photogrid ul li:nth-child(6),
.photogrid ul li:nth-child(8) {
	grid-row: 3 / 6;
}
.photogrid ul li:nth-child(9),
.photogrid ul li:nth-child(11) {
	grid-row: 6 / 9;
}
.photogrid ul li:nth-child(10),
.photogrid ul li:nth-child(12) {
	grid-row: 6 / 8;
}
.photogrid ul li:nth-child(13),
.photogrid ul li:nth-child(15) {
	grid-row: 9 / 11;
}
.photogrid ul li:nth-child(14),
.photogrid ul li:nth-child(16) {
	grid-row: 8 / 11;
}
.photogrid ul li:nth-child(n+17) {
	display: none;
}
.photogrid {
	margin-top: -60px;
}
.photogrid + * {
	margin-top: -78px;
}

.photogrid ul li a:is(:hover,:focus) .homepage-text {
	opacity: 1;
}
.photogrid ul li a:hover img {
	opacity: .7;
}

/* FOOTER CTA -------------------------- */
.call-to-action {
	position: relative;
	background: var(--green);
	text-align: center;
	padding-block: 6.5625rem 5.4375rem;
	clip-path: polygon(0 11.5%, 100% 0, 100% 102%, 0% 102%);
}
.call-to-action:before, .blog-footer-cta:before {
	content: "";
	position: absolute;
	top: 20%;
	right: 0;
	bottom: 0;
	left: 0;
	background: url(../img/green-background.svg) no-repeat center / cover;
	transform: scaleY(-1);
	opacity: .5;
}
.call-to-action .wrap {
	max-width: 51rem;
	position: relative;
	z-index: 1;
}
.call-to-action img {
	width: 3.375rem;
	margin-bottom: 1.5rem;
}
.call-to-action p {
	color: #FFF;
}
.call-to-action-heading {
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.2;
}
.call-to-action-content {
	font-size: 1.5rem;
	font-weight: 400;
}
.call-to-action .button {
	background: #FFF;
	color: var(--dark-green);
	font-size: 1rem;
	font-weight: 500;
	border: 0;
	text-transform: initial;
	margin-top: 2.5rem;
}

.home .call-to-action {
	background: #FFF;
}
.home .call-to-action:before {
	content: none;
}
.home .call-to-action .call-to-action-heading {
	color: var(--red);
}
.home .call-to-action .call-to-action-content {
	color: #000;
}
.home .call-to-action .button {
	background: var(--red);
	color: #FFF;
}
.home .call-to-action img {
	filter: invert(1) invert(15%) sepia(67%) saturate(5351%) hue-rotate(342deg) brightness(85%) contrast(99%);
}



/* FOOTER ------------------------------ */
body>footer{padding:1.5rem 0;color:#999;}
body>footer a{color:#fff}
body>footer a.on, footer .on>a{text-decoration:none;color:#fff}
body>footer .fatFooter{margin-bottom:3rem;}
body>footer>.wrap {overflow:visible; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse;}
body>footer nav, body>footer nav div {display: inline;}
body>footer nav li.current-menu-item > a {text-decoration: underline;}
body>footer>.wrap * {
	font-size:0.75rem;
	color: #FFF;
}
body>footer>.wrap #web-solutions a{opacity:.4}

body>footer .copyright {
	display: inline-block;
}

body>footer .copyright p {
	display: inline-block;
	margin: 0;
}

.social-links {display: flex; align-items: center; justify-content: center;}
.social-links li + li {margin-left: 0.6875rem;}
.social-links a {position: relative; display: block; width: 18px; height: 18px;}
.social-links a:before {content: ""; background-size: contain; background-position: center; background-repeat: no-repeat; top: 0; left: 0; width: 100%; height: 100%; position: absolute;}
.social-links .facebook:before {background-image: url(../img/icons/facebook.svg);}
.social-links .linkedin:before {background-image: url(../img/icons/linkedin.svg);}
.social-links .instagram:before {background-image: url(../img/icons/instagram.svg);}
.social-links .twitter:before {background-image: url(../img/icons/twitter.svg);}
.social-links .youtube:before {background-image: url(../img/icons/youtube.svg); width: 1.25rem;}


/* FAMILY BAR */
#nkr-familybar{
	border-top:1px solid rgba(0,0,0,.2);
	background-color:#fff;
	font-size:16px;
	text-align:center;
	clear:both;
	padding: 1em;
}
#nkr-familybar nav{
	display:inline-block;
	font-size: 0.875rem;
}
#nkr-familybar span{
	position:relative;
	display:inline-block;
	padding-left:2.2em;
}
#nkr-familybar svg{
	width:1.8em;
	height:1.8em;
	position:absolute;
	top:50%;
	left:0;
	transform:translatey(-50%)
}
#nkr-familybar ul{
	display:contents;
	white-space:collapse;
	font-size:0;
}
#nkr-familybar li{
	display:inline;
	white-space: nowrap;
	font-size:0.875rem;
}
#nkr-familybar a{
	border:1px solid rgba(206,14,45,0);
	border-radius:.25em;
	color: var(--red);
	display:inline-block;
	padding:0 .5em;
	text-decoration:none;
	transition:border-color .3s ease;
}
/* /family bar */

/* BLOG --------------------------------------*/
#donors_blog_archive article {
	border-bottom: 1px solid rgba(0, 0, 0, .15);
	padding-bottom: 1em;
}
.highlight.donors-blog-highlight h2 {
	font-weight: 700;
}
#donors_blog_archive h2 {font-size: 1.25em; font-weight: 700; margin-bottom: .25rem;}
#donors_blog_archive time, #donors_blog_archive .author,
.donors-blog-single time, .donors-blog-single .author {color: rgba(0,0,0,.6); font-size: 0.9rem; font-style: italic;}
#donors_blog_archive p, .tax-news-category .entry-source p b {color: #000;}
#donors_blog_archive article > a {
	display: block;
	text-decoration: none;
}

.donors-blog-single .author {margin-bottom: 1rem;}

.read-more-link {font-style: italic;}

.ws-donors-blog-template-default  #content .intro {
	font-size: 1.5rem;
	margin-bottom: 1rem;
	margin-top: 0.95rem;
}

#donors_blog_archive .author, .donors-blog-single .author {display: inline; margin-left: .3rem;position: relative;}
#donors_blog_archive .author:before, .donors-blog-single .author:before {content: "\00a0\007C\00a0"; font-style: normal; color: #000; margin-right: 0.1875rem; pointer-events: none;}

#donors_blog_archive .entry-content {padding: .25rem 0;}
#donors_blog_archive .entry-content p {color: #000;}
#donors_blog_archive article {margin-top: 3rem;}

.highlight.donors-blog-highlight figure.alignright figcaption {
	text-align: right;
}

.nav-links {margin-top: 2em; text-align: center;}
.nav-links .page-numbers {margin-inline: .5em;}
.nav-links .page-numbers.current {font-weight: 700;}

/* TOPICS FIELDSET */
form.blog-news-filters {
	border: 0;
	padding: 1.5rem;
	margin: 1.875rem 0 2.5rem;
	background: var(--grey-alt);
	position: relative;
}
form.blog-news-filters.on {
	padding: 1.5rem 1.5rem 1.75rem;
}
fieldset.filters {
	border: 0;
	margin: 0;
	padding: 0;
}
fieldset.filters .filters-container {
	clear: both;
}
fieldset.filters legend {
	float: left;
	font-weight: 700;
	font-size: 1.25rem;
	padding: 0;
	transition: all .2s ease;
}
.blog-news-filters.on fieldset.filters legend {
	margin-bottom: 1rem;
}
fieldset.filters .filters-inner {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	gap: .5rem 1rem;
}
fieldset.filters .filters-inner > label {
	position: relative;
	padding-left: 1.6875rem;
	text-transform: capitalize;
}
fieldset.filters .filters-inner > label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}
fieldset.filters .filters-inner > label::before, fieldset.filters .filters-inner > label::after {
	content: "";
	position: absolute;
	left: 0;
	top: 3px;
	width: 1.125rem;
	height: 1.125rem;
	border-radius: 4px;
	transition: all .2s ease;
}
fieldset.filters .filters-inner > label::before {
	background: #FFF;
	border: 1px solid #D3D3D3;
}
fieldset.filters .filters-inner > label:hover::before, fieldset.filters .filters-inner > label:focus-visible::before {
	border-color: #000;
}
fieldset.filters .filters-inner > label::after {
	background-color: #000;
	background-image: url(../img/icons/check-white.svg);
	background-size: 0.8125rem 0.8125rem;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
}
fieldset.filters .filters-inner > label:has( input:checked)::after {
	opacity: 1;
}


.blog-news-filters button.red {
	background: var(--red);
	color: #fff;
	border: 0;
	padding: .625rem .75rem;
	display: table;
	margin: 1.5rem 0 0 auto;
	text-transform: initial;
	font-size: 1rem;
	font-weight: 400;
}
.blog-news-filters .open-filters {
	background: transparent;
	border: 0;
	position: absolute;
	top: 0;
	right: 0;
	height: 4.75rem;
}
.blog-news-filters .open-filters:is(:hover,:focus) {
	background: transparent;
}
.blog-news-filters .open-filters::before, .blog-news-filters .open-filters::after {
	content: "";
	position: absolute;
	height: 20px;
	width: 1.125rem;
	top: 1.75rem;
	right: 2.3125rem;
	transition: all .2s ease;
}
.blog-news-filters .open-filters:before {
	background: url(../img/icons/plus.svg) no-repeat center / contain;
	transform: scaleY(0);
}
.blog-news-filters .open-filters:after {
	background: url(../img/icons/minus.svg) no-repeat center / contain;
}
.blog-news-filters:not(.on) .open-filters::before {
	transform: scaleY(1);
}

.blog-news-filters .filters-inner label:has([data-tag='all']){
	font-weight: 700;
}



/* BLOG FOOTER CTA ------------------ */
.blog-footer-cta {
	background-color: var(--green);
	clip-path: polygon(0 11.5%, 100% 0, 100% 102%, 0% 102%);
	position: relative;
	margin-top: 7.5rem;
}
.blog-footer-cta .wrap {
	overflow: auto;
	position: relative;
	z-index: 1;
}

.blog-footer-cta p {
	font-weight: 400;
	color: #FFF;
	margin-bottom: 1.5625rem;
}

.blog-footer-cta .wrap .button {
	background: #fff;
	color: var(--dark-green);
	border-color: var(--dark-green);
}
.blog-footer-cta .wrap .button:is(:hover,:focus) {
	background: var(--dark-green);
	color: #FFF;
}

.blog-cta-slider :is(.slick-list, .slick-track) {
	height: 100%;
}
.blog-footer-cta .blog-cta-slide {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.blog-footer-cta .pause-toggle {
  position: absolute;
  bottom: 1.25rem;
  left: 1.25rem;
  z-index: 2;
  padding: 0;
  border: 0;
  background: rgba(0,0,0,.8);
  width: 2rem;
  height: 2rem;
}
.blog-footer-cta .pause-toggle:before {
  content: "";
  position: absolute;
  inset: 7px;
  background: url(../img/icons/pause.svg) no-repeat center / contain;
}
.blog-footer-cta .pause-toggle.on:before {
  background-image: url(../img/icons/play.svg);
}

.tags {
	padding-block: 0.375rem;
}
.tags a {
	background: #FFF;
	color: var(--dark-green);
	text-transform: initial;
	border: 0;
	font-size: 1rem;
	font-weight: 500;
}
.tags a:is(:hover,:focus) {
	background: var(--dark-green);
	color: #FFF;
}


/* TRANSITIONS ------------------------------ */

a, a *, button, .button, input:is([type="button"], [type="submit"], [type="reset"]),
:is(input, select, textarea):focus, #alertApp, #alertApp span, #alertDesc {
	transition: var(--ws-transition);
}

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



/* ANIMATIONS ------------------------------ */

@media screen and (prefers-reduced-motion: no-preference) {

	.translate-up,
	.translate-down,
	.translate-left,
	.translate-right {
		opacity: 0;
		transition: all 1s ease;
	}

	.translate-up {
		transform: translate(0,3rem);
	}

	.translate-down {
		transform: translate(0,-3rem);
	}

	.translate-left {
		transform: translate(3rem,0);
	}

	.translate-right {
		transform: translate(-3rem,0);
	}

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

}

/* SEARCH ------------------------------ */
.search-results article{
	border-top: 1px dashed #D4D9E1;
	padding: 1em 0;
}

.search-results .pagination {
	border-top: 1px dashed #D4D9E1;
	display: flex;
	flex-wrap: nowrap;
	gap:0.125rem;
	justify-content: center;
	margin-top: 3.125em;
	padding-top: 1.5625em;
}

.search-results .pagination .off {
	opacity: 0.5;
	pointer-events: none;
}

.search-results .pagination .prev {
}

.search-results .pagination .next {
}

.search-results .pagination ol {
	display: flex;
	flex-wrap: wrap;
	gap:0.125rem;
	justify-content: center;
	margin:0;
	padding:0;
}

.search-results .pagination li {
	list-style: none;
}

.search-results .pagination a,
.search-results .pagination span{
	align-content: center;
	align-items: center;
	border-radius: var(--border-radius);
	color: var(--ws-color-font);
	display: flex;
	font-weight: var(--bold);
	height: 2.3125rem;
	justify-content: center;
	width: 2.3125rem;
}

.search-results .pagination li.on a,
.search-results .pagination span.current {
	box-shadow: inset 0 0 0 2px var(--ws-color-accent);
	font-weight: bold;
	color: var(--ws-color-accent)
}

.entry-header .posted-on .date-updated{
	display: none;
}
/* SEARCH END ------------------------------ */