/* ======= HOMEPAGE ISSUE BRANDING ======= 
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%).
- Example (do not remove or edit):
	.pg_Index .header-row {
	    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)), url('/data/SiteBuilderAssetsOriginals/Live/Images/hematology/hematology-Hero-Image-133-26.jpg');
	    background-position: center;
	    background-repeat: no-repeat;
	}
*/

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

/* 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 .issue, .pg_Index .widget-IssueInfo .article-issue-info .volume, .pg_Index .widget-IssueInfo .article-issue-info .ii-pub-date {
 color: #000;
}


/* HERO BUTTON COLOR

- Change the below hex value to change color of button.
- Ensure AA Accessibility is reached by entering below hex value into the left box here https://contrast-ratio.com/#white-on-#A41E22
- Example (do not remove or edit): 
	.pg_Index .header-row .button {
	    background-color:#A41E22;
	}
*/

.pg_Index .header-row .button {
    background-color:#A41E22;
}

/* HERO TEXT BOX BACKGROUND

- Use a HEX to RGBA converter (https://codepen.io/simonswiss/pen/bfhql), the last digit represents opacity (.8 = 80%) 
- Ensure AA Accessibility is reached by entering rgba(#,#,#,.#) values into the left box here: https://contrast-ratio.com/#white-on-rgba
- Example (do not remove or edit):
	.pg_Index .header-row-right {
	    background-color:rgba(135, 126, 142, .8);
	} 
*/

.pg_Index .header-row-right {
    background-color:rgba(43, 41, 63, .8);
}

.issue-dropdown-wrap .issue-page-title {
   
    font-size: 1.55rem !important;
   
}

.pg_issuecovers .issue-dropdown-wrap .issue-browse-top_content {
       padding: 2rem !important;
}

.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 !important;
}

h5.customLink a {
	color: #b7000f !important;
}

h5.customLink a:visited {
	color: #b700f !important;
}