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

@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/wpcode-v2/fonts/montserrat-300.woff2') format('woff2'), url('/wp-content/themes/wpcode-v2/fonts/montserrat-300.ttf') format('ttf');
  font-weight: 300;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/wpcode-v2/fonts/montserrat-300italic.woff2') format('woff2'), url('/wp-content/themes/wpcode-v2/fonts/montserrat-300italic.ttf') format('ttf');
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/wpcode-v2/fonts/montserrat-regular.woff2') format('woff2'), url('/wp-content/themes/wpcode-v2/fonts/montserrat-regular.ttf') format('ttf');
}
@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/wpcode-v2/fonts/montserrat-italic.woff2') format('woff2'), url('/wp-content/themes/wpcode-v2/fonts/montserrat-italic.ttf') format('ttf');
  font-style: italic;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/wpcode-v2/fonts/montserrat-500.woff2') format('woff2'), url('/wp-content/themes/wpcode-v2/fonts/montserrat-500.ttf') format('ttf');
  font-weight: 500;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/wpcode-v2/fonts/montserrat-500italic.woff2') format('woff2'), url('/wp-content/themes/wpcode-v2/fonts/montserrat-500italic.ttf') format('ttf');
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/wpcode-v2/fonts/montserrat-600.woff2') format('woff2'), url('/wp-content/themes/wpcode-v2/fonts/montserrat-600.ttf') format('ttf');
  font-weight: 600;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/wpcode-v2/fonts/montserrat-600italic.woff2') format('woff2'), url('/wp-content/themes/wpcode-v2/fonts/montserrat-600italic.ttf') format('ttf');
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/wp-content/themes/wpcode-v2/fonts/montserrat-700.woff2') format('woff2'), url('/wp-content/themes/wpcode-v2/fonts/montserrat-700.ttf') format('ttf');
  font-weight: 700;
}
@font-face {
  font-family: 'Rokkitt';
  src: url('/wp-content/themes/wpcode-v2/fonts/rokkitt-v39-latin-regular.woff2') format('woff2'), url('/wp-content/themes/wpcode-v2/fonts/rokkitt-v39-latin-regular.ttf') format('ttf');
  font-weight: 400;
}


:root {
    --red: #005e5d;
    --blue: #005e5d;
    --dark-blue: #008573;
}

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{width:100%;float:left;clear:left;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;}
.home-testimonial blockquote p {font-family: 'Rokkitt', serif;}
.text{font-size: 1rem}
p, article .entry-content { font-weight: 300; }
p.intro, .taxonomy-description {font-size: 1.25rem; color: #000;font-weight: 500;}
a, a *{color:#005e5d;text-decoration:none; font-weight: 400;}
a:hover, a:active, a:hover *, a:active *{color:#005e5d}
main a:not(.button), .anchor-list li a, small>a, .secondary-header-subtext a, footer nav a {border-bottom: 1px solid transparent;}
main 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: 125%;}
p + h2, p + h3, p + h4, p + h5, p + h6,
.buttons + h2, .buttons + h3, .buttons + h4, .buttons + h5 {margin-top:2em;}
.textColor, h1, h2, h3, h4, h5, h6, h7, h8, h9, th, dt{color:#005e5d}
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: #005e5d; font-weight: 700;line-height: 1em;}

h2, .content * h1{font-size:1.3em; font-weight: 500; color: #005e5d;}
h3, .content * h2{font-size:1.2em; font-weight: 500; color: #005e5d;}
h4, th{font-size:1.1em}
h5 {font-size:1.0em}
h6 {font-size:1.0em}
h7, h8, h9{font-size:1em}
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;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

/* 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:#113459; color: #fff;}
#sidenav li.current_page_item>a, #sidenav li.current_page_ancestor>a {background-color: #113459; 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}
/* breadcrumb */
.breadcrumb{margin-bottom: 1em}
.breadcrumb a:after{content: "\00A0\00A0\203A\00A0"}

.hero-template #sidenav, .donor-protections #sidenav,
main.hero-template>div>aside  {margin-top: 0;}

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

.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 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;margin:2em 0; clear: right;}
.highlight h1, .highlight h2, .highlight h3 {font-size: 2.5rem; color: #005e5d; font-weight: 700;margin-bottom: 1.7rem;}
small, .textSm{font-size:.8em}
.content table{width:100%}
.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;}

.buttons .button {margin: .5rem .25rem;}
.buttons {margin-left: -.25rem;}

table {width: 100%;}
table tr:nth-child(even) td {
    background-color: rgba(0, 0, 0, .1);
}
table th, table td {
    padding: .5em .5em;
    text-align: center;
}
table th:first-child, table td:first-child {
    text-align: left;
}
table th {
    background-color: #113459;
    color: #fff;
    font-size: 1em;
    font-weight: bold;
}
table th a {color: #fff; text-decoration: underline;}
table th a:hover,  table th a:focus, main table a:not(.button):hover, main table a:not(.button):focus {color: #54C7F5; border-color: transparent;}
table td {border-left: 1px solid rgba(0,0,0,.25); font-size:.85em;}
table td:first-child {border-left:none;}

.researchSummary td:first-child {font-weight: bold;}
.researchSummary tr.newSection td {background-color: #333; border-top:5px solid #fff; color:#fff; font-size:1rem;}
.researchSummary tr.high td {background-color:rgba(244,50,81,.4);}
.researchSummary tr.medium td {background-color:rgba(255,199,0,.4);}
.researchSummary tr.low td {background-color: rgba(61,180,84,.4);}

/* NEWS */
.intro + article { margin-top: 2em; }
.tax-news-category article:not(:last-of-type) { border-bottom: 1px solid #DDD;margin: 2em 0 2.5em; padding-bottom: 2em;}
#content a.news-item {display: block; border-bottom: 0;}
#content a.news-item:hover h2, #content a.news-item:hover, .tax-news-category h2 :is(a:hover, a:focus){
    color: #005e5d;
    border-bottom: 0;
}
.content a.news-item:hover span {
    border-bottom: 0;

}

#content a.news-item h2,
.tax-news-category header h2{
    font-size: 1.25em;
    color: #000;
    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;
}


/* blog */
h1.entry-title {margin-bottom:.5em;}
.entry-meta { margin: 0 0 1em; }
span.posted-on, span.source {font-size: .8em}
span.source {  font-style: italic; }
span.posted-on + span.source::before {
  content: '\007C';
  font-style: normal;
  margin-inline: .25em;
}

a.edit-post { display: table; margin: 1em 0 0; }

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{
    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{
        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}

/* 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"]{background: #fff;
    color: #005e5d;
    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: 1em 1.25em;
    font-size: 1.125em;
}
.button.alt, .call-to-action .button {
    background: var(--red);
    color: #005e5d;
}
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{background-color:var(--red);color:#005e5d}
.button.alt:hover, .hero-text .button:hover, .call-to-action .button:hover {
    background: #000;
    border-color: #000;
}
.call-to-action .aside-buttons .button {
    background: #FFF;
    color: var(--red);
}
.call-to-action .aside-buttons .button:hover {
    background: var(--red);
    border-color: #FFF;
    color: #FFF;

}
.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-position: center right;
    background-image: url(../images/home-hero-innovation.jpg);
    background-repeat: no-repeat;
    /* height: 26.0625rem; */
}
.hero::before {
    content: " ";
    position: absolute;
    line-height: 0;
    -webkit-backdrop-filter: blur(0.25rem);
    backdrop-filter: blur(.25rem);
}
.hero-with-video:not(.hero-circle):before {
    content: none;
}
h1 span {font-weight: 300; margin-top: .3em; padding: 0; color: #000; font-size: .666em; line-height: 1.28em; display: block;}

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

.hero-text {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.donate-hero-text small {
    font-size: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.hero-text-large {height: 100%;}
.hero-text-small {height: 50vh;}
.donate-hero-text p {
    width: 80%;
}

.hero.hero-with-video:not(.hero-circle) {
   background: linear-gradient( 180deg , rgba(166, 233, 251, 1) 0% , rgba(109, 207, 246, 1) 100% );
}
.hero.hero-with-video:after, .dna-background:after {
    content: "";
    position: absolute;
    background: url(images/DNA-Watermark.svg) no-repeat center / cover;
    backdrop-filter: initial;
    border-radius: 0;
    inset: 0;
    width: 100%;
    height: 100%;
    opacity: .15;
    z-index: 0;
}

.hero.hero-with-video h1 {
    font-size: 2em;
    font-weight: 900;
}
.hero.hero-with-video h1 span {
    color: #ffffff;
    margin-block: 1.5rem 1rem;
    font-size: .6875em;
}
.hero-with-video .wrap {
    max-width: calc(75rem + 8vw);
    display: flex;
    align-items: center;
    gap: 4.6875rem;
    z-index: 1;
}
.hero-with-video .spanish-link {
    margin-top: .5em;
    text-align: center;
}
.hero-with-video .spanish-link button {
    display: inline-block;
    border: 0;
    text-decoration: underline;
    background: transparent;
    color: var(--dark-blue);
    font-weight: 500;
    font-style: italic;
    padding: 5px;
    font-size: 1rem;
}
.hero-with-video .buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 1.125rem;
}
.hero-with-video .buttons .button {
    font-size: 1rem;
    padding: .75em 1.125em;
    border: 0;
    margin: 0;
    background: var(--dark-blue);
}
.hero-with-video .buttons .button + .button {
    background: var(--blue);
}
.hero-with-video .hero-image {
    aspect-ratio: 6 / 3.5;
}
.hero-with-video .hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.protections-content {
    text-align: center;
    color: #000;
    font-size: 1.125rem;
    margin-top: 1.75rem;
}
.protections-content p {
    margin-bottom: 0;
}


.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;
}
body:not(.home) .svg-block svg, body:not(.home) .svg-block svg path {
    fill: #005e5d;
}
body.home .svg-block svg, body.home .svg-block svg path {
    fill: var(--red);
}

.home-testimonial {
    background: var(--dark-blue);
    position: relative;
}
.home-testimonial .wrap {
    max-width: 50.1875rem;
    padding: 4.375rem 1.5rem;
    text-align: center;
    color: #FFF;
    z-index: 1;
}
.home-testimonial blockquote {
    margin-inline: 0;
}
.home-testimonial blockquote p {
    font-size: 1.5rem;
    line-height: 1.25;
    quotes: '\201c' '\201d';
}
.home-testimonial blockquote p:first-of-type::before {
	content: open-quote;
}
.home-testimonial blockquote p:last-of-type::after {
	content: close-quote;
}
.home-testimonial figcaption {
    font-style: normal;
    font-size: 1rem;
    font-weight: 500;
}
.home-testimonial figcaption span {
    display: block;
    font-style: italic;
    font-weight: 400;
    color: rgba(255,255,255,.75);
}
.home-testimonial figcaption:before {
    content: '- ';
}

/* WHAT IS DONOR SHIELD -------------------------- */
section.white .wrap {overflow: visible;}
section.white h2 {font-size: 1.875em;font-weight: 700; color: #113459;}
.svg-block + h2 {
    margin-top: -1.8em;
    text-align: center;
    position: relative;
    z-index: 4;
}
h2 + span:not(.date) {
    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;
    align-items: flex-start;
    justify-content: center;
    margin: 3.5em auto 1em;
    padding-left: 0;
}
.donor-protections-list li {list-style: none;}
.donor-protections-list li strong {display: block;}
.donor-protections-list li h3 {color: var(--dark-blue);font-size: 1rem;font-weight: 600;margin: 0 auto;}
.donor-protections-list .text-content {
    color: #000;
    margin: 0 auto .5rem;
    line-height: 1.2;
    font-weight: 300;
    font-size: 1.25rem;
    text-transform: capitalize;
}
.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;
}
.donor-protections-list li:nth-of-type(even) .icon:before {
    filter: invert(14%) sepia(96%) saturate(886%) hue-rotate(184deg) brightness(94%) contrast(94%);
}
.donor-protections-list li:nth-of-type(odd) .icon:before {
    filter: invert(14%) sepia(96%) saturate(886%) hue-rotate(184deg) brightness(94%) contrast(94%);
}
.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.shield-virus:before {background-image: url(../images/shield-virus.svg);}
.icon.chart-line-down:before {background-image: url(../images/chart-line-down.svg);}
.icon.procedures:before {background-image: url(../images/procedures.svg);}
.icon.virus-slash:before {background-image: url(../images/virus-slash.svg);}
.icon.prescription-bottle-alt:before {background-image: url(../images/prescription-bottle-alt.svg);}
.icon.people-arrows:before {background-image: url(../images/people-arrows.svg);}
.icon.kidneys:before {background-image: url(../images/kidneys.svg);}
.icon.kidney-outline:before {background-image: url(../images/kidney-outline.svg);}
.icon.dna-light:before {background-image: url(../images/dna-light.svg);}
.icon.stethoscope:before {background-image: url(../images/stethoscope.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 {max-width: 100%;}
.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-blue.png);
    background-size: 2.5em;
    background-repeat: space;
    background-color: #008573;
    color: #fff;
    padding: 3rem 0 2.5rem;
    padding: 4.6875rem 0 4.3125rem;
    margin-top: -1.25rem;
    clip-path: circle(1000vw at 50% 1000vw);
    clear: both;
}
.call-to-action .button {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 h2 a {border-bottom: 0;}
.call-to-action h2 a:hover {opacity: .7; border-bottom: 0;}
.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;}

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

/* anchor links */
#main .hero.hero-small + .anchor-links {padding: 2.5em 0;}
#main .hero.hero-small + .anchor-links > .wrap {max-width: calc(59.5rem + 8vw);overflow: visible;}
#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;
}

/* Fix for h2's being out of view when navigated to using an anchor link due to sticky header */
h2 {
	scroll-margin-top: 90px;
}

/* 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, .about-content h2 {
    color: var(--red);
    font-size: 1.875em;
    font-weight: 700;
}
.about-content {
    position: relative;
    z-index: 6;
    margin-top: -2.5rem;
}
.about-content h2 {text-align: center;}
.donor-block p {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;
}

#map_canvas {
    width: 100%;
    height: 100%;
}


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

/* FORM MISC ------------------------------- */
.acc-comments {
    border-top: 2px solid #e8e8e8;
    padding-top: 12px;
}


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

/* 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(75, 117, 176, 0);
    border-radius:.25rem;
    color: #3B76B5;
    display:inline-block;
    padding:0 .5em;
    text-decoration:none;
    transition:border-color .3s ease;
}
/* /family bar */

body>footer{color:#999999;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 ul { margin: 0; }
body>footer>.wrap nav li { display: inline-block; }
body>footer>.wrap nav li:not(:first-of-type)::before { content: '|'; margin-inline: .25em .5em; }
body>footer .copyright p {
  display: inline-block;
}
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;}

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

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

.pagination .page-numbers,
.pagination .page-numbers.next,
.pagination .page-numbers.prev {
    padding: 0.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;}

        .hero + section.white, .hero + .anchor-links {background: #FFF; position: relative; margin-top: -2px;}
    }
}

/* INTERNET EXPLORER */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    header #brand img {height: 2.5rem;}
    .hero-text {width: 100%;}
    .hero h1 {max-width: 100%;}
  }

/* Anchor Link Scroll */
@media screen and (min-width: 750px) and (max-width: 900px) {
	h2 {
		scroll-margin-top: 150px;
	}
}