/* ============================================= */
/* ===== GLOBAL SITE THEME COLOR OVERRIDES ===== */
/* ============================================= */

/* This css file is used across all microsites that want to override selected link styles and highlights to use their own branding. Color variables are defined at the Microsite level for each. */
.global-nav-dropdown .site-theme-header-image-wrap .site-theme-header-image {
    max-width: 200px;
}

/* ======================================== */
/* ======== HEADER/FOOTER BORDER  ========= */
/* ======================================== */

.journal-header {
    border-bottom: 4px solid var(--site-primary);
}

.widget-SitePageFooter .journal-footer.journal-bg {
    border-top: 4px solid var(--gray-lightest);
}

.pg_index
    .hero-row:not(.light-background)
    .widget-IssueInfo
    .view-current-issue
    .button {
    background: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
    color: var(--white);
}

.pg_index
    .hero-row:not(.light-background)
    .widget-IssueInfo
    .view-current-issue
    .button:hover {
    background: var(--site-secondary) !important;
    border-color: var(--site-secondary) !important;
    color: var(--white);
}

/* EIC & IMPACT FACTOR BOX COLOR */
.theme-homepage-layout
    .hero-row
    .home-self-serve-content-publisher-metadata
    > .widget-dynamic-inner-wrap
    > div {
    border-color: var(--site-primary);
}

/* VIEW THIS ISSUE BUTTON COLOR */
.pg_Index .content-main_content .hero-row .btn {
    background: var(--site-primary) !important;
    border-color: var(--site-primary) !important;
    color: var(--white);
}

.pg_Index .content-main_content .hero-row .btn:hover {
    background: var(--site-secondary) !important;
    border-color: var(--site-secondary) !important;
    color: var(--white);
}

.pg_Index .widget-SelectableContentList .widget-dynamic-heading {
    color: var(--site-secondary);
}

.pg_Index .widget-SelfServeContent .homepage-panel-text h3 a {
    color: var(--site-secondary);
}

.pg_Index .widget-SelfServeContent .homepage-panel-text h3 a:hover {
    color: var(--site-primary);
}

.pg_Index .widget-SelfServeContent .homepage-panel-text h3 a:visited {
    color: var(--site-secondary);
}

.widget-ArticleListNewAndPopular
    .articleListNewAndPopularCombinedView
    li
    a.active {
    border-bottom: 2px solid var(--site-primary);
}

/* ================================ */
/* ===== ANNOUNCEMENT BANNER  ===== */
/* ================================ */
.home-announcement-banner {
    padding: 1.5rem 4rem;
    background-color: var(--gray-lighter);
}

/* ================================ */
/* ===== OVERRIDES/ADDITIONS MD ====*/
/* ================================ */

.journal-header .journal-header_content .journal-logo_wrap img {
    max-width: 80%;
    margin: 20px 0;
}

/* Added 12.14.21 mdlobik */

.sidebar-widget_wrap {
    max-width: 100% !important;
}

.pg_SelfServePage .content-main_content .ss-content {
    max-width: 100% !important;
}

/* Added 2.14.22 mdlobik */

/* ADA FOOTER LOGO */

.site-theme-footer .footer-logo-wrap {
    display: flex;
    justify-content: center;
}

.site-theme-footer .theme-footer .footer-logo {
    max-width: 160px;
}

/* ADA FOOTER SOCIAL ICONS */

.site-theme-footer .theme-footer ul.social-icons-list {
    display: flex;
    margin: 1rem 0 1.5rem 0;
}

.site-theme-footer .social-icons-list {
    justify-content: center;
}