@charset "UTF-8";
/*
Theme Name: Web Solutions
Theme URI: https://www.websolutions.com/
Author: Web Solutions
Author URI: https://www.websolutions.com/
Description: WordPress wpCode
Version: 2.0.0
Text Domain: wpcodev2
*/

:root {
  --blue: #5EC5F4;
  --darkblue: #004e61;
  --darkblue-rgb: 0, 78, 97;
  --red: #C8102E;
  --darkred: #9B0000;
  --purple: #87189D;
  --darkpurple: #4F0E56;

  --ws-royal-blue: #0093B8;
  --ws-royal-blue-rgb: 0,147,184;

  --ws-royal-blue-dark: #007a99;
  --ws-royal-blue-dark-rgb: 0, 122, 153;

  --ws-lt-teal: #B3E6E0;
  --ws-teal: #3ea399;
  --ws-teal-rgb: 62, 163, 153;
  --ws-dark-teal: #318179;
  --ws-dark-teal-rgb: 49, 129, 121;

  --ws-lt-teal: #B3E6E0;

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

}

html {
  box-sizing: border-box;
}

*, *:before, *:after {
  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;
  max-width: 100%;
}

ul {
  padding-left: 0;
  margin-bottom: 3em;
}

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: "Montserrat", sans-serif;
  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: #000;
}

body.no-scroll {
  overflow: hidden;
}

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

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

#skipNavigation:focus,#skipNavigation:active {
  top: 0;
}

body.logged-in.admin-bar #skipNavigation:focus, body.logged-in.admin-bar #skipNavigation:active {
  top: 34px
}

iframe[src="/management/login/persistSession.aspx"] {
  display: none
}

/*page widths*/
body>header, #mainnav, main, body>footer, #alertApp {
  width: 100%;
  float: left;
  clear: left;
  display: block;
  z-index: 10;
}
body>footer {
  float: none;
}

body>footer>.fatFooter,#alertApp>*,.wrap {
  width: 100%;
  max-width: calc(75em + 2 * var(--ws-gap));
  margin-left: auto;
  margin-right: auto;
  padding-inline: var(--ws-gap);
  position: relative;
}

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

.text {
  font-size: 1rem
}

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

#content p a {
  text-decoration: underline;
}

a:hover, a:active, a:hover *, a:active * {
  color: var(--darkblue);
}

a:not(.button):focus-visible {
  text-decoration: underline;
}

.content a:not(.button), .anchor-list li a, small>a, .secondary-header-subtext a, footer nav a,
.content a:not(button):hover, .content a:active, .content a:hover *, .content a:active *,
.anchor-list li a:hover, .anchor-list li a:active, small>a:hover, small>a:active,
.secondary-header-subtext a:hover, .secondary-header-subtext a:active, footer nav a:hover, footer nav a:active {
  border-bottom: 1px solid transparent;
}

p,h1,h2,h3,h4,hr,.content ul,.contentEditor ul,blockquote,dd,ol {
  margin-top: 0;
  margin-bottom: 1rem
}

h1, h2, h3, h4, h5, h6, th {
  font-weight: 400;
  line-height: 1.3;
}

p + h2, p + h3, p + h4, p + h5, p + h6, ul + h2, .accordions + h2 {
  margin-top: 2em;
}

.intro, .intro p {
  font-size: 1.125em;
  margin: 0 0 1.125em;
}

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

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

b, strong {
  font-weight: 700;
}

u {
  text-decoration: none
}

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

p {
  font-size: 1em;
  margin-bottom: 1.5em;
  font-weight: 300;
  color: #000;
}

h1 {
  font-weight: 800;
  color: var(--ws-teal);
  display: block;
  line-height: 1;
  position: relative;
  bottom: .1em;
  margin-bottom: .666em;
}

h1 b {
  font-size: inherit;
  display: inline;
  bottom: 0;
}

h1 span {
  font-weight: 300;
  margin-top: .3em;
  padding: 0;
  color: #000;
  font-size: .666em;
  display: block;
}
h1 span.board-member, h2 span.board-member {
  font-size: 1em;
  font-weight: inherit;
  color: inherit;
  display: inline;
  margin-top: 0;
}
h2 span.board-member {
  color: #000;
  transition: all 0s;
}
a:is(:hover,:focus) h2 span.board-member {
  color: var(--ws-darkblue);
}

h1 .black-emphasis {
  font-size: inherit;
  font-weight: 700;
  color: #000;
  display: inline;
  bottom: 0;
}

h2, .content * h1 {
  font-weight: 700;
  display: block;
  color: #000000;
}

h3, .content * h2 {
  font-weight: 500;
  color: #000;
}

h4, th {
  font-weight: 500;
  color: #707070;
}

.hero-template .hero-small,
.commitment-accordion .hero-small {
  margin-bottom: 2rem;
}

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

sup {
  bottom: 1ex
}

sub {
  top: .5ex
}

h2 span {
  font-size: .5333em;
  font-weight: 300;
  display: block;
}

#content h2 {
  font-size: 1.3em;
  color: #000;
  font-weight: 500;
}

#content h3 {
  font-size: 1.125em;
  font-weight: 500;
}

blockquote p {
  font-size: clamp(1.063em, 1.041em + 0.1vw, 1.125em);
  font-weight: 400;
  color: #c60d2a;
  text-align: center;
  margin-bottom: .25em;
}

blockquote cite, blockquote footer {
  font-size: 1em;
  font-style: italic;
  text-align: center;
}

blockquote {
  margin-bottom: 2em;
}


/* Pullquotes: */
figure.wp-block-pullquote {
  background: rgba(var(--ws-royal-blue-dark-rgb), .06);
  border-left: 4px solid var(--ws-royal-blue-dark);
  float: left;
  font-size: 1rem;
  margin: 1rem 2rem 1rem 0;
  padding: 1.75rem 2rem 1.5rem;
  text-align: left;
  width: 50%;
}

figure.wp-block-pullquote blockquote :is(p, cite) {
  text-align: left;
}

/* Pullquote text: */
figure.wp-block-pullquote blockquote p {
  font-size: 1.14rem;
  font-weight: 500;
  line-height: 1.35;
}

figure.wp-block-pullquote blockquote p:first-of-type::before {
  content: '\201C';
}

figure.wp-block-pullquote blockquote p:last-of-type::after {
  content: '\201D';
}

figure.wp-block-pullquote blockquote cite {
  font-size: 1.34rem;
  display: block;
  margin: .625em 0 0;
}




.positions {
  font-weight: 500;
  margin-top:-1em;
}
.positions em {
  display: block;
}
/* accordion */
section#accordions {
  padding-top: .5em;
}

.accordions .accordion, article.accordion {
  background: #FFF;
  border: 2px solid #BBB;
  cursor: pointer;
  margin: 0 0 1rem;
  border-radius: 4px;
  position: relative;
  transition: var(--ws-transition);
}

.accordions .accordion {
  padding: .8125rem 3rem .8125rem 1rem;
}

article.accordion h3 {
  margin-bottom: 0;
  color: #000;
  font-size: 1.2em;
  font-weight: 500;
}

article.accordion p {
  margin-top: 1rem;
  margin-bottom: 0.25rem;
}

.accordions .accordion:hover, .accordions .accordion:focus {
  border-color: var(--ws-royal-blue);
}

.accordions .accordion.expanded, article.accordion.expanded {
  background: #f2f2f2;
}

article.accordion {
  transition: all .2s;
  cursor: pointer;
  padding: 1rem 3rem 1rem 1rem;
}

article.accordion:hover {
  border: 2px solid var(--ws-royal-blue);
}

article.accordion + h2 {
  margin-top: 2em;
}

.accordion .accordion-title {
  margin: 0;
}

.accordion .accordion-title button {
  padding: 0;
  color: #000;
  text-align: left;
  font-weight: 400;
  background: none;
  line-height: inherit;
  border: 0;
  padding-left: 1.5625rem;
}

.accordion.faq-item h3:before {
  position: absolute;
}

.accordions .accordion-title button {
  font-weight: 500;
}

.accordion .accordion-reveal {
  height: 0;
  overflow: hidden;
  position: relative;
  top: 0;
  transition: var(--ws-transition);
  outline: 0;
}

.accordion .accordion-reveal p {
  margin: .75rem 0;
}

.accordion .accordion-reveal li {
  margin : .75rem 0;
}

.accordion .accordion-reveal li:last-of-type {
  margin: .75rem 0 0;
}

.accordion ul {
  margin: 0;
}

.accordion::after {
  display: block;
  height: 1.25rem;
  left: 1.5rem;
  position: absolute;
  top: .95rem;
  width: .5rem;
}

.accordions .accordion-reveal .alignright {
  margin-bottom: 2em;
  margin-left: 2em;
}

.accordion::after {
  background-image: url('images/arrow-down.svg');
  background-repeat: no-repeat;
  background-position: center 4px;
  background-size: 1rem;
  border-radius: 50%;
  content: '';
  height: 1.5625rem;
  left: auto;
  right: 1rem;
  transition: var(--ws-transition);
  width: 1.5rem;
}

.accordion.expanded::after {
  transform: rotate(180deg);
}

/* SAFARI */
@supports (-webkit-marquee-repetition:infinite) and (object-fit: fill) {
  .accordion .accordion-title button:focus {
    outline: 3px auto var(--red);
    outline-offset: 1px;
  }
}



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

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




/* MAIN ------------------------------ */
main, .mceContentBody {
  background: #fff
}

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

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

#sidenav ul {
  padding: 0;
  font-weight: 400;
}

#sidenav ul ul {
  font-size: .925em;
}

#sidenav ul:empty {
  display: none
}

#sidenav li {
  height: 1%;
  overflow: hidden;
  margin-bottom: 0;
  padding-left: 0;
}

#sidenav li a {
  padding: .5em .75rem;
  line-height: 1.1em;
  display: block
}

#sidenav li::before {
  display: none;
}

#sidenav>ul>li>a {
  font-weight: 400;
  color: #000
}
#sidenav>ul>li {
  border-bottom: 1px solid #c0c0c0;
}


#sidenav li a:hover, #sidenav li a:active {
  color: var(--ws-royal-blue);
}

#sidenav li.current_page_item>a, #sidenav li.current_page_ancestor>a,
#sidenav > ul > li.current-cat ~ li.current_page_item>a {
  color: #000;
  background: transparent;
}
#sidenav li.current-cat>a,
#sidenav > ul > li.current_page_item>a {
  color: #FFF;
  background: var(--ws-royal-blue);
}
#sidenav li.cat-item>a:is(:hover,:focus),
#sidenav > ul > :is(li.current-cat, li:not(.current-cat)) ~ li.current_page_item>a:is(:hover,:focus),
#sidenav > ul > li.page_item>a:is(:hover,:focus) {
  color: #FFF;
  background: var(--ws-royal-blue-dark);
}

#sidenav > ul > li.cat-item ~ li.current_page_item>ul {
  padding-top: 0;
}

/* t2 */
#sidenav li.current_page_ancestor ul {
  padding-bottom: 0;
  margin-bottom: 0;
}

#sidenav li.current_page_ancestor>ul>li {
  margin: 0;
}

#sidenav li.current_page_ancestor ul li a, #sidenav li ul.children li a {
  color: #707070;
  font-size: .925em;
  padding: .5em 5px .5em 1.5em;
}

#sidenav li.current_page_ancestor ul li.current-cat a {
  background-color:var(--darkblue);
  color: #fff;
}

#sidenav li ul li a:hover, #sidenav li ul li a:active {
  background: var(--ws-royal-blue-dark);
  color: #fff;
}

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

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

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

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

#sidenav li ul li ul li a:hover {
  color: #000;
}

#sidenav li ul li.current_page_ancestor ul li a, #sidenav li ul li ul.children li a {
  display: block;
  padding-left: 1.25rem;
  color: #666
}

#sidenav li ul li ul li a:hover, #sidenav li ul li ul li a:active,
#sidenav > ul > li.current_page_item > ul.children > li>a:is(:hover,:focus) {
  color: #000;
  background: #eee;
}

#sidenav li ul li ul li.current_page_item>a, #sidenav li ul li ul li.current_page_ancestor>a,
#sidenav > ul > li.current_page_item > ul.children > li.current_page_item>a {
  color: #000;
  background: #e5e5e5;
}

/* t4 */
#sidenav li ul li ul li.current_page_ancestor ul li a {
  padding-left: 50px;
  font-size: .7em;
  color: #666
}

#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 {
  color: #000;
  background: #eee;
}

#sidenav li a span.board-member {
  color: inherit;
  display: block;
  transition: all 0s ease;
}

/*section callouts*/
main>div>aside section {
  margin: 0 0 20px;
  padding: 10px
}

main>div>aside section:hover {
  background: #FFC
}

main>div>aside section h1 {
  margin: 0;
  font-size: 1.2em
}

main>div>aside section p {
  margin: 0
}

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

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

.content {
  word-wrap: break-word
}

.content .alignright, .content .align-right {
  max-width: 50%;
  height: auto;
  min-width: 40%;
  margin-top: 0;
}

.wp-block-image {
  display: contents;
}

.wp-block-image img {
  height: auto;
}

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

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

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

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

figcaption {
  font-size: .875em;
  font-weight: 300;
}

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

.alignright {
  float: right;
  clear: right
}

.align-right {
  float: left;
  clear: left
}

.muted {
  opacity: 0.5;
  filter: alpha(opacity=50)
}

.highlight, .content .highlight {
  background: #ECECEC;
  padding: 2em;
  margin: 2em 0;
  clear: right;
}

.highlight h1 {
  color: var(--red);
}

small, .textSm {
  font-size: .875em;
  font-style: italic;
}

.content table {
  width: 100%
}

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

/* blog */
h1.entry-title,  .donors-blog-single>h1{
  margin: 1.5em 0 .5em;
  font-size: 2.25em;
  font-weight: 600;
  padding: 0;
  line-height: 1.2;
}

span.posted-on {
  font-size: .8em
}

.entry-source, .entry-source p {
  display: inline;
  position: relative;
}

.entry-source p {
  margin-left: -3px;
}

.entry-source p:before {
  content: "\00a0\007C\00a0";
  font-style: normal;
}

.entry-source p {
  margin-bottom: 0;
  font-size: .8em;
  font-weight: 400;
  font-style: italic;
}

.entry-source p b {
  color: #000;
}

.donors-blog-single h1 + time {
  display: inline-block;
  margin-bottom: .75rem;
}

p.intro {
  font-weight: 400;
  font-size: 1.125em;
}

span.posted-on {
  font-size: .8em
}

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

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

.cat-links, .comments-link {
  font-size: .8rem;
  display: block
}

.entry-source {
  margin-left: .25rem;
}

article a.read-more-link:not(.button) {
  border: 1px solid var(--red);
  background: #FFF;
  color: var(--red);
  font-style: normal;
  font-size: 0.8rem;
  text-align: center;
  border-radius: 4px;
  padding: .616em .75em;
  line-height: 1em;
  cursor: pointer;
  font-weight: 500;
  display: table;
  margin-top: 1rem;
}

article a.read-more-link:hover {
  background: var(--red);
  color: #FFF;
}

article a.read-more-link:last-of-type{
	margin-bottom: 3em;
}

.entry-meta .date {
  color: #000;
  font-style: italic;
  font-size: .8em;
}

article .news-item h2 {
  margin-bottom: .25rem;
}

.news-item + p {
  padding: .25rem 0;
  margin-bottom: 0;
}

article a.news-item *, article a.news-item:hover * {
  border-bottom: 0;
}

/* article a.news-item header > * {
  display: inline;
} */

#content a.news-item header .entry-meta {
  margin-left: .25em;
  vertical-align: top;
}

article .news-item ~ footer {
  margin-top: 1rem;
}

article.news-post {
  margin-top: 3rem;
}

/* NEWS */
.intro + article {
  margin-top: 2em;
}

article .center-link {
  color: var(--ws-royal-blue);
  display: block;
  font-size: .8em;
  font-weight: 700;
  margin-top: .5em;
}

article .center-link:hover {
  color:#000;
}

.updated {
  display: none;
}

#content a.news-item h2, .tax-news-category header h2 {
  font-size: 1.25em;
  color: var(--ws-royal-blue);
  font-weight: 700;
  margin: 0;
}

.tax-news-category h2>a {
  border: 0;
  color: #000;
  font-size: 1em;
  font-weight: 700;
}

#content a.news-item .entry-meta, .tax-news-category .entry-meta {
  margin: 0;
}

#content a.news-item + p {
  margin-bottom: 1.5rem;
}

#content article + hr {
  border-top: 2px solid rgba(0,0,0,.15);
  margin: 2em auto;
}

#sidenav .back-to-news {
  font-size: 1rem;
  border-bottom: 1px solid #c0c0c0;
  font-weight: 400;
  color: #000;
}

#content a.news-item:hover h2, #content a.news-item:hover, .tax-news-category h2 :is(a:hover, a:focus) {
  border-bottom: 0;
}

#content p.title>em {
  color: var(--ws-royal-blue);
  display: block;
  margin: 0 0 .5em;
}

#content p.title + p.title {
  margin-top: -1em;
}


/* blog */
h1.entry-title {
  margin-bottom: .5em;
}

.entry-meta {
  margin: 0 0 1em;
}

span.posted-on, span.source {
  font-size: .8em;
  font-style: italic;
}

span.source {
  font-weight: 700;
}

span.source:before {
  font-weight: 400;
}

span.posted-on + span.source::before{
  content: '\007C';
  font-style: normal;
  margin-inline: .25em;
}
a:hover span.author {
  border-bottom: 0;
}

.blogThumb {
  width: 100%;
}

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

section#donors_blog_archive {padding-top: 0;}
#donors_blog_archive time, .donors-blog-single time {color: #000; font-style: italic;}
#donors_blog_archive .entry-content {padding: .25rem 0;}
#donors_blog_archive .entry-content p {color: #000;}
#donors_blog_archive article {margin-top: 2rem;}

#donors_blog_archive h2 {color:var(--darkblue); font-weight: 700; margin-bottom: .25rem;}
#donors_blog_archive a:hover h2 {color:var(--ws-dark-teal);}
#donors_blog_archive time, #donors_blog_archive .author,
#donors_blog_archive .author, #donors_blog_archive p {color: #000;}
#donors_blog_archive article > a {display: block;}
#donors_blog_archive article > a * {border-bottom: 0;}

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

#donors_blog_archive .author, .donors-blog-single .author {display: inline; margin-left: .3rem;position: relative; font-style: italic;}
#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;}

.filterButtons {margin-bottom:3em;}

#comments h2.comments-title {
  margin: 1em 0 2em
}

#comments footer b.fn {
  font-size: 1.25rem
}

#comments footer span.says {
  font-size: .8rem
}

#comments .edit-link {
  font-size: .8rem;
  margin-left: 1.5rem
}

#comments time {
  font-size: .8rem
}

#comments li.comment {
  border-top: 1px solid #ccc;
  padding-top: 1em
}

#comments .reply a {
  font-size: .8rem
}

#comments p.logged-in-as * {
  font-size: .8rem
}

#comments .comment-content p {
  margin-top: 1em;
  font-size: 1.1rem
}

#respond {
  margin-top: 4em
}

#respond h3 {
  margin: 0
}

#comments textarea {
  width: 75%;
}

#biographies {
  padding: 5em 1em;
  text-align: center
}

#biographies .biographies a {
  text-align: left;
  display: inline-block;
  padding: 1.75em;
  border-radius: 3px;
  background: #EDEAEA
}

#biographies .biographies a:hover {
  background: #0085CA;
}

#biographies .biographies a img {
  display: block;
  border: 1px solid transparent;
  margin: 0 auto 0.75em;
  width: 100%;
  height: 226px;
  object-fit: cover;
  object-position: center top
}

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
  #biographies .biographies a img {
    display: block;
    border: 1px solid transparent;
    margin: 0 auto 0.75em;
    max-width: 100%;
    width: auto;
    height: auto !important;
    max-height: 226px;
    object-fit: none !important;
  }
}

#biographies .biographies a:hover img {
  border-color: rgba(255,255,255,0.5)
}

#biographies .biographies a span, header > h1+span, h2+.date {
  display: block;
  font-family: "proxima-nova-condensed", sans-serif;
  line-height: 120%;
}

header > h1+span {
  font-style: italic;
  margin: -1.5em 0 1em;
  font-size: 1.125em;
  color: #9e9e9e;
}

#biographies .biographies a:hover span {
  color: #fff
}

#biographies .biographies a .name {
  font-size: 1.25em;
  font-weight: 600;
  color: #0085CA
}

#biographies .biographies a .position {
  font-size: 0.938em;
  color: #004F71
}

#biographies .biographies a:hover .position {
  opacity: 0.75
}

.pageHeader {
  clear: both;
  width: 100%;
  background: #fff;
  padding-bottom: 5.2em;
}

/* list */
.content ol {
  margin-left: 2em
}

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

.content ul li {
  padding-left: 2em;
}

.content ul li:before {
  content: "\25B8";
  display: inline-block;
  width: 1em;
  text-align: center;
  text-indent: 0
}

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

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.nobr {
  white-space: nowrap
}

.twoCol, .threeCol, .resCol {
  column-gap: 2em;
  text-align: left;
}

.twoCol li, .threeCol li, .resCol li {
  display: inline-block;
  width: 100%;
}

.req {
  color: #c00
}

.textIcon {
  background: #999;
  background-color: rgba(0,0,0,.2);
  font-size: .8em;
  line-height: 1em;
  display: inline-block;
  padding: .2em .4em;
  border-radius: .5em;
  color: #fff
}

.textIcon:hover {
  background: #666;
  background-color: rgba(0,0,0,.4);
  color: #fff
}

.clearfix:after, .lists-container {
  content: '';
  display: table;
  clear: both;
}

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


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

.videoContainer > .wp-block-embed__wrapper {
  display: contents;
}

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

.faq-item {
  background-color: #e6e6e6;
  ;border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  padding: 2em 3em 1em 2em;
  margin-bottom: 2em;
  position: relative;
}

.faq-item h4 {
  color: #c00;
}

.faq-item h3:before, .content article.faqs h1:before {
  content: "\0051\003A\00A0";
  font-weight: 600;
}

.faq-item p:before, .content article.faqs .entry-content p:before {
  content: "\0041\003A\00A0";
  font-weight: 600;
  font-size: 1.2em;
}

.faq-item p + p:before {
  display: none;
}

#content h2.faq-category-name {
  font-weight: 700;
}

/* forms */
input, button, select {
  font-size: .9rem;
  line-height: 1.2em
}

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;
  font-size: .9rem
}

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

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;
  font-size: .9rem
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  select {
    background-image:url('images/select.png');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 18px
  }

  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
  }

  input[type="search"] {
    padding-right: 0
  }
}

select option {
  padding: 0 .2em
}

button:not(.no-style),.button,input[type="button"], input[type="submit"], input[type="reset"], .wp-block-buttons>.wp-block-button>a.wp-block-button__link {
  background: #fff;
  color: var(--ws-royal-blue-dark);
  border: 1px solid var(--ws-royal-blue-dark);
  padding: .7em 1.2em;
  line-height: 1em;
  cursor: pointer;
  border-radius: .3em;
  font-size: 1em;
  font-weight: 500;
}

.button-inverted {
  background: var(--ws-royal-blue-dark);
  color: #fff;
  border: 1px solid var(--ws-royal-blue-dark);
}

.button-cta {
  border: 1px solid #fff;
}

button.no-style {
  border: 0;
  font-size: inherit;
  font-weight: inherit;
  background: none;
  padding: 0;
  cursor: pointer;
  text-align: left;
}

.button.purple {
  background: #fff;
  color: var(--ws-royal-blue-dark);
  border: 1px solid var(--ws-royal-blue-dark);
}

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

button:hover,.button.hover,input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,
.button:hover,.button:focus,input[type="button"]:focus,input[type="submit"]:focus,input[type="reset"]:focus,
.wp-block-buttons>.wp-block-button>a.wp-block-button__link:hover,
.wp-block-buttons>.wp-block-button>a.wp-block-button__link:focus {
  background-color: var(--darkblue);
  border-color: #FFF;
  color: #FFF;
  outline: 0;
}

.wp-block-buttons>.wp-block-button>a.wp-block-button__link:is(:hover, :focus) strong {
  color: inherit;
  transition: none;
}

.button.purple:hover, .button.purple:focus, .button.purple:active  {
  background-color: var(--darkblue);
  color: #fff;
}

.button-inverted:hover,
.button-inverted:focus {
  /* transform: perspective(1px) scale(1.05); */
}

button.no-style {
  border: 0;
  font-size: inherit;
  font-weight: inherit;
  background: none;
  padding: 0;
  cursor: pointer;
  text-align: left;
}

.button {
  display: inline-block
}

.button[target="_blank"]:not(.button-cta):not(.centerNews):after {
  content: '';
  display: inline-block;
  margin-left: .5em;
  width: .75em;
  height: .75em;
  background: url(/wp-content/themes/wpcode-v2/images/external-link-red.svg) no-repeat center center;
  background-size: contain;
  opacity: .5;
}

.button[target="_blank"]:hover:after, .button-inverted[target="_blank"]:after {
  background: url(/wp-content/themes/wpcode-v2/images/external-link-white.svg) no-repeat center center !important;
}

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

.wp-block-buttons {margin-bottom:1em;}

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

.formTable, .formTable table {
  width: 100%
}

.formTable input[type="text"], .formTable input[type="password"], .formTable input[type="tel"], .formTable input[type="number"], .formTable input[type="email"], .formTable input[type="url"], .formTable input[type="search"], .formTable textarea {
  width: 100%
}

.formTable table td,.formTable table td:first-child {
  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
}

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

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

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

#centers-description {
  margin: 1.5rem 0 0.5625rem;
}



/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,
#alertApp,#alertApp span,#alertDesc,#navContainer li,.hamburger,#navContainer .megamenu .all-states ul,
#navContainer .megamenu .all-states span, .megamenu .all-states button.active>span::before, input:focus, select:focus, textarea:focus {
  transition: var(--ws-transition);
}

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




/* FORM ERROR ------------------------------ */
.formError {
  background-color: Black;
  border: 0;
  padding: 5px 10px;
  color: #fff;
  display: none;
  margin: 0 0 2px;
  z-index: 9999;
  border-radius: 10px;
  box-shadow: 0 2px 2px #333;
}

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

.formError em {
  border: 10px solid;
  border-color: Black transparent transparent;
  bottom: -17px;
  display: block;
  height: 0;
  left: 40px;
  position: absolute;
  width: 0;
}

.flex-icon {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: flex-start;
  clear: both;
}

.flex-icon.center {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: flex-start;
  align-items: center;
}

.flex-icon.center *:last-child {
  margin-bottom: 0;
}

.flex-icon figure {
  display: block;
  margin: 0;
}

.flex-icon figure img {
  max-width: 100%;
  height: auto;
}

.flex-icon.large figure {
  margin-right: 2em;
  max-width: 10em;
  width: 10em;
  min-width: 10em;
  height: auto
}

.flex-icon.small figure {
  margin-right: 1em;
  max-width: 4em;
  width: 4em;
  min-width: 4em;
  height: auto
}

.flex-icon.small div {
  padding-top: 1em;
}

/* FOOTER ------------------------------ */
body>footer {
  color: #999999;
  font-size: .75em;
  background-color: #000;
}

body>footer a {
  color: #fff
}

body>footer a:hover, footer a:active {
  color: rgba(255,255,255,.75);
}

body>footer a.on, footer .on>a {
  text-decoration: none;
  color: #fff
}

body>footer .fatFooter {
  margin-bottom: 0;
}

body>footer>.wrap {
  overflow: visible;
  padding-block: 1rem;
  border-top: 0;
  text-align: center;
  max-width: 100%;
}

body>footer>.wrap nav {
  display: inline
}

body>footer>.wrap #web-solutions a {
  opacity: .4
}

body>footer>.wrap #web-solutions a:hover {
  opacity: .8
}

body>footer p {
  color: #fff;
  margin-bottom:0;
}

body>footer .copyright {
  display: inline;
}

body>footer .copyright p {
  color: #999;
  display: inline;
}

body>footer nav>ul {
  display: inline;
}

body>footer nav>ul>li {
  display: inline-block;
}

body>footer nav>ul>li::before {
  content: '|';
  margin-inline: .5em;
}

.nkr {
  font-style: italic;
  color: #999999;
}

/*.social-links {
  display: flex;
  flex-direction: row;
}*/

.social-links {display: flex; align-items: center; justify-content: center; margin: 0;}
.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(images/icons/facebook.svg);}
.social-links .linkedin:before {background-image: url(images/icons/linkedin-in.svg);}
.social-links .instagram:before {background-image: url(images/icons/instagram.svg);}
.social-links .twitter:before {background-image: url(images/icons/twitter.svg);}
.social-links .youtube:before {background-image: url(images/icons/youtube.svg); width: 1.25rem;}

/* HERO -------------------------------- */
.hero {
  background-size: cover;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: stretch;
  align-items: stretch;
  position: relative;
  overflow: hidden;
}

.hero .wrap {
  height: 100%;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.donate-hero .wrap {
  margin-top: 1em;
}

.donate-hero-text {
  width: 52%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.donate-hero-text small {
  font-size: 1em;
  display: flex;
  justify-content: center;
}

.hero-text-large {
  height: 100%;
}

.hero-text-small {
  height: 50vh;
}

.donate-hero-text p {
  line-height: 1.2;
  margin-bottom: .5em;
}

.donate-hero-text ul {
  margin: 0 0 1em 0;
}

.donate-hero {
  min-height: 65vmin;
  max-height: 35rem;
  background-position: right 30%;
}

.gift-hero {
  height: 80vmin;
  max-height: 35em;
  background-position: right top;
}

.programs-hero {
  background-position: right;
}

.back-hero {
  min-height: 50vmin;
  background-position: center top;
}

.hero a {
  border: 0;
  padding: 1em 1.5em;
}

.hero .button {
  margin: 1em .75em 0 0;
}

.gift-hero a {
  margin-bottom: .5em;
}

.gift-hero>.wrap>.donate-hero-text p {
  margin-bottom: 0;
}


/* HOMEPAGE 'TEXT' RIBBON ---------------------------------*/
#text {
  padding-block: clamp(3em, 2.654em + 1.54vw, 4em) clamp(3em, 2.308em + 3.08vw, 5em); /* 360 - 1400 */
  text-align: center;
}

#text .wrap {
  max-width: 60em;
}

#text .button {
  margin: .5em;
}

/* HOMEPAGE 'CALLOUTS' RIBBON ---------------------------------*/
#callouts {
  position: relative;
  text-align: center;
}

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

#callouts ul {
  display: flex;
  justify-content: space-between;
  margin: 0;
}

#callouts li {
  text-align: center;
}

#callouts li::before {
  display: none;
}

#callouts li>a {
  display: block;
}

#callouts .icon {
  align-items: flex-end;
  display: flex;
  justify-content: center;
  height: 3.75em;
  margin: 0 auto 1em;
}

/* HOMEPAGE 'FIND YOUR CENTER' RIBBON ---------------------------------*/
#find-center {
  background: var(--blue) url('/wp-content/themes/wpcode-v2/images/home/r3-pattern.svg') no-repeat center / cover;
}

#find-center .wrap {
	max-width: calc(1263px + 8vw);
}

#find-center p {
	font-weight: 400;
}

#find-center .button {
	color: var(--ws-royal-blue);
	border: 0;
	font-size: .9375rem;
	padding: .6em .925em;
}
#find-center .button:hover, #find-center .button:focus {
	color: #FFF;
	background: var(--ws-royal-blue);
}

#find-center .map {
  overflow: hidden;
  position: relative;
}

#find-center .map::before {
  content: '';
  display: block;
  padding: 0 0 50.47%;
}

#find-center .map #map_wrapper {
  bottom: 0;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}


/* HOMEPAGE 'WELCOME' RIBBON ---------------------------------*/
#welcome {
  background: #FAFAFA;
}

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

/* HOMEPAGE 'TESTIMONIALS' RIBBON ----------------------------*/
#home-testimonials {
  background: rgba(var(--ws-royal-blue-rgb), .15);
  padding: 5rem 0 3rem;
}
#home-testimonials .wrap {
  max-width: 60em;
}
#home-testimonials h2 {
  text-align: center;
}
#home-testimonials .testimonials {
  padding: 1rem 0 0;
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}
#home-testimonials .testimonials p {
  text-align: center;
}
#home-testimonials .testimonials cite {
  margin-top: 1rem;
  text-align: center;
  color: var(--ws-royal-blue-dark);
}
#home-testimonials .testimonials blockquote p:first-of-type::before, #home-testimonials .testimonials blockquote p:last-of-type::after {
  color: var(--ws-royal-blue-dark);
}
#home-testimonials .slick-dots li {
  padding: 0;
  margin-bottom: 0;
}
#home-testimonials .slick-dots li:before {
  content: none;
}
/*
#home-testimonials .slick-dots li.slick-active button {
  background: rgba(255,255,255,.8);
}
#home-testimonials .slick-dots li button:hover, #home-testimonials .slick-dots li button:focus {
  background: #FFF;
}
*/

#home-testimonials .testimonials button:after {
  content: none;
}
#home-testimonials blockquote {
  padding: 0 .5em;
}
/* #home-testimonials .testimonials-slider button {
  background: transparent;
  border: 0;
  padding: 0;
  width: 3rem;
  height: 3rem;
  background-size: auto 2rem;
  background-position: center;
  background-repeat: no-repeat;
}
#home-testimonials .testimonials-slider .slick-prev {
  background-image: url(images/chevron-left.svg);
}
#home-testimonials .testimonials-slider .slick-next {
  background-image: url(images/chevron-right.svg);
} */

/* ABOUT PAGE 'MESSAGE' RIBBON ---------------------------------*/
#message .wrap {
  display: flex;
}

#message .intro {
  font-weight: 500;
}

#message figure {
  margin: 0;
}

#message figcaption {
  color: var(--ws-royal-blue);
}

#message p {
  margin: 0 0 1em;
}


/* ABOUT PAGE 'LEADERSHIP' RIBBON ---------------------------------*/
#leadership {
  background: var(--ws-lt-teal) no-repeat center / cover;
  text-align: center;
}

#leadership #management-team .bio-pic {
  border: .25em solid #FFF;
}

#leadership .bio {
  margin-bottom: 3em;
}

#leadership h3 {
  font-weight: 700;
  margin: 0;
}

#leadership .bio p {
  color: #000;
  font-style: normal;
}


/* ABOUT PAGE 'NEWS-BLOG' RIBBON ---------------------------------*/
.home #news-blog {
  background: #f5f5f5;
}
#news-blog .image {
  background: no-repeat center / cover;
}

#news-blog h2 {
  color: var(--ws-royal-blue);
}

#news-blog ul {
  margin-block: 0 2em;
}

#news-blog li::before {
  content: url('/wp-content/themes/wpcode-v2/images/blue-bullet.svg');
}

#news-blog h3 {
  color: #000;
  font-size: 1em;
  font-weight: 700;
  margin: 0 0 .125em;
}

#news-blog .meta {
  color: #000;
  font-size: .875em;
  font-style: italic;
}

#news-blog .meta .author:not(:empty)::before {
  content: '\007C';
  margin: 0 .25em;
}

#news-blog .row-2 {
  background: #EFEFEF;
}

#news-blog .row {
  position: relative;
}

#news-blog .row-2::before {
  background: #FFF url('/wp-content/themes/wpcode-v2/images/icons/newspaper.svg') no-repeat center / 56% auto;
  border-radius: 50%;
  top: 0;
  content: '';
  left: 50%;
  position: absolute;
  transform: translate(-50%,-50%);
  z-index: 1;
}



/* ALL SVGS ---------------------------------*/
svg {
  height: 6em;
  position: relative;
  backface-visibility: hidden;
}

.flex-col h2, .anchor-list {
  margin-top: -1.8em
}

.anchor-list {
  z-index: 4;
}

.svg-block {
  background-color: #fff;
  padding-top: 1.5em;
  border-radius: 50%;
  height: 10em;
  width: 10em;
  margin-top: -5em;
  text-align: center;
  position: relative;
  z-index: 3;
}

.svg-block svg {
  height: 4em;
}

.grey-background-logo .svg-block {
  background-color: #ECECEC;
}

section {
  padding-bottom: 6em;
  padding-top: 2.5em;
}

.donate-svgs {
  z-index: 1;
}

/* VIDEO LIGHTBOX BLOCK */
.lightboxContainer.alignright, .lightboxContainer.alignleft {
  margin-bottom: 2rem;
  min-width: 50%;
}

.lightboxContainer.alignright {
  margin-left: 2rem;
}

.lightboxContainer.alignleft {
  margin-right: 2rem;
}

#video .videoContainer, .videoLightbox.videoContainer {
  width: 100%;
  height: 0;
  line-height: 0;
  margin-bottom: 0;
  position: relative;
  padding-top: 56.25%;
}

.videoContainer > .video-replace {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  border: 0
}

.videoContainer video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100%;
}

.video-replace {
  margin: 0 0 2em;
  position: relative;
}

.video-replace .play {
  position: absolute;
  opacity: 0.75;
  transition: ease all 200ms;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.125);
  border: 0;
}

.video-replace .play:before {
  content: '';
  width: 4.5rem;
  height: 4.5rem;
  background: url(images/play.svg) no-repeat;
  background-position: 54% 50%;
  background-size: 1.5rem 1.5rem;
  border-radius: 50%;
  border: 2px solid #FFF;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
}

.video-replace:hover .play {
  opacity: 1
}

#video {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: rgba(0,0,0,0.85);
}

#video .close {
  position: absolute;
  color: #fff;
  cursor: pointer;
  top: -1em;
  right: 0;
  width: 1.75em;
  line-height: 1em;
  text-align: center;
  font-weight: 700;

  transition: ease all 200ms;
  font-size: 3em
}

#video .close:hover {
  opacity: 0.5
}

#video .center {
  width: 100%;
  max-width: 70.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 0 1em;
  transform: translate(-50%, -50%);
}

#video .center .videoWrapper {
  position: relative;
  border: 1px solid rgba(255,255,255,0.25);
  overflow: auto
}

#video .center .videoWrapper video {
  max-width: 100%;
  width: auto;
  height: auto;
  max-height: 80vh;
  float: left;
}

/* REIMBURSEMENT -------------------------------- */
.reimbursement h2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 4;
  margin-bottom: 1em;
}

/* grey-background-logo ------------------------- */
.grey-background-logo {
  text-align: center;
  background-image: url("../wpcode-v2/images/grey-background-logo-bg.png");
  background-size: cover;
  background-position: center;
}

.grey-background-logo a, .donor-block .button {
  margin-bottom: .5em;
}

.grey-background-logo>.flex-col>p:last-child {
  margin-bottom: 0;
}

.donor-block p:last-child {
  margin-bottom: 0;
}

.list-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* network programs ------------------------- */
.flex-col {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

/* amazing gifts lists --------- */
.secondary-header {
  z-index: 4;
}

.site-main ul {
  position: relative;
  font-weight: 300;
}

.site-main ul li {
  padding-left: 1.5em;
  margin-bottom: 1em;
  text-align: left;
  position: relative;
}

.site-main ul li:before {
  content: url("../wpcode-v2/images/bluebullet.svg");
  position: absolute;
  top: -2px;
  left: .5rem;
  display: block;
  width: 0.5rem;
  text-align: right;
  text-indent: 0;
  margin-right: .5em;
}


#sidenav > ul > li > ul > li > ul {
  padding-bottom: .5em;
}

.site-main ul li ul li {
  margin-top: 0;
}

.site-main ul li ul li:before {
  width: .6em;
  content: url(../wpcode-v2/images/purplebullethole.svg);
  top: -1px;
  left: .6em;
}


#map_wrapper .gmnoprint ul li:before {
  content: none;
}

.site-main ul li ul {
  margin-bottom: 0;
}

ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: red-counter;
}

ol li {
  counter-increment: red-counter;
  padding-left: 1.5em;
  font-weight: 300;
  position: relative;
}

ol li::before {
  position: absolute;
  content: counter(red-counter) " ";
  color: var(--ws-royal-blue);
  font-weight: 700;
  left: 0;
  text-align: right;
  display: block;
  width: 1em;
}

.gift-list svg {
  fill: #0072B5;
  border-radius: 0;
  height: 3em;
}

.gift-list h2 {
  margin-top: -2em;
  line-height: .9;
}

.flex-row {
  text-align: center;
}

.flex-row li {
  text-align: left;
}

.red-border-top {
  border-top: 1px solid var(--ws-teal);
  padding-top: 1em;
  width: 100%;
  margin-top: 0;
  z-index: 4;
}

.gift-list ul {
  margin-top: 0;
  margin-bottom: 0;
}

.then-list h2 {
  display: inline;
}

.then-list h2 small {
  display: inline;
  font-size: .9rem;
  font-style: italic;
  font-weight: 600;
}

.then-list .altcolor {
  width: 7.5em;
}

.get-started-list small {
  width: 7em;
}

.altcolor {
  color: var(--ws-royal-blue);
  float: right;
  margin-left: 1em;
  font-size: 1em;
}

.altcolor svg {
  fill: #299B85;
  height: 1em;
  border-radius: 0;
  padding: 0;
  margin-right: .2em;
}

.gift-list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  float: left;
  width: 40%;
}

.gift-list li {
  margin-bottom: 1em;
  position: relative;
}

.gift-list a {
  display: block;
  text-align: center;
  width: 100%;
  margin-top: 3.6em;
  padding: 1em 0
}

.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; filter: invert(61%) sepia(13%) saturate(1994%) hue-rotate(119deg) brightness(81%) contrast(88%);}
.altcolor.inline-icon.stopwatch:before {background-image: url(images/stopwatch.svg);}
.altcolor.inline-icon.calendar:before {background-image: url(images/calendar.svg);}
.altcolor.inline-icon.calendar-day:before {background-image: url(images/calendar-day.svg);}
.altcolor.inline-icon.calendar-week:before {background-image: url(images/calendar-week.svg);}

.lists-container > :nth-child(even) {
  margin-left: 20%;
}

.lists-container > :nth-child(odd) {
  clear: left;
}

.lists-container {
  z-index: 1;
}

.lists-container section {
  padding-bottom: 2em;
}

.lists-container {
  margin-bottom: 1.5em;
}

.gift-cta {
  text-align: center;
  margin-bottom: 4em;
}

.gift-cta h2 {
  font-size: 1.25rem
}

.gift-cta p {
  text-align: left;
  margin-top: 2rem
}

.gift-cta .button {
  padding: 1em 1.5em ;
  text-align: center;
}

/* PROGRAMS ------------------- */
/* anchor links */
.anchor-links {
  text-align: center;
  color: var(--red);
  padding-top: 2.5em;
}

.anchor-links ul li:before {
  content: url("../wpcode-v2/images/arrow-down.svg");
}

/* donor shield */
.donor-shield {
  background-color: #e6e6e6;
  padding: 3rem 0 3.5rem 0;
}

.donor-shield h2 {
  margin-top: 1rem;
  text-align: center;
}

.donor-block:first-of-type, .anchor-links.first-donor-block {
  position: relative;
  padding-top: 2.5em;
}

.donor-flex {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-content: stretch;
  align-items: center;
}

.donor-flex svg {
  height: 8em;
}

/* donor block */
.donor-block {
  text-align: center;
  padding: 4rem 0 5rem 0;
}

.donor-block>div>ul, .donor-block>div>div>ul {
  margin-top: 0;
  margin-bottom: 1.5em;
}

.donor-block>div>ul>li, .donor-block>div>div>ul>li {
  margin-bottom: .3em;
}

.donor-block>div>ul>li:before, .donor-block>div>div>ul>li:before {
  margin-right: .3em;
}

.secondary-header-subtext {
  text-align: left;
}

.secondary-header-subtext-center {
  text-align: center;
}

.donor-block:nth-of-type(2n+1), .anchor-links.donor-block {
  background-color: #e6e6e6;
}

.donor-block svg {
  fill: var(--ws-royal-blue);
  height: 3em;
  border-radius: 0;
  margin: 0;
  margin-bottom: .5em;
}

.donor-block .svg-block svg {
  height: 4em;
  margin-bottom: 0;
}

.donor-block.anchor-links svg {
  height: 4em;
}

.donor-block.first-donor-block {
  background: #fff;
}

.donor-block-flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.secondary-header i {
  font-weight: 400;
}

/* CHART -- */
.secondary-header-subgroup {
  width: 100%;
  text-align: left;
}

.subgroup-left {
  float: left;
  width: 60%;
}
.subgroup-left.full-width {
  float: none;
  width: 100%;
}

.subgroup-left ul {
  padding-left: 1em
}

.subgroup-right {
  width: 35%;
  margin: 0 0 0 5%;
  float: left;
}

.home .subgroup-left {
  width: 48%;
}

.home .subgroup-right {
  width: 47%;
  margin-top: 2em;
}

figure.chart img {
  width: 100%;
  height: auto;
}

/* DONOR SHIELD MOCKUP ------- */
.what-is-donor-shield {
  text-align: center;
  padding-bottom: 5em;
  padding-top: 2.5em;
}

.what-is-donor-shield h2 {
  margin-top: -1.8em;
  position: relative;
}

.what-is-donor-shield .svg-block {
  margin-left: auto;
  margin-right: auto;
}

.donor-shield-mockup .anchor-links {
  background-color: #e6e6e6;
}

.donor-shield-mockup .anchor-links .svg-block {
  background-color: #e6e6e6;
}

/* aside --------------------- */
.call-to-action {
  display: flex;
  margin-top: -2vw;
  overflow: hidden;
  position: relative;
  width: 100%;
  background: #fff;
  clip-path: circle(1000vw at 50% 1000vw);
}

.call-to-action::before {
  background-image: url("../wpcode-v2/images/clouds-bg.webp");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--ws-royal-blue);
  background-blend-mode: multiply;
  clip-path: circle(1000vw at 50% 1000vw);
  content: '';
  position: absolute;
  bottom: 0;
  top: 4px;
  left: 0;
  right: 0;
}

.call-to-action img {
  height: 10em;
}

.call-to-action h2 {
  font-weight: 300;
  color: #fff;
  margin-bottom: 1em;
  font-size: 1.5em;
  width: 80%;
}

.call-to-action p {
  color: #FFF;
  font-weight: 400;
  line-height: 1.2;
}

.aside-flex {
  display: flex;
  align-items: center;
  justify-content: center;
}

.aside-buttons {
  display: flex;
  width: 100%;
}

aside .button, .grey-background-logo .button, .white .button, .donor-block .button, .network-programs .button, .reimbursement .button {
  font-size: 0.9375em;
  font-weight: 500;
}

.aside-buttons :not(:last-child) {
  margin-right: 1em;
}

#trigger-popover {
  cursor: pointer;
}

#popover {
  display: none;
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1em;
  background: rgba(0,0,0,0.9);
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: center;
  align-items: center;
}

#popover .container {
  max-width: 50em;
  position: relative;
}

#popover .container .close {
  position: absolute;
  cursor: pointer;
  transition: ease all 200ms;
  right: -0.25em;
  top: -1em;
  width: 1em;
  height: 1em;
  font-size: 2.25em;
  line-height: 1;
  text-align: center;
  color: #fff;
}

#popover .container .close:hover {
  opacity: 0.5
}

#popover .container .popover-wrap {
  padding: .5em;
  text-align: left;
  background: #fff;
  border-radius: 4px;
  max-width: 50em;
  max-height: 85vh;
}

#popover .container .popover-wrap img {
  max-width: 49em;
  max-height: calc(85vh - 1em);
  object-fit: contain;
}

.kidney-donation-img {
  width: 50%;
}

/* NEWS ----------------------------- */
#content a.news-item {
  display: block;
  border-bottom: 0;
}

#content a.news-item:hover h2, #content a.news-item:hover, .content a.news-item:hover span, .content a.news-item:hover p {
  border-bottom: 0;
  color: #000;
}

#content a.news-item * {
  color: #000;
  border-bottom: 0;
}

.content a.news-item:hover span {
  border-bottom: 0;
}

.news-item {
  margin-top:3em;
}

.news-item p {
  margin-bottom: 0;
}

.pagination {
  margin-top: 3rem;
}

/* ANIMATIONS ----------------------- */
.donor-flex>.second-col>ul li:nth-child(n+1) {
  transition-delay: 0.15s;
}

.donor-flex>.second-col>ul li:nth-child(n+2) {
  transition-delay: 0.3s;
}

.donor-flex>.second-col>ul li:nth-child(n+3) {
  transition-delay: 0.45s;
}

.donor-flex>.second-col>ul li:nth-child(n+4) {
  transition-delay: .6s;
}

.donor-flex>.second-col>ul li:nth-child(n+5) {
  transition-delay: .75s;
}

.donor-flex>.second-col>ul li:nth-child(n+6) {
  transition-delay: 1s;
}

.fadein-js-1, .fadein-js-2, .fadein-js-3, .fadein-js-4, .fadein-js-5,
.fadein-js-6, .fadein-js-7, .fadein-js-8, .fadein-js-9 {
  opacity: 0;
}

.appearup-js-kidney, .appearup-js-umbrella, .appearup-js-shield {
  opacity: 0;
}

.fadein-animation {
  opacity: 1;
  animation: fadeIn 1s;
}

.appearup-animation {
  opacity: 1;
  animation: appearUp 1s;
}

.fade-in, .animate-left, .animate-right, .animate-down, .animate-up,
.animate-up-left .animate-up-right, .animate-down-left, .fade-in-scale, .animate-down-right {
  opacity: 0;
  position: relative;
  z-index: 9;
  transition: all 1s ease;
}

.animate-left {
  left: 4.75rem;
  top: 0;
}

.animate-right {
  right: 4.75rem;
  top: 0;
}

.animate-up {
  top: 1rem;
}

.animate-down {
  top: -4.75rem;
}

.fade-in-scale {
  transform: scale(.9) perspective(1px) translateZ(0);
}

.animate-down-left {
  left: 4.75rem;
  top: -4.75rem;
}

.animate-down-right {
  right: 4.75rem;
  top: -4.75rem;
}

.animate-up-left {
  left: 4.75rem;
  top: 4.75rem;
}

.animate-up-right {
  right: 4.75rem;
  top: 4.75rem;
}

.animate-left.animated {
  left: 0;
  top: 0;
}

.animate-right.animated {
  right: 0;
  top: 0;
}

.animate-up.animated {
  top: 0;
}

.animate-down.animated {
  top: 0;
}

.fade-in-scale.animated {
  transform: scale(1) perspective(1px) translateZ(0);
}

.animate-up-left.animated {
  left: 0;
  top: 0;
}

.animate-up-right.animated {
  right: 0;
  top: 0;
}

.animate-down-left.animated {
  left: 0;
  top: 0;
}

.animate-down-right.animated {
  right: 0;
  top: 0;
}

.animated {
  opacity: 1;
}

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

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

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


.border-radius > figure > img {
  border-radius: 50%;
}

.border-radius > figure figcaption {
  text-align: center;
}

/* formidable forms */
.frm_style_formidable-style.with_frm_style input[type=text], .frm_style_formidable-style.with_frm_style input[type=password], .frm_style_formidable-style.with_frm_style input[type=email], .frm_style_formidable-style.with_frm_style input[type=number],
.frm_style_formidable-style.with_frm_style input[type=url], .frm_style_formidable-style.with_frm_style input[type=tel],
.frm_style_formidable-style.with_frm_style input[type=search], .frm_style_formidable-style.with_frm_style select,
.frm_style_formidable-style.with_frm_style textarea, .frm_style_formidable-style.with_frm_style .chosen-container,
.frm_style_formidable-style.with_frm_style .frm_primary_label {
  font-family: inherit !important;
}

#content > .intro-bold {
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 1.3em;
  line-height: 1.3;
}

/* Leadership Page */
.flex-row {
  align-items: center;
  display: flex;
  flex-flow: row wrap;
}

#management-team.flex-row,
#management-team .flex-row {
  align-items: start;
}

.bio {
  float: left;
  margin: 0 0 6rem;
  text-align: left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}

#management-team .bio {
  margin: 0 0 3.5rem;
}

.content a .bio-pic, .bio-pic figure img, figure.bio-pic img, #management-team .bio-pic {
  border: 8px solid transparent;
  border-radius: 50%;
  display: block;
  height: 16.5rem;
  margin: 0 1em 1em 0;
  width: 16.5rem;
}

figure.bio-pic img {
  margin: 0 0 1em 5px;
}

.bio img {
  margin: 0 auto 1rem;
  width: 100%;
}

#management-team .bio h2, #operations .bio h2 {
  border-bottom: 0;
  color: #000;
  font-size: 22px;
  font-weight: 700;
  line-height: 26px;
  margin: 0 0 0.625rem;
  padding: 0;
  text-transform: uppercase;
}

.bio p {
  color: #333;
  font-size: 16px;
  margin: 0;
}

.bio p em {
 color: var(--ws-royal-blue);
 display: block;
 margin-bottom: 0.625rem;
}

.content .bio a:not(.button) * {
  border: 0;
  text-decoration: none;
}

.bio a:hover {
  text-decoration: none;
}

.bio a:hover img, .bio-pic figure img, figure.bio-pic img {
  filter: grayscale(0%);
  box-shadow: 0 2px 4px 1px rgba(0,0,0,.2);
}

#management-team .bio a:hover h2, #operations .bio a:hover h2 {
  color: var(--ws-royal-blue);
}

.bio a:hover p {
  color: #000;
}

.content .bio a:hover h2, .content .bio a:hover p {
  border: none;
}

.bio img {
  transition: all .3s ease-out;
}

.bio h2, .bio p {
  transition: color .3s ease-out;
}

.donor-block figure {
  width: 100%;
  margin: 2em 0;
}

.donor-block figure img {
  max-width: 100%;
}

.center-links a {
	margin-top: 0.5em;
}





/* INTRO RIBBON -------------------------------- /
* - About/Team page ribbon 2
*/
.intro-ribbon {
  padding-block: clamp(3em, 2.264em + 3.27vw, 5.125em);
}

.intro-ribbon figure {
  max-width: 100%;
}

.intro-ribbon figure img {
  margin: 0 0 1em;
}

.intro-ribbon h1 {
  margin: 0 0 1rem;
}



/* TEAM RIBBON -------------------------------- /
* - About/Team page ribbon 3
*/

.team {
  background: var(--ws-royal-blue);
  padding-block: 3em 1em;
}

.team h2 {
  color: #FFF;
  margin: 0 0 1.25em;
  text-align: center;
}

.team ul {
  justify-content: center;
  --ws-gap: clamp(1.25em, 0.278em + 3.11vw, 3em); /* 500 - 1400 */
}

.team li {
  margin: 0 0 2em;
  padding: 0;
}

.team li::before {
  display: none;
}

.team .image {
  aspect-ratio: 1;
  background: no-repeat center / cover;
  border: 3px solid #FFF;
  border-radius: 50%;
  margin: 0 0 1.25em;
}

.team strong {
  color: #FFF;
	display: block;
	margin-inline: auto;
	max-width: 10em;
	text-align: center;
	text-transform: uppercase;
}




/* FOUNDING CENTERS RIBBON -------------------------------- /
* - About/Team page ribbon 4
*/

.founding-centers {
  padding-block: 3em;
  text-align: center;
}

.founding-centers h2 {
  color: var(--ws-royal-blue);
  font-size: clamp(1.5em, 1.083em + 1.33vw, 2.25em); /* 500 - 1400 */
  margin: 0 0 1em;
}

.founding-centers ul {
  align-items: center;
  margin: 0;
}

.founding-centers img {
  max-height: 5em;
  object-fit: contain;
}




/* PARTICIPATING CENTERS RIBBON -------------------------------- /
* - About/Team page ribbon 5
*/

.participating-centers {
  background: #FFF;
  padding-block: 3em clamp(5em, 3.615em + 6.15vw, 9em);
  position: relative;
  text-align: center;
}

.participating-centers::before {
  background: var(--ws-royal-blue);
  bottom: 0;
  content: '';
  left: 0;
  opacity: .15;
  position: absolute;
  right: 0;
  top: 0;
}

.participating-centers .wrap {
  max-width: calc(55.75em + 2 * var(--ws-gap) );
  padding-block: 0;
}

.participating-centers h2 {
  color: var(--ws-royal-blue);
  font-size: clamp(1.5em, 1.083em + 1.33vw, 2.25em); /* 500 - 1400 */
  margin: 0 0 1.25em;
}

.participating-centers svg {
  height: auto;
  width: 100%;
}




/* WHY-IMMUNOFREE RIBBON -------------------------------- /
* - Why ImmunoFree page ribbon 1
*/

.hero.why-immunofree {
  height: auto;
  padding: 0;
}

.hero-large.why-immunofree::before {
  right: 42%;
}

.hero.why-immunofree h1 {
  font-size: clamp(1.5em, 1.083em + 1.33vw, 2.25em); /* 500 - 1400 */
  font-weight: 700;
}

.why-immunofree p {
  font-size: clamp(1.063em, 1.028em + 0.11vw, 1.125em);
}




/* SIDE EFFECTS RIBBON -------------------------------- /
* - Why ImmunoFree page ribbon 2
*/

.side-effects {
  background: var(--ws-royal-blue);
  padding-block: 3em;
  text-align: center;
}

.side-effects h2 {
  color: #FFF;
  font-size: clamp(1.5em, 1.083em + 1.33vw, 2.25em); /* 500 - 1400 */;
  margin: 0 0 2em;
}

.side-effects h2>span {
  font-size: 1em;
  font-weight: 500;
}

.side-effects ul {
  row-gap: clamp(2.5em, 1.944em + 1.78vw, 3.5em); /* 500 - 1400 */
  margin-inline: auto;
  max-width: 62em;
  --ws-gap: clamp(1.5em, -1.139em + 8.44vw, 6.25em); /* 500 - 1400 */
}

.side-effects li {
  text-align: center;
}

.side-effects li .icon {
  align-items: center;
  aspect-ratio: 1;
  background: #FFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  margin: 0 0 clamp(1em, 0.722em + 0.89vw, 1.5em); /* 500 - 1400 */
}

.side-effects svg {
  height: auto;
  object-fit: contain;
  max-height: 7.5em;
  max-width: 60%;
  width: auto;
}

.side-effects li:nth-child(odd) svg {
  fill: var(--ws-royal-blue);
}

.side-effects li:nth-child(even) svg {
  fill: var(--ws-teal);
}

.side-effects strong {
  color: #FFF;
  display: block;
  line-height: 1.2;
  margin-inline: auto;
  max-width: 10em;
  text-transform: uppercase;
}




/* TESTIMONIALS RIBBON -------------------------------- /
* - Why ImmunoFree page ribbon 3
*/

.testimonials {
  padding-block: clamp(3em, 2.654em + 1.54vw, 4em) clamp(4em, 2.269em + 7.69vw, 9em);
}

.testimonials h2 {
  color: var(--ws-royal-blue);
  margin: 0 0 1.5em;
  text-align: center;
}

.testimonials button {
  aspect-ratio: 480 / 300;
  background: no-repeat center / cover;
  border: 0;
  border-radius: 0;
  position: relative;
  width: 100%;
}

.testimonials button::after {
  background: url('/wp-content/themes/wpcode-v2/images/icons/circle-play.svg') no-repeat center / clamp(5em, 4.654em + 1.54vw, 6em) auto;
  bottom: 0;
  content: '';
  left: 0;
  opacity: .85;
  position: absolute;
  right: 0;
  top: 0;
  transition: var(--ws-transition);
}

.testimonials blockquote {
  margin: 0;
  padding-block: 1.5em 0;
  width: 100%;
}

.testimonials blockquote p {
  color: rgba(0,0,0,.85);
  font-style: italic;
  quotes: '\201c' '\201d';
  text-align: left;
}

.testimonials blockquote p:first-of-type::before,
.testimonials blockquote p:last-of-type::after {
  color: var(--ws-royal-blue);
  font-weight: 600;
}

.testimonials blockquote p:first-of-type::before {
	content: open-quote;
	margin: 0 0 0 -.3125em;
	position: relative;
	left: -.125em;
}

.testimonials blockquote p:last-of-type::after {
	content: close-quote;
	margin: 0 0 0 .125em;
}

.testimonials cite {
  color: var(--ws-royal-blue);
  display: block;
  font-weight: 600;
  text-align: right;
}

.testimonials cite>span {
  display: block;
  font-weight: 400;
}




/* VIDEO MODAL -------------------------------- /
* - Why ImmunoFree page ribbon 3
*/
#video-modal {
  background: rgba(0,0,0,.95);
  display: none;
  height: 100%;
  left:0;
  padding: 2em 1.5em;
  position: fixed;
  top:0;
  width:100%;
  z-index: 99;
}

#video-modal button.close {
  background: transparent;
  border: 0;
  color: #FFF;
  cursor: pointer;
  font-size: 4em;
  line-height: 0;
  padding: .25em;
  position: absolute;
  right: -.75em;
  text-align: center;
  top: -.75em;
  width: 2em;
}

#video-modal .center {
  left: 50%;
  max-width: 62.5em;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width:100%;
}

#video-modal .center .videoContainer {
  box-shadow: 0 0 6.25em 0 rgba(0,0,0,0.5);
  overflow: auto;
  position: relative;
}

#video-modal .close:is(:hover, :focus) {
  opacity: 0.5;
}




/* PHOTO-TEXT RIBBON -------------------------------- /
* - How ImmunoFree Works ribbons 1 & 2
*/

.heading {
  padding-top: 3em;
}

.heading h1 {
  font-size: clamp(1.5em, 1.083em + 1.33vw, 2.25em); /* 500 - 1400 */
  font-weight: 700;
}

.photo-text {
  padding-block: clamp(3em, 2.654em + 1.54vw, 4em)
}

section.photo-text:last-of-type {
  padding-bottom: clamp(5em, 3.615em + 6.15vw, 9em);
}

.heading + .photo-text {
  padding-top: 2em;
}

.photo-text.blue {
  background: rgba(var(--ws-royal-blue-rgb), .07);
}

.photo-text.blue h2 {
  color: var(--darkblue);
}

.photo-text .wrap {
  padding-block: 0;
}

.photo-text .image {
  border: 1px solid rgba(0,0,0,.15);
  line-height: 0;
}
.photo-text .image img {
  width: 100%;
}
.photo-text .image img + img {
  display: none;
}

.photo-text h2 {
  color: var(--ws-royal-blue);
  font-size: clamp(1.25em, 1.163em + 0.38vw, 1.5em);
}

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





/* TIMELINE -------------------------------- */

.timeline {
  clear: both;
  overflow: hidden;
  padding-block: 0  clamp(3em, 2.308em + 3.08vw, 5em); /* 360 - 2400 */
}

.timeline h2 {
  margin: 0 0 1em;
  text-align: center;
}

.timeline ul.items {
  margin-inline: auto;
  max-width: 54em;
}

.timeline ul.items>li {
  position: relative;
  z-index: 0;
}

.timeline ul.items>li::before {
  content: '';
  position: absolute;
  z-index: -2;
}


.timeline ul.items>li:nth-child(odd)::before {
  background: var(--ws-royal-blue);
}

.timeline ul.items>li:nth-child(even)::before {
  background: var(--ws-teal);
}

.timeline ul.items>li:nth-child(odd) .number {
  box-shadow: 0 0 0 .25em var(--ws-royal-blue);
}

.timeline ul.items>li:nth-child(even) .number {
  box-shadow: 0 0 0 .25em var(--ws-teal);
}

/* Content */
.timeline .number {
  align-self: stretch;
  align-items: center;
  aspect-ratio: 1;
  background: #FFF;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  position: relative;
  text-align: center;
  width: 2em;
  z-index: 0;
}

.timeline .number>span {
  font-weight: 800;
  line-height: 1;
}

.timeline .textbox {
  flex: 1;
  padding-inline: var(--ws-gap);
  position: relative;
}

.timeline .textbox strong {
  display: block;
  line-height: 1;
}

.timeline .textbox strong.big {
  font-size: clamp(1.75em, 1.49em + 1.15vw, 2.5em); /* 360 - 2400 */
  text-transform: uppercase;
}

.timeline .textbox strong.subheading {
  font-size: clamp(1.25em, 1.163em + 0.38vw, 1.5em); /* 360 - 2400 */
  margin: 0 0 .5em;
  text-transform: uppercase;
}

.timeline .textbox li {
  list-style: disc;
  list-style-position: inside;
  padding-left: 1.75em;
  text-indent: -1.75em;
}

.timeline .textbox li:not(:first-child),
.timeline .textbox li>ul {
  margin-top: .5em;
}

.timeline ul.items>li *:last-child {
  margin-bottom: 0;
}

.timeline .textbox ul {
  margin-left: .5em;
}

.timeline .textbox ul ul {
  margin-left: .875em;
}

.timeline .textbox li li {
  list-style: circle;
}




/* STAFF CPT SINGLE PAGE -------------------------------- */

.staff-columns .column-1 img {
  aspect-ratio: 1;
  height: auto;
}





/* 1300 / 16 = 81.25 -------------------------------- */
@media only screen and (max-width: 81.25em) {
  /* .gift-hero .donate-hero-text {width: 55%;} */
  .donate-hero>.wrap>.donate-hero-text>a {
    display: table;
    font-size: 1em;
    margin-inline: auto;
  }

  .call-to-action h2 {
    margin-bottom: .5em;
  }

  .aside-information {
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
    margin-top: -.5em;
  }

  .aside-buttons {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
  }

  .aside-buttons a {
    margin-top: .5em;
  }

  .donor-flex {
    justify-content: center;
  }

  .second-col {
    margin-left: 3em;
  }
}

/* 850 / 16 = 53.13 */
@media only screen and (max-width: 53.13em) {
  .donate-hero-text {
    width: 65%;
  }

  .grey-background-logo .threeCol {
    columns: 2;
  }

  .call-to-action h2 {
    width: 100%;
  }

}

/* IE */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .flex-col, .secondary-header-subtext-center, .threeCol, .flex-center, .secondary-header-subtext {
    max-width: 90%;
  }

  .list-center {
    max-width: 100%;
  }

  .twoCol {
    max-width: 85%;
  }

  .site-main ul li::before {
    width: .5em;
  }

  .call-to-action img {
    height: auto;
    width: 15em;
  }

  main .hero-small:before, main .hero-large::before, .page-id-24 main .hero-small:before {
    border-radius: 0;
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
  }

  .altcolor svg {
    width: 1em;
  }

  .donate-hero {
    height: 80vmin;
  }

  .programs-hero {
    height: 50vmin;
  }

  .back-hero {
    height: 70vmin;
  }

  .gift-hero {
    height: 40rem;
  }
}

.pagination .nav-links {
	text-align: center;
	padding-bottom: 3rem;
}

.pagination .page-numbers,
.pagination .page-numbers.next,
.pagination .page-numbers.prev {
	padding: 0.5em;
}

/* EDGE */
@supports (-ms-ime-align:auto) {
  .site-main ul li::before {
    width: .5em;
    height: .5em;
    left: .5em;
  }
}

/* SAFARI */
@media not all and (min-resolution: .001dpcm) {
  @media {
    *:focus {
      outline-style: auto;
    }

    .accordion button:focus {
      outline-width: 2px;
      outline-style: auto;
      outline-offset: 0;
    }
  }
}

/* BLOG FOOTER CTA ------------------ */
.blog-footer-cta {
	background-image: url(images/small-kidney-bg-blue.png);
	background-size: 3.125em;
	background-repeat: space;
	background-color: var(--ws-royal-blue);
  clear: both;
	position: relative;
	margin-top: 7.5rem;
}
.blog-footer-cta>.wrap {
  overflow: auto;
}
.blog-footer-cta:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -10px;
	height: 5px;
	background: var(--ws-teal);
}
.blog-footer-cta p {
	font-weight: 400;
	color: #FFF;
	margin-bottom: 1.5625rem;
}
.blog-footer-cta .button {
	font-size: 1rem;
	font-weight: 700;
	color: #113459;
}
.blog-footer-cta .button:is(:hover, :focus) {
	background: #c8102e;
}
.blog-footer-cta .icon-circle {
	position: absolute;
	width: 11.25em;
	height: 11.25em;
	background: #FFF;
	border-radius: 50%;
	right: 50%;
	transform: translateX(50%);
	top: -5.875em;
	z-index: 1;
}
.blog-footer-cta .icon-circle:before {
	content: "";
	background: url(images/logo-immunofree-bird.svg) no-repeat center / contain;
	width: 7.5em;
	height: 7.5em;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
}
.blog-footer-cta .icon-circle:after {
	content: "";
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
	border-radius: 50%;
	border: 5px solid var(--ws-royal-blue-dark);
}
.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;
}

.filterButtons {
  background-color: rgba(var(--ws-royal-blue-rgb), .15);
  display: block;
  padding: 1em;
}
.tags {
  clear:both;
  padding: 1em 0;
}
.tags > strong {margin-right:1em;}

/* BLOG FOOTER CTA ------------------ */
.blog-footer-cta .wrap {
	max-width: 84.25rem;
	padding-top: 5rem;
	padding-bottom: 3.625rem;
}
.blog-footer-cta .wrap-inner {
	width: 35.3125rem;
	max-width: 45%;
	float: right;
}
.blog-footer-cta .blog-cta-slider {
	position: absolute;
	width: 50%;
	top: 0;
	bottom: 0;
	background: red;
}
.blog-footer-cta p {
	font-size: 1.375rem;
}

/* FOOTER ------------------------------ */


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