:root {
    --blue: #2778CE;
    --blue-rgb: 39, 120, 206;
    --dark-blue: #113459;
    --blue-background: #DAE7F7;
    --red: #c8102e;
    --grey: #ccc;
    --grey-alt: #666;
    --green: #198754;
}

/* SITEWIDE ---------------------------- */
* {
    font-family: 'Montserrat', sans-serif;
    box-sizing: border-box;
}
main, body {
    margin: 0;
    padding: 0;
}

main {
    background: #FFF;
    padding-top: 4.25rem;
    min-height: 80vh;
    overflow-x: hidden;
}
header {
    position: fixed;
    z-index: 3;
    width: 100%;
    top: 0;
    left: 0;
    background: var(--dark-blue);
    border-bottom: 2px solid #FFF;
}
header .logo {
    display: table;
    line-height: 0;
}
header .logo img {
    max-width: 100%;
    height: 1.6875rem;
}
header .logo img + img {
    padding-left: 1.5rem;
    margin-left: 1.5rem;
    border-left: 1px solid rgba(255,255,255,.5);
}
header button.button {
    color: #FFF;
    text-decoration: none;
    border-radius: 4px;
    font-size: 0.875rem;
}
header button.button:not(.logged-in-button) {
    background: var(--blue);
    padding: 0.5625rem 0.6875rem;
}
header button.button:not(.logged-in-button):is(:hover,:focus) {
    background: #FFF;
    color: var(--dark-blue);
}
header button.button.logged-in-button {
    font-size: 1rem;
    position: relative;
    background: transparent;
    padding: .5625rem 1.5rem .5625rem .6875rem;
}
header button.button.logged-in-button:is(:hover,:focus) {
    opacity: .6;
}
header button.button.logged-in-button:after {
    content: "";
    position: absolute;
    background: url(../images/icons/angle-down.svg) no-repeat center / contain;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.125rem;
    height: 1.125rem;
    filter: invert(1);
}
header ul {
    margin-bottom: 0;
}
header .dhtml {
    z-index:1;
    width: 14.0625rem;
    padding-left: 0;
    position:absolute;
    height:auto;
    top: -200vh;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: ease 200ms opacity 0.35s;
    white-space: nowrap;
    background: var(--blue);
    border-radius: 4px;
    padding: 8px 6px;
}
header .dhtml a {
    color: #FFF;
    font-size: 1rem;
    line-height: 2em;
    padding: 0px .5rem;
    display: block;
    border-radius: 4px;
}
header .dhtml a:is(:hover,:focus) {
    background: #FFF;
    color: var(--blue);
}
header li:hover > .dhtml {
    top:auto;
    opacity: 1;
    z-index: 1;
    visibility: visible;
} 

/* WRAPS ------------------------------- */
.wrap {
    margin: 0 auto;
    max-width: 1024px;
    width: 100%;
}
.content-top {
    position: relative;
    background-color: var(--blue-background);
    height: 110px;
}
.content-top:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../images/clouds.png) no-repeat center / cover;
    opacity: .6;
}
.content-top .wrap {
    color: var(--blue);
    padding-top: 35px;
    padding-bottom: 4.375rem;
    font-weight: 700;
    font-size: 1.5rem;
    position: relative;
    z-index: 1;
}
.intake-form-interior .content-top .wrap {
    padding-top: 2.875rem;
    padding-bottom: 2.875rem;
}

footer .wrap {
    max-width: 1080px;
    overflow:visible;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

/* TEXT - GENERAL ---------------------- */
.intake-form a {
    color: var(--red);
    text-decoration: none;
    transition: all .2s ease;
}
.intake-form p {
    margin-top: 0;
    color: var(--dark-blue);
    font-weight: 400;
}
strong {
    color: var(--blue);
}
.intake-form h1 {
    color: var(--blue);
    font-weight: 700;
    margin: 0;
    font-size: 1.5rem;
}

.dropdown-text-white {

    --bs-navbar-active-color: #FFF;
}

.intake-form button,
.intake-form .button.standard {
    background: var(--blue);
    color: #FFF;
    border-radius: 4px;
    font-weight: 500;
    font-size: 0.875rem;
    border: 0;
    padding: 11px 49px;
    transition: all .2s ease;
    cursor: pointer;
}
.intake-form .button.standard.grey {
    background: #EFEFEF;
    color: #000;
}

.intake-form .button.standard:is(:hover,:focus) {
    background: #000;
    color: #FFF;
}
.intake-form .buttons {
    margin-top: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1.25rem;
}
button:hover, button:focus {
    background: #000;
    color: #FFF;
}
ul {
    padding-left: 0;
}
ul li {
    position: relative;
}
main ul li {
    padding-left: 11px;
    font-weight: 400;
}
main ul li + li {
    margin-top: 18px;
}

.register-header-text {
    color: black;
    font-size: 'large';
    font-weight: 400;
}

main ul li:before {
    content: "\2022";
    color: var(--blue);
    font-weight: 700;
    position: absolute;
    left: 0;
    top: -1px;
}
.intake-form .content-top ul li a {
    display: table;
}

/* TOP CONTENT ------------------------- */
.content-top p {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.25;
    max-width: 860px;
}
.content-top ul,
.intro + ul {
    padding-left: 0;
}
.content-top ul li {
    font-size: 20px;
    padding-left: 1rem;
}
.content-top ul li:before {
    left: 4px;
}
.content-top ul li + li,
.intro + ul li + li {
    margin-top: 0;
}
.content-top .styled-or {
    display: block;
    text-transform: uppercase;
    margin-left: -0.9375rem;
}

/* MAIN FORM --------------------------- */
.intake-form-interior .form-content {
    padding-top: 2.5rem;
}
.form-content.wrap {
    padding-bottom: 56px;
}
.form-content p {
    color: var(--blue);
    font-size: 1.25rem;
}
.form-content p.intro {
    color: #000;
    font-size: 1rem;
}
.form-content p.lead-intro {
    color: #000;
    font-size: 1.25rem;
    font-weight: 500;
    margin-bottom: .5rem;
}
.form-content .form-group {
    position: relative;
    align-self: end;
}
.form-group:not(.radio-check) label, fieldset legend, .label-style {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.125rem;
}
fieldset.large-fieldset fieldset {
    display: none;
}
fieldset.large-fieldset input:checked ~ fieldset {
    display: block;
}
fieldset.large-fieldset legend {
    font-size: 1.25rem;
    margin-bottom: 0.25rem;
}
fieldset.large-fieldset fieldset {
    margin-left: 3.125rem;
    color: var(--blue);
}
fieldset.large-fieldset fieldset legend {
    color: var(--blue);
    font-size: 1rem;
    font-weight: 500;
}
input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="password"], select {
    width: 100%;
    border: 1px solid var(--grey);
    border-radius: 4px;
    padding: 8px;
    height: 42px;
    font-size: 1rem;
    color: var(--grey-alt);
}
.form-group fieldset .fieldset-options label {
    font-size: 1rem;
    font-weight: 400;
}
.form-group label .nkr-red {
    color: var(--red);
}
.form-group label .fst-italic {
    font-weight: 400;
    color: #666;
}
.form-group label .fst-italic.block {
    display: block;
}
.intake-form .form-content select {
    appearance: none;
    padding-right: 35px;
    background-image: url(../images/icons/angle-down.svg);
    background-size: 15px;
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) 50%;
}
.form-group .toggle-password {
    background: transparent;
    position: absolute;
    width: 1.25rem;
    height: 1.25rem;
    bottom: 10px;
    right: 5px;
    background: url(../images/icons/eye-slash.svg) no-repeat center / 1.25rem;
}
.form-group .toggle-password.visible {
    background-image: url(../images/icons/eye.svg);
}

.g-recaptcha, button {
    margin-top: 15px;
}
fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
fieldset legend {
    padding: 0;
    border-bottom: 0;
}
fieldset .radio-button {
    position: relative;
    margin-bottom: 5px;
}
fieldset .radio-button input[type="radio"] {
    position: absolute;
    top: 4px;
    left: 3px;
}
fieldset .radio-button input + label {
    padding-left: 1.375rem;
}
.hipaa-release {
    position: relative;    
}
.hipaa-release input {
    position: absolute;
    top: 2px;
    left: 0;
}
.hipaa-release label {
    display: block;
    padding-left: 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.2;
}
.hipaa-release input[type='checkbox'] {
    margin-top: 2px;
}
.form-submit-button {
    width: 100%;
    text-align: center;
}

/* CENTERS PAGE ------------------------ */
.center-filters {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.6875rem;
    border-radius: 4px;
    border: 1px solid #cdcecf;
    background: #f8f9fa;
}
.center-filters legend {
    width: auto;
    font-size: 1.125rem;
}

.long-table thead .popover {
    display: none;
}
/* REGISTERED MODAL -------------------- */
.modal-dialog.registered-modal {
    max-width: 41.6875rem;
}
.registered-modal .btn-close {
    width: 30px;
    height: 40px;
    padding: 0;
    background: url(../images/icons/xmark.svg) no-repeat right / 27px;
    position: absolute;
    top: -45px;
    right: 0;
    opacity: 1;
}
.registered-modal p {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.15;
    color: var(--blue);
}
.registered-modal p span {
    display: block;
    font-weight: 400;
    color: #000;
}
.registered-modal .form-group + .form-group {
    margin-top: 1.5625rem;
}
.registered-modal .register-submit-button {
    margin-top: 1.5625rem;
}
.registered-modal .button {
    display: block;
    font-size: 1rem;
    font-weight: 500;
    width: 100%;
    text-align: center;
    padding: 0.5625rem;
    border-radius: 4px;
}
.registered-modal a.button {
    color: #FFF;
    background: #999;
    margin-top: .5rem;
}
.registered-modal a.button:is(:hover,:focus) {
    background: #000;
}

/* DASHBOARD --------------------------- */
.buttons-row .button {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    color: #FFF;
    padding: 1.4375rem;
    border-radius: 4px;
    background: var(--blue);
    margin-block: 5px;
}
.buttons-row .button.dark-blue {
    background: var(--dark-blue);
}
.buttons-row .button:is(:hover,:focus) {
    background: #000;
}

.light-blue-box {
    padding: 1.4375rem 1.125rem;
    background: rgba(var(--blue-rgb), .1);
    border: 1px solid #ccc;
    border-radius: 4px;
}
.light-blue-box p {
    color: #000;
    font-weight: 400;
    margin-bottom: 0;
}
.light-blue-box .button {
    background: var(--blue);
    color: #FFF;
    padding: 0.5625rem 3.125rem;
    border-radius: 4px;
    white-space: nowrap;
    font-size: 0.875rem;
    font-weight: 500;
}
.light-blue-box .button:is(:hover,:focus) {
    background: #000;
    color: #FFF;
}
.opt-out-box p {
    font-size: 0.875rem;
}
.opt-out-box {
    margin-top: 2.9375rem;
}
.disclaimer-box p strong {
    display: block;
    font-size: 1.25rem;
    color: var(--dark-blue);
}
.disclaimer-box p {
    font-size: 1rem;
}
.other-text {
    display: block;
    margin-left: 1.375rem;
    max-width: 46.875rem;
}

/* TABLES SECTION --------------------- */
table th {
    font-weight: 700;
    font-size: 0.875rem;
    text-align: center;
}
.tables, .single-table {margin: 5rem 0; position: relative;}
.tables>.wrap, .single-table>.wrap {overflow: hidden; padding-right: 10em;}
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    max-width: 100%;
    font-size: 1rem;
    margin-top: 1rem;
}
table *, table *:before, table *:after, table span, table div, table a, #usa-map, #usa-map a {
    font-family: 'Roboto Condensed', sans-serif;
}
tbody > tr > td {
    border: solid #ccc;
    border-width: 1px 0 0 0 ;
    font-size: 0.875rem;
}
.top-header th:nth-of-type(2) {background-color: #f4f4f4;}
.top-header th {font-weight: 700;}
td, th { text-align: center; padding:.5rem;  }
td {position: relative;}
thead tr.top-header th {padding: 8px 5px;}


table .button.green {
    background: var(--green);
    color: #FFF;
    border-radius: 4px;
    padding: 0.25rem 1rem;
}
table .button.green:is(:hover,:focus) {
    background: #000;
}
th>div>span>a, td>a {cursor: pointer;}
.sort-bar {
    font-size: .6875rem;
    border: solid #CCC;
    border-width: 1px 0 0 0;
    white-space: nowrap;
}
.sort-bar a {
    text-decoration: underline;
    color: var(--blue);
}
 tbody.kfl-centers:before {
    content: "Kidney for Life Centers";
    display: block;
    font-weight: 900;
    padding: 14px 8px;
 }
 tbody.other-nkr-centers:before {
    content: "Other NKR Member Centers";
    white-space: nowrap;
    display: block;
    font-weight: 900;
    padding: 14px 8px;
 }
thead tr.sort-header th:nth-of-type(n+2) {cursor: pointer;}
tr td:nth-of-type(1) {text-align: left;}


.intake-form table a {
    color: var(--blue);
}

.long-table td img {width: 1.125rem; max-height: 1.125rem;}


/* 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: 14px;
}
#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:13px;
}
#nkr-familybar li:before {
    color: var(--dark-blue);
    font-weight: 500;
}
#nkr-familybar a{
  border:1px solid rgba(206,14,45,0);
  border-radius:.25em;
  color: var(--blue);
  display:inline-block;
  padding:0 2px;
  text-decoration:none;
  transition:border-color .3s ease;
}
/* /family bar */

footer{padding:24px 15px;color:rgba(255,255,255,.5);font-size:12px; background: #000;}
footer a{color:#fff; text-decoration: none;}
footer a.on, footer .on>a{text-decoration:none;color:#fff}
footer .fatFooter{margin-bottom:30px;}
footer nav, footer nav div {display: inline;}
footer .wrap #web-solutions a{opacity:.4}
footer ul li {
    font-size: 12px;
    padding-left: 0;
}
body.intake-form>footer ul li a {
    color: #FFF;
}
.social-links {display: flex; align-items: center; justify-content: center;}
.social-links li + li {margin-left: 11px;}
.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 .instagram:before {background-image: url(../images/icons/instagram.svg);}
.social-links .twitter:before {background-image: url(../images/icons/twitter.svg);}
.social-links .linkedin:before {background-image: url(../images/icons/linkedin-in.svg);}
.social-links .youtube:before {background-image: url(../images/icons/youtube.svg); width: 20px;}
  
.form-check-input {
    border: 1px solid black;
}
.btn-primary {
    color: #fff;
    background-color: #2778ce;
    border-color: #2778ce; /*set the color you want here*/
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #2778ce;
    background-color: white;
    border-color: white; /*set the color you want here*/
}

.input-btn {
    margin-top: 0px;
}

.input-label{
    font-weight: 500;
}

.web-sol-primary-btn {
    background: var(--blue);
    color: #FFF;
    font-weight: 500;
    font-size: 0.875rem;
    border: 0;
    padding: 11px 49px;
    transition: all 0.2s ease;
    border-radius: 4px;
    cursor: pointer;
}



.web-sol-primary-btn:hover {
    background: black;
    color: #FFF;
}

.web-sol-secondary-btn {
    background: #E5E5E5;
    color: #000;
    font-weight: 500;
    font-size: 0.875rem;
    border: 1px solid #D0D0D0;
    padding: 11px 49px;
    transition: all 0.2s ease;
    border-radius: 4px;
}

#welcome {
    color: white;
}

.web-sol-secondary-btn:hover {
    background: black;
    color: #FFF;
}

/* DESKTOP STYLES - MIN 751 */
@media only screen and (min-width: 751px) {
    header {
        padding: 1.0625rem 2.25rem;
    }
    .opt-out-box {
        display: flex;
        align-items: center;
        gap: 3.75rem;
    }    
    .form-content form {
        display: flex;
        flex-wrap: wrap;
        gap: 1.5625rem 1.25rem;
        margin-top: 2.8125rem;
    }
    .form-content .disclaimer-box + form {
        margin-top: 1.25rem;
    }
    .form-content .form-group {
        margin-bottom: 0;
        width: calc(50% - 10px);
    }    
    .form-content .form-group.f-full {
        width: 100%;
    }
    .form-content .form-group.f-medium {
        width: calc(43.25% - 13px);
    }
    .form-content .form-group.f-small {
        width: calc(28.375% - 13.5px);
    }
    .form-content .form-group.f-xsmall {
        width: calc(13.5% - 14px);
    }
    .form-submit-button {
        margin-top: 2.125rem;
    }

    .registered-modal .modal-content {
        padding: 3.125rem 5.5625rem 4.875rem;
    }
    
    /* DONOR TABLE / LONG TABLE */
    .center-filters .filter-options {
        display: flex;
        gap: 0.5rem;
    }
    
    tr.long-headers>th>div>span {width: 22rem;}
    thead > tr.true-header.long-headers > th:nth-of-type(n+4) {height: 300px;}
    .long-table td {line-height: 1.2;}
    .long-table th + th + th {width: 4%;}
    .long-table th .sort-bar {padding: 0;}
    tr > td > span,
    tr > td > .green-bg {
        background-color: #5cb85c;
        padding: .3em .5em;
        font-size: 75%;
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        border-radius: .25em;
    }
    thead tr.sort-header th {padding-top: 0;}
    .long-table td img.icon-yes {display: block; margin: auto;}
    table {counter-reset: rowNumber;}
    table tbody tr {counter-increment: rowNumber; position: relative;}
    .table-note { position: absolute; left: 0; top: 3rem; padding: 1rem; max-height: 12.5rem; overflow: auto; font-size: 0.9375rem}

    td.hide-overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width:2em; }
    td.hide-overflow:hover {overflow: visible; position: absolute; max-width: 100%; min-width: 24%; z-index: 1;}

    thead > tr.true-header th div {pointer-events: all;}
    thead > tr.true-header th>div:first-of-type { -webkit-transform: rotate(315deg);     transform: rotate(315deg); position: absolute; z-index: 2;     left: calc(100% - .5rem); bottom: 0;
        -webkit-transform-origin: left bottom;
                transform-origin: left bottom;}
    table.striped thead > tr.true-header th>div:first-of-type {-webkit-transform: rotate(315deg);     transform: rotate(315deg); }
    thead > tr.true-header > th:nth-of-type(n+4) {height: 250px; text-align: left; pointer-events: none;background: #fff;}
    thead tr.true-header th {vertical-align: bottom; position: relative;}

    th>div>span {
        display: block;
        border-bottom: 1px solid #CCC;
        width: 13rem;
    }
    table tbody td:last-child {
        width: 1%;
    }
    tbody.other-nkr-centers > tr:nth-of-type(odd) {
        background-color: rgba(0,0,0,0.05);
    }
    tbody.kfl-centers > tr:nth-of-type(odd) {
        background-color: #ddffc4;
    }
    tbody.kfl-centers > tr:nth-of-type(even) {
        background-color: #a8dde9;
    }
    tbody > tr > td:before {
        content: none !important;
    }
    .state-cell:before {
        content: attr(data-tooltip);
        position: absolute;
        top: 1.4rem;
        margin-left: 1.95rem;
        padding: .25rem .5rem;
        background: #FFF;
        border: 1px solid #ccc;
        border-radius: 0 5px 5px;
        opacity: 0;
        display: block;
        transition: opacity .2s;
        z-index: 3;
        white-space: nowrap;
        pointer-events: none;
        box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    }
    .state-cell:hover:before {opacity: 1; pointer-events: initial;}


    
    #nkr-familybar{
            line-height:27px;
            padding:.5em .5em .25em;
    }
    #nkr-familybar span{
            padding-right:.25em;
    }
    #nkr-familybar li + 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:var(--blue);
    }

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

    /* 1400 */
    @media (max-width: 87.5em) {
        #nkr-familybar {font-size: 15px;}
        #nkr-familybar svg {width: 1.5em; height: 1.5em;}
        #nkr-familybar nav, #nkr-familybar li {font-size: 13px;}
        #nkr-familybar span {padding-right: 0; padding-left: 1.75em;}
        #nkr-familybar a {padding: 0 0.25em;}
    }

    /* 1250 */
    @media (max-width: 78.125em) {
        #nkr-familybar span {display: none;}
        #nkr-familybar ul li:first-child:before {content: none;}
        #nkr-familybar nav, #nkr-familybar li {font-size: 12.5px;}

        .form-group label .fst-italic {font-size: 0.875rem;}
        .form-content .form-group.f-medium {width: calc(41.25% - 13px);}
        .form-content .form-group.f-xsmall {width: calc(17.5% - 14px);}

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

        thead > tr.true-header th>div:first-of-type {
            -webkit-transform: rotate(315deg);
                    transform: rotate(315deg);
        }
        table.striped thead > tr.true-header th>div:first-of-type {
                -webkit-transform: rotate(315deg);
                        transform: rotate(315deg);
        }
        .popover-insurance {right: 3.5rem;}
        .popover {width: 15rem; margin-left: -14rem; font-size: 0.8125rem;}


        .long-table th + th + th {width: 1%;}
        .horizontal-scroll table thead tr > th:nth-of-type(2),
        .horizontal-scroll table tbody tr > td:nth-of-type(2) {width: 30%; min-width: 30%; max-width: 30%; left: 40px;}
        .long-table tr td:nth-of-type(2) {font-size: 0.9375rem;}
        .long-table td, th {padding: .5rem .45rem;}

        .table-note {left: 4vw; padding: 1rem; font-size: 0.875rem; width: 20rem; top: 2rem; max-height: 11.5rem; background: #FFF; z-index: 3;}

    }

    /* 1024 */
    @media (max-width: 64rem) {
        thead > tr.true-header th > div:first-of-type {
            -webkit-transform: rotate(298deg);
                    transform: rotate(298deg);
    }

    }

    /* 900 */
    @media (max-width: 56.25rem) {
        .form-group label .fst-italic {display: block;}
        .intake-form .center-filters .button.standard {padding: 11px 20px;}
        tbody tr td {font-size: .9em;}
        .long-table td, th {padding: .5rem 0.25rem;}
        .center-filters legend {font-size: 1rem;}
        fieldset.center-filters .radio-button {font-size: 0.875rem;}
    }


}

/* MOBILE STYLES - MAX 750 */
@media only screen and (max-width: 46.875em) {
    header {
        padding: 1.0625rem 0.5rem;
    }
    header.two-logos {
        flex-direction: column;
        gap: 1rem;
    }
    .intake-form .container-fluid.wrap {
        padding-left: 5vw;
        padding-right: 5vw;
    }   

    .opt-out-box .button {
        display: table;
        margin-top: 1rem;
    }
    
    .form-content .form-group {
        margin-top: 2rem;        
        margin-bottom: 1rem;
        width: 100%;
    }

    .form-submit-button {
        margin-top: 1.25rem;
    }
    
    .registered-modal .modal-content {
        padding: 3.125rem 2rem 3.125rem;
    }

    .center-filters {
        flex-direction: column;
        gap: .5rem;
    }

    /* RESPONSIVE TABLES */
    thead {display: none;}
    tbody {
        display: block;
        width: 100%;
        max-width: 90%;
        margin: 2rem auto;
    }
    tbody>tr>td:first-of-type {
        font-weight: 700;
        color: var(--blue);
    }
    tbody tr {
        border-top: 2px solid #3c3c3b;
        display: block;
        margin-bottom: 2em;
    }
     
    td {
            border-bottom: 1px solid #3c3c3b;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            text-align: left;
            font-weight: bold;
    }

    td::before {
            display: inline-block;
            font-weight: 400;
            margin-right: auto;
            padding-right: 1em;
    }
    tbody > tr > td:first-child:before {
        content: none !important;
    }
     
    td:last-child {
            border-bottom: 0;
    }
    tbody > tr:nth-of-type(odd) {
        background-color: rgba(0,0,0,0.05);
    }

    tbody > tr:nth-of-type(odd) {
            background-color: #fff;
    }
    tbody > tr > td:nth-of-type(even) {
            background-color: #f9f9f9;
    }


    /* FAMILY BAR */
    #nkr-familybar {
        padding:1em .5em;
    }
    #nkr-familybar span {
        margin-bottom: .5rem;
    }
    #nkr-familybar a {
        line-height: 1.7em;
    }
    #nkr-familybar li {
        display: block;
        line-height: 1em;
    }
    /* /family bar */

    footer .wrap {display: -ms-flexbox;display: -webkit-box;display: flex;-ms-flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-ms-flex-pack: start;-webkit-box-pack: start;justify-content: flex-start;-ms-flex-line-pack: stretch;align-content: stretch;-ms-flex-align: stretch;-webkit-box-align: stretch;align-items: stretch; text-align: center;}
    footer .wrap nav {display: block}
    #web-solutions{ -ms-flex-order: 1;  -webkit-box-ordinal-group: 2; order: 1;}

    /* 500 */
    @media (max-width: 31.25rem) {
        header .logo img {height: 5vw;}
        header button:not(.logged-in-button) {font-size: 0.8125rem;}
        header button.button.logged-in-button {font-size: 0.8125rem; padding-right: 0.9375rem;}
        header button.button.logged-in-button:after {width: 0.875rem; height: 0.875rem;}

        .form-group label .fst-italic {display: block;}
    }

}