/* ======= 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.3), rgba(0, 0, 0, 0.3)), url('/data/SiteBuilderAssetsOriginals/Live/Images/bloodict/BICT 1-1 hero.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: #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: #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:#8000ff;
	}
*/
/*
.pg_Index .header-row .button {
    background-color:#46c8f5;
}
*/
/* 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(70, 200, 245, 1); 
} */

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

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

.widget-ArticleListNewAndPopular .widget-dynamic-entry-wrap .fb-item-title a {
	font-size: 1.1rem !important;
}

.widget-SitePageFooter .journal-footer .journal-footer_content .journal-footer-menu a {
    color: #46c8f5 !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;
}



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

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

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