/* ======= 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/Blood/Blood-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.1), rgba(0, 0, 0, 0.1)), url('/data/SiteBuilderAssetsOriginals/Live/Images/blood/hero_bld146_03.jpg') !important;
    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: #000;
	}
*/

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


/* 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(0, 0, 0, .8);
}

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

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

.widget-SitePageFooter .journal-footer .journal-footer_content .journal-footer-menu a {
    color: #b7000f !important;
}

.pg_Index .home-short-col2 .widget-dynamic-inner-wrap {
    padding-left: 1rem !important;
}

.pg_Index .widget-dynamic__header {
    margin-bottom: .5rem !important;
    text-align: center !important;
}

.widget-SelfServeContent.widget-instance-blood_home-self-serve-below-ad {
    padding-top: 1rem !important;
}

.widget-MultiQuerySelectableContentList.widget-instance-Home_MainContentB0B1B0home-multi-query-selectable-content-list  {
    border: 1px solid #cfd6d9 !important;
    border-radius: .25rem;
}

a.js-show-all-toggle.show-all-toggle {
    display: none !important;
}

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

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