/* Homepage Hero Background Image */
.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/jeh/Pine.jpg');
    background-position: center;
    background-repeat: no-repeat;
 }
 
/* Doug CSS */
/* Header +  Logo */

/*  Remove hard width of this wrapper - without this the logo is restrained */
.journal-header .journal-header_content .journal-logo_wrap {
    width: unset;
}

/* Remove height constraint - Change Journal Logo to 300px max width */
.journal-header .journal-header_content .journal-logo_wrap img {
    max-height: unset; 
    width: 300px; 
}
/* Remove forced height of Society Logo - Change to 125px wide */
.journal-header .journal-header_content.with-society-logo .society-block_wrap .society-logo {
    max-height: unset;
    width: 125px;
}

/* This writes over SilverChair's text-align: left that holds the Society Logo to the left; -
That was not working well at tablet and mobile in this case- Changed to text-align: right to weight the logo right.*/
.journal-header .journal-header_content.with-society-logo .society-block_wrap {
    text-align: right;
}

/* Footer + Logo */
/* Open up the Footer Journal & Society Logo containers from 175px to 300. 
This lets the center menu stay centered in the footers flex layout... 300px on either side of menu. 
If you apply that 300px to just the Journal Logo wrap (which is what needs it to be as large as it does) 
it weights the center menu left of center due to 300px to left and 150 to right which is unbalanced.*/
.widget-SitePageFooter .journal-footer .journal-footer_content .journal-footer-affiliations:not(.aff-left) {
    width: 300px;
}

/* Get rid of height constraint on Footer Journal Logo - Max Width of image is 300px matcing the header  */
#footer-logo-JournalofEnvironmentalHoriticulture {
    height: unset;
    max-height: unset;
    width: 300px;
}

/* Remove height constraint -  */
#footer-logo-HoritculturalResearchInstitute {
    max-height: unset;
    height: unset;
    width: 125px;
}

/* 
Home Page Row 2 - No ad in third column - 
Customer requested Society logo large with link - this give the third column the 33% (minus the 1rem margin or padding) used on each.
Flex makes it a Flex container - justify-content: center; centers the logo horizontally.
*/
[class*=home-self-serve-content-ad] {
    width: calc(33.333% - 1rem) !important;
    display: flex;
    justify-content: center;
}
/* Makes the image/society logo 80% so centering gives it 10% left/right margin */
.society-logo-row1 a {
    flex-basis: 80%;  
}
/* Stops image growth at 300px */
.society-logo-row1 a img {
    max-width: 300px;
}