/*
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

Web Solutions is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
*/

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

:root {
  --red: #c8102e;
  --darkred: #9B0000;
}


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}
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:#000}
#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:50px;}
iframe[src="/management/login/persistSession.aspx"] {display: none}
/*page widths*/
body>header, #mainnav, main, body>footer, #alertApp{clear: left;float: left;width:100%;display:block;}
body>footer>.fatFooter,#alertApp>*,.wrap{width:100%;max-width:75rem;margin-left:auto;margin-right:auto;position:relative;overflow:auto}

/* 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}
p {font-weight: 300;}
p.intro, .faq-category-description p {font-size: 1.25rem; color: #000;font-weight: 500;}
.faq-category-description p {margin-bottom: 2rem;}
a, a *{color:var(--red);text-decoration:none}
a:hover, a:active, a:hover *, a:active *{color:#9B0000}
.content a:not(.button), .anchor-list li a, small>a, .secondary-header-subtext a, footer nav a {border-bottom: 1px solid transparent;}
.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;}

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, h7, h8, h9, th{font-weight:400; line-height: 120%;}
p + h2, p + h3, p + h4, p + h5, p + h6 {margin-top:2em;}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#31659b}
em, i, q, cite, .italic{font-style:italic}
b, strong{font-weight:700}
u{text-decoration:none}
hr{border:0;border-top:1px solid rgba(0,0,0,.15);margin:1em 0;padding-top:1px}
p{font-size:1em}
h1{font-size:2.5em;color: var(--red); font-weight: 700;line-height: 1em;}
.splash-intro h1 {font-size: 1.875em; color: #FFF; line-height: 1.2;}
h2, .content * h1{font-size:1.25em; font-weight: 500; color: #000;}
h3, .content * h2{font-size:1.25em; font-weight: 500; color: var(--red);}
h4, th{font-size:1.2em}
h5 {font-size:1.1em}
h6 {font-size:1.0em}
sup, sub {font-size:.6em; line-height:.6em;vertical-align:baseline;position:relative}
sup {bottom:1ex}
sub {top:.5ex}

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

.ws-grid,
.ws-grid-inner {
  display: grid;
  --ws-gap: 1.5em;
  --ws-max-content-width: calc(clamp(77em, 35em + 46.67vw, 105em) + 2 * var(
  --ws-gap))
}


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

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



/* 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; 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 .75em;line-height:1.1em;display:block}
#sidenav li::before {display: none;}
#sidenav li a:hover, #sidenav li a:active {background:var(--red); color: #fff;}
#sidenav li.current_page_item>a, #sidenav li.current_page_ancestor>a {background-color: var(--red); color:#fff}
/* t2 */
#sidenav li.current_page_ancestor ul{padding-bottom:0; margin-bottom: 0;}
#sidenav li ul li a {padding-left: 1.25em}
#sidenav li.current_page_ancestor>ul>li {margin: 0;}
#sidenav li.current_page_ancestor ul li a, #sidenav li ul.children li a {padding:.5em 5px .5em 1.5em;font-size:.9em;color:#707070}
#sidenav li ul li a:hover, #sidenav li ul li a:active {color:#000; background:#F5F5F5;}
#sidenav li ul li.current_page_item>a, #sidenav li ul li.current_page_ancestor>a {color:#000;background:#F5F5F5;}
/* 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.current_page_ancestor ul li a, #sidenav li ul li ul.children li a {display: block; padding-left:30px;font-size:.8em;color:#666}
#sidenav li ul li ul li a:hover, #sidenav li ul li ul li a:active {background:#f5f5f5}
#sidenav li ul li ul li.current_page_item>a, #sidenav li ul li ul li.current_page_ancestor>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:#f5f5f5;}
/* hide children that arent yours */
#sidenav ul.children { display: none }
#sidenav li.current_page_ancestor>ul, #sidenav li.current_page_item>ul { display: block }
/*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}

main>div>aside.brochure {background-color:#eeeeee; padding: 1em; text-align:center;}
main>div>aside.brochure img {height: auto; margin-bottom:1em; width:100%;}
main>div>aside.brochure p {font-size:1.25em; font-weight: 500;}
main>div>aside.brochure .button {background-color: var(--red); border-color:#fff; color:#fff; margin-bottom:1em;}
main>div>aside.brochure .button:hover {background-color: #fff; border-color:var(--red); color:var(--red); margin-bottom:1em;}

/* 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:45%;height:auto}
.content .alignright img,.content .align-right img {max-width:100%;height:auto;margin: 0;float: none}
.content .brochure figure.alignright {margin-right:1px; text-align: center;}
.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}
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;clear: both; max-width: 31.25rem; margin: 2em auto;}
.highlight h1, .highlight h2, .highlight h3 {font-size: 1.25em; color: #000; font-weight: 700;}
small, .textSm, p.small {font-size:.8em}
.content table{width:100%}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}
figure.aligncenter.wp-block-embed {text-align: center;}

/* blog */
h1.entry-title {margin-bottom:.5em;}
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}
.blogThumb {width: 100%;}
.blogThumb img, .attachment-post-thumbnail.size-post-thumbnail.wp-post-image {max-width: 100%;height: auto}
#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%;}
.updated {display:none;}

#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; -webkit-object-fit: cover; object-fit: cover; -webkit-object-position: center top; 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;  -webkit-object-fit: none !important; 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: 6.8rem;
    background-image: url(../wpcode-v2/images/grey-kidney-bg.png);
    background-size: 2.5em;
    background-repeat: space;
    background-color: #a8a8a8;
}


/* list */
.content ol{margin-left:2em}
.content ol ol li {list-style: lower-alpha}
.site-main ul:not(.no-style) li, .wrap.protection ul:not(.no-style) li{
    padding-left: 1.5em;
    margin-bottom: .75em;
    text-align: left;
    position: relative;
    font-weight: 300;
}
.site-main .accordion-reveal ul:not(.no-style) li {margin-bottom: 0;}
.site-main ul:not(.no-style) li:before, .wrap.protection ul:not(.no-style) li:before{
        content: url(images/redbullet.svg);
        position: absolute;
        top: -2px;
        left: 0;
        display: block;
        width: 1em;
        text-align: right;
        text-indent: 0;
        margin-right: .5em;
}
.site-main ul:not(.accordions) li ul li:before{opacity: .5}

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

/* Donation */
.gift-list-svg-block {
    padding-top: .5em;
    text-align: center;
    position: relative;
    z-index: 3;
}
.gift-list-svg-block svg {
  fill: var(--red);
  border-radius: 0;
  height: 3em;
}
.red-border-top {
  border-top: 1px solid var(--red);
  padding-top: 1em;
  width: 100%;
  margin-top: 0;
  z-index: 4;
}
.content .gift-list ol,
.fullWidth .gift-list ol {
  margin: 0;
  padding: 1em 0 0;
  list-style: none;
  counter-reset: red-counter;
}
.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(--red);
  font-weight: 700;
  left: 0;
  text-align: right;
  display: block;
  width: 1em;
}
.gift-list li {
  margin-bottom: 1em;
  position: relative;
}
.gift-list small {
  width: 7.375em;
}
.altcolor {
  color: #22816e;
  float: right;
  margin-left: 1em;
  font-size: 1em;
}
.altcolor svg {
  fill: #22816e;
  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(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-blue.svg);}
.altcolor.inline-icon.calendar-week:before {background-image: url(images/calendar-week.svg);}
.altcolor
.lists-container>:nth-child(odd) {
  clear: left;
}
.gift-cta {
  text-align: center;
}
.gift-cta h2 {
  color:#000;
  font-size: 1.25rem;
  font-weight: 700;
}
.gift-cta .button {
  background: var(--red);
  border: 1px solid #fff;
  border-radius: .3em;
  color: #fff;
  cursor: pointer;
  font-size: 1em;
  font-weight: 500;
  padding: 1em 1.5em;
  line-height: 1em;
}
.gift-cta .button:hover {
  background-color:#000;
}
.gift-cta .button[target=_blank]:after {
    content: "";
    display: inline-block;
    margin-left: .5em;
    width: .75em;
    height: .75em;
    background: url(images/external-link-white.svg) no-repeat center center;
    background-size: contain;
    opacity: .5;
}
.gift-cta p {
  text-align: left;
  margin-top: 2rem;
}
.lists-container + section.no-padding {
    clear: both;
    padding-top: .25rem;
}

/* addon classes */
.clearFloats{clear:both}
.nobr{white-space: nowrap}
.twoCol, .threeCol, .resCol{
-webkit-column-gap:2em;
        column-gap:2em;
}
.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{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 iframe {position:absolute;left:0;top:0;right:0;bottom:0;width:100%;height:100%;border:0}

/* 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;-webkit-box-shadow:inset 0px 2px 4px 0px rgba(0, 0, 0, .2);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"], .call-to-action .button.alt, .wp-block-button .wp-block-button__link, .wp-block-button .wp-block-button__link:visited {background: #fff;
    color: var(--red);
    border: 1px solid var(--red);
    padding: .7em 1.2em;
    line-height: 1em;
    cursor: pointer;
    border-radius: .3em;
    font-weight: 500;
    font-size: 0.9375em;}
.hero-text .button {
    font-weight: 500;
    background: var(--red);
    color: #fff;
    padding: 1.112em 1.466em;
    font-size: 1.125em;
}
.button.alt {
    background: var(--red);
    color: #fff;
}
.button.back-button {
    border: 1px solid var(--red);
      background: #FFF;
      color: var(--red);
      font-style: normal;
      text-align: center;
      border-radius: 4px;
      line-height: 1em;
      cursor: pointer;
      font-weight: 500;
      display: table;
      margin: 3rem 0 0;
      position: relative;
  }
  .button.back-button:before {
    content: "";
    display: inline-block;
    position: relative;
    background: url(images/chevron-left.svg) no-repeat center;
    background-size: contain;
    height: 0.72em;
    width: 0.36em;
    margin-right: .4em;
    transition: all .2s ease;
  }
  .button.back-button:hover:before {
      filter: grayscale(1) brightness(5);
  }

button.no-style {border: 0;font-size: inherit;font-weight: inherit;background: none;padding: 0;cursor: pointer;text-align: left;}
input::-moz-focus-inner {border:0;padding:0;}
button:not(.no-style):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, .call-to-action .button.alt:hover, .call-to-action .button.alt:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:visited:hover {background-color:var(--red);color:#fff}
.button.alt:hover, .hero-text .button:hover {
    background: #c60d2a;
}
.button{display: inline-block}
button img{height:1em;width:auto;vertical-align:top}
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%; }

figcaption {font-style: italic;font-size: 0.75em;}

/* HOME ------------------------------------- */

/* HERO -------------------------------- */
.hero {
    background-size: cover;
    /*  z-index: 1; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    overflow: hidden;
    background-image: url(images/umbrella-hero.jpg);
    background-position: 75% 50%;
    background-repeat: no-repeat;
    height: 68.5vmin;
}
.hero::before {
    content: " ";
    position: absolute;
    line-height: 0;
    right: 47.5%;
    -webkit-backdrop-filter: blur(0.25rem);
    backdrop-filter: blur(.25rem);
}

h1 span {font-weight: 300; margin-top: .3em; padding: 0; color: #000; font-size: .666em; display: block;}
.faq-category h1 {margin-bottom: 2rem; font-size: 2rem;}
.faq-category h1 span {font-weight: 500; font-size: 1em; display: inline;}
.hero .wrap {
    height: 100%;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

.hero-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    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 {
    width: 80%;
}

.hero.video {
  position: relative;
  z-index: 1;
}

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

/* hero.video (Kidney Donors page) ------------------------------ */

.hero.video {
  background: #f0f0f0;
  display: grid;
  grid-template-columns: 1fr;
  height: auto;
  min-height: 0;
  overflow: hidden;
}

.hero.video .hero-text .button {
  font-size: clamp(1em, 0.856em + 0.31vw, 1.125em);
  padding: clamp(0.75em, 0.332em + 0.89vw, 1.112em) clamp(1.25em, 1.001em + 0.53vw, 1.466em);
}

main .hero.video .wrap {
  height: auto;
  margin-inline: auto;
  max-width: calc(clamp(77em, 35em + 46.67vw, 105em) + 2 * var(  --ws-gap));
  padding: 0 1.5em;
  pointer-events: none;
}

.hero.video .hero-text {
  max-width: 100%;
  pointer-events: all;
  position: relative;
  width: 100%;
  z-index: 1;
}

.hero.video .video {line-height: 0;}

.hero.video .video iframe {
  aspect-ratio: 16 / 9;
  height: auto;
  margin-inline: auto;
  min-height: 100%;
  min-width: 100%;
  width: auto;
}


/* WHAT IS DONOR SHIELD -------------------------- */
section.white .wrap {overflow: visible;}
section.white h2 {font-size: 1.875em;font-weight: 700;}
.svg-block + h2 {
    margin-top: -1.8em;
    text-align: center;
    position: relative;
    z-index: 4;
}
h2 + span {
    text-align: center;
    font-size: 1.25em;
    font-weight: 300;
    color: #000;
    display: block;
    margin-top: -.9em;
    z-index: 4;
    position: relative;
}
.donor-protections-list {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    max-width: 59.95em;
    justify-content: center;
    margin: 1em auto;
}
.donor-protections-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.donor-protections-list li .button {
  margin-top: auto;
}
.donor-protections-list li h3 {color: #000;font-size: 1rem;font-weight: 600;margin-bottom: 0;}
.donor-protections-list p {
    max-width: 12.2em;
    margin: 0 auto 1.25rem;
    font-weight: 400;
}
.donor-protections-list p.long {max-width: 15em;}
.donor-protections-list p.short {max-width: 11em;}
.donor-protections-list .icon:before {
    content: "";
    height: 3.1875em;
    width: 4em;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    margin: 1em auto 1.5em;
}
.icon.handshake:before {background-image: url(images/handshake.svg);}
.icon.bed:before {background-image: url(images/bed.svg);}
.icon.life-ring:before {background-image: url(images/life-ring.svg);}
.icon.clock-shield:before {background-image: url(images/clock_and_shield_icon.svg);}
.icon.scale:before {background-image: url(images/balance-scale.svg);}
.icon.hands:before {background-image: url(images/hands-usd.svg);}
.icon.plane:before {background-image: url(images/plane.svg);}
.icon.money-check:before {background-image: url(images/money-check-edit.svg);}
.icon.star:before {background-image: url(images/star.svg);}
.icon.user-friends:before {background-image: url(images/user-friends.svg);}
.icon.users:before {background-image: url(images/users.svg);}
.icon.shuttle-van:before {background-image: url(images/shuttle-van.svg);}
.icon.hourglass-half:before {background-image: url(images/hourglass-half.svg);}
.icon.hand-holding-medical:before {background-image: url(images/hand-holding-medical.svg);}
.icon.file-invoice-dollar:before {background-image: url(images/file-invoice-dollar.svg);}
.icon.house-chimney-user:before {background-image: url(images/house-chimney-user.svg);}
.icon.donorConnect:before {background-image: url(images/DonorConnect_icon_RED.svg);}
.icon.house-heart:before {background-image: url(images/house-heart.svg);}
.icon.map-pin:before {background-image: url(images/map-pin.svg);}

/* grey-background-logo ------------------------- */
.grey-background-logo {
    background-image: url("images/grey-background-logo-bg.png");
    background-size: cover;
    background-position: center;
}
.grey-background-logo h2 {
    text-align: center;
    font-size: 1.875rem;
    font-weight: 700;
}
.grey-background-logo .wrap {max-width: calc( 60em + 8vw);overflow: visible;}
.grey-background-logo .right p {margin-bottom: .5rem;}
.grey-background-logo .right a:first-of-type {margin-bottom: 2.25rem;}
.grey-background-logo .left {display: inline-block; text-align: center;position: relative;}
.grey-background-logo .left svg {position: absolute; top: 50%; right: 50%; transform: translate(50%, -50%); z-index: 2;}
.grey-background-logo .left:before {
    content: "";
    background-image: url(images/us-map.svg);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    width: 100%;
    padding-bottom: 61.8%;
    top: 50%;
    transform: translateY(-50%);
}
.second-protection-option {padding-top: 2.25rem;position: relative}
.second-protection-option:before {
    content: "OR";
    position: absolute;
    top: -.75rem;
    font-size: 1.125em;
    font-weight: 600;
}
/* ASIDE CTA */
.call-to-action {
    background-image: url(images/kidney-bg.png);
    background-size: 2.5em;
    background-repeat: space;
    background-color: var(--red);
    color: #fff;
    padding: 3rem 0 2.5rem;
}
.call-to-action .button {border: 1px solid #fff;}
.call-to-action .button:hover {border: 1px solid #fff;}
.call-to-action .wrap {
    max-width: calc(53.24em + 8vw);
    text-align: center;
}
.call-to-action h2{max-width: 25.5rem;margin: 0 auto 2rem;}
.call-to-action p {font-weight: 300; font-size: 1.125em;margin-bottom: 2rem;}
.call-to-action p span {display: block; font-weight: 700;}
.aside-buttons {padding-bottom: 2px;}


.call-to-action.alternate {
  background-image: none;
  position: relative;
}
.call-to-action.alternate:before {
  content: "";
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
  background-image: url(images/liver-bg.svg);
  background-size: 2.5em;
  opacity: .125;
}

/* DONOR PROTECTIONS ------------------------ */

/* anchor links */
#main .hero.hero-small + .anchor-links {padding: 2.5em 0 4em;}
#main .hero.hero-small + .anchor-links > .wrap {max-width: calc(59.5rem + 8vw);overflow: visible;}
#main .hero.hero-small + .anchor-links h2 {font-size: 1.875em; font-weight: 700;}
#main ul.anchor-list {
    position: relative;
    z-index: 3;
    /*margin-top: -1.8em;*/
    font-weight: 300;
    text-align: center;
}
#main ul.anchor-list li:before {
    content: url('images/arrow-down.svg');
    top: 0;
}

/* donor block */
.donor-block {
    text-align: center;
    padding: 4rem 0 5rem 0;
}
.donor-block:nth-of-type(2n+1) {background: rgba(0,0,0,.1);}
.donor-block .wrap {max-width: calc(53.5rem + 8vw);}
.donor-block svg {
    fill: var(--red);
    height: 3em;
    border-radius: 0;
    margin: 0;
    margin-bottom: .5em;
}
.donor-block h2 {
    color: var(--red);
    font-size: 1.875em;
    font-weight: 700;
}
.donor-block h2 + h3 {
    margin-top: -.75rem;
    color: #000;
    margin-bottom: 1.25rem;
    font-weight: 600;
    font-style: italic;
}
.donor-block .donor-block-text {text-align: left;}

/* ACCORDIONS */
.content .accordions {
    padding: 1em 0;
    margin-bottom: 0;
}
.accordions .accordion {
    background: #FFF;
    border: 2px solid #BBB;
    cursor: pointer;
    margin: 0 0 1rem;
    border-radius: 0;
    position: relative;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
  }
  .accordions .accordion {padding: .8125rem 3rem .8125rem 1rem;}
.accordion .accordion-title {margin-bottom: 0; color: #000;font-size: 1em; font-weight: 700; line-height: 1.1875em;}
  .accordions .accordion:hover, .accordions .accordion:focus, .accordions .accordion.expanded {
    border-color: #c60d2a;
  }
.accordions .accordion p {
    margin: 0;
    transition: all .2s;
}
.accordions .accordion ul {margin-bottom: 0;}
.accordions .accordion-reveal > * {padding: .75rem 0;}
.accordions .accordion-reveal > * + * {padding-top: 0;}
.accordions .accordion.expanded div.accordion-reveal *:last-child {padding-bottom: 0;}
  .accordions .accordion .accordion-title {
    margin: 0;
  }

   .accordion .accordion-reveal {
    height: 0;
    overflow: hidden;
    position: relative;
    top: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    outline: 0;
  }

    .accordion button:focus {outline: 1px solid rgba(206, 14, 46, 0.5); outline-offset: .15em}
   #accordion .accordion.expanded .accordion-reveal {margin: 1rem 0;}
   .accordion .accordion-reveal li {margin : 0;}
   .accordion .accordion-reveal li:last-of-type { margin: 0; }
   .accordion ul.accordion-reveal {margin: 0;}
   .accordion::after  {
    display: block;
    height: 1.25rem;
    left: 1.5rem;
    position: absolute;
    top: .73rem;
    width: .5rem;
  }
.accordion h4 {
    margin-bottom: 0;
    font-size: 1em;
}
   .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;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    width: 1.5rem;
  }

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

  .accordions h3 {margin: 2em 0 1em;}
  h2 + section.no-padding > h3 {margin: 0 0 0.2em;}
  .accordions + h3, section.no-padding + section.no-padding > h3 {margin: 1em 0 0.2em;}

    .accordions + h4, section.no-padding + h2 {margin: 1.25rem 0 1rem;}
    .qualified-header ~ h3 {margin: 1.25rem 0 .75rem; color: #31659b; font-size: 1.2em; font-weight: 400;}
   ul + h4 {margin: 1.875rem 0 .75em;}
   section.no-padding {padding: 0;}
   section.no-padding > h2 {
       color: #000;
       margin-top: 2em;
   }

   #map_wrapper {
    height: 500px;
}

.accordions.accordion-block .accordion > :is(h2, h3, h4, h5) {
  margin: 0;
  font-size: 1em;
}

#map_canvas {
    width: 100%;
    height: 100%;
}
.lists-container + .accordions {
    clear: both;
    padding: 1em 0 1.5em;
}
.accordions + .lists-container .gift-cta {
    margin-top: 0;
}

/* RESOURCES --------------------------- */
.resources-callouts {
  display: flex;
  gap: 3.75rem;
  margin: 2rem 0;
}
.resources-callouts section {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 0;
}
.resources-callouts .icon:before {
    content: "";
    height: 3.8125em;
    width: 4.5625em;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    margin: 0 auto 1.5em;
}
.resources-callouts .icon.video-play:before {background-image: url(images/video-play.svg);}
.resources-callouts .icon.question:before {background-image: url(images/question.svg);}
.resources-callouts .icon.brochures:before {background-image: url(images/brochures.svg);}

.resources-callouts h2 {
  font-size: 1rem;
  color: #000;
  font-weight: 600;
  margin-bottom: 0;
}
.resources-callouts p {
  line-height: 1.3;
  margin-bottom: 2em;
}
.resources-callouts .button {
  margin: auto auto 0;
}


/* BROCHURES --------------------------- */
.content ul.brochure-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-left: 0;
  margin: 2rem 0 2.9375rem;
}
.brochure-list li {
  text-align: center;
  padding: 0 0 2.5rem;
  list-style-type: none;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.brochure-list li img {
  max-height: 15.625rem;
  width: auto;
  box-shadow: 0 3px 6px rgba(0,0,0,0.16);
  transition: all .2s;
}
.brochure-list li a {
  display: table;
  margin: 0 auto;
}
.brochure-list .brochure-title {
  display: block;
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  margin: 1.125rem 0 0;
}
.brochure-list .brochure-updated {
  color: #686868;
  display: block;
  font-size: 0.75rem;
  font-weight: 400;
  font-style: italic;
  margin: 0.375rem 0 1.25rem;
}
.brochure-list .button {
  padding: 0.6875rem 0.875rem;
  margin-top: auto;
  margin-bottom: 0;
}
.brochure-list .button + a {
  font-size: 0.75rem;
  color: var(--red);
  font-style: italic;
  font-weight: 400;
  text-decoration: underline;
  margin-top: 0;
  position: absolute;
  bottom: 0;
  width: 100%;
}
.brochure-list .button + a:is(:hover,:focus) {
  text-decoration: none;
}
.content ul.brochure-list a:not(.button),
.content ul.brochure-list a:not(.button):is(:hover,:focus),
.content ul.brochure-list a:not(.button):is(:hover,:focus) * {
  border-bottom: 0;
}
.content ul.brochure-list a.button:is(:hover,:focus) {
  border-bottom: 1px solid var(--red);
}


/* DONOR PROTECTION ARCHIVE ------------------------ */
.svg-block + .content {
  margin-top: -2em;
  position: relative;
  z-index: 3;
}

/* DONOR PROTECTION SINGLE TEMPLATE ------------------------ */
.wrap.protection {
  overflow: visible;
}

.protection .icon {
  background: #FFF;
  border-radius: 50%;
  left: 50%;
  position: absolute;
  text-align: center;top: 0;
}

.protection .icon svg {
  position: relative;
}

.protection h1 {
  line-height: 1;
  margin: 0 0 1em;
  text-align: center;
}

.protection h1>span {
  font-style: italic;
  font-weight: 500;
}

#donor-protections {
  background: #CCC;
  border-bottom: 2px solid #FFF;
  position: relative;
}

#donor-protections .icon {
  background: #ccc;
}

.protection h2 {
  color: var(--red);
  font-weight: 700;
  margin: 0 0 1em;
  text-align: center;
}

ul.donor-protection-list {
  display: grid;
  column-gap: 1.5em;
  margin: 0;
  row-gap: .875em;
}

ul.donor-protection-list li.on a {
  color: #000;
  pointer-events: none;
}

ul.donor-protection-list li.on :is(path, polygon) {
  fill: #000;
}

ul.donor-protection-list li:not(.on)>a {
  background: url('/wp-content/themes/wpcode-v2/images/arrow-right.svg') no-repeat right center / 1em auto;
  padding-right: 1.25em;
}

ul.donor-protection-list li svg {
  height: 1.125em;
  margin: 0 .5em 0 0;
  position: relative;
  top: .125em;
  width: 1.5em;
}

/* PAGE-DONOR-PROTECTIONS-LIVER TEMPLATE */
.page-template-page-donor-protections-liver .kidney-donation ~ .button{
	font-size: 1em;
	padding: 0.6em 1.2em;
}
/**/

/* TRANSITIONS ------------------------------ */
a, a *,button,.button,input[type="button"],input[type="submit"],.rsFullscreenBtn,#alertApp,#alertApp span,#alertDesc,#navContainer li,.hamburger{-webkit-transition: all 200ms ease;transition: all 200ms ease}
input:focus, select:focus, textarea:focus{-webkit-transition: background-color 150ms ease;transition: background-color 150ms ease}


/* 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; -moz-box-shadow:0 2px 2px #333; -webkit-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; }
.frm_style_formidable-style.with_frm_style form .frm_error_style {color: #aa4241;}

/* FOOTER ------------------------------ */
body>footer{color:#919191;font-size:.75em;background-color: #000;}
body>footer a{color:#fff}
body>footer a:hover, footer a:active{color:#fff}
body>footer a.on, footer .on>a{text-decoration:none;color:#fff}
body>footer .fatFooter{margin-bottom:0;}
body>footer>.wrap {overflow:visible; border-top: 0;}
body>footer>.wrap nav {display: inline}
body>footer>.wrap nav li {
  display: inline;
}

body>footer>.wrap nav li:not(:last-child)::after {
  content: '|';
  margin-inline: .5em .25em;
}

body>footer p {
  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(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;}


/* SPLASH PAGE */
body.splash-page>header { opacity: 0; position: absolute; visibility: hidden; }
.splash-page .splash-intro {position: relative; border-bottom: 2px solid #fff}
.splash-page .splash-intro:before {content:""; display:block; position: absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.80)}
.splash-page .splash-intro .wrap {z-index:1; text-align:center; max-width:37.75rem; font-size: 1.25rem; color: #FFFFFF; text-align: center; line-height: 1.75rem;}
.splash-page .splash-intro .wrap img {height:auto; display: block;}
.splash-page .splash-intro .wrap p {font-weight:400; margin-bottom:1.2em}
.splash-page .splash-intro .wrap .button {border: 1px solid transparent; font-weight: 500; line-height:1.2em; background: var(--red);color: #fff;padding: 0.5em 1.466em;font-size: 1em;}
.splash-page .splash-intro .wrap .button span {display: block; font-weight:700; transition: none; color: inherit}

.splash-page .splash-intro .wrap :is(.button:hover, .button:focus) {
  background: #FFF;
  border-color: var(--red);
  color: var(--red);
}


/* FAMILY BAR */
#nkr-familybar{
    border-top:1px solid rgba(0,0,0,.2);
    background-color:#fff;
    font-size:16px;
    text-align:center;
    clear:both;
}
#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 */

/* 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;}
    }
}

/* Centers of Excellence */
.map_desc { display: none; }
#nkrcenterbuttons {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
    align-items: stretch;
}
#nkrcenterbuttons button {
    padding: 0.7em 0.4em;
    font-size: 0.9em;
    flex: 1 1 auto;
    text-align: center;
}