@charset "UTF-8"; @charset "UTF-8";*,:after,:before {
    box-sizing: border-box
}
/*(4) Sites:*/
/*- SF : Sequencing Facility*/
/*- SCAF: Single-Cell Analysis Facility*/
/*- PEL: Protein Expression Laboratory*/
/*- PCL: Protein Characterization Laboratory*/
/*- EML: Electron Microscopy Laboratory*/
:root{
    --transparent: transparent;
    --white: white;
    --text-color: #08405e;
    --header-color: #00314c;
    --site-bg: #f7fafe;
    --primary-action: #1c5e86;
    --nci-grey: #706f6f;
    --nci-grey-light: #e1e1e1;
    --nci-grey-dark: #606060;
    --nci-secondary-green: #2dc799;
    --nci-secondary-purple: #6254a3;
    --banner-gradient-start: #500e55bf;
    --banner-gradient-end: #00456fb8;
    --nci-grey: #706f6f;
    --nci-red: #bb0e3d;
    --nci-grey-light: #e1e1e1;
    --nci-grey-dark: #606060;
    --nci-secondary-dark-green: #1e7158;
    --nci-secondary-green: #2dc799;
    --nci-secondary-purple: #6254a3;
    --nci-secondary-maroon: #82368c;
    --nci-secondary-orange: #ff5f00;
    --banner-gradient-start: #500e55bf;
    --banner-gradient-end: #00456fb8;
}
:root .eml {
    --transparent: transparent;
    --white: white;
    --text-color: #1B1733;
    --header-color: #52458A;
    --site-bg: #f7f7f7;
    --primary-action: #82368c;
    --nci-grey: #706f6f;
    --nci-grey-light: #e1e1e1;
    --nci-grey-dark: #606060;
    --nci-secondary-green: #2dc799;
    --nci-secondary-purple: #6254a3;
    --banner-gradient-start: #500e55bf;
    --banner-gradient-end: #00456fb8;
    --nci-grey: #706f6f;
    --nci-grey-light: #e1e1e1;
    --nci-grey-dark: #606060;
    --nci-secondary-green: #2dc799;
    --nci-secondary-purple: #6254a3;
    --nci-secondary-maroon: #82368c;
    --nci-secondary-orange: #ff5f00;
    --banner-gradient-start: #500e55bf;
    --banner-gradient-end: #00456fb8;
}
:root .pcl{
    --transparent: transparent;
    --white: white;
    --text-color: #213947;
    --header-color: #1c5e86;
    --site-bg: #f7f7f7;
    --primary-action: #1c5e86;
    --nci-grey: #706f6f;
    --nci-grey-light: #e1e1e1;
    --nci-grey-dark: #606060;
    --nci-secondary-green: #2dc799;
    --nci-secondary-purple: #6254a3;
    --nci-secondary-maroon: #82368c;
    --nci-secondary-orange: #ff5f00;
    --banner-gradient-start: rgba(4, 52, 44, 0.41);
    --banner-gradient-end: rgba(31, 23, 64, 0.74);
}

:root .pel{
    --transparent: transparent;
    --white: white;
    --text-color: #414244;
    --header-color: #706f6f;
    --site-bg: #f7f7f7;
    --primary-action: #464545;
    --nci-grey: #706f6f;
    --nci-grey-light: #e1e1e1;
    --nci-grey-dark: #606060;
    --nci-secondary-green: #2dc799;
    --nci-secondary-purple: #6254a3;
    --nci-secondary-maroon: #82368c;
    --nci-secondary-orange: #ff5f00;
    --banner-gradient-start: rgba(39, 51, 77, 0.45);
    --banner-gradient-end: rgba(39, 51, 77, 0.61);
}


:root .scaf{
    --transparent: transparent;
    --white: white;
    --text-color: #213947;
    --header-color: #1c5e87;
    --site-bg: #f7f7f7;
    --primary-action: #0C293B;
    --nci-grey: #706f6f;
    --nci-grey-light: #e1e1e1;
    --nci-grey-dark: #606060;
    --nci-secondary-green: #2dc799;
    --nci-secondary-purple: #6254a3;
    --nci-secondary-maroon: #82368c;
    --nci-secondary-orange: #ff5f00;
    --banner-gradient-start: rgba(135, 28, 135, 0.33);
    --banner-gradient-end: #00456fb8;
}
:root .sf{
    --transparent: transparent;
    --white: white;
    --text-color: #1E3133;
    --header-color: #0d95a1;
    --site-bg: #f7f7f7;
    --primary-action: #0D94A1;
    --nci-grey: #706f6f;
    --nci-grey-light: #e1e1e1;
    --nci-grey-dark: #606060;
    --nci-secondary-green: #2dc799;
    --nci-secondary-purple: #6254a3;
    --nci-secondary-maroon: #82368c;
    --nci-secondary-orange: #ff5f00;
    --banner-gradient-start: rgba(5, 62, 76, 0.55);
    --banner-gradient-end: rgba(52, 6, 73, 0.52);
}

:root .vem{
    --transparent: transparent;
    --white: white;
    --text-color: #00314c;
    --header-color: #174c70;
    --site-bg: #f7f7f7;
    --primary-action: #319fbe;
    --nci-grey: #706f6f;
    --nci-grey-light: #e1e1e1;
    --nci-grey-dark: #606060;
    --nci-secondary-green: #2dc799;
    --nci-secondary-purple: #6254a3;
    --nci-secondary-maroon: #82368c;
    --nci-secondary-orange: #ff5f00;
    --banner-gradient-start: rgba(20, 93, 112, 0.46);
    --banner-gradient-end: rgba(13, 51, 75, 0.61);
}

:root .gtl{
    --transparent: transparent;
    --white: white;
    --text-color: #2D2F47;
    --header-color: #C74E1A;
    --site-bg: #f7f7f7;
    --primary-action: #C74E1A;
    --nci-grey: #706f6f;
    --nci-grey-light: #e1e1e1;
    --nci-grey-dark: #606060;
    --nci-secondary-green: #2dc799;
    --nci-secondary-purple: #6254a3;
    --nci-secondary-maroon: #82368c;
    --nci-secondary-orange: #ff5f00;
    --banner-gradient-start: rgba(41, 51, 50, 0.65);
    --banner-gradient-end: rgba(57, 45, 71, 0.7);
}

:root .fsgc{
    --transparent: transparent;
    --white: white;
    --text-color: #171616;
    --header-color: #143240;
    --site-bg: #f7f7f7;
    --primary-action: #013427;
    --nci-grey: #706f6f;
    --nci-grey-light: #e1e1e1;
    --nci-grey-dark: #606060;
    --ngs-header-color: #0d95a1;
    --assay-header-color: #C74E1A;
    --nci-secondary-green: #2dc799;
    --nci-secondary-purple: #6254a3;
    --nci-secondary-maroon: #82368c;
    --nci-secondary-orange: #ff5f00;
    --banner-gradient-start: rgba(5,70,47, 0.55);
    --banner-gradient-end: rgba(23,50,64, 0.75);
}
html {
    color: var(--text-color);
    /*background-color:var(--site-bg);*/
    scroll-behavior: smooth;
    -webkit-tap-highlight-color: transparent;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    cursor: default;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    word-break: break-word;
    height: 100%;
}
main{
    flex-grow: 1;
    position: relative;
    min-height: 100vh;
}
body{
    color: var(--text-color);
    min-height: 100%;
    display: flex;
    flex-direction: column;
    /*background-color: var(--site-bg);*/
    font-family: -apple-system, BlinkMacSystemFont, system-ui, ui-sans-serif,'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
}
* {
    box-sizing: border-box;
}
.hidden{
    visibility: hidden;
    font-size: 1px !important;
}
/*COLORS*/
.bg-gray{
    background-color: var(--site-bg);
}
.bg-transparent{
    background-color: var(--transparent);
}
[class*="white-text"]{
    color: white;
}
.white{
    color: white;
}
.white-fill{
    fill: white;
}
[class*="-sat-100"]{
    opacity:0;
}
[class*="-sat-90"]{
    opacity:0.90;
}
[class*="-sat-80"]{
    opacity:0.8;
}
[class*="-sat-70"]{
    opacity:0.70;
}
[class*="-sat-60"]{
    opacity:0.60;
}
[class*="sat-50"]{
    opacity:0.50;
}
[class*="-sat-40"]{
    opacity:0.40;
}
[class*="-sat-30"]{
    opacity:0.30;
}
[class*="-sat-20"]{
    opacity:0.20;
}
[class*="-sat-10"]{
    opacity:0.10;
}
[class*="-sat-05"]{
    opacity:0.05;
}
h1, h2, h3, h4, h5, h6, .card-title{
    color: var(--header-color);
}
.text-color{
    color:var(--text-color) !important;
}
@media(max-width:768px){
    .white-mobile{
        color: white !important;
    }
}

.list-border{
    border-bottom: 2px solid var(--text-color);
}

a {
    color: var(--primary-action);
    text-underline-offset: 4px;
    text-decoration-thickness: 1px;
    transition: .4s ease-in-out;
}
a:hover{
    text-decoration:underline !important;
    text-underline-offset: 3.5px !important;
    text-decoration-thickness: 2px !important;
}
/*TEXT*/
h1.transition-text{
    font-size: calc(2rem + 1.25vw);
}
h2.transition-text{
    font-size: calc(1.1rem + 1.15vw);
}
.transition-text {
    background: linear-gradient(90deg, var(--header-color), var(--primary-action)) !important;
    background: -webkit-linear-gradient(var(--header-color), var(--primary-action)) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
    font-size: calc(1.1rem + 1.15vw);
}
details summary strong{
    color: var(--primary-action) !important;
}
.balance{
    white-space: unset;
    text-wrap: balance;
}
.title-description {
    font-size: 22px;
    line-height: 1.2;
    font-weight: 400;
}
.opening-text {
    font-size:24px;
    line-height:1.6;
    font-weight:400;
}
@media(max-width:576px){
    .mobile-hide{
        display:none;
    }
}

.no-link{
    text-decoration: unset;
}
h2#home-info{
    font-size: 1.75rem;
}
/*SPACING*/

@media(min-width:768px){
    .container{
        /*max-width: calc(100% - 120px) !important;*/
    }
    .row-min-height-125{
        height:125px;
    }
}
.relative{
    position: relative;
}
.z-index-10{
    z-index: 10;
}
.grid{
    display: grid;
}
@media(min-width:768px){
    .grid-desktop{
        display:grid;
    }
}
.grid-gap{
    gap: 2rem;
}
.grid-col-2{
    grid-template-columns: auto auto;
}
.grid-col-3{
    grid-template-columns: auto auto auto;
}
.grid-col-4{
    grid-template-columns: auto auto auto auto;
}
.grid-column-one{
    grid-column: 1;
}
.grid-column-two{
    grid-column: 2;
}
.grid-column-two-span-two{
    grid-column: 2 /span 2;
}
.grid-column-two-span-three{
    grid-column: 2 /span 3;
}
.flex-column {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    grid-column: 1;
    grid-row: 1;
    height: 100%;
    justify-content: center;
    padding-top:0px !important;
}
@media(max-width:768px){
    .flex-column-mobile{
        height:unset;
        position:absolute;
        z-index:11;
        color: white;
    }
}
.justify-self-center{
    justify-self: center;
}
.margin-auto{
    margin: auto;
}
.fit-content{
    width:fit-content;
}

/*NCI BANNER*/
#core_facility_banner{
    background-color: var(--primary-action);
}
#core_facility_banner a#facility_link {
    color: color-mix(in srgb, var(--primary-action) 20%, var(--white));
    text-decoration: unset;
    font-size: 16px;
    font-weight: 600;
}
#top_nci_banner {
    text-align: center;
    background-color: var(--nci-grey-light);
}
#top_nci_banner a#nci_link {
    color: var(--nci-grey-dark);
    text-decoration: unset;
    font-size: 14px;
    font-weight: 600;
}
#top_nci_banner a#nci_link:hover{
    color:var(--primary-action);
}

/*PAGE BANNER*/

.full-banner{
    min-height: 250px;
    background-position: 50% 70%;
    z-index: 10;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-image: url(/wp-content/themes/crtp-theme/assets/images/female-scientist-at-work-in-lab.jpg);
    /*background-image:url("https://crtp.ccr.cancer.gov/wp-content/uploads/2022/12/shutterstock_1078190600-b-scaled-1.jpg");*/
}
.full-banner .h4{
    color: color-mix(in srgb, var(--header-color) 15%, var(--white));
    font-weight: 300;
    letter-spacing: 1px;
}
.apply-mask{
    -webkit-mask-image: url(#mask);
    mask-image: url(#mask);
}
mask {
    mask-type: alpha;
}
.rounded-partial{
    border-radius: 250% 180% 280% 172%;
}
.rounded-partial:after{
    border-radius: 250% 180% 280% 172%;
}
@media(min-width:768px){
    .full-banner:not(.secondary_banner .full-banner){
        min-height: 500px;
    }
}
.banner-shape-divider-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
    z-index: 10;
}
.banner-shape-divider-bottom svg{
    position: relative;
    display: block;
    width: calc(100% + 1.4px);
    height: 4.5rem;
}
.banner-shape-divider-bottom .white-fill{
    fill:white;
}
.full-banner:after {
    content: '';
    /*background-image: linear-gradient(to right, rgb(22 0 78 / 90%), rgb(43 0 255 / 15%));*/
    background-image: linear-gradient(to right, var(--banner-gradient-start), var(--banner-gradient-end));
    /*background-image: linear-gradient(to right, #500e55bf, #00456fb8);*/
    /*background-image: linear-gradient(to right, rgb(41 7 60 / 87%), rgb(18 16 75 / 44%));*/
    /*background-image: radial-gradient(circle at top right, #ff8a0036, #05269380, #12104b);*/
    /*background-image: radial-gradient(circle at top right, #00314c, #85b6d485, #ffffff);*/
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
}
.action-container{
    position:relative;
    z-index:11;
}
.action-container:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    /* filter: blur(10px); */
    background: rgba(255, 255, 255, 0.2);
    border-radius: 16px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid color-mix(in srgb, var(--primary-action)35%, var(--transparent));
}
@media(max-width:768px){
    .rounded-clip-bottom{
        clip-path:ellipse(100% 100% at 50% 0%) !important;
    }
}
.rounded-clip-bottom{
    clip-path:ellipse(75% 100% at 50% 0%);
}
.banner-title{

    width: auto;
}
@media(min-width:768px){
    .banner-title{
        line-height: 4rem;
        width: max-content;
    }
}
h1.banner-title{
    font-size: calc(2.5rem + 0.8vw);
    font-weight: 700;
}
.full-banner a{
    color: color-mix(in srgb, var(--header-color) 15%, var(--white));
    text-underline-offset: 5px;
}
h2.banner-title{
    font-weight: 600;
    font-size: calc(2rem + 0.8vw);
    width: fit-content;
}
h3.banner-title{
    font-weight: 600;
    font-size: calc(1rem + 1.5vw);
}
.secondary_banner .full-banner{
    min-height:350px !important;
}
.secondary_banner .action-container:after{
    background: unset;
}
.secondary_banner h1.banner-title{
    font-size: calc(1.1rem + 1.5vw);
}

/*IMAGES*/
img.rounded-image{
    width:100%;
}
/*NAVIGATION*/
@media(min-width: 768px){
    .nav-item{
        padding: 0.3rem 0.2rem 0.3rem 0.2rem;
        font-size: 15px;
    }
    .navbar-nav{
        background-color: color-mix(in srgb, var(--primary-action)5%, var(--transparent));
        background-color: var(--site-bg);
        border-radius: 2rem;
    }
    #main_menu .menu-item.active{
        background-color: color-mix(in srgb, var(--primary-action)20%, var(--transparent));
        border-radius: 2rem;
    }
}
#main_menu{
    text-wrap: nowrap;
    flex-wrap: wrap;
}
@media(min-width:992px){
 #main_menu{
     display: inline-flex;
     flex-direction: row;
     justify-content: space-evenly;
 }
}
.nav-link.active{
    color: var(--primary-action) !important;
}
.nav-link{
    color: var(--text-color);
    font-weight:500;
}
#main_menu .custom-menu-description{
    padding:0 0.5rem;
    color: color-mix(in srgb, var(--text-color)95%, var(--transparent));
}
#main_menu .menu-item:has(>.custom-menu-description) a{
    text-decoration:underline;
    text-underline-offset: 2px;
    text-decoration-thickness: from-font;
}
    /*Breadcrumbs*/
.breadcrumb-item.active{
    color: inherit;
}

/*CARDS*/
.card.personnel-card:hover, .card.personnel-card:hover .card-title {
    text-decoration: unset !important;
    cursor: default !important;
}
.card.personnel-card{
    border: unset !important;
}
.personnel-card .card-body{
    padding-left: 0;
}
.personnel-card .personnel-image{
    object-fit: cover;
    width: 150px;
    height: 200px;
}
.personnel-card .card-text span{
    display:block;
}
.service-card{
    background-color: var(--header-color);
    color: white !important;
}
.service-card .contact-icon{
    font-size: 5rem;
    color: white;
}
@media(min-width:768px){
    .service-card .contact-icon{
        font-size:5vw;
    }
}

.col:has(.neo-card){
    height: 100%;
}
.neo-card{
    height: 100% !important;
}
a:has(.col .neo-card){
    margin-bottom: 2rem;
}
.neo-card{
    border-radius: 32px;
    background: var(--site-bg);
    box-shadow: 16px 16px 32px #d9d9d9, -16px -16px 32px #ffffff;
    box-shadow: 13px 13px 26px #e3e3e3, -13px -13px 26px #ffffff, inset -2px -2px 4px -2px #fbfbfb;
    border: unset;
    height: 100%;
}
/*SERVICE CARD*/

.service-card{
    background-color: var(--header-color);
    color: var(--white);
}
.service-card a{
    color: var(--white) !important;
}
.service-card .contact-icon{
    font-size:4rem;
}
@media(min-width:768px){
    .service-card .contact-icon{
        font-size:5vw;
    }
}

/*LISTS*/
footer .list-group-item{
    background-color: var(--transparent);
    color:var(--primary-action);
}
footer p{
    color:var(--text-color);
}
/* HEADER */
header .top_ccr_banner{
    font-style: italic;
    background-color: var(--header-color);
    text-align: center;
    font-weight: 400;
    color: color-mix(in srgb, var(--white) 70%, var(--transparent));
    padding: 0.25rem 0 0.25em 0;
}

header .top_ccr_banner a{
    font-weight: 500;
    color: color-mix(in srgb, var(--white) 85%, var(--transparent));
    text-decoration: unset;
}
/* FOOTER */
footer{
    background-color: color-mix(in srgb, var(--primary-action) 20%, var(--transparent));
    background-color: var(--site-bg);
}
footer .nci-logo-text{
    margin-block-start: 1em;
}
footer .nci-logo-text p.header{
    font-size: 1.25rem;
    line-height: 0;
    font-weight: 700;
    display:inline;
}
footer .nci-logo-text p.byline{
    font-size: 0.88rem;
}
footer .byline{
    font-size:20px;
    font-weight: 600;
}
footer a{
    color: var(--primary-action);
    text-decoration: unset;
}

/*BUTTONS*/
.search-button{
    background-color: var(--primary-action);
    color: white;
}
.mail-button{
    color:var(--text-color);
    background: transparent;
    font-size:18px;
}
.primary-outline{
    border-radius:2rem;
    background: transparent;
    border:1px solid var(--primary-action);
    font-size:18px;
    transition: .4s ease-in-out;
}
.primary-outline .icon-link{
    text-decoration:unset;
    color: var(--primary-action);
}
.primary-outline .icon-link>.bi{
    width:unset;
    height:unset;
}
.primary-outline:hover{
    background-color: var(--primary-action);
    color: var(--white);
}
.primary-outline:hover .icon-link, .primary-outline:hover i.bi{
    color: var(--white);
}


.primary-outline-white{
    border-radius:2rem;
    background: transparent;
    border:1px solid var(--white);
    font-size:18px;
    transition: .4s ease-in-out;
}
.primary-outline-white .icon-link{
    text-decoration:unset;
    color: var(--white);
}
.primary-outline-white .icon-link>.bi{
    width:unset;
    height:unset;
}
.primary-outline-white:hover{
    background-color: var(--primary-action);
    border:1px solid color-mix(in srgb, var(--primary-action) 20%, var(--white));
}
.primary-outline-white:hover .icon-link{
    color: var(--white);
}
.primary-btn{
    font-size:18px;
}
.primary-btn a{
    text-decoration: unset;
}

/*BORDERS*/
.gradient-border-bottom:before {
    height: 0.25rem;
    width: 100%;
    content: "";
    background-image: linear-gradient(to right,var(--banner-gradient-end) 5%, var(--primary-action));
    position: absolute;
    border: 0 solid #e5e7eb;
    box-sizing: border-box;
    padding-botttom: 0.5rem;
    border-radius: 0.15rem;
    top: 100%;
}
.banner-title.gradient-border-bottom:before{
    margin-top: 5rem;
    top:unset;
}

/*ICONS*/
.card-icon {
    height: 3rem;
    width: 3rem;
    align-content: flex-end;
    font-size: 1.5rem;
    place-items: center;
    text-align: center;
    border-radius: 1.5rem;
    transition: border 1s ease-in-out;
    transition: 0.4s;
    display: flex;
    justify-content: center;
    margin: 6px 0px 6px 6px;
}
.card-icon svg, .card-icon i {
    vertical-align: middle !important;
}
.green-icon{
    box-shadow: 0px 0px 0px 6px color-mix(in srgb, var(--nci-secondary-green)20%, var(--transparent));
    background-color: color-mix(in srgb, var(--nci-secondary-green)40%, var(--transparent));
    color: var(--nci-secondary-green);
}
.purple-icon{
    box-shadow: 0px 0px 0px 6px color-mix(in srgb, var(--nci-secondary-purple)20%, var(--transparent));
    background-color: color-mix(in srgb, var(--nci-secondary-purple)40%, var(--transparent));
    color: var(--nci-secondary-purple);
}
.maroon-icon{
    box-shadow: 0px 0px 0px 6px color-mix(in srgb, var(--nci-secondary-maroon)20%, var(--transparent));
    background-color: color-mix(in srgb, var(--nci-secondary-maroon)40%, var(--transparent));
    color: var(--nci-secondary-maroon);
}
.orange-icon{
    box-shadow: 0px 0px 0px 6px color-mix(in srgb, var(--nci-secondary-orange)20%, var(--transparent));
    background-color: color-mix(in srgb, var(--nci-secondary-orange)40%, var(--transparent));
    color: var(--nci-secondary-orange);
}
.red-icon{
    box-shadow: 0px 0px 0px 6px color-mix(in srgb, var(--nci-red)20%, var(--transparent));
    background-color: color-mix(in srgb, var(--nci-red)40%, var(--transparent));
    color: var(--nci-red);
}
.dark-green-icon {
    box-shadow: 0px 0px 0px 6px color-mix(in srgb, var(--nci-secondary-dark-green) 20%, var(--transparent));
    background-color: color-mix(in srgb, var(--nci-secondary-dark-green) 40%, var(--transparent));
    color: var(--nci-secondary-dark-green);
}
.blue-icon{
    box-shadow: 0px 0px 0px 6px color-mix(in srgb, var(--nci-turquoise)20%, var(--transparent));
    background-color: color-mix(in srgb, var(--nci-turquoise)40%, var(--transparent));
    color: var(--nci-turquoise);
}
.forest-green-icon{
    box-shadow: 0px 0px 0px 6px color-mix(in srgb, #407263 20%, var(--transparent));
    background-color: color-mix(in srgb, #407263 40%, var(--transparent));
    color: #407263;
}
.dark-green-icon{
    box-shadow: 0px 0px 0px 6px color-mix(in srgb, #247379 20%, var(--transparent));
    background-color: color-mix(in srgb, #247379 40%, var(--transparent));
    color: #247379;

}
.card:hover{
    cursor: pointer;
}
.card:hover .card-icon {
    box-shadow: 0px 0px 0px 6px color-mix(in srgb, var(--primary-action) 20%, var(--transparent));
    background-color: color-mix(in srgb, var(--primary-action) 80%, var(--transparent));
    color: color-mix(in srgb, var(--primary-action) 10%, var(--white));
}
.card:hover .card-title{
    text-underline-offset: 0.2em;
    text-decoration: underline;
    text-decoration-color: var(--primary-action);
    text-decoration-thickness: 2px;
}
.card .card-title{
    color: var(--text-color);
}
.card.neo-card:hover .card-title{
    text-decoration: unset !important;
}



/*LANDING PROVIDER CARDS */
a.provider-url{
     text-decoration: unset;
 }
.provider-card{
    border-radius: 0.5rem;
    background: white;
    box-shadow: 16px 16px 32px #d9d9d9, -16px -16px 32px #ffffff;
    box-shadow: 13px 13px 26px #e3e3e3, -13px -13px 26px #ffffff, inset -2px -2px 4px -2px #fbfbfb;
    box-shadow:4px 4px 16px #e3e3e3, -10px -10px 18px #ffffff, inset -2px -2px 4px -2px #fbfbfb;
    box-shadow: 13px 13px 26px #b3becc, -13px -13px 26px #ffffff, inset -2px -2px 4px -2px #d5e3f5;
    transition: 0.4s;
    border: 1px solid color-mix(in srgb, var(--primary-action) 20%, var(--white));
}
.provider-card .card-body{
    display: flex;
    padding: 0;
}
.provider-card .card-image{
    display: inline-block;
    width: 25%;
    background-color: color-mix(in srgb, var(--primary-action) 20%, var(--white));
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 8px 0px 0px 8px;
}
.provider-card .card-title{
    padding:1rem;
    color: var(--primary-action);
    align-self: center;
}
.provider-card:hover, provider-card:active{
    cursor: pointer;
    box-shadow: inset 6px 6px 8px color-mix(in srgb, var(--header-color) 25%, var(--white)), inset -8px -8px 16px #ffffff;
    border:1px solid var(--primary-action);
}
.provider-card .card-image{
    align-items: center !important;
    display: flex;
    justify-content: center;
}
.provider-card:hover .card-title{
    text-decoration:unset;
}
.provider-card .provider-icon.round{
    height: 3rem;
    width: 3rem;
    border-radius: 1.5rem;
    background: var(--primary-action);
    display: flex;
    align-self: center;
    place-items: center;
    text-align: center;
    box-shadow: 0px 0px 0px 6px color-mix(in srgb, var(--primary-action) 60%, var(--white));
}
.provider-card .provider-icon img{
    max-height:100%;
}
.provider-card .provider-icon.square{
    height: 3rem;
    width: 3rem;
    border-radius: 0.5rem;
    background: var(--primary-action);
    display: flex;
    align-self: center;
    place-items: center;
    text-align: center;
    box-shadow: 0px 0px 0px 6px color-mix(in srgb, var(--primary-action) 60%, var(--white));
}
.provider-card .provider-icon{
    font-size:1.5rem;
    color: color-mix(in srgb, var(--primary-action) 15%, var(--white));
    margin: 1rem;
}
.provider-card .provider-icon svg{
    margin:auto;
}
.provider-card .content-container{
    width: 75%;
}
.provider-card .card-text{
    margin:1rem;
}
@media(max-width:576px) {
    .provider-card .content-container {
        width: 100%;
    }

    .provider-card .card-image {
        width: 100%;
    }

    .provider-card .card-body {
        display: inline;
        padding: 0;

    }

    .provider-card .card-image {
        border-radius: 8px 8px 0px 0px;
    }
}
/*SEARCH RESULTS*/
.search-result.highlight{
    /*background-color: color-mix(in srgb, var(--header-color) 5%, var(--white));*/
    border-radius: 1rem;
}
.search-result{
    padding: 0.5rem;
}

/*Tables*/
table td{
    /*display: flex;*/
    /*align-items: flex-start;*/
}

/*OVERWRITES*/
.has-vivid-cyan-blue-background-color{
    background-color:var(--primary-action) !important;
}

/*404 NOT FOUND*/
#error_page{
    background-color: color-mix(in srgb, var(--header-color) 5%, var(--white));
}

/* GROUP COMBINATION: SGC FROM GTL & SF */
@media(min-width:576px){
    .fsgc .contact-us .group-cols .border-right{
        border-right: 1px solid gray;
    }
}
.fsgc .contact-us{

}
.fsgc .contact-us .assay-group h2,
.fsgc .contact-us .assay-group h5
{
    color: #C74E1A;
}
.fsgc .contact-us .ngs-group h2,
.fsgc .contact-us .ngs-group h5
{
    color: #0d95a1;
}
.groups-container{
    margin-left:0;
    margin-right:0;
}
.groups-container h2, .groups-container{
    color:white !important;
}
.groups-container h3{
    color: color-mix(in srgb, var(--header-color) 40%, var(--white));
    font-weight:400;
    font-size:20px;
}

.fsgc .ngs-group-background{
    background-color: color-mix(in srgb, var(--header-color) 100%, var(--white));
}
.fsgc .assay-group-background{
    background-color: color-mix(in srgb, var(--header-color) 85%, var(--white));
}
.groups-container .group-cards{

}
.fsgc .custom-split-section .list-group-item{
    background: var(--transparent);
    display:inline-flex;
}
.fsgc .list-group-item{
    background: var(--transparent);
}
.fsgc .list-group-item a{
    display: contents;
}
.fsgc .page-navigation-container .list-group-item div{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.fsgc .page-navigation-container{
    background-color: var(--site-bg);
    border-radius: 1rem;
    padding: 1rem 0.5rem;
}
.fsgc .page-navigation-container .list-group-item.current-page {
    background-color: #ffffff !important;
    border-radius: 0.5rem;
}
.groups-container .list-group-item{
    color: var(--white);
    background: var(--transparent);
    border: unset;
}
.groups-container .list-group-item a,
.groups-container .list-group-item a:hover{
    text-decoration: none !important;
    color:white;
}
.groups-container .list-group-item .fw-bold{
    text-decoration: underline;
    text-underline-offset: 0.2em;
    text-decoration-thickness: from-font;
    transition: color .2s, text-underline-offset .2s, text-decoration-color .2s
}
.fsgc a:hover,.groups-container .list-group-item:hover .fw-bold{
    transition: color .2s, text-underline-offset .2s, text-decoration-color .2s;
    text-underline-offset: .3em;
}
.fsgc .groups-container i{
    border-radius: 0.5rem;
    font-size: 1rem;
    background: #44b38b;
    margin-right: -16px;
    /* float: left; */
    left: -18px;
    position: relative;
}
.fsgc .groups-container .assay-group-background i{
    background: var(--nci-secondary-orange);
}
@media(min-width:576px) {
    .groups-container .group-cards.order-1{
        border-radius: 0 1rem 1rem 0;
    }
    .groups-container .group-cards.order-0{
        border-radius: 1rem  0 0 1rem;
    }
}
.fsgc .service-card{
    background:#B7D0DC;
    color: var(--text-color) !important;
}
.fsgc .service-card .contact-icon{
    color:var(--header-color);
}
.fsgc .primary-outline-header{
    border: 1px solid var(--header-color);
    border-radius: 2rem;
    background: transparent;
    font-size: 18px;
    transition: .4s ease-in-out;
}
.fsgc .primary-outline-header .icon-link,
.fsgc .service-card a{
    color: var(--header-color) !important;
    text-decoration: unset;
}
.fsgc .primary-outline-header .icon-link>.bi {
    width: unset;
    height: unset;
}
@media(min-width:576px) {
    .fsgc .home-card-container .card-container{
        margin-top:5.25rem;
    }
    .fsgc .home-card-container .card-body{
        display: inline-flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-content: center;
        align-items: baseline;
    }
    .fsgc .home-card-container .card .card-title{
        font-size:1.75rem;
        margin-left:1.5rem;
    }
}
.fsgc .list-group-item{
    font-family: inherit;
    font-size: 20px;
    line-height: 1.2;
    font-weight: 300;
}


/* CUSTOM ALERT  */
.alert-dark.alert-crtp{
    background-color: var(--header-color);
    color: color-mix(in srgb, var(--white) 85%, var(--transparent));
}
.alert-dark.alert-crtp .alert-crtp-icon{
    font-size:1.25rem;
    color: #f6ff88;
}