/* Add here all your CSS customizations */

:root {
  --bioz-blue-dark: #001c4a;
  --bioz-blue: #1c59b5;
  --bioz-type: "Jost", Arial, sans-serif;;
}


html .border-color-asco {
    border-color: #09427d !important;
}


html .btn-asco {
    background-color: #09427d;
    border-color: #09427d #09427d #006699;
    color: #FFF;
}


html .text-color-asco, html .text-asco {
    color: #09427d !important;
}

html .bg-color-primary, html .bg-primary {
    background-color: var(--bioz-blue-dark) !important;
}


/* Override the sticky header of Focus On */

#primarynav, #sitemap-nav, #cancertype-nav {
    position: relative;
}

#primarynav {
    z-index: 1060;
}

#sitemap-nav {
    z-index: 1000;
    position: relative;
    top: auto;
}

#biozone, .biozone {
    font-family: var(--bioz-type);
}


#biozone h1, #biozone h2, #biozone h3, #biozone h4, #biozone h5 {
    color: var(--bioz-blue);
    letter-spacing: -.05em;
    font-family: var(--bioz-type);
}

#biozone h1 a, #biozone h2 a, #biozone h3 a, #biozone h4 a, #biozone h6 a {
    color: var(--bioz-blue);
}


#biozone h1 {
    font-weight: 400;
}

#biozone h2 {
    font-weight: 300;
}

#biozone h3 {
    font-weight: 600;
}


/*
@media (min-width: 992px) { 
    div.post-image {
        margin: 0 50px;
    }
}
*/

.post-image {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
}



.modal {
    z-index: 2050;
}



#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    padding: 6px 10px 6px 0;
}


.home-intro {
    background-color: #EEE;
    margin-bottom: 5px;
    margin-top: 0px;
    overflow: hidden;
    padding: 1.5rem 0;
    position: relative;
    text-align: center;
}

html.sticky-header-active #header .header-body {
    position: relative;
}


.side-header {
    font-family: var(--bioz-type);
}



.side-header-narrow-bar .side-header-narrow-bar-content .side-header-narrow-bar-content-vertical {
    transform: rotate(-90deg);
    white-space: nowrap;
    text-transform: uppercase;
    margin-left: -29%;
}


/* rebrand overrides */

@media (min-width: 992px) {
    #header .header-nav-main nav > ul > li > a {
        text-transform: none !important;
    }    
}

.btn-modern {
    text-transform: none;
}

/* phase 3 updates */

#biozone .main ul li {
    color: #777;
}

/* phase 4 updates */

.bz-category-block {
    position: absolute;
    bottom: 0;
    right: 4px;
    display: flex;
    flex-direction: column;
}

.bz-category-icon {
    width: 42px;
    height: 42px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 100%;
}

.bz-audience-key {
    padding: .5rem;
    background-color: #fff;
    margin: .5rem;
    border: 1px dashed var(--bioz-blue-dark);
    position: relative;
    z-index: 1000;
}

@media (min-width: 992px) {
    .bz-audience-key {
        position: fixed;
        bottom: 0;
        right: 72px;
    }
}

.dropdown-item {
    white-space: normal;
}