/* ============================================= */
/* ===== MICROSITE THEME COLOR OVERRIDES   ===== */
/* ============================================= */
:root {
    --site-primary: #3896a4;
    --site-secondary: #bf6430;
    --site-tertiary: #23272e;
    --white: #ffffff;
    --black: #000;
    --gray-lightest: #fafafa;
    --gray-lighter: #ededed;
}

/* ======================================== */
/* ===== HOMEPAGE HERO CUSTOMIZATION  ===== */
/* ======================================== */

/* HERO BACKGROUND IMAGE + GRADIENT OVERLAY
 
 - How to Change Image: Upload Image through SiteBuilder Image Assets, ensure it has a different filename, update URL with the filename below
 - How to Change Color Gradient Overlay: use HEX to RGBA converter for the appropriate format, first rgba() value is top color, second value is bottom color, use last digit in each for opacity (.75 = 75%).
 - Example (do not remove or edit):
     .pg_Index .hero-row {
         background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.97)), url('/data/SiteBuilderAssetsOriginals/Live/Images/care/hero-bg.jpg');
         background-position: center;
         background-repeat: no-repeat;
     }
 */

.pg_Index .hero-row {
    background-image: url("/data/SiteBuilderAssetsOriginals/Live/Images/care/hero-bg22.jpg") !important;
    background-position: left;
    background-repeat: no-repeat;
    background-color: #000;
}

/*(****************************/
/* Added 12.10.21 - m dlobik */
/*(****************************/

.widget-ArticleListNewAndPopular {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}

.article-issue-info {
    color: black;
}

.button {
    background-color: #3896a4;
    text-decoration: none !important;
}

.btn-wrap .d-b {
    background-color: #3896a4;
    text-decoration: none !important;
    transition: .3s;
}

.btn-wrap .d-b:hover {
    background-color: #bf6430 !important;
    text-decoration: none !important;
}

.button:not(.toggle-left-col__close) {
    background-color: #3896a4 !important;
    text-decoration: none !important;
    transition: .3s;
}

.button:not(.toggle-left-col__close):hover {
    background-color: #bf6430 !important;
}

#issueInfo-Home_MainContentB0B0home-issue-info {
    color: #303030;
}

.cta-button {
    border: 5px solid #3896a4;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
}

.cta-button a {
    text-decoration: none !important;
    display: block;
    text-align: center;
    vertical-align: middle;
    padding-top: 50px;
    font-size: 26px;
    color: #303030 !important;
    background-color: rgb(56, 150, 164, 0.1) !important;
    transition: .3s;
}

.cta-button a:hover {
    background-color: rgb(56, 150, 164, 0.2) !important;
}

.home-announcement-banner {
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}

.widget-instance-clinical_home-self-serve-content-cta {
    border: none !important;
}