/*
Theme Name: OSTR 2023
Author: SWPG
Author URI: https://wordpress.org/
Description: Stripped down, bare-bones theme that you can style as you wish with html and css.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: simple, effective
Text Domain: SWPG

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* Set core root defaults */
html {
    scroll-behavior: smooth;
    display: block;
}

:root{

    /* GENERAL */
    --darkest-color: #0d1d41;
    --dark-color: #10224D;
    --primary-action: #0D35BA;
    --primary-action: #2a4ccd;
    --medium-color: color-mix(in srgb, var(--dark-color) 50%, white);
    --light-color: #e7e9ee;
    --lightest-color: #fff;
    --transparent: transparent;


    --checkmarks: #6461E8;
    --contrast-accent: #5188ff;

    /*--contrast-accent: color-mix(in srgb, var(--primary-action) 35%, white);*/
    --accent-primary: #bb0e3d;
    --accent-secondary: #960B30;
    --contrast-action: #D5e1f9;
    --contrast-action: color-mix(in srgb, var(--contrast-accent) 20%, white);
    --contrast-lighter: #e7e8ec;
    --contrast-light: #ebf1ff;




    /* FACILITY COLOR CODING */
    --core-facility-bg: #bb0e3d;
    --trans-facility-bg:#0c95a1;
    --collab-facility-bg:#007bbd;

}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body{
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*color: hsl(227deg 34% 39%);*/
    color: var(--dark-color);
    font-size:18px;
    font-weight: normal;
    background-color:#fdfeff;
    background-color:color-mix(in srgb, var(--dark-color) 1%, white);
    direction: ltr;
    text-rendering: optimizeLegibility;
    font-synthesis: none;
}
/* General Font Sizing */
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
    color: var(--darkest-color) !important;
    font-weight: bold;
}
h1,
.h1{
    font-size:42px;
    margin-bottom:1.5rem;

}
h2,
.h2{
    font-size:36px;
    margin-bottom: 1.2rem;
}
h3,
.h3{
    font-size:32px;
    margin-bottom: 1.2rem;
}
h4,
.h4{
    font-size:26px;
}
h5,
.h5{
    font-size:22px;
}
a:not([class]) {
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
}

p, div,span{
    font-weight:400;
    letter-spacing:0.1px;
}

.small{
    font-size:14px;
}
.extra-small{
    font-size:12px;
}

.header-center {
    z-index: 0;
    position: relative;
    text-align: center !important;
    margin-bottom:2.5rem;
}

.header-left {
    z-index: 0;
    position: relative;
    text-align: left !important;
}

.header-right{
    z-index: 0;
    position: relative;
    text-align: right !important;
}

.header-margin{
    margin:0.2rem 3rem 0.2rem 0.5rem
}
.active-tab-arrow{
    border-top: 5px solid var(--transparent);
    border-left: 10px solid var(--darkest-color);
    border-bottom: 5px solid var(--transparent);
    width: 0;
    height: 0;
    display: inline-flex;
}
@media(min-width:700px){
    .padding-left-50{
        margin-left: 50px;
    }
    .padding-right-50{
        margin-right:50px;
    }
    .padding-left-100{
        margin-left:100px;
    }
    .padding-right-100{
        margin-right: 100px;
    }
}
.display-flex{
    display:flex;
}
@media(max-width:488px){
    .flex-column{
        flex-direction: column !important;
    }

}
@media(min-width:489px){
    .flex-column{
        flex-direction: unset !important;
    }
    .active-tab-arrow{
        display:none;
    }

}
.hidden{
    display:none;
}


.main{
    position: relative;
    min-height: 100vh;
}
.mb-6{
    margin-bottom: 3.5rem!important;
}
.a{
    text-decoration: underline;
}
a,.a{
    text-underline-offset: 0.2em;
    color: var(--primary-action);
}
a:hover,.a:hover{
    cursor:pointer;
    text-decoration: underline;
}
a.no-underline{
    text-decoration: unset;
}
a.fit-content{
    width: fit-content !important;
    display: inline-block;
}
u{
    text-underline-offset: 0.2rem;
}
li:not(#main_menu li, .quicklinks li, .nav li, .card .card-body li){
    padding:0.5rem 1rem;
}
/* Font Colors Overwrites */
.lightest-color{
    color: var(--lightest-color) !important;
}
.main-color{
    color: var(--dark-color) !important;
}
.header-color{
    color: var(--darkest-color) !important;
}
/* Hidden Value */
.hidden_value{
    clip: rect(1px,1px,1px,1px)!important;
    border: 0!important;
    -webkit-clip-path: inset(50%)!important;
    clip-path: inset(50%)!important;
    height: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    white-space: nowrap!important;
    width: 1px!important;
}

/* Border Radii */
.border-radius-small{
    border-radius: 8px;
}
.border-radius-medium{
    border-radius: 12px;
}
.border-radius-large{
    border-radius: 16px;
}

/* WP Theme / Block Overwrite */
.has-white-color:not(.has-white-color:hover){
    color: var(--primary-action) !important;
    background-color: var(--transparent)!important;
}


/* General Options */

.align-middle {
    vertical-align: middle!important;
    margin-top: auto;
    margin-bottom: auto;
}
.border-right {
    border-right: 2px solid var(--contrast-accent);
}
.priority-1{
    order:2;
}
.priority-0 {
    order:1;
}
.float-end{
    float: right;
    text-align: right;
}
.overflow-hidden{
    overflow:hidden;
}
/* Mobile Order */
@media(max-width:600px){
    .order-mobile-0{
        order:0 !important;
    }
    .order-mobile-1{
        order:1 !important;
    }
    .order-mobile-2{
        order:2 !important;
    }
}

/* IMAGES */
.img-unadjusted{
    width: max-content;
}
/* TOP NCI Banner */
#top_nci_banner {
    text-align: center;
    background-color: var(--darkest-color);
}
#top_nci_banner a#nci_link{
    color: var(--contrast-action) !important;
    text-decoration: unset;
    font-size: 12px;
    font-weight: 600;
}

.rounded-img{
    border-radius: 8px;
    box-shadow: 2px 10px 13.5px 3.5px #a7bfe54f, 0px 8px 8px 0.5px #90b3ef40, 4px -2px 10px var(--lightest-color);
    box-shadow: 1px 10px 13.5px 3.5px color-mix(in srgb, var(--darkest-color) 5%, var(--light-color));
    max-width: 500px;
    height: 100%;
    border-radius: 8px;
    object-fit: cover;
}
.image-overlay-container{
    position: relative;
    overflow: hidden;
    box-shadow: 1px 10px 13.5px 3.5px color-mix(in srgb, var(--darkest-color) 5%, var(--light-color));
    height: 100%;
}
.image-overlay-container img{
    position: relative;
    display: block;
    height: 300px;
    object-fit: cover;

}
.overlay .text-mask{
    opacity: 0;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.overlay .text-mask .text-content{
    opacity: 1;
}
.image-overlay-container .text-mask{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-attachment: fixed;
}
.image-overlay-container .text-content{
    position: relative;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 1rem;
    z-index: 1;
    color: var(--lightest-color);
    text-shadow: 0px 0px 4px var(--darkest-color);
}
.image-overlay-container .text-mask:hover, .image-overlay-container .text-content:hover ~ .text-mask {
    opacity:1;
}
/*.image-overlay-container.overlay.rounded:hover .text-content-1 {*/
/*    display: none;*/
/*}*/
.dim-hover{
    background-color: rgb(4 15 42 / 55%);
}



.image-scrollup-container {
    position: relative;
    height:100%;
    box-shadow: 1px 10px 13.5px 3.5px color-mix(in srgb, var(--darkest-color) 5%, var(--light-color));
}
.image-scrollup-container h2:not(.image-scrollup-container .text h2){
    font-size:1.25rem;
    font-size: calc(0.525rem + 1.3vw);
}
.software-cards .image-scrollup-container h2:not(.software-cards .image-scrollup-container .text h2){
    font-size:18px;
}
@media(min-width:1200px){
    .image-scrollup-container h2:not(.image-scrollup-container .text h2){
        font-size:1.75rem;
    }
}


.image-scrollup-container .image {
    display: block;
    width: 100%;
    height: auto;
}

.image-scrollup-container .text-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}
.software-cards .image-scrollup-container .text-overlay{
    background-color: color-mix(in srgb, var(--darkest-color) 80%, var(--transparent));
    backdrop-filter: blur(6px);
}

.image-scrollup-container:hover .text-overlay, .image-scrollup-container:active .text-overlay {
    height: 100%;
}

.image-scrollup-container .text {
    color: white;
    font-size: 18px;
    position: relative;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 1rem;
}
.image-scrollup-container .img-fluid{
    height: 100% !important;
    object-fit: cover;
    width: 100% !important;
}
.image-scrollup-container .pre-title{
    bottom:0;
    left:0;
    right:0;
    height:4rem;
    border-radius: 0px 0px 8px 8px;
    min-height:fit-content;
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
    z-index: 1;
    color: var(--lightest-color);
    background-color: rgba(0,0,0,0.5);
    transition: all .5s ease;
    color: white;
}
.software-cards .image-scrollup-container .pre-title{
    background-color: color-mix(in srgb, var(--darkest-color) 65%, var(--transparent));

}

.image-scrollup-container:hover .pre-title{
    display:none;
}

.software-cards .image-scrollup-container .img-fluid{
    height: 100% !important;
    object-fit: contain;
    width: 100% !important;
    min-height: 300px;
    padding: 0px calc(0.5rem + 2vw) calc(0.5rem + 2vw) calc(0.5rem + 2vw);
}



@media(max-width:600px){
    .priority-0 .rounded-img{
        width: 250px;
        border-radius: 8px;
        overflow: hidden !important;
        right: 195px;
        white-space: nowrap;
        display: block;
        top: 0;
        position: relative;
    }
    .priority-0 .card-image,
    .priority-1 .card-image{
        margin: 30px;
    }
    .priority-1 .rounded-img{
        width: 250px;
        border-radius: 8px;
        overflow: hidden !important;
        left: 50%;
        white-space: nowrap;
        display: inline-block;
    }
    .priority-1,
    .priority-0{
        overflow:hidden;
    }
}
/* Filter Container */
.clear-filter-container{
    margin-top: -1.5rem;
    margin-bottom: 1.5rem;
}
@media(max-width:488px){
    .clear-filter-container{
        text-align: center;
    }
}

/* Buttons */

.clear_search {
    border-radius: 2em;
    background-color: color-mix(in srgb, var(--contrast-action) 40%, white);
    border: unset;
    color: var(--darkest-color);
    transition: 0.2s;
    font-weight: 400;
    justify-content: center;
    -webkit-box-pack: center;
    outline: 0;
    width: fit-content;
    text-decoration: unset !important;
    vertical-align: middle;
    height: 2rem;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    box-shadow:1px 1px 0.5px 1px color-mix(in srgb, var(--contrast-action)70%, var(--dark-color)), 3px 2px 3px #e2edff2b, 5px 1px 10px #eff2ff;
}
.clear_search span{
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 12px;
    padding-right: 12px;
    white-space: nowrap;
    vertical-align: middle;
}
.clear_search:hover{
    color: var(--primary-action);
    background-color: var(--contrast-action);
    box-shadow:unset;
}

.clear_search svg{
    transition: 0.4s;
    color: var(--dark-color);
    color: color-mix(in srgb, var(--dark-color) 80%, white);
    font-size: 22px;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    width: 1em;
    height: 1em;
    vertical-align: middle !important;
    margin: 0 5px 0 -6px;
}
.clear_search:hover svg{
    color: var(--primary-action);

}

.wide-button{
    padding:  12px 1.75rem 12px 1.75rem !important;
}

.has-white-color.has-background{
    color:unset;
    background-color:unset;
    color:var(--primary-action);
    background-color:var(--transparent);

}
.banner-buttons{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: space-between;
    align-items: flex-start;
    justify-content: space-around;
}
.banner-buttons > a:not(:first-child) > button{
    margin-left: 1rem;
}
button.primary_button,
.wp-block-button__link.has-white-color.has-text-color.has-background{
    background-color: var(--transparent);
    border: 1px solid var(--primary-action);
    border-radius: 32px;
    padding: 12px;
    margin-top: 32px;
    color: var(--primary-action);
    font-weight: 600;
    transition: 0.4s;
}
button.primary_button:hover,
.providers-cards .provider h5.card-title a:hover ~ .card-body button.primary_button,
.wp-block-button__link.has-white-color.has-text-color.has-background:hover{
    background-color: var(--primary-action);
    color: var(--light-color);
    border-radius: 12px !important;
    text-decoration:unset;
}
.contrast-bg button.primary_button{
    background-color: var(--transparent);
    border: 1px solid var(--accent-primary);
    border-radius: 32px;
    padding: 12px;
    margin-top: 32px;
    color: var(--lightest-color);
    font-weight: 600;
    transition: 0.4s;
}
.contrast-bg button.primary_button:hover{
    background-color: var(--accent-primary);
    color: var(--lightest-color);
    border-radius: 12px !important
}


button.secondary_button{
    background-color: var(--primary-action);
    border-radius: 32px;
    border:unset;
    padding: 12px;
    margin-top: 32px;
    color: var(--lightest-color);
    font-weight: 600;
    transition: 0.4s;
}
button.secondary_button:hover,
.providers-cards .provider h5.card-title a:hover ~ .card-body button.secondary_button{
    background-color: var(--primary-action);
    border-radius: 12px !important
}
.contrast-bg button.secondary_button{
    background-color: var(--accent-primary);
    border-radius: 32px;
    border:unset;
    padding: 12px;
    margin-top: 32px;
    color: var(--lightest-color);
    font-weight: 600;
    transition: 0.4s;
}
.contact-card.contrast-bg button.secondary_button:hover{
    background-color: var(--accent-secondary);
    border-radius: 32px;
    border:unset;
    padding: 12px;
    margin-top: 32px;
    color: var(--lightest-color);
    font-weight: 600;
    transition: 0.4s;
}



/* Home Banner CSS*/
#home_page .container-fluid.home-container {
    padding-left: 0px;
    padding-right: 0px;
}
#home_page .home-container-image {
    background-position: 0px 60%;
    background-size: cover;
    position: relative;

}
@media(max-width:550px){
    #home_page .home-container-image{
        background-position:unset;
        background-size: 100% 450px;
        background-repeat: no-repeat;
        object-fit: cover;
    }
}
#home_page .home-container .text-container {
    position: relative;
    z-index: 1;
}
#home_page .home-container-image:after {
    content: '';
    background-image: linear-gradient(to right, rgb(22 0 78 / 90%) , rgb(43 0 255 / 15%));
    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);
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#home_page .home-container .home-banner-header,
#facility_providers_page .facility-container-image .secondary-banner-header,
#facility_page .facility-container-image .secondary-banner-header,
#search_page .facility-container-image .secondary-banner-header
{
    color: var(--lightest-color) !important;
}

#home_page .home-container .home-banner-text,
#facility_providers_page .facility-container-image .secondary-banner-text,
#facility_page .facility-container-image .secondary-banner-text,
#search_page .facility-container-image .secondary-banner-text
{
    color: var(--light-color) !important;
    line-height:1.2;
}
#home_page .home-container .home-banner-header {
    color: var(--lightest-color) !important;
}


/* Home Search Field*/
.home_search_box.dark{
    background-color: var(--darkest-color);
    color: var(--lightest-color) !important;
}
.home_search_box.arrow-right{
    clip-path: polygon(90% 0%, 100% 50%, 90% 100%, 0% 100%, 0% 0%);
    padding: 0px 30px 0px 30px;
    min-height: 100px;
    border: unset;
}
.home_search_box .search_example {
    font-size: 30px;
    color: var(--lightest-color) !important;
}
@media(max-width:500px){
    .home_search_box .search_example{
        font-size:18px !important;
    }
    .home_search_box #home_search_box .input-group{
        flex-wrap: unset;
    }
    .home_search_box .search_example:not(.home_search_box .search_example.hidden){
        display:inline-flex;
    }

}
.home_search_box #home_search_box {
    width: 90%;
}
.home_search_box .home-search-input-box {
    background-color: var(--transparent);
    border: unset;
    border-bottom: 1px solid var(--contrast-accent);
    border-radius: 0px;
    color: var(--lightest-color);
    font-size: 24px;
    width: 85% !important;
}
.home_search_box input.home-search-input-box:focus{
    background-color:transparent !important;
    color: white !important;
}

.home_search_box .home-search-input-box::placeholder {
    color: var(--lightest-color);
    font-weight:600;
}
@media(max-width:600px){
    .home_search_box .home-search-input-box::placeholder {
        color: var(--lightest-color);
        font-size:1rem;
        font-weight:400;
    }
}
.home_search_box #home_search_button,  .home_search_box #home_search_button_placeholder {
    /*box-shadow: 0px 0px 0px 4px #30f8ffa8;*/
    box-shadow: 0px 0px 0px 4px var(--contrast-action);
    transform: scale(1);
    animation: pulse_home 3s infinite;
}
.home_search_box .btn.search-submit {
    background-color: var(--primary-action) !important;
    color: var(--lightest-color) !important;
    padding: 0 1.25rem 0 1.25rem;
}

.home_search_box .search_example{
    font-size:30px;
    color:var(--lightest-color) !important;
}
.home_search_box .search_example:hover{
    cursor: pointer;
}
.home_search_box .search_example #home_search_button_placeholder{
    vertical-align: bottom;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height:42px;
}
.home_search_box #dynamic_example{
    width: 50%;
    border-bottom: 1px solid var(--contrast-accent);
    display: inline-block;
    font-weight: 700 !important;
    font-size: 24px;
}
/* Search Page */
#search_page .facility-type-list{
    margin-top:8pt;
}
#search_page button.expand-search-results{
    width: 100%;
    margin: 2rem auto 2rem auto;
}
#search_page .search-hidden{
    display:none !important;
}
@keyframes pulse_home {
    0% {
        transform: scale(0.95);
        box-shadow: 0px 0px 0px 4px #8ddcffe6;
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}
/* Banner Color Overwrites */
.banner-dark .secondary-banner-header{
    color: var(--lightest-color) !important;
}
.banner-dark p{
    color: var(--light-color);
}

.banner-parallax{
    background-attachment: fixed;
}

/* Secondary Pages*/
#secondary_page  .page-banner-container,
#video_details_page .page-banner-container{
    padding-left: 0px;
    padding-right: 0px;
}
#secondary_page .secondary-image-filter.page-banner-image:after{
    content: '';
    background-image: linear-gradient(to left, rgb(255 0 169 / 39%) , rgb(0 12 53 / 84%));
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#secondary_page .page-banner-container .text-container,
#video_details_page .page-banner-container .text-container{
    position: relative;
    z-index: 1;
}
#secondary_page .page-banner-container .text-container h1.secondary-banner-header,
#video_details_page .page-banner-container .text-container h1.secondary-banner-header
{
    color: var(--lightest-color) !important;
}
#secondary_page  .page-banner-container .page-banner-image{
    background-position: 0px 60%;
    background-size: cover;
    position: relative;
}
#secondary_page .page-banner-container .page-banner-image.no-image{
    background-image: linear-gradient( 135deg, #11186c, #c81b497d) !important;
    background-image: linear-gradient( 135deg, #010046, #740066c7) !important;
    background-color: var(--dark-color) !important;
}
#secondary_page .page-banner-container .page-banner-image.no-image > .text-container{
    color: var(--lightest-color) !important;
}
#secondary_page .page-banner-container .stars-page{
    background-image: linear-gradient(to right, #e3eeff , #89a9ff1a);
}
/* Accents */
.underline-accent {
    content: '';
    width: 40%;
    height: 4px;
    background-color: var(--accent-primary);
    position: absolute;
    margin-top: -8px !important;
}
.underline-accent-fitted {
    content: '';
    height: 4px;
    background-color: var(--accent-primary);
    position: relative;
    display:block;
}
/* Arrow for Banner */
.arrow-clip-path{
    clip-path:polygon(0 0, 100% 0%, 100% 80%, 50% 95%, 0% 80%);
}
.arrow {
    position: relative;
    text-align: center;
    padding: 0px;
    bottom: 75px;
    height: 95px;
    width: 100%;
    clear: both;
}
.arrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 50%;
    background: #f9fafe;
    transform: skew(0deg, 6deg);
}
.arrow:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 50%;
    background: #f9fafe;
    transform: skew(0deg, -6deg);
}

/* Text Modifications*/
.byline{
    font-size: 20px;
    font-weight: 600;
    color: var(--lightest-color);
}

/*Header Logo*/
#banner-logo{
    height:54px;
    width:100%;
}
@media(min-width:1200px) and (max-width: 1400px){
    #banner-logo{
        height:40px;
        width:100%;
    }
}
@media(min-width:992px) and (max-width:1342px){
    ul#main_menu {
        display: inline-flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
}
@media(max-width:700px){
    #banner-logo{
        max-width: 60%;
        height: auto;
    }

}
@media(max-width:500px){
    .navbar-brand{
        margin-right:unset !important;
    }
}
/* Header Navigation */
.header .nav-bar, .header nav.navbar.navbar-expand-lg{
    background-color: var(--lightest-color) !important;
}
.header .search-submit{
    background-color: var(--darkest-color);
    color: var(--lightest-color);
    border: 1px solid var(--darkest-color);
    margin:unset;
}
.header input.form-control{
    border: 1px solid var(--darkest-color);
    font-size: 18px;
    color: var(--dark-color);
}
.header input::placeholder{
    color: var(--medium-color);
}
.header a.nav-link {
    color: var(--darkest-color);
    font-size: 18px;
    white-space:nowrap;
    text-transform: capitalize;
}
.header a.nav-link:hover{
    text-decoration: unset !important;
}
.header ul ul li.menu-item:hover :not(.header ul li.menu-item.menu-item-has-children:hover){
    /*text-decoration-color: var(--primary-action);*/
    text-decoration: unset !important;
    background-color: #f0f5ff;

}


@media(min-width:750px){
    .header nav ul{
        margin-left: auto;
    }
    .header .dropdown.show .dropdown-menu{
        box-shadow:0px 5px 6px 0px #10245194;
    }
    .header ul.dropdown-menu{
        white-space: nowrap;
    }
}
@media(min-width:990px){
    #main_menu > li.dropdown:hover .dropdown-menu:not(#main_menu li.dropdown:hover .dropdown-menu ul.dropdown-menu) {
        display: block;
    }
    #main_menu li.dropdown.dropdown-submenu:hover ul.dropdown-menu{
        display:block;
        left: 75%;
    }

}
.header .custom-menu-description{
    color: inherit;
    font-weight: normal;
}
.header .has-description{
    font-weight: 700 !important;
}
.header #main_menu li a{
    cursor:pointer;
}
/* Footer Navigation */
footer {
    display: block;
    margin-top: 32pt;
    background-color: var(--light-color);
    background-color: color-mix(in srgb, var(--contrast-accent) 5%, white);
}

footer a{
    text-decoration: unset;
}
footer .byline{
    color: var(--darkest-color);
    color: color-mix(in srgb, var(--darkest-color) 80%, white);
}
footer ul .list-group-item a{
    color: var(--dark-color);
    color: color-mix(in srgb, var(--dark-color) 80%, white);
}
footer .list-group-item{
    background-color:var(--transparent) !important;
    border: unset !important;
}
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;
    color: var(--darkest-color);
    color: color-mix(in srgb, var(--darkest-color) 80%, white);
}
footer .nci-logo-text p.byline{
    font-size: .88rem;
    color: var(--dark-color);
    color: color-mix(in srgb, var(--dark-color) 80%, white);
}

footer .footer_label{
    font-size:18px;
    font-weight:600;
    border-bottom: 1px solid var(--contrast-accent);
    color: var(--dark-color);
    color: color-mix(in srgb, var(--dark-color) 80%, white);
}
footer .contrast-bg,
footer .contrast-bg .nci-logo-text p.byline,
footer .contrast-bg .footer_label,
footer .contrast-bg .nci-logo-text p.header,
footer .contrast-bg .byline{
    color: var(--lightest-color) !important;
}
.footer .contrast-bg ul .list-group-item a{
    color: var(--contrast-action) !important;
}


/* Contrasts */

.contrast_primary_button{
    background-color: #091530a6;
    background-color: color-mix(in srgb, var(--darkest-color) 30%, var(--transparent));
    border: 1px solid var(--contrast-action);
    border-radius: 32px;
    padding: 12px;
    margin-top: 32px;
    color: var(--contrast-action);
    font-weight: 600;
    transition: 0.4s;
}
.contrast_primary_button:hover,.contrast_secondary_button:hover{
    background-color: var(--primary-action);
    color: var(--lightest-color);
    border-color: var(--primary-action);
    border-radius: 12px !important;
}
.contrast_secondary_button{
    background-color: var(--primary-action);
    border: 1px solid var(--primary-action);
    border-radius: 32px;
    padding: 12px;
    margin-top: 32px;
    color: var(--lightest-color);
    font-weight: 600;
    transition: 0.4s;
}


.contrast-bg{
    background-color: var(--darkest-color) !important;
}
.contrast-text, .contrast-text a{
    color: var(--contrast-action) !important;
}
.contrast-text .list-group-item{
    background-color:var(--transparent) !important;
    color: var(--contrast-action) !important;
    border: unset !important;

}
/* Image Mask: Goes in DIV covering container. See STARS cards */
.img-mask{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: linear-gradient(to left, rgb(134 0 123 / 29%) , rgb(0 43 190 / 55%));
    height: 100px;
    border-radius: 8px 8px 0px 0px;
}
/* Cards */

.card:hover .icon-link>.bi{
    transform: translate3d(.25em, 0, 0);
}
.card.card-shadow .card-footer{
    background-color:transparent;
    border:unset;
}


.card.card-shadow {
    border: unset;
    box-shadow: 1px 10px 13.5px 3.5px #cce0ff4f, 0px 6px 6px #4589ff29, 4px -2px 10px var(--lightest-color);
    box-shadow: 1px 10px 13.5px 3.5px color-mix(in srgb, var(--darkest-color) 5%, var(--light-color));

}
.card.card-shadow.card-linked,
.card.card-shadow{
    transition: all .1s ease-in-out,width .01ms,height .01ms;
    margin: 15px 0px 15px 0px;
    box-shadow: 1px 2px 0.5px 1px color-mix(in srgb, var(--contrast-action)70%, var(--dark-color)), 3px 2px 3px #e2edff2b, 5px 1px 10px #eff2ff;
}
.card.card-shadow.card-linked:hover{
    box-shadow: 8px 8px 0px var(--medium-color);
    margin: 5px 0px 25px 0px;
    box-shadow: 8px 9px 2px -4px color-mix(in srgb, var(--contrast-action) 69%, var(--dark-color)),5px 5px 7px -2px color-mix(in srgb, var(--contrast-action) 69%, var(--dark-color));
}
.card .card-title {
    margin-bottom: 4pt;
    margin-top: 4pt;
}

.card a.icon-link.icon-link-hover{
    text-decoration-color: var(--primary-action);
}
.card .card-subtitle {
    color: var(--dark-color) !important;
}
.card .card-body li{
    line-height: 1.5rem;
    margin-bottom: 1rem;
}

.card .card-text,
.card .card-body,
.card .card-description >p{
    color: var(--dark-color);
}

.card .card-icon-container {
    height: 50px;
    width: 50px;
    border-radius: 5rem;
    background-color: var(--contrast-action);
    text-align: center;
    padding: 10px;
    font-size: 24px;
    color: var(--primary-action);
}
.card .card-image-container{
    max-height: 100px;
    overflow: hidden;
}
/*.card .card-icon-container svg{*/
/*    vertical-align: middle !important;*/
/*}*/

@media(min-width:750px) {
    .card.card-shadow{
        height: 100%;
    }
}
.custom-card-container{
    padding-top:3rem;
    padding-bottom:3rem;
}
.card.customs_stars_card .card-body ul{
    margin-bottom:2rem;
}
.card.customs_stars_card .card-body .icon-link{
    bottom: 1.25rem !important;
    position: absolute;
}
.card.customs_stars_card{
    box-shadow: 2px 4px 0.5px 1.5px #b4ccf2, 3px 2px 3px #e2edff2b, 5px 1px 10px #eff2ff;
}
.card.customs_stars_card:hover{box-shadow: 5px 4px 2px 2.5px rgb(170 196 238), -2px -2px 8px rgb(206 225 255) !important;
    border: none;
    transform: scale(1.01) !important;
}
/* Bioinformatics Custom Cards */
/*.bioinformatics_cards .card-text{*/
/*    margin-bottom: 3rem !important;*/
/*}*/
/*.bioinformatics_cards .icon-link{*/
/*    position: absolute;*/
/*    bottom: 1rem;*/
/*    margin-top: 2rem;*/
/*}*/
/*@media(min-width:766px){*/
/*    .card .icon-link.icon-link-hover{*/
/*        position: absolute;*/
/*        bottom: 1.5rem;*/
/*    }*/
/*}*/

/* About Us Cards */
.card.custom_about_card{
    max-width:300px;
}
.card.card-shadow.custom_bout_card{
    box-shadow: 0 6px 16px -7px color-mix(in srgb, var(--darkest-color) 10%, white)
}
.card.custom_about_card .card-image-container{
    max-height:250px !important;
}
.card.custom_about_card h4.card-title{
    font-size: 20px;
}
/*Contact Us Cards */
.circle-image{
    object-fit: cover;
    width: 150px;
    height: 150px;
    border-radius: 50%;
}
.contact-cards .card{
    height:100%;
    min-height:175px;
    background-color:#dce7ff;
}
.contact-cards .card-body span{
    display:block;
}
.contact-cards .contact-group .row .col{
    transition:transform 0.3s ease-in-out;
    -moz-transition: transform 0.3s ease-in-out;
    -webkit-transition: transform 0.3s ease-in-out;
}
.contact-cards .contact-group .row .col:hover{
    /*transform:translateY(-0.75rem);*/
    /*transform: scale(1.01);*/
}
@media (max-width: 1280px) and (min-width: 764px) {
    .circle-image{
        object-fit: cover;
        width: 120px;
        height: 120px;
        border-radius: 50%;
    }

}
/*Home Cards*/
#home_page .home_card_resource{
    background-color: #dcf9ff;
}

#home_page .home_card_funding{
    background-color: #dce7ff;
}
#home_page .home_card_innovation{
    background-color: #e3dcff;
}
#home_page .home_card_resource .card-icon-container,
#home_page .home_card_funding .card-icon-container,
#home_page .home_card_innovation .card-icon-container
{
    background-color: #FFFFFF59 !important;
}
/*Providers Cards*/
.providers-cards .col-mod{
    margin-top: 10px;
    margin-bottom: 10px;
}
.providers-cards .provider>hr{
    color: var(--contrast-accent);
}
.providers-cards .card.provider .card-body{
    padding:8pt 0pt;
}
.providers-cards .card.provider .card-text{
    margin-bottom:16pt;
}
.providers-cards .card.provider,
#search_page .card.search-result{
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 16pt;
    color: rgba(0, 0, 0, 0.87);
    background: var(--lightest-color);
    box-shadow:0px 12px 5.5px -2.5px #cce0ff26, 0px 2px 5px 0px #4589ff29, 2px -2px 5px var(--lightest-color);
    box-shadow:0px 12px 5.5px -2.5px color-mix(in srgb, var(--darkest-color) 5%, white), 0px 2px 5px 0px color-mix(in srgb, var(--darkest-color) 10%, white), 2px -2px 5px var(--lightest-color);
    box-shadow: 0 6px 16px -7px color-mix(in srgb, var(--darkest-color) 10%, white);
    border:unset;
    padding: 8pt 16pt;
    height: 100%;

}
.providers-cards .provider .card-subtitle,
#search_page .provider .card-subtitle{
    margin-top: 4pt;
    margin-bottom:16pt;
}
.providers-cards .provider .card-title a,
#search_page .card .card-title a
{
    font-weight: bold;
    color: var(--darkest-color);
    text-decoration:unset;
    font-size: 26px !important;
}
.providers-cards .provider .card-title a:hover,
#search_page .card .card-title a:hover{
    color: var(--primary-action);
    text-decoration:underline;
}

.providers-cards .provider .offering-type{
    padding: 4px 4px 4px 0px;
    color: var(--dark-color);
    display: inline-flex;
}
.providers-cards .provider .offering-type .fa-check{
    color: var(--checkmarks);
    color: color-mix(in srgb, var(--dark-color) 85%, white);
    height: 20px;
    margin-right: 8px;
    background-color: color-mix(in srgb, var(--contrast-action)40%, white);
    border-radius: 50%;
    width: 20px;
    text-align: center;
    vertical-align: middle !important;
    padding: 2px;
}
.providers-cards .provider span.field-label{
    color: var(--dark-color);
    font-size: 16px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.4px !important;
    font-weight: 500;
}
.providers-cards .provider .card-text a{
    color: var(--primary-action);
}
.providers-cards .provider .card-text a:hover{
    color: var(--primary-action);
    text-decoration:underline;
}
.provider-cards .provider p.card-text{
    color: var(--dark-color);
    font-size: 16px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.4px !important;
}
.providers-cards .provider span.field-label a{
    color: var(--dark-color) !important;
    text-decoration:unset;
}
.providers-cards .provider span.field-label a:hover{
    color: var(--primary-action) !important;
    text-decoration:underline;
}
.provider .facility-arrow{
    width: fit-content;
    height: 24px;
    position: relative;
    padding-left: 8px;
    vertical-align: middle !important;
}
.provider .facility-arrow:before{
    content: "";
    position: absolute;
    right: -10px;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 12px solid var(--transparent);
    border-bottom: 12px solid var(--transparent);

}


.provider .facility-arrow:not(:first-child){
    margin-left:10px;
}
.provider .facility-arrow:not(:first-child):after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 12px solid var(--lightest-color);
    border-top: 12px solid var(--transparent);
    border-bottom: 12px solid var(--transparent);
}
.provider .facility-arrow.collaborative:before{
    border-left: 10px solid var(--collab-facility-bg);
}
.provider .facility-arrow.core:before{
    border-left: 10px solid var(--core-facility-bg);
}
.provider .facility-arrow.trans:before{
    border-left: 10px solid var(--trans-facility-bg);
}
.provider .facility-arrow.webpage{
    background-color: #dbd5ff;
}
.provider .facility-arrow.webpage:before{
    border-left: 10px solid #dbd5ff;
}

.provider .facility-arrow.collaborative,
.arrow-ncr{
    background-color: var(--collab-facility-bg);
}
.provider .facility-arrow.trans,
.arrow-trans{
    background-color: var(--trans-facility-bg);
}

.provider .facility-type.webpage p{
    color: var(--dark-color);
}

.provider .facility-type svg{
    color: var(--dark-color);
}
.provider .facility-arrow.core,
.arrow-core{
    background-color: var(--core-facility-bg);
}

.provider .facility-arrow p.label{
    color: var(--dark-color);
}
.provider .facility-arrow:first-child:before{
    border-left: 10px solid color-mix(in srgb, var(--contrast-action)40%, white);

}
.provider .facility-arrow:first-child{
    background: #ebf3ff;
    background-color: color-mix(in srgb, var(--contrast-action) 40%, white);
}
.provider .facility-arrow:nth-child(2){
    background-color: color-mix(in srgb, var(--contrast-action) 60%, white);

}
.provider .facility-arrow:nth-child(2):before{
    border-left: 10px solid color-mix(in srgb, var(--contrast-action) 60%, white);
}
.provider .facility-arrow:nth-child(3){
    background-color: color-mix(in srgb, var(--contrast-action) 80%, white);
}
.provider .facility-arrow:nth-child(3):before{
    border-left: 10px solid color-mix(in srgb, var(--contrast-action) 80%, white);
}
.provider .facility-arrow.affiliate{
    background-color: #5b54ff;

}
.provider .facility-arrow.affiliate > p{
    color: white;
}
.provider .facility-arrow.affiliate:before{
    border-left: 10px solid #5b54ff;
}

.provider .facility-type-list{
    display: inline-flex;
    flex-direction: row;
    width: 100%;
    margin-bottom:1rem;
    flex-wrap: wrap;
}
.facility-type.facility-arrow {
    display: inline-flex;
    /*flex-direction: row;*/
    /*align-content: center;*/
    /*flex-wrap: nowrap;*/
    /*justify-content: center;*/
    align-items: center;
}
.provider .facility-type .label{
    margin: 10px;
    display: inline;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: clip !important;
}

/* Info Sections */
.info_section {
    text-align: left;
    max-width: 450px;
}
.info_section .info_section_title{
    font-weight: 700;
    padding: 4px 0px 1rem 0px;
}
.info_section .info_section_description, .column-list .info_section_description p{
    font-weight: 400;
    font-size: 24px;
    letter-spacing: -0.1px;
    line-height: 36px;
    color: var(--dark-color);
}
.column-list .list-group-item a{
    font-weight: bold;
}
.column-list .list-group-item{
    background: var(--transparent);
    border-bottom:1px solid var(--light-color);
    margin: auto 0 0.75rem 0;
    padding-bottom: 1rem;
    color: var(--dark-color);
}
.column-list .list-padding{
    border-radius: 12px;
    padding: 1rem;
}
.column-list li.list-group-item{
    border-bottom:1px solid white !important;
}
.column-list .featured-column{
    background-color: var(--contrast-action);
}

.column-list #nci-resources{
    box-shadow:0px 0px 4px 2px #8aa4db;
    z-index:2;
}
.column-list #crex-resources{
    margin-top: 1rem;
    box-shadow: -1px 0px 4px #63998e;
    background-color: #e7fdf8;
}

.column-list #bioinformatic-resources{
    margin-top: 1rem;
    box-shadow: 3px 0px 4px #756ba1;
    background-color: #e3dcff;
    z-index: 1;
}
.column-list.all-resources .bi.bi-arrow-right{
    font-size:1.75rem;
}
.column-list.all-resources h3{
    margin-bottom: unset;
    font-size: 20px;
    font-weight:600;
}
.column-list.all-resources a{
    text-decoration: unset !important;
    color: var(--darkest-color) !important;
    margin-bottom: 1rem !important;
    display: block;
}
a.icon-link.icon-link-hover:hover .icon-container {
    color: var(--primary-action) !important;
}
.a.icon-link.icon-link-hover{
    margin-bottom:1rem;
}
.column-list.all-resources a:hover .card-title{
    text-decoration: underline !important;
    text-underline-offset:0.35rem;
}
.column-list.all-resources svg{
    display:block !important;
}
.column-list.all-resources .icon-container{
    color: var(--medium-color);
    font-size: 2.0rem;
    margin-bottom:1rem;
}
/* All Resources Cards */
.all-resources .card .card-icon-container svg{
    vertical-align: middle !important;
    text-align: center !important;
    margin: auto !important;
    padding-top: 3px;
}
.all-resources a.no-underline:hover .card-text{
    text-decoration:unset !important;
}

.column-list.all-resources .large-margin{
    margin-bottom: 5rem;
    /*background-color: #f1f6ff;*/
    padding: 1rem;
    border-radius: 1rem;

}

@media(max-width:699px){
    .column-list.all-resources .large-margin{
        margin-bottom: 2rem;
    }
}

/* Facilities List */
.list-group-facilities .img-thumbnail,
.custom-list-group .standard-list .img-thumbnail {
    max-height: 150px;
    border: unset;
}
.list-group-facilities .provider-discipline,
.custom-list-group .standard-list{
    background-color: var(--transparent) !important;
}

.list-group-facilities .list-group-item.provider-discipline:hover,
.custom-list-group .list-group-item.standard-list:hover{
    border: unset;
    border-radius:8px;
    box-shadow: 1px 10px 13.5px 3.5px #cce0ff4f, 0px 6px 6px #4589ff29, 0px -8px 5px 0px var(--lightest-color);
    box-shadow: 1px 10px 13.5px 3.5px color-mix(in srgb, var(--primary-action) 5%, var(--light-color));
}
.list-group-facilities .provider-discipline .discipline-title,
.custom-list-group .standard-list .title h4{
    font-size: 26px;
    color: var(--darkest-color);
    font-weight: 500;
}
.list-group-facilities .list-group-item.provider-discipline:hover .discipline-title,
.custom-list-group .standard-list:hover .title h4{
    color:var(--primary-action) !important;
    text-decoration: underline;
    text-underline-offset: 0.35rem;
}
.list-group-facilities .provider-discipline .title,
.custom-list-group .standard-list .title{
    margin: auto;
}
.list-group-facilities .provider-discipline a,
.custom-list-group .standard-list a{
    text-decoration: unset;
    display: contents;
}
@media(max-width:500px){
    .list-group-facilities .provider-discipline .discipline-title{
        font-size:20px;
    }
    #facility_page .facilities{
        text-align:center;
    }
}
/*Dynamic Facility Page: Core, Collab, NCI, Search Page */

#facility_page .provider-discipline .img-thumbnail,
.custom-list-group .standard-list .img-thumbnail{
    border-radius: 75px;
    border: 1px solid var(--dark-color);
}
#facility_page .list-group-facilities .list-group-item.provider-discipline:hover .img-thumbnail,
.custom-list-group .standard-list:hover .img-thumbnail{
    border-color: var(--primary-action);
}
#facility_providers_page .title-arrow{
    max-width: 350px;
    min-width:fit-content;
    position: relative;
    padding-left: 8px;
    vertical-align: middle !important;
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
    margin-left: 8px;
}

#facility_providers_page .search-box-container h2{
    color: var(--lightest-color) !important;
    width:fit-content;
}
#facility_page .tabbed-search,
#facility_providers_page .tabbed-search,
#search_page .tabbed-search{
    position: relative;
    position: relative;
    /*top: -4.34em !important;*/
    padding-left: 1.5rem;
    margin: 3rem auto 3rem auto;
    display: block;
}
#search_page .total_count{
    padding-left: 0.75rem !important;
}

#facility_page .facility-category-arrow{
    position:relative;
    padding-left: 8px;
    vertical-align: middle !important;
    clip-path: polygon(0% 0%, 90% 0%, 100% 50%, 90% 100%, 0% 100%);
    padding-top: 0.25rem;
    width:fit-content;
}


#facility_page .tabbed-search .nav-link.active,
#search_page .tabbed-search .nav-link.active,
#facility_providers_page .tabbed-search .nav-link.active {
    background-color: var(--primary-action) !important;
    color:var(--lightest-color);
    border:var(--primary-action) 1px solid !important;
    border: var(--darkest-color) 1px solid !important;
}
.tabbed-search .nav-item.active > a.nav-link{
    font-weight: 600;
}
#facility_page .tabbed-search .nav-link:not(.nav-link.active),
#search_page .tabbed-search .nav-link:not(.nav-link.active),
#facility_providers_page .tabbed-search .nav-link:not(.nav-link.active){
    color:var(--light-color);
    background: var(--dark-color);

}
@media(min-width:489px){
    .tabbed-search .inactive .nav-link{
        box-shadow: inset 0px -2px 4px 0.5px #700921;
        box-shadow: inset 0px -2px 4px 0.5px #201d9e;
        box-shadow: inset 0px -2px 4px 0.5px color-mix(in srgb, var(--darkest-color) 50%, black);
    }
}

#facility_page .tabbed-search .form-control:focus,
#search_page .tabbed-search .form-control:focus,
#facility_providers_page .tabbed-search .form-control:focus{
    border: 0px !important;
    box-shadow: unset !important;
}
#facility_page .tabbed-search .nav-link,
#search_page .tabbed-search .nav-link,
#facility_providers_page .tabbed-search .nav-link{
    margin-right: 4px;
}
#facility_page .tabbed-search .search_tabs,
#search_page .tabbed-search .search_tabs,
#facility_providers_page .tabbed-search .search_tabs{
    padding: 0px;
}
#facility_page .tabbed-search input,
#search_page .tabbed-search input,
#facility_providers_page .tabbed-search input{
    border:unset !important;
}
#facility_page .tabbed-search .btn,
#search_page .tabbed-search .btn,
#facility_providers_page .tabbed-search .btn{
    background-color: var(--primary-action) !important;
    border:1px solid var(--light-color);
}
#facility_page .tabbed-search button.btn.btn-secondary,
#search_page .tabbed-search button.btn.btn-secondary,
#facility_providers_page .tabbed-search button.btn.btn-secondary{
    background-color: var(--accent-primary) !important;
    transition: .3s;
    border:1px solid var(--accent-primary);
}
#facility_page .tabbed-search button.btn.btn-secondary:hover,
#search_page .tabbed-search button.btn.btn-secondary:hover,
#facility_providers_page .tabbed-search button.btn.btn-secondary:hover{
    background-color: color-mix(in srgb, var(--accent-primary) 80%, white) !important;
    box-shadow: 0px 0px 0px 4px color-mix(in srgb, var(--primary-action) 50%, white);
}




#facility_page .tabbed-search .input-group input[type="search"],
#search_page .tabbed-search .input-group input[type="search"],
#facility_providers_page .tabbed-search .input-group input[type="search"]{
    font-size:20px;
    font-weight:500;
    color: var(--dark-color);
    background-color:var(--lightest-color) !important;
    border-bottom:1px solid var(--contrast-accent) !important;
    border-bottom:1px solid #dd8c9f !important;
    border-bottom:1px solid var(--accent-primary) !important;
    border-radius: 0px;
}
#facility_page .tabbed-search .input-group input::placeholder,
#search_page .tabbed-search .input-group input::placeholder,
#facility_providers_page .tabbed-search .input-group input::placeholder {
    font-size:20px;
    font-weight:400;
    color: var(--medium-color);
}

.search_tabs .nav-item a:hover{
    text-decoration:unset;
}

#facility_page .tabbed-search .search_tabs .nav-tabs,
#search_page .tabbed-search .search_tabs .nav-tabs,
#facility_providers_page .tabbed-search .search_tabs .nav-tabs{
    border-bottom: 0px !important;
    padding-bottom: 1px;
    font-size: 18px;
}

#facility_page .tabbed-search .search_tabs li.inactive,
#search_page .tabbed-search .search_tabs li.inactive,
#facility_page .tabbed-search .search_tabs li.inactive>a,
#search_page .tabbed-search .search_tabs li.inactive>a,
#facility_providers_page .tabbed-search .search_tabs li.inactive,
#facility_providers_page .tabbed-search .search_tabs li.inactive>a
{
    color: var(--lightest-color) !important;
    border-radius: 4px 4px 0 0;
}
#facility_page .tabbed-search .search_tabs li.active>a,
#search_page .tabbed-search .search_tabs li.active>a,
#facility_providers_page .tabbed-search .search_tabs li.active>a{
    background-color: var(--contrast-action) !important;
    color: var(--dark-color) !important;
}
@media(max-width:488px){
    .search_tabs li.active>a{
        border-radius:unset;
    }
}
#facility_page .custom_search_box,
#search_page .custom_search_box,
#facility_providers_page .custom_search_box {
    height: 72px;
    background-color: var(--contrast-action);
    border-radius: 0px 12px 12px 12px;
    width: fit-contents;
    padding: 14px;
    width: 100%;
}
#facility_page .custom_search_box .input-group,
#search_page .custom_search_box .input-group,
#facility_providers_page .custom_search_box .input-group {
    position: relative;
    display: flex;
    align-items: stretch;
}
#facility_page .facility-container-image,
#search_page .facility-container-image,
#facility_providers_page .facility-container-image
{.home_search_box .home-search-input-box
background-image: url(https://www.shutterstock.com/image-vector/graph-data-vector-visualization-science-600w-1910005705.jpg);
    background-image: url(/wp-content/uploads/2023/12/OSTR-Default-Background.jpg);
    background-size: cover;
    position: relative;
}
#facility_page .search-box-container,
#search_page .search-box-container,
#facility_providers_page .search-box-container{
    max-height: 600px !important;
    padding-left: 0px;
    padding-right: 0px;
}
#facility_page .facility-container-image:after,
#search_page .facility-container-image:after,
#facility_providers_page .facility-container-image:after {
    content: '';
    background-image: linear-gradient(to right, rgb(14 0 147 / 74%) , rgb(73 26 127 / 43%));
    background-image: linear-gradient(to right, rgb(2 0 67 / 74%) , rgb(0 0 0 / 47%));
    background-image: linear-gradient(to right, rgb(4 37 77 / 86%) , rgb(2 3 37 / 46%));
    background-image: linear-gradient(to right, rgb(77 4 65 / 86%) , rgb(187 14 61 / 9%));
    background-image: linear-gradient(to right, rgb(52 16 72 / 87%) , rgb(0 0 0 / 29%));
    background-image: linear-gradient(to left, rgb(16 34 77 / 50%) , rgb(28 47 93 / 71%));
    background-image: radial-gradient(circle at top right, #ff8a0036, #05269380, #12104b);
    background-image: radial-gradient(circle at top right, #ff8a0036, #001a709c, #10224de8);
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#facility_page .search-box-container .text-container,
#search_page .search-box-container .text-container,
#facility_providers_page .search-box-container .text-container{
    position: relative;
    z-index: 1;
}

/* Provider Details Page */

.facility-container-image.provider-no-image{
    background-image: linear-gradient(to right, rgb(255 242 236) , rgb(255 242 237));
}

.facility-container-image .text-container{
    z-index:1;
    position:relative;
}
.facility-container-image{
    background-size: cover;
    position: relative;
    background-position: 100% 50%;
}

.facility-container-image:after {
    content: '';
    background-image: linear-gradient(to right, rgb(149 39 26 / 83%) , rgb(220 208 255 / 18%));
    background-image: linear-gradient(to right, rgb(114 10 42 / 90%) , rgb(67 44 163 / 45%));
    background-image: linear-gradient(to right, rgb(52 16 72 / 87%) , rgb(0 0 0 / 29%));
    background-image: linear-gradient(to right, rgb(18 16 75) , rgb(0 0 0 / 29%));
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    animation: provider_gradient 4s ease infinite;
}
@keyframes provider_gradient{
    0% {
        background-position: 51% 0%;
    }
    50% {
        background-position: 50% 100%;
    }
    100% {
        background-position: 51% 0%;
    }
}


.provider_details_page .provider_generated_description{
    color: var(--dark-color);
}

#provider_details_banner{
    padding-left:0px;
    padding-right:0px;
}

.provider_details_page .website-buttons{
    margin-top:0.5rem;
}
.provider_details_page .website-buttons a > button{
    margin-top:unset;
    width:100%;
}
.provider_details_page .website-buttons .contrast_secondary_button{
    background-color:var(--core-facility-bg);
    border: 1px solid var(--core-facility-bg);
    color: var(--light-color);
}
.provider_details_page .website-buttons .contrast_primary_button{
    background-color:var(--transparent);
    border: 1px solid var(--core-facility-bg);
    color: var(--core-facility-bg);
}
.provider_details_page .website-buttons a:not(:first-child) > button {
    margin-top: 1.5rem;
}

.provider_details_page .container{
    padding-left:1rem;
    margin-top:1.5rem;
}
.provider_details_page .container h3{
    margin-top:0.25rem;
    margin-bottom:1rem;
}
@media(max-width:489px){
    .provider_details_page .provider-html-description{
        margin: 16pt 8pt 16pt 8pt;
    }
    .p-5{
        padding:1.5rem !important;
    }
}
.provider_details_page .provider-html-description .container{
    border: 1px solid var(--light-color);
    padding: 1rem 2rem 1rem 2rem;
    margin: 1rem auto 1rem auto;
}
.provider_details_page .provider-html-description ul{
    margin-left:1rem;
}
.provider_details_page .contact-details-container .additional-contacts{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: baseline;
    margin-top:1.5rem;
}
.provider_details_page .contact-details-container{
    padding: 2rem 1rem 2rem 1rem;
}
.provider_details_page .contact-details-container:not(.provider_details_page .contact-details-container.light),
custom-overview-details-container.dark:not(.custom-overview-details-container.light) {
    background-color: var(--darkest-color);
}
.provider_details_page .contact-details-container.light, .custom-overview-details-container.light{
    background-color: var(--contrast-action) !important;
;

}
.provider_details_page .contact-details-container:not(.contact-details-container.light),
.provider_details_page .contact-details-container a:not(.contact-details-container.light a) {
    color: var(--lightest-color) !important;
}
.provider_details_page .contact-details-container h3:not(.contact-details-container.light h3),
.provider_details_page .contact-details-container h4:not(.contact-details-container.light h4) {
    color: var(--light-color) !important;
}
.provider_details_page .contact-details-container h4 {
    margin-bottom:0.75rem;
    margin-top: 0.25rem;
}
.provider_details_page .contact-details-container:not(.light)>hr{
    color: var(--contrast-accent);
    opacity:1;
}
.provider_details_page .contact-details-container.light>hr,
.custom-overview-details-container.light>hr
{
    color: var(--lightest-color);
    opacity:1;
}
.provider_details_page .contact-details-container .additional-contact-section{
    margin-top:1.25rem;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: fit-content;
    text-wrap: nowrap;
}
.provider_details_page .contact-details-container .contact-card{
    margin-left:0.5rem;
}
.provider_details_page .contact-details-container:not(.light) .primary_button{
    color: var(--light-color);
}

.provider_details_page .provider-html-description .badge.keyword-cloud{
    margin: 4px;
    padding: 4px 8px 4px 8px;
    color: var(--dark-color) !important;
    text-decoration: none;
    background-color: #ffdfc3;
    background-color: #FBF0EA;
    font-weight: 400;
}
/*.provider_details_page .provider-html-description a.badge.keyword-cloud:hover {*/
/*    box-shadow: 0px 3px 0px -1px #d7d6f5;*/
/*    color: var(--dark-color) !important;*/
/*    background-color: #FFA85E;*/
/*}*/

.breadcrumb .active{
    color: var(--dark-color);
    color: color-mix(in srgb, var(--dark-color) 80%, white);
}
.breadcrumb-item+.breadcrumb-item::before{
    color: var(--dark-color) !important;
}
.breadcrumb li {
    font-size: 14px;
    padding:2pt;
}

.breadcrumb a{
    color: var(--dark-color);
    color: color-mix(in srgb, var(--darkest-color) 75%, white);
}
.breadcrumb a:hover{
    text-decoration-color: var(--primary-action);
}
@media(max-width: 500px){
    li.breadcrumb-item:first-child,
    li.breadcrumb-item:last-child{
        display:none;
    }
}

/* 404 Error Page */
#error_page {
    background-color: #edf4ff;
}
#error_page .container{
    margin:auto;
}
.main#error_page{
    min-height:unset;
}
@media(min-width:600px){
    #error_page .container{
        margin: 16pt 20% 16pt 20%;
        vertical-align: middle;
    }
}

/* Sequencing Facility Page */
.sequencing_facility_pricing_tables table {
    border: 1px solid rgb(13, 29, 65);
    font-size: 12pt;
    border-collapse: collapse;
    margin: 29px;
}

.sequencing_facility_pricing_tables table thead th {
    font-weight: bold;
}

.sequencing_facility_pricing_tables table caption {
    padding:.5em;
}

.sequencing_facility_pricing_tables table th,
.sequencing_facility_pricing_tables table td {
    padding: .5em;
    border: 1px solid rgb(13, 29, 65);
}

.sequencing_facility_pricing_tables thead > tr:nth-child(1) {
    font-weight: 900;
    font-size: 1.2em;
}

.sequencing_facility_pricing_tables thead > tr:nth-child(2)  {
    font-style: italic;
}

.sequencing_facility_pricing_tables_blue td {
    background-color: #dae1f0;
}

.sequencing_facility_pricing_tables_red td {
    background-color: #f8e4d8;
}

.sequencing_facility_pricing_tables_yellow td {
    background-color: #fdf2d0;
}

.sequencing_facility_pricing_tables_grey td {
    background-color: #d0cece;
}

.sequencing_facility_illumina_variation td {
    background-color: #fdf2d0;
}

.sequencing_facility_illumina_variation tr td:nth-child(3) {
    background-color: #f8e4d8;
}

.sequencing_facility_pacbio_variation td {
    background-color: #d0cece;
}

.sequencing_facility_pacbio_variation tr td:nth-child(3) {
    background-color: #fdf2d0;
}

.sequencing_facility_oxford_variation td {
    background-color: #d0cece;
}

.sequencing_facility_oxford_variation tr td:nth-child(3) {
    background-color: #fdf2d0;
}

.sequencing_facility_bionano_variation td {
    background-color: #f8e4d8;
}

.sequencing_facility_bionano_variation tr td:nth-child(3) {
    background-color: #fdf2d0;
}

.sequencing_facility_pricing_tables td[colspan="3"]  {
    background-color: #fff;
    font-style: italic;
}
/*Video Details*/
#video_details_page .btn-share-link,
.btn-share-link{
    background: var(--light-color);
    text-decoration: unset !important;
    border-radius: 2rem;
    padding: 0.25rem 0.5rem;
    color: var(--primary-action);
}
.btn-share-link:focus,
.btn-share-link:hover{
    background: var(--primary-action) !important;
    color: var(--lightest-color) !important;

}
#video_details_page .secondary-image-filter.page-banner-image{
    background-position: 0px 60%;
    background-size: cover;
    position: relative;
}
#video_details_page .secondary-image-filter.page-banner-image:after{
    content: '';
    background-image: linear-gradient(to bottom, rgba(98, 84, 163, 70%), rgb(13 29 65));
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#video_details_page .underline-accent{
    background-color: #00b3d4;
}
.video-detail-container{
    /*background-color: var(--darkest-color);*/
    /*background-color: #6254a3 !important;*/
}
.video-detail-container .wp-video{
    margin: auto !important;
    width: 100% !important;
}
.video-detail-container .video-control-container{
    width:100%;
    height:auto;
}