/* HEADER - Primary Logo Bar Background */
.journal-bg {
    background-color: #43678B;
}

/* HEADER - Menu Bar Text Color  */
.journal-header .navbar-menu .site-menu .site-menu-lvl-0 > a.nav-link {
    color: #ffffff;
}

/* HERO BACKGROUND IMAGE + COLOR GRADIENT OVERLAY

- How to Change Image: Upload Image through SiteBuilder Image Assets, ensure it has a different filename, update URL with 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%).

*/

.header-row {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)), url('/data/SiteBuilderAssetsOriginals/Live/Images/mwr/mwr-home-hero-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
}

/* Stacks published info and impact factor widget on mobile */
@media (max-width: 899px) {
    .widget.header-row[data-count="2"] .widget-dynamic-inner-wrap .header-row-right .publisher-info-impact-factor-container .widget-dynamic-inner-wrap {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .widget-instance-mwr_home-self-serve-content-publisher-info {
        padding-bottom: 1em !important;
    }

}

/* Per Silverchair: hides Footer */
.widget-SitePageFooter.widget-instance-SitePageFooter {
    display: none;
}