/* === HERO-ROW BACKGROUND === */
.theme-homepage-layout .hero-row {
    background-image: url('/data/SiteBuilderAssetsOriginals/Live/Images/ajot/journal-hero-bg.jpg');
    background-position: left;
    background-repeat: no-repeat;
	background-color: #dbdbdb;
}

/* HERO ISSUE TEXT

- Change the below hex value to change "Current Issue" "Volume #, Issue #" and "Date" values in the left side of the hero.
- Ensure at least AA Accessibility is reached by examining contrast ratio between the below hex value and combined image + gradient overlay. Use tool here: https://www.brandwood.com/a11y/
- Example (do not remove or edit):
    .pg_Index .current-issue-title,
    .pg_Index .widget-IssueInfo .article-issue-info .issue,
    .pg_Index .widget-IssueInfo .article-issue-info .volume,
    .pg_Index .widget-IssueInfo .article-issue-info .ii-pub-date {
 		color: #fff;
	}
*/

.pg_Index .current-issue-title,
.pg_Index .widget-IssueInfo .article-issue-info .ii-pub-date {
 color: #1a1a1a !important;
}

.pg_Index .widget-IssueInfo .article-issue-info .issue,
.pg_Index .widget-IssueInfo .article-issue-info .volume {
 color: #e94429 !important;
}

div[class*=-about-this] p {
    color: #5e2b5b;
}

.theme-homepage-layout .hero-row .home-self-serve-content-publisher-metadata>.widget-dynamic-inner-wrap>div {
    width: calc(50% - .5rem);
    padding: 1rem;
    box-sizing: border-box;
    border: 1px solid #5e2b5b;
    border-radius: 5px;
}

.widget-SelfServeContent[class*=publisher-info] a {
    color: #5e2b5b;
    font-weight: 700;
    text-decoration: underline;
}

.widget-ImpactFactorSiteRanking .impact-label {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.28;
    text-align: left;
    color: #5e2b5b;
    margin-top: 10px
}

.widget-ImpactFactorSiteRanking .impact-data {
    font-size: 27px;
    line-height: 1.37;
    text-align: left;
    color: #5e2b5b;
    margin-bottom: 10px
}

.pg_index .widget-IssueInfo .widget-info-wrap .current-issue-title, .pg_index .widget-IssueInfo .widget-info-wrap .open-issues_label {
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: .875rem;
    font-weight: 400;
    letter-spacing: .4px;
    text-transform: uppercase;
    margin: 0 0 .75rem 0;
    color: #1a1a1a;
}