/* ======= 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/ImageLibrary/bloodadvances/BloodAdvances-Hero-Image-1-18.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/bloodadvances/BA 9-14 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:#A41E22;
	}
*/

.pg_Index .header-row .button {
    background-color:#115284 !important;
	color: #fff;
}
/* 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(1, 15, 83, 0) !important;
}



/* ======= GLOBAL SITE THEME COLOR OVERRIDES ======= 

-Below updates color of various assets for site-specific branding. 
-Ensure AA Accessibility is reached by entering below hex value into the left box here https://contrast-ratio.com/#white-on-#115284

*/

.pg_articlesplitview .tabs {
	background:#115284 !important;
}

.pg_articlesplitview .tabs .tab {
	border-top: 2px solid #115284 !important;
}

.rail-widget_wrap, .widget-ArticleLevelMetrics {
	border-top: 2px solid #115284 !important;
}

.rail-widget_wrap h3.alerts-widget-header:before, .widget-ArticleLevelMetrics h3.alerts-widget-header:before {
    color: #115284
}

.journal-header .site-menu .site-menu-item.site-menu-lvl-0>.nav-link i {
    color: #115284 !important;
}

.journal-header .site-menu .site-menu-item.site-menu-lvl-0>.nav-link.expanded, .journal-header .site-menu .site-menu-item.site-menu-lvl-0>.nav-link:hover {
    border-bottom-color: #115284 !important;
    color: #115284 !important;
}

.PdfOnlyLink .article-pdfLink:not(.toggle-left-col__close), .btn:not(.toggle-left-col__close), .button:not(.toggle-left-col__close), .content-main_content .external-login-provider a:not(.toggle-left-col__close), .dropdown-panel .external-login-provider h3+a:not(.toggle-left-col__close), .pg_MyAccount #myaccount-tabs-content .section-wrapper .dataRow .btn-userprofile-cancel:not(.toggle-left-col__close), .pg_MyAccount #myaccount-tabs-content .section-wrapper .dataRow .btn-userprofile-update:not(.toggle-left-col__close), .pg_MyAccount .myaccount-wrap .alert-details .email-alert-type .add-alert-link-wrap a:not(.toggle-left-col__close), .store-link:not(.toggle-left-col__close), .widget-alerts .widget-links_wrap .reveal-modal>div a.addUserAlert:not(.toggle-left-col__close), .widget-alerts .widget-links_wrap .reveal-modal>div a.userAlert-manageAlerts:not(.toggle-left-col__close), button:not(.toggle-left-col__close) {
    background: #115284; 
}

.widget-SitePageFooter .journal-footer .journal-footer_content .journal-footer-menu a {
   
    color: #115284 !important;

}

.customLink h4, h5.customLink a {
 
    color: #115284 !important;
  
}

.widget-ArticleListNewAndPopular .articleListNewAndPopularCombinedView li a.active {
    border-bottom: 4px solid #115284;
    color: #115284 !important;
}

.article-list-resources .section-container>section {
    border-top: 2px solid #115284 !important;

}


.master-main .theme-homepage-layout:not([class*=layout-]) [class*=home-row]:not(.header-row):not(.home-columns).widget-dynamic .widget-dynamic-inner-wrap>div[class*=home-self-serve-content-feature]>div.homepage-panel-text a, .master-main .theme-homepage-layout:not([class*=layout-]) [class*=home_row]:not(.header-row):not(.home-columns).widget-dynamic .widget-dynamic-inner-wrap>div[class*=home-self-serve-content-feature]>div.homepage-panel-text a {
    color: #115284 !important;
}

.standard-article-nav-links {
    border-top: 2px solid #115284;
	color: #115284 !important;
}


.article-top-widget .ww-citation-history-wrap .history-label,
.inline-list:not(.search-field-options) li a ,
.article-top-widget .ww-citation-date-wrap>div:first-of-type a, 
.article-top-widget .ww-citation-wrap-doi>div:first-of-type a, 
.citation a:not(.link-pub-id),
.sri-title h4 a,
 a.save-search,
.ww-citation-wrap-doi a,
.additional-resource_wrap a,
.snippet a 
{
    color: #115284 !important;
}

.mobile-site-menu-toggle .icon-menu_hamburger:before {
    color: #115284 !important;

}

.journal-header .site-menu>.site-menu-item .site-menu>.site-menu-item .nav-link:hover {
    background: #115284 !important;

}

.all-issues a, ul.issue-browse__supplement-list a {
    color: #115284 !important;
}

.pg_Index .widget-ArticleListNewAndPopular a {
	    color: #115284 !important;
		font-size: 1.1rem !important;
}

.sf-facet-list a {
    color: #115284 !important;
}

.widget-ArticleFulltext a {
	   color: #115284 !important;
}

.widget-SolrResourceMetadata a {
	   color: #115284 !important;
}

.pg_Index .content-main_content .header-row .button:hover
 {
    background: #fff !important;
    color: #115284;
    border: none;
}

.widget-alerts .widget-links_wrap .reveal-modal>div a.addUserAlert:not(.toggle-left-col__close):hover, .widget-alerts .widget-links_wrap .reveal-modal>div a.userAlert-manageAlerts:not(.toggle-left-col__close):hover{
	background: #115284;
    color: #fff;
    text-decoration: none;
    border-color: #1c1d1f;
}

.rail-widget_wrap, .widget-ArticleLevelMetrics {
    border-top: 2px solid #80121b;
 
}


.widget-ArticleDataSupplements a {
	 color: #115284 !important;
}

.related-article a {
    color: #115284 !important;
}

.widget-IssueCoverBrowse a {
    color: #115284 !important;
}

.widget-ContentBrowseAllYearsManifest a {
    color: #115284 !important;
}

.widget-GdprCookieBanner a {
    color: #115284 !important;
}

.fig-orig a:not(.toggle-left-col__close):hover{
	background: #115285;
    color: #fff;
}

.fig-orig a:not(.toggle-left-col__close){
	background: #115284 !important;
    color: #fff !important;
}

.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 .widget-dynamic__header {
    margin-bottom: .5rem !important;
    text-align: center !important;
}

.widget-SelfServeContent a {
    color: #115284;
}

.widget-SelfServeContent .widget-instance-UmbrellaFooterSelfServe a {
    color: #FFF !important;

}

.site-theme-footer a {
    color: #fff !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-bloodadvances_home-self-serve-below-ad {
    padding-top: 1rem !important;
}

.widget-ArticleListNewAndPopular.widget-instance-Home_MainContentB0B1B0home-article-list-new-and-popular-latest {
    border: 1px solid #cfd6d9;
}

.pg_collections .widget-SpecialCollection a {
    color: #115284;
}


.pg_ArticlesByGroup .widget-ArticleListGroups .al-title a {
color: #115284 !important;
}
.pg_ArticlesByGroup .widget-ArticleListGroups .badge-bar a {
color: #115284 !important;
}
.pg_ArticlesByGroup .widget-ArticleListGroups .al-authors-list a {
color: #000000 !important;
}

