/* 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/herpetological-monographs/herpmono-hero.jpg');
   background-position: center;
}

.theme-homepage-layout.layout-organization .header-row>.widget-dynamic-inner-wrap {
   padding: 6rem 1rem;
}

/* Change Journal Logo Size */

.journal-header .journal-header_content .journal-logo_wrap, .widget-SitePageFooter .journal-footer .journal-footer_content .journal-footer-affiliations a img, .widget-SitePageFooter .journal-footer .journal-footer_content .journal-footer-affiliations:not(.aff-left) {
   width: 300px;
   height: 65px;
   max-height: 65px;
}

/* Header BG Color */

.widget-SitePageFooter .journal-footer.journal-bg, .journal-bg {
   background: #be9b7b;
}

/* Header Nav Link Color */

.journal-header .site-menu .nav-link {
   color: #4b3832;
}

/* Force Hover to Nav Color - override SC black */

.journal-header .site-menu .nav-link:focus, .journal-header .site-menu .nav-link:hover {
   color: #4b3832;
   text-decoration: initial;
}

/* Header Nav Drop Down Link Color */

.site-menu-lvl-1 .nav-link {
   color: #000 !important;
}

/* Change Button Color
 SC uses many classes to get to each button. Each <a>/button has .button class. .button with !impotant bypasses the need for the SC blob of class calls for each specific button. */

.button {
   background: #4b3832 !important;
   color: #fff !important;
   border-color: #4b3832 !important;
}

.button:hover {
   background: #fff !important;
   color: #4b3832 !important;
}

.button:focus {
   outline: none;
}

/* Current Issue Section - Black Text */

.pg_index .widget-IssueInfo .widget-info-wrap {
   color: #000;
}

#subscriptionsPage table {
   border-top: none;
}

#subscriptionsPage table td {
   padding: .5rem 1rem .5rem 0;
   border-bottom: none;
}

/* 
 Latest Article BG Color - Target like below as to not use children(children totals can change with row additions) - 
 Needs important as the call that defines the color is differnt & uses child # which is dynamic. Also more spcific as to not change other dynamic widget bg color.
 */

.row-background.home-article-new-popular-latest {
   background: #4b3832 !important;
}

.widget-dynamic-title {
   color: #be9b7b !important;
}

/* 
Most Cited Article BG Color - Target like below as to not use children(children totals can change with row additions) - 
Needs important as the call that defines the color is differnt & uses child # which is dynamic. Also more spcific as to not change other dynamic widget bg color.
 */

.row-background.home-article-new-popular-most-cited {
   background: #854442 !important;
}

/*  Editorial Page */

.herl-editors {
   display: flex;
   flex-wrap: wrap;
}

.herl-editors h1 {
   flex-basis: 100%;
}

.herl-editors div:nth-child(1), .herl-editors div:nth-child(2) {
   flex-basis: 50%;
}

.herl-editors div {
   margin: 0 0 2rem 0;
}

.herl-editors h2 {
   margin: 0 0 .5rem 0;
}