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

/* HEADER ------------------------------*/
body>header{background:rgba(255, 255, 255, 0.9);overflow: visible; padding: 0 1.125rem; backdrop-filter: blur(2px); border-bottom: .5px solid rgba(0, 0, 0, 0.1); position: fixed; z-index: 5;height:5rem; overflow: visible; display: flex; align-items: center; justify-content: space-between;}
#brand {display:block;  max-width: 25.5rem; transition: all 0s;}
#brand img {width:100%; display: block; height: auto; transition: all 0s;}
#navContainer {margin: 0 0 0 auto; padding-right: 1rem;}
nav ul{margin: 0}
#mainnav{overflow:visible}
#mainnav ul{text-align:center;overflow:visible;margin: 0;padding: 0;}
#mainnav li{display:inline-block;position:relative;}
#mainnav a{padding:1.625rem .827em;display:inline-block;color:#000; font-size: 1.125rem; text-decoration:none; font-weight: 500; position: relative;}
/*#mainnav>ul > li > a {transition: background-color .2s ease;}*/
#mainnav a > span {transition: all 0s;}
#mainnav a > span:first-of-type {font-weight: 300; font-style: italic; color: rgba(17, 52, 89, 0.6);}
#mainnav a > span + span {text-transform: uppercase; color: #000;}
#mainnav>ul>li:hover>a, #mainnav>ul>li:active>a{background:#FFF;}
#mainnav>ul>li.current-menu-item>a,
#mainnav>ul>li.current-page-ancestor>a {background:#EBEBEB;}
#mainnav>ul>li>a:after {
        content: "";
        background: url(images/icons/chevron-down.svg) no-repeat center;
        background-size: contain;
        width: 0.875rem;
        height: 0.875rem;
        position: absolute;
        right: 50%;
        transform: translateX(50%);
        bottom: .75rem;
        opacity: .3;
        transition: opacity .2s;
}
#mainnav>ul>li.on>a:after, #mainnav>ul>li.current_page_item>a:after, #mainnav>ul>li>a:hover:after {
        filter: grayscale(1) brightness(0) invert(9%) sepia(99%) saturate(4840%) hue-rotate(344deg) brightness(111%) contrast(96%);
        opacity: 1;
}
#mainnav>ul > li:last-of-type {margin-left: 0.625rem;}
#mainnav>ul > li:last-of-type a {padding: .563rem .84rem; background: var(--red); color: #FFF; font-size: 0.9375rem; border-radius: 4px;}
#mainnav>ul > li:last-of-type a:after {content: none;}
#mainnav>ul > li:last-of-type a:hover {background: #000;}

/*dhtml*/
#mainnav li ul{z-index:1;width:208px;border-radius: 5px;padding: .5em; border-radius: 0 0 .5rem .5rem;background: #FFF;position:absolute;overflow:auto;height:auto; top: -200vh;opacity: 0;z-index: -1; visibility: hidden; -webkit-transition: ease 200ms opacity 0.35s; transition: ease 200ms opacity 0.35s; }
#mainnav>ul > li > ul {box-shadow: 0 5px 6px 0px rgb(0 0 0 / 10%);}
#mainnav li:hover ul, #mainnav li.expand>ul {top:auto;opacity: 1;z-index: 1; visibility: visible}
#mainnav>ul>li:last-child ul{right:0}
#mainnav li ul li{width:100%;display:block;float:left}
#mainnav ul li ul li a{background:none;color:#000}
#mainnav li ul li a{font-size: 0.875em;line-height: 1.1;padding:.5em .5em .5em 1.5em; display:block;width:100%;text-align:left;float:left}
#mainnav li ul li a:hover, .t1 li ul li a:active{color:#FFF;background:#821628; border-radius: .25em;}
#mainnav li ul ul {display: none}




/* Accessible dropdowns */
#mainnav>ul>li>button {
	background: transparent;
	bottom: .375em;
	border: 0;
	height: .875rem;
	opacity: 0;
	padding: 0;
	pointer-events: none;
	position: absolute;
	right: 50%;
	transform: translate(50%,-50%);
	width: 1.625rem;
}

#mainnav>ul>li>button:focus-visible {
	opacity: 1;
}

#mainnav>ul>li>button:before {
	background: url('./images/icons/chevron-down.svg') no-repeat center / contain;
	content: '';
	height: .875rem;
	left: 0;
	position: absolute;
	right: 0;
	top: calc(50% - 7px);
}



/* ancillary */
#ancillary {position:absolute;right:0;top:0;padding: 1rem 0; color:#ccc;font-size:.7em;}
#ancillary ul{display: inline}
#ancillary li{display: inline;}
#ancillary a {display: inline-block;padding: .5em .8em; text-decoration:none;color:#999;}
#ancillary a:hover, #ancillary a:active,#ancillary li.on a{color:#666}
#ancillary li.on a {text-decoration:none;color:#666}
#ancillary form{display: inline;}
#ancillary form input{display: inline-block}
/* mobile */
#mobilenav, .toggleNav{display: none}

/* search */
.search-link:hover:before {
        filter: grayscale(1) brightness(0);
}
#search {
        position: absolute;
        right: 3.375rem;
        width: 53.375rem;
        max-width: 60vw;
        top: 50%;
        transform: translateY(-50%);
        opacity: 0;
        pointer-events: none;
        transition: all .3s ease;
}
.search-link {
        position: relative;
        width: 1.5rem;
        height: 2.5rem;
}
.search-link:before {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
}
#search input {
        font-size: 1em;
        padding: .5rem 0.875rem;
}
#search button {
        font-size: 1.125em;
        padding: .875rem 1.5rem;
}
#search button:hover, #search button:focus {
        background: #000;
}
#search input,#search button {transform: scaleX(0); transform-origin: right; transition: all 0s;}
.search-active #search {transition-delay: 300ms;}
.search-active #search button {transition: transform 300ms ease 300ms, background 200ms ease 0s;}
.search-active #search input {transition-delay: 600ms; transition-duration: 300ms;}
.search-active #search button, .search-active #search input {transform: scaleX(1);}

.search-active #mainnav>ul>li {pointer-events: none;}
.search-active #mainnav>ul>li>a {transform: scale(0); opacity: 0 pointer-events: none;}
.search-active #mainnav>ul>li:first-child>a {transition-delay: 300ms}
.search-active #mainnav>ul>li:nth-child(2)>a {transition-delay: 250ms}
.search-active #mainnav>ul>li:nth-child(3)>a {transition-delay: 200ms}
.search-active #mainnav>ul>li:nth-child(n+4)>a {transition-delay: 150ms}

.search-active #search {opacity: 1; pointer-events: initial;}



/* megamenu */
.megamenu {
        background: var(--light-grey);
        position: fixed;
        width: 100%;
        right: 50%;
        transform: translateX(50%);
        padding: 1.6875rem 4.0625rem 2.25rem;
        transition:     z-index 0s linear .4s,
                        top 0s linear .5s,
                        opacity .25s ease-out 0s;
        opacity: 0;
        pointer-events: none;
        visibility: hidden;
        z-index: -1;
}
.megamenu:before {
        content: "";
        top: 100%;
        right: 0;
        left: 0;
        bottom: -100vw;
        position: fixed;
        background: rgba(0,0,0,.75);
        pointer-events: none;
}

#mainnav .megamenu:focus-within,
#mainnav ul li.expand>.megamenu,
#mainnav ul li:hover > .megamenu {
        transition:     z-index 0s linear .25s,
                        top 0s linear .25s,
                        opacity .2s ease-in .25s;
        opacity: 1;
        pointer-events: all;
        z-index: 1;
        visibility: visible;
}
.megamenu .megamenu-inner {
        width: 100%;
        max-width: 67.125rem;
        margin: 0 auto;
}
.megamenu .megamenu-inner > ul {
        display: flex;
}
#mainnav li .megamenu ul {
        position: relative;
        top: auto;
        opacity: 1;
        background: none;
        width: 100%;
        border-radius: 0;
}

#mainnav li.expand .megamenu ul,
#mainnav li .megamenu ul:focus-within,
#mainnav li .megamenu:focus-within ul,
#mainnav ul li:hover > .megamenu ul {
  visibility: visible;
}

#mainnav li .megamenu.megamenu-centers > div > ul {
        display: block;
        columns: 4;
}
#mainnav li .megamenu.megamenu-centers > div > ul li {
        break-inside: avoid;
}
#mainnav li .megamenu ul li a {
        color: #000;
        font-size: 0.875rem;
}
#mainnav li .megamenu ul ul {
        display: block;
}

#mainnav li .megamenu .megamenu-right ul li a:hover {
        background: #821628;
        color: #FFF;
}
#mainnav>ul ul li a:not(.button):before  {
        content: "";
        background: url(images/icons/chevron-right-red.svg) no-repeat center;
        height: 10px;
        width: 11px;
        background-size: contain;
        position: absolute;
        left: 1rem;
        top: 0.6875rem;
}
#mainnav li .megamenu .megamenu-inner > ul > li > a {
        font-weight: 600;
}
#mainnav li .megamenu > .megamenu-inner ul > li > a:before {
        background: url(images/icons/chevron-right-red.svg) no-repeat center;
}
#mainnav li .megamenu > .megamenu-inner ul ul li > a:before {
        content: "\2022";
        color: var(--red);
        background: none;
        top: 0.5em;
        left: 0.8em;
        font-weight: 700;
        width: auto;
        height: auto;
}
#mainnav>ul ul li a:not(.button):before {
        left: 6px;
        top: 0.5625rem;
}
#mainnav li .megamenu ul li a:hover {
        color: #FFF;
}
#mainnav li .megamenu ul li a:hover:before, #mainnav>ul ul li a:hover:before {
        filter: grayscale(1) brightness(0) invert(11%) sepia(92%) saturate(7486%) hue-rotate(347deg) brightness(84%) contrast(91%);
}
#mainnav .megamenu-inner-bottom {
        overflow: hidden;
}
#mainnav .megamenu-inner-bottom .button {
        padding: .785rem 1rem;
        font-size: 0.875rem;
        font-weight: 500;
        color: #FFF;
        position: relative;
        display: table;
        margin: 0 auto;
}
#mainnav .megamenu-inner-bottom .button:before, #mainnav .megamenu-inner-bottom .button:after {
        content: "";
        border-bottom: 1px dashed #CDCDCD;
        height: 1px;
        width: 100vw;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
}
#mainnav .megamenu-inner-bottom .button:is(:hover, :focus), #mainnav .megamenu.megamenu-patients .megamenu-left ul li a.button:is(:hover, :focus) {
        background: #FFF;
        color: var(--blue);
}
#mainnav .megamenu-inner-bottom .button:before {left: -100vw;}
#mainnav .megamenu-inner-bottom .button:after {right: -100vw;}
#mainnav .megamenu-inner-bottom p {
        font-size: 0.8125rem;
        font-style: italic;
        font-weight: 400;
        color: #000;
        margin-top: 0.375rem;
}

#mainnav .megamenu.megamenu-patients {
        background: none;
        padding: 0;
        display: flex;
        justify-content: center;
}
#mainnav .megamenu.megamenu-patients:before {
        top: 0;
}
#mainnav .megamenu.megamenu-patients .megamenu-patients-wrap {
        background: var(--light-grey);
        max-width: 45.125rem;
        padding: 2.5rem 4rem;
        width: 100%;
        z-index: 4;
}
#mainnav .megamenu.megamenu-patients .megamenu-inner {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 13%;
}
#mainnav .megamenu.megamenu-patients .megamenu-left {
        width: 39%;
}
#mainnav .megamenu.megamenu-patients .megamenu-right {
        width: 48%;
}
#mainnav .megamenu.megamenu-patients .megamenu-right ul li + li {
        margin-top: 0.3125rem;
}
#mainnav .megamenu.megamenu-patients .megamenu-left ul {
        padding: 0;
}
#mainnav .megamenu.megamenu-patients .megamenu-left ul li a:not(.button) {
        padding: 1.25rem 0;
        border-bottom: 1px dashed #CDCDCD;
}
#mainnav .megamenu.megamenu-patients .megamenu-left ul li a:not(.button):is(:hover, :focus) {
        background: transparent;
}
#mainnav .megamenu.megamenu-patients .megamenu-left ul li a:not(.button):is(:hover, :focus) img {
        opacity: .8;
}
#mainnav .megamenu.megamenu-patients .megamenu-left ul li a.button {
        display: table;
    width: auto;
    margin-top: 2.5rem;
    text-align: center;
    font-weight: 500;
    background: var(--blue);
    color: #FFF;
    padding: 0.72rem 1rem;
}
#mainnav .megamenu.megamenu-patients .megamenu-left ul li a:before {
        content: none;
}

#mainnav li a.button.button-red {color: #FFF;}


#mainnav .megamenu-left .related-articles {display: flex; flex-wrap: wrap; text-align: left; padding: 0;}
#mainnav .megamenu-left .related-articles .article-title span {color: var(--red); font-style: italic;}
#mainnav .megamenu-left .related-articles .article-title {margin-bottom: 0.625rem;}
#mainnav .megamenu-left .related-articles > li {display: flex; flex-direction: column; align-items: flex-start;}
#mainnav .megamenu-left .related-articles > li:first-of-type {width: 100%; margin-bottom: 1.5rem;}
#mainnav .megamenu-left .related-articles > li:first-of-type .article-title {font-size: 1.1875rem;}
#mainnav .megamenu-left .related-articles > li:first-of-type .article-title span {text-transform: uppercase;}
#mainnav .megamenu-left .related-articles > li + li {width: 50%;}
#mainnav .megamenu-left .related-articles > li + li:nth-of-type(odd) {padding-left: 0.625rem;}

#mainnav .megamenu + .sub-menu {display: none;}

/* MAIN ------------------------------ */
body>footer>.fatFooter,#alertApp>*,.wrap{padding-left: 1.5rem; padding-right: 1.5rem;}
main > .wrap {padding-top: 3.6875em}
.home main {overflow: hidden; padding-top: 5rem;}
main>div>aside{width:18.125rem;padding-right: 6.875em; overflow:hidden;float: left;}
body.fullWidth  #content {width: 100%;margin: 0 auto;float: none}
#content{float:right;width:calc(100% - 18.125rem);padding:0 0 50px;overflow:visible;min-height:600px;position:relative}
#content.fullWidth {float:none;margin: 0 auto}
#content.fullWidthWide {width: calc(100% - 7.75rem);}
.wsManagementLogin td:first-child {width:40%; text-align: right}

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

.twoCol {-webkit-columns:2;-moz-columns:2;columns:2;}
.threeCol {-webkit-columns:3;-moz-columns:3;columns:3;}
.resCol {
	-webkit-columns: auto;-moz-columns: auto;columns: auto;
	-webkit-column-width: 13em;-moz-column-width: 13em;column-width: 13em;
}

.formTable td{width:50%}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto}

.photoright{margin:0 0 3em 4em;}
.photoleft{margin:0 4em 3em 0;}

.button.button-white-red:hover {color: #FFF; background: var(--red);}

#biographies .biographies {display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: stretch;-ms-flex-line-pack: stretch;align-content: stretch;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}
#biographies .biographies a {width: 20%; margin: 1.5% 1.5% 1em;-webkit-order: 0;-ms-flex-order: 0;order: 0;-webkit-flex: 0 1 20%;-ms-flex: 0 1 20%;flex: 0 1 20%;-webkit-align-self: auto;-ms-flex-item-align: auto;align-self: auto;}

/* HOVERS */
a:hover, a:active, a:hover *, a:active *{color:#9b0000;}
.button.no-style:hover {background: none; color: initial;}
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, a:hover .button {background-color:#3B76B5;color:#fff}

.button.back-button:hover {background: var(--red); color: #FFF;}
.button.back-button:before {transition: all .2s ease;}
.button.back-button:hover:before {filter: grayscale(1) brightness(5);}

#sidenav li a:hover, #sidenav li a:active {color: var(--red);}
#sidenav li ul li a:hover, #sidenav li ul li a:active {background:#f5f5f5}
#sidenav li ul li ul li a:hover, #sidenav li ul li ul li a:active {background:#f5f5f5}
#sidenav li ul li ul li ul li a:hover, #sidenav li ul li ul li a:active{background:#fff}

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

/* HEROS -------------------------------- */

/* HOME HERO */
.hero:after, .our-centers:after {
        height: calc(80vw + 80vh);
        width: calc(80vw + 80vh);
        right: calc(52% - 50px);
        border-radius: 50%;
        background-color: rgba(255,255,255,.725);
}
body:not(.home) .hero.for-donors.kidney-blog-hero:after {
        background-color: var(--light-blue);
        right: calc(45% - 50px);
}
.home .hero:after, .page-template-template-team-category .hero:after {
        background-color: var(--light-blue);
        right: 45%;
}
.page-template-template-team-category .hero:after {
        background-color: #fff;
}
.hero .for-donors-rotator {
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        left: 50%;
}
.for-donors-welcome .wrap {
        display: flex;
        align-items: center;
        gap: 6%;
}
.for-donors-welcome .welcome-left {
        width: 39%;
}
.for-donors-welcome .welcome-right {
        width: 55%;
}
      
.for-donors-videos .videos-list {
        display: flex;
        gap: 1.25rem;
}
.for-donors-videos .videos-list > * {
        width: calc(50% - 0.625rem);
}

/* .hero.facilitated-transplants:after {right: calc(21% - 50px); backdrop-filter: blur(0); top: -20rem;} */
.hero .wrap {padding-top: 7.6875rem;}
.charts .wrap {padding-top: 5rem;}
.hero:not(.facilitated-transplants) .wrap > div, .charts .wrap > section {width: calc(50% - 6.25rem);}
.hero.for-patients .wrap > div.hero-left {width: calc(50% - 4rem);}
/* .hero:not(.facilitated-transplants) .wrap > div, .charts .wrap > section {width: 49.8%;}
.hero.for-patients .wrap > div.hero-left {width: 49.8%;}
.hero:is(.for-donors, .for-patients) .wrap > .hero-right {width: 35%;} */
.hero .wrap > div + div:not(.hero-circle), .charts .wrap > section + section {margin-left: 12.5rem;}
.hero .wrap, .charts .wrap {display: flex; align-items: flex-start; padding-bottom: 3rem;}

.charts .chart-link:hover img {opacity: .85;}

.hero.facilitated-transplants {overflow: visible;}
.hero.facilitated-transplants .wrap {align-items: stretch; overflow: visible; padding-top: 5.6875rem; padding-bottom: 6.6875rem;}
.hero.facilitated-transplants .hero-content .hero-buttons {display: flex; width: auto; margin-bottom: 0;}
.hero.facilitated-transplants .hero-content .hero-buttons .button {display: inline-block; width: auto; margin-bottom: 0;}
.hero.facilitated-transplants .hero-content .hero-buttons .button + .button {margin-left: 1rem; background: #113459; border: 1px solid #113459;}
.hero.facilitated-transplants .hero-content .hero-buttons .button + .button:is(:hover, :focus) {
        background: #FFF;
        color: #113459;
}
.hero.facilitated-transplants .hero-content {width: 52%;}
.hero.facilitated-transplants ~ * {z-index: 2; position: relative;}

/* FOR DONORS / PATIENTS HERO */
.hero.for-donors .wrap, .hero.for-patients .wrap {align-items: stretch; padding-bottom: 3.4375rem; padding-top: 9.375rem;}
.hero.for-donors .wrap .hero-left, .hero.for-patients .wrap .hero-left {display: flex; flex-direction: column; justify-content: space-between;}
.hero.for-donors:not(.kidney-blog-hero) .wrap .hero-left {align-items: center;}
.hero.for-donors.kidney-blog-hero .wrap .hero-left {align-items: flex-start;}

/* FOR CENTERS HERO / ONE-COL */
.hero.one-col .wrap {padding-top: 9.375rem;}
.term-medical-board .hero.one-col .wrap {padding-top: 4.375rem;}
.hero.one-col.media .wrap .hero-left {width: 55%;}
body:not(.home) .hero.one-col.media:after {right: 35%;}

/* OUR MEMBER CENTERS CIRCLE */
.our-centers:after {right: calc(40% - 50px);}
.our-centers .our-centers-content {width: 54%;}

/* MEDIA HERO */
body.page-template-template-media .hero:after {background-color: rgba(255,255,255,.9);}


/* HOME -------------------------------- */
.icon-callouts ul li {width: calc(25% - 2.125rem);}
.icon-callouts ul li a:is(:hover,:focus) .icon {transform: scale(1.15);}
.icon-callouts ul li a:is(:hover,:focus) p {color: var(--red);}

.callout-sections section {width: calc(33.33% - 0.375rem);}
.callout-sections .wrap {gap: 0.5rem;}
.blog-info .split-ribbon {gap: 2rem;}
.blog-info .split-ribbon img {width: calc(42.5% - 1rem);}
.blog-info .split-ribbon-content {width: calc(57.5% - 1rem);}

.kidney-donor-blog .donor-blog-articles {
        display: flex;
        align-items: flex-start;
        justify-content: center;
        gap: 7.5rem;
}
.kidney-donor-blog .donor-blog-articles > * {
        width: calc(50% - 3.75rem);
}


.headlines ul:not(.social-media-links) li {width: calc(25% - 4rem); margin-left: 5.3125rem;}
.headlines ul:not(.social-media-links) li:nth-of-type(4n+1) {margin-left: 0;}
.headlines ul:not(.social-media-links) li a:not(.button):hover {color: #9b0000;}
.headlines ul:not(.social-media-links) li a:hover img {filter: contrast(1.1) brightness(1.1);}

.headlines.media-types ul:not(.social-media-links) li {width: calc(33.33% - 3.875rem); margin-left: 5.8125rem;}
.headlines.media-types ul:not(.social-media-links) li .button {position: absolute; bottom: 0; right: 50%; transform: translateX(50%);}
.headlines.media-types ul:not(.social-media-links) li:nth-of-type(3n+1) {margin-left: 0;}
.headlines.media-types ul:not(.social-media-links) li a:before {transition: all .2s ease;}
.headlines.media-types ul:not(.social-media-links) li a:hover:before {opacity: .6;}

.headlines.about-headlines.media-types ul:not(.social-media-links) li a:first-child {padding-bottom: 4.375rem;}
.headlines.about-headlines.media-types ul:not(.social-media-links) li a:first-child:hover p, .headlines.about-headlines.media-types ul:not(.social-media-links) li a:first-child:focus p {color: #000;}

.headlines .social-media-links {margin: 3rem 0 2rem;}

.aside-information {width: calc(100% - 18rem); margin-left: 7rem;}
.aside-buttons :not(:last-child) {margin-right: 1em;}
.aside-buttons .button + span {margin-left: 0.8125rem;}
.aside-buttons .button.no-style:hover {color: #FFF;}
.aside-buttons .button.icon-button:after {transition: all .2s;}
.aside-buttons .button.icon-button:hover:after {right: -.5rem;}
.call-to-action .aside-buttons .button + .button.icon-button.contact:before {margin-right: 0.75rem; margin-left: 0.75rem;}

/* FOR DONORS / FOR PATIENTS ----------- */
.icon-list ul li {width: 25%;}
.icon-list ul li:nth-of-type(n+5) {margin-top: 2.5rem;}
.icon-list ul a:hover p, .icon-list ul a:hover h3 {color: #9b0000;}
.icon-list ul .icon:before {transition: all .2s ease;}
.icon-list ul a:hover .icon:before {transform: scale(1.15);}

.facilitated-transplants .hero-circle {position: absolute; align-items: stretch; left: 71%; bottom: -5.5rem;}
.facilitated-transplants .hero-circle .circle {height: auto;}

.circles-list ul {display: flex; align-items: stretch; justify-content: center;}
.circles-list ul li, .hero .hero-circle {display:inline-flex;}
.circles-list ul li + li {margin-left: 7rem;}
.circles-list a:hover:after {opacity: 1;}
.circles-list a:hover .circle-title, .circles-list a:hover .circle-title b { color: #FFF;}
.circles-list a:hover .icon:before {opacity: 0;}
.circles-list a:hover .icon:after {opacity: 1;}

/* FOR CENTERS */
.parthenon svg a.red:hover g circle:first-child {fill: var(--red);}
.parthenon svg a.blue:hover g circle:first-child {fill: #0C72BC;}
.parthenon svg a.orange:hover g circle:first-child {fill: #E67800;}
.parthenon svg a.purple:hover g circle:first-child {fill: #AA50A0;}
.parthenon svg a.green:hover g circle:first-child {fill: #287828;}
.parthenon svg a:hover g circle:last-child {stroke: #FFF;}
.parthenon svg a:hover path {fill: #FFF;}

.parthenon .button {white-space: nowrap;}

/* MEDIA ------------------------------- */
.headlines .aside-buttons .double-lines, .headlines .aside-buttons.stay-horizontal > .button:nth-of-type(2) {margin: 0 1em 0 0;}

.company-updates ul li {width: calc(25% - .75rem); margin-left: 1rem;}
.company-updates ul li:nth-of-type(4n+1) {margin-left: 0;}
.company-updates ul li:nth-of-type(n+5) {margin-top: 2rem;}
.company-updates ul li .update-title {margin-bottom: 1.75rem;}

.social-media ul li a:before {transition: all .2s;}
.social-media ul li a:hover:before {filter: grayscale(1) brightness(0);}

/* TOPICS */
fieldset.filters .filters-inner > label {
        width: calc(25% - .75rem);
}
      

/* ABOUT ------------------------------- */
.our-leadership-featured .wrap, .our-story .wrap {flex-direction: row-reverse;}
.our-leadership-featured .featured-left {width: calc(40% - 1.75rem);}
.our-leadership-featured .featured-right {margin-left: 3.4375rem; width: calc(60% - 1.75rem);}
.leadership-landing .our-leadership-featured .featured-left {width: calc(30% - 1.75rem);}
.leadership-landing .our-leadership-featured .featured-right {margin-left: 3.4375rem; width: calc(70% - 1.75rem);}
.our-leadership-featured:before {bottom: 0.875rem;}
.our-leadership-team div.flex {gap: 2.5rem 4rem;}
.our-leadership-team div.flex div.slide {width: calc(25% - 3rem);}
.our-leadership.leadership-landing.custom-col-count .our-leadership-team .flex .slide:is(:nth-child(5), :nth-child(6), :nth-child(7)) {width: calc(33.33% - 2.67rem);}
.our-leadership.leadership-landing.custom-col-count .our-leadership-team .flex .slide:is(:nth-child(5), :nth-child(6), :nth-child(7)) a {max-width: 70.25%; display: block; margin: 0 auto;}
.our-leadership.leadership-landing.custom-col-count .our-leadership-team .flex .slide:nth-child(5) a {margin-right: 0;}
.our-leadership.leadership-landing.custom-col-count .our-leadership-team .flex .slide:nth-child(7) a {margin-left: 0;}

.our-leadership-team div.slide a:hover .team-member-name, .our-leadership-featured a:hover .name {color: var(--red);}
.our-leadership a:hover img {border-color: var(--red);}
.our-leadership-featured a:hover p {color: #000;}
.our-leadership-team .leadership-buttons > .button + .button {margin-left: 1rem;}
.our-leadership-team .wrap {padding-bottom: 3.75rem;}
.our-leadership.bio-page .our-leadership-team .wrap {padding-bottom: 1.4375rem;}
.page-template-template-about .our-leadership {padding-bottom: 4.0625rem;}

.our-leadership-team .slick-slider button:is(:hover, :focus) {
        opacity: .6;
}

.our-story .wrap {align-items: flex-start;}
.our-story-left {width: calc(45% - 1.5625rem);}
.our-story-right {width: calc(55% - 1.5625rem); margin-left: 3.125rem;}

.affiliated-sites ul li {width: calc(33% - 3.75rem); margin-left: 5.625rem;}
.affiliated-sites ul li:nth-of-type(3n+1) {margin-left: 0;}
.affiliated-sites ul li:nth-of-type(n+4) {margin-top: 3.125rem;}
.affiliated-sites ul li a:hover img {opacity: .6;}

.headlines.about-headlines.media-types ul:not(.social-media-links) li .button {white-space: nowrap;}

/* LEADERSHIP LANDING */
/* .our-leadership.bio-page .our-leadership-team ul li:nth-of-type(n+6) {margin-top: 2.5rem;} */
.our-leadership.bio-page .our-leadership-team div.flex {justify-content: flex-start;}
.our-leadership.leadership-landing .our-leadership-team div.flex {justify-content: center;}
.our-leadership.leadership-landing .our-leadership-featured > a > .featured-right {margin-top: -0.875rem;}
.our-leadership.leadership-landing .our-leadership-featured:before {bottom: 1.75rem;}

.our-leadership-team-list-view ul > li > a {align-items: flex-start;}

/* BIO PAGE */
.bio-page-intro .bio-content {padding-left: 3.875rem;}
.our-leadership-team .slick-slider .slick-slide {
  padding: 0 1.5625rem;
}
.our-leadership-team .slick-slider > button {
  width: 2.1em;
  height: 3.75em;
}



/* BROCHURES --------------------------- */
.brochures-top.wrap {padding-top: 4.125rem;}
.brochure-list li {width: calc(33.33% - 5.875rem);}
.brochure-list li + li {margin-left: 8.75rem;}
.brochure-list li:nth-of-type(3n+1) {margin-left: 0;}
.brochure-list li:nth-of-type(n+4) {margin-top: 7.1875rem;}
.brochure-list li:nth-of-type(4n):before {content: ""; left: -100vw; right: -100vw; top: -54px; height: 1px; border-top: 1px dashed rgba(0,0,0,.2); position: absolute;}
.brochure-list + .button:after {transition: all .2s;}
.brochure-list + .button:hover:after {filter: grayscale(1) brightness(5);}
.brochure-list .button + a:hover {color: var(--red);}
.brochure-list .brochure-img:hover img {opacity: .8}

table.mobileTable td:before {content: none !important;}

/* microsite flow chart */
.microsite-flow-chart {display: flex; align-items: stretch;}
.microsite-flow-chart > * + * {margin-left: 3.125rem;}

.our-leadership-team-list-view > div > div.flex { display: flex; flex-wrap: wrap; overflow: hidden; }
.our-leadership-team-list-view > div > div.flex > div {width: calc(50% - 2rem); position: relative; padding-top: 2rem;}
.our-leadership-team-list-view > div > div.flex > div:nth-of-type(even) {margin-left: 4rem;}
.our-leadership-team-list-view > div > div.flex > div:nth-of-type(n+3) {margin-top: 2rem;}
.our-leadership-team-list-view > div > div.flex > div:nth-of-type(odd):before {content: ""; position: absolute; left: -50vw; right: -50vw; top: 0; border-top: 1px dashed rgba(27, 52, 86, 0.2);}
.our-leadership-team-list-view > .wrap > h2 {text-align: center;}

.bio-page-intro .bio-content p a:hover {color: var(--red);}


/* News/Donors Blog --------------------------- */
.tax-news-category h2, .post-type-archive-ws-donors-blog h2 {display: inline;}
.tax-news-category h2, .post-type-archive-ws-donors-blog h2, .post-type-archive-ws-donors-blog #content header h2 {font-size: 1.125em;}
.tax-news-category:not(.term-academic-publications) .entry-meta .posted-on:before {content: "\00a0\007C\00a0"; font-style: normal; color: #000;}

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


/* Donate --------------------------- */
.gift-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
float: left;
width: 48%;
}
.lists-container>:nth-child(even) {
margin-left: 4%;
}
.gift-cta.gift-cta-solo {
        margin: 3em 0 3em;
}
.gift-cta-solo {
        display: flex;
        align-items: center;
        justify-content: space-between;
}
.gift-cta-solo h2 + p {
        margin-bottom: 0;
        text-align: left;
}
/* .lists-container .gift-cta {
        float:left;
} */
.topbutton {
        height:3.125rem;
        width:3.125rem;
        right:2rem;
        bottom:2rem;
}
.topbutton:hover, .topbutton:focus {
        transform: scale(1.1);
}

/* AIRPORT LANDING PAGES --------------- */
.airport-hero .wrap {
  display: flex;
  align-items: center;
  gap: 7%;
  padding-block: 0;
}
.airport-hero h1 {
  max-width: 43%;
  text-align: right;
  margin-bottom: 0;
}
.airport-hero h1 strong {
        display: block;
        margin-top: 1rem;
}
.airport-hero img {
  max-width: 50%;
}
.airport-welcome .line-1 p {
  font-size: 1.875rem;
}
.airport-welcome .line-2 p {
  font-size: 2.25rem;
}
.airport-welcome img {
  margin-top: 2.5rem;
}
.airport-numbers-flex {
  display: flex;
  gap: 2.5rem;
}
.airport-numbers-flex > * {
  width: calc(50% - 1.25rem);
}
.airport-faqs .wrap {
  padding-block: 3.5625rem 6.1875rem;
}
.airport-videos ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.airport-videos ul li {
  width: calc(33.33% - .67rem);
}     
.page-template-template-airport-landing footer {
  padding-bottom: 7.6875rem;
}

/* FOOTER ------------------------------ */
/* FAMILY BAR */
#nkr-familybar{
        line-height:2.125em;
        padding:.5em .5em .25em;
}
#nkr-familybar span{
        padding-right:.25em;
}
#nkr-familybar li:before{
        content:"\00A0\2022\00A0";
        display:contents;
}
#nkr-familybar a{line-height:2em;}
#nkr-familybar a:hover,
#nkr-familybar a:active{
        text-decoration:none;
        border-color:rgba(206,14,45,1);
}
/* /family bar */

body>footer .fatFooter {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;}
body>footer .wrap #web-solutions {float:right;margin-left:11px}
body>footer .wrap nav li:not(:last-of-type) span:before, body>footer .wrap nav li:first-of-type:before {content: "|"; margin: 0 0.5em}
body>footer>.wrap ul {display: inline-flex; margin: 0;}
body>footer .social-links a:hover {opacity: .7;}
body>footer a:hover, footer a:active{text-decoration: underline; color: #FFF;}
body>footer>.wrap #web-solutions a:hover{opacity:.8}

/* ANIMATIONS -------------------------- */
.delay-2, .pseudo-animate.delay-2:before   {  transition-delay:.3s;}
.delay-3, .pseudo-animate.delay-3:before   { transition-delay:.45s;}
.delay-4, .pseudo-animate.delay-4:before   {  transition-delay:.6s;}
.delay-5, .pseudo-animate.delay-5:before   { transition-delay:.75s;}
.delay-6, .pseudo-animate.delay-6:before   {  transition-delay:.9s;}
.delay-7, .pseudo-animate.delay-7:before   { transition-delay:1.05s;}
.delay-8, .pseudo-animate.delay-8:before   { transition-delay:1.2s;}
.delay-9, .pseudo-animate.delay-9:before   { transition-delay:1.35s;}
.delay-10, .pseudo-animate.delay-10:before { transition-delay:1.5s;}

/* MIN 1650
   IN PIXELS BECAUSE OF THE HTML FONT-SIZE CHANGE
*/
@media (min-width: 1650px) {
        html {font-size: 1.1em;}

        .megamenu .megamenu-inner > *:first-child {margin-left: 4rem;}
        #mainnav .megamenu.megamenu-patients .megamenu-patients-wrap {transform: translateX(35%);}
        #mainnav>ul ul li a:before {top: 0.625rem;}

        .call-to-action {margin-top: -2.25rem;}
        .circles-list {margin-bottom: 3.875rem;}
        .home .hero.facilitated-transplants {background-position-y: -6rem;}
        .term-medical-board .hero {background-position-y: -3rem;}
}

/* 1400 */
@media (max-width: 87.5em) {
        #brand {max-width: 23.5rem;}

        #nkr-familybar {font-size: 0.9375rem;}
        #nkr-familybar svg {width: 1.5em; height: 1.5em;}
        #nkr-familybar nav, #nkr-familybar li {font-size: 0.8125rem;}
        #nkr-familybar span {padding-right: 0; padding-left: 1.75em;}
        #nkr-familybar a {padding: 0 0.25em;}
}

/* 1250 */
@media (max-width: 78.125rem) {
        body>header {padding: 0 1rem; height: 4.625rem;}
        #brand {max-width: 15rem;}
        #mainnav li a, #mainnav>ul>li:last-of-type a {font-size: 0.875rem;}
        #mainnav>ul>li:last-of-type a {padding: .563rem .7em;}
        #mainnav>ul > li:last-of-type {margin-left: .25rem;}
        #mainnav a {padding-left: .5em; padding-right: .5em;}
        #mainnav li ul {width: 200px;}
        #navContainer {padding-right: .75rem;}
        .search-link {width: 1.25rem; height: 1.25rem;}

        #mainnav .megamenu-left .related-articles > li + li {width: 100%; margin-bottom: 1rem;}
        #mainnav .megamenu-left .related-articles > li + li:nth-of-type(odd) {padding-left: 0;}
        /* .megamenu .megamenu-inner > .megamenu-right {width: 60%;}
        .megamenu .megamenu-inner > .megamenu-left {width: 40%;} */
        #mainnav .megamenu-left .related-articles > li:first-of-type .article-title {font-size: 1rem;}

        #search {right: 3rem;}

        .hero:not(.one-col):not(.facilitated-transplants) .wrap > div, .hero.for-patients:not(.one-col) .wrap > div, .charts .wrap > section {width: calc(50% - 3rem);}
        .hero .wrap > div + div:not(.hero-circle), .charts .wrap > section + section {margin-left: 6rem;}
        body:not(.home) .hero.one-col:after {right: 40%;}
        body:not(.home) .hero.one-col .wrap > div {width: 55%;}
        .home main, #main.term-medical-board {padding-top:4.625rem;}


        .facilitated-transplants .hero-circle {right: 1.75rem; left: auto;}

        .headlines ul:not(.social-media-links) li {width: calc(25% - 2.25rem); margin-left: 3rem;}

        .circles-list ul li + li {margin-left: 3rem;}

        .aside-information {margin-left: 2rem; width: calc(100% - 13rem);}

        /* .our-leadership-team ul {gap: 2.5rem 2rem;}
        .our-leadership-team ul li {width: calc(20% - 1.6rem);} */
        /* .our-leadership.leadership-landing .our-leadership-team ul li:is(:nth-child(5), :nth-child(6), :nth-child(7)) a {max-width: 60%;} */
        .affiliated-sites ul li {width: calc(33% - 2.5rem); margin-left: 3.75rem;}

        .brochure-list li {width: calc(33.33% - 2.125rem);}
        .brochure-list li + li {margin-left: 3.125rem;}

        .microsite-flow-chart > * + * {margin-left: 1rem;}
        .microsite-flow-chart ul li p {font-size: 1rem;}
        .microsite-flow-chart ul li p {width: calc(100% - 3.75rem);}
        .microsite-flow-chart ul li .icon {width: 3.75rem;}
        .microsite-flow-chart .icon:before {width: 50%;}

        .topbutton {height:2.8125rem; width:2.8125rem; right: 1rem; bottom: 1rem;}

        #nkr-familybar span {display: none;}
        #nkr-familybar ul li:first-child:before {content: none;}
        #nkr-familybar nav, #nkr-familybar li {font-size: 0.7813rem;}

        body>footer nav {display: block;}
        body>footer .wrap nav li:first-of-type:before {content: none;}
}

/* 1100 */
@media (max-width: 68.75rem) {
        .gift-cta-solo {display: block;}
        .gift-cta-solo h2 + p {text-align: center; margin-bottom: 1rem;}

        .blog-footer-cta p {font-size: 1.25rem;}
}

/* 1050*/
@media (max-width: 65.625rem) {
        .our-leadership-team ul {gap: 2.5rem;}
        .our-leadership-team ul li, .our-leadership-team ul li:nth-of-type(5n+1), .our-leadership.leadership-landing .our-leadership-team ul li:nth-child(-n+4) {width: calc(25% - 1.875rem);}
        .our-leadership.leadership-landing .our-leadership-team ul li:nth-child(-n+4) a {max-width: 100%;}
        .our-leadership.leadership-landing .our-leadership-team ul li:is(:nth-child(5), :nth-child(6), :nth-child(7)) a {max-width: 75.5%;}
        
        .our-leadership-team .slick-slider > button {width: 1.5rem;}
        .our-leadership-team .slick-slider .slick-slide {padding: 0 1rem;}
        .our-leadership-team .slick-slider .team-member-name {font-size: 0.9375rem;}

        .kidney-donor-blog .donor-blog-articles {gap: 3.125rem;}
        .kidney-donor-blog .donor-blog-articles > * {width: calc(50% - 1.5625rem);}

        fieldset.filters .filters-inner > label {width: calc(50% - .5rem);}

        .home .hero:after {right: 44%;}
        .ft-content {font-size: .9rem; max-width: 85%;}

        .airport-hero .wrap {
                padding: 0;
        }
}

/* 900 */
@media (max-width: 56.25rem) {
        .megamenu {padding-left: 1rem; padding-right: 1rem;}
        #mainnav li .megamenu .megamenu-right ul li a {padding: .5rem 1.5rem;}
        #mainnav li .megamenu .megamenu-right ul li a:before {left: .5rem;}
        #mainnav .megamenu-left .related-articles .article-title, #mainnav .megamenu-left .related-articles > li:first-of-type .article-title {font-size: 0.875rem;}

        body>header {flex-wrap: wrap; justify-content: center; height: 6rem;}
        #brand {padding-top: .5rem;}
        #mainnav>ul>li>a {padding: 1rem .827em;}
        #mainnav>ul>li>a:after {bottom: .25rem;}
        #navContainer {margin: 0; padding-right: 1rem;}

        #search {right: 50%; top: auto; transform: translate(50%, 0); bottom: .5rem; font-size: .8rem; max-width: 36.5625rem;}
        #search button {padding: .75rem 1rem;}

        body:not(.home) .hero:not(.one-col):after {height: calc(120vw + 120vh); width: calc(120vw + 120vh); right: calc(50% - 20px);}
        .hero.facilitated-transplants .hero-content {width: 60%;}
        .home .hero:after {border-radius: 0; opacity: .9; right: 0;}
        .hero.facilitated-transplants .wrap {padding-bottom: 4rem; padding-top:4rem;}

        .headlines ul:not(.social-media-links) li {width: calc(25% - 1.125rem); margin-left: 1.5rem;}

        .facilitated-transplants .hero-circle {right: 1.5rem; width: 15.5rem; bottom: auto; top: 50%; transform: translateY(-50%);}
        .hero.facilitated-transplants .circle {padding: 1.875rem 1.625rem;}
        .hero.facilitated-transplants .circle span {font-size: 3rem;}
        .hero.facilitated-transplants, .term-medical-board .hero {
                background-size: 180%;
                background-position: top right;
        }

        .circles-list ul li + li {margin-left: 1rem;}
        .circles-list ul li {width: calc(33.33% - 1rem);}
        .circles-list a {padding: 0 2rem; display: flex; align-items: center; justify-content: center;}
        .circles-list .circle-title {font-size: 1.125rem; padding-top: 2rem;}
        .circles-list .icon:before, .circles-list .icon:after {transform: translate(50%, -50%); top: 27%;}

        .aside-buttons:not(.stay-horizontal) {flex-direction: column; align-items: flex-start;}
        .aside-buttons:not(.stay-horizontal) :not(:last-child) {margin-right: 0;}
        .aside-buttons:not(.stay-horizontal) .button + .button {margin-top: 1em;}
        .aside-buttons.button-section:not(.stay-horizontal) {align-items: center;}
        .call-to-action .aside-buttons .button + .button.icon-button.contact:before {margin-left: 0;}

        .affiliated-sites ul li {width: calc(33% - 1.25rem); margin-left: 1.875rem;}
        .our-leadership-team-list-view ul li > a > img {width: 7.8125rem;}

        .headlines.media-types ul:not(.social-media-links) li, .headlines.media-types ul:not(.social-media-links) li:nth-of-type(3n+1) {width: calc(50% - 2.8125rem); margin-left: 5.625rem;}
        .headlines.media-types ul:not(.social-media-links) li:nth-of-type(odd) {margin-left: 0;}
        .headlines.media-types ul:not(.social-media-links) li:nth-of-type(n+3) {margin-top: 3rem;}

        .styled-table.table-covid th {font-size: .875rem;}
        .styled-table.table-covid td {font-size: .75rem;}

        table.mobileTable {font-size: 0.875rem;}
        .styled-table tbody ul li {padding-left: 0;}
        .styled-table tbody ul li:before {content: none;}

        .microsite-flow-chart {flex-direction: column;}
        .microsite-flow-chart > * + * {margin-left: 0; margin-top: 2rem;}
        .microsite-flow-chart ul li p {width: calc(100% - 4.6875rem);}
        .microsite-flow-chart ul li .icon {width: 4.6875rem;}
        .microsite-flow-chart .icon:before {width: 70%;}

        ol.dash-list li {padding-left: 4.5rem;}
        ol.dash-list li:not(:last-child):before {left: 1.84em;}
        ol.dash-list li:after {left: 0.1875rem;}

        .blog-footer-cta p {font-size: 1.0625rem;}
        .blog-footer-cta .button {font-size: 0.9375rem;}
}

/* IE */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
        main .hero:after, main .hero.one-col:after, .our-centers:after, main .hero.one-col.media:after {border-radius: 0; height: 100%; width: 100%; top: 0; right: 0;}
        .headlines.media-types ul:not(.social-media-links) li {width: calc(33.33% - 4rem);}
}


/* FIREFOX - FOR FAMILY BAR */
@supports (-moz-appearance:none) and (all:initial) {
    #nkr-familybar {padding: .5em;}
}