/* 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/ccb/ccb-hero-image.jpg');
	background-position: center;
	background-repeat: no-repeat;
}

/* Doug CSS - Will Comment Later */

/* Begin Header */

/* Widen header restriction a bit - Was 1300px - This can be removed after Flex on the header is fully sussed out */

.journal-header .journal-header_content {
	max-width: 1650px;
}

/* Write over/Remove max-width restriction and enlarge the width restriction */

.journal-header .journal-header_content .journal-logo_wrap {
	width: 400px;
	max-width: unset;
}

/* I'm not sure this is needed */

.journal-header .journal-header_content .journal-logo_wrap img {
	max-height: 100px;
}

/* Write over/Remove max-width restriction and enlarge the width restriction */

.journal-header .journal-header_content.with-society-logo .society-block_wrap {
	width: 120px;
	min-width: unset;
}

/* Remove Flex Grow on the navigation so the logos determine "Growth" across the header. Complicated concept ***See Doug for questions*** */

.journal-header .journal-header_content .navbar-menu_wrap {
	webkit-flex-grow: unset;
	flex-grow: unset;
}

/* Cheating the menu up with bottom padding increase so it aligns better with logo change. ***Doug...."This" should be changed to flex */

.journal-header .journal-header_content.with-society-logo .navbar-menu_wrap {
	padding: 1rem 1rem 1.5rem 1rem;
}

/* End Header */

/* Begin About The Journal Row */

/* Add Flex to Self-Serve widget that contains Turtle & Tortoise Issue so that Info section flows up next to the image*/

.widget-SelfServeContent.widget-instance-ccb_home-self-serve-content-feature-four {
	display: flex;
}

/* Move/Pad Info section away from the journal issue image. */

.widget-SelfServeContent.widget-instance-ccb_home-self-serve-content-feature-four .issue-img {
	padding: 0 1.5rem 0 0;
}

/* Move the Info section button down - */

.widget-SelfServeContent.widget-instance-ccb_home-self-serve-content-feature-four .issue-info a {
	margin: 1rem 0 0 0;
}

/* Most Recent Issue Text to Black*/

.pg_index .widget-IssueInfo .widget-info-wrap .current-issue-title, .pg_index .widget-IssueInfo .widget-info-wrap .article-issue-info .volume, .pg_index .widget-IssueInfo .widget-info-wrap .article-issue-info .ii-pub-date, .pg_index .widget-IssueInfo .widget-info-wrap .article-issue-info .issue {
	color: #000;
}

/*  Footer main logo larger */

.widget-SitePageFooter .journal-footer .journal-footer_content .journal-footer-affiliations:not(.aff-left) {
	width: 400px;
}

/* Footer secondary logo raise width restriction */

.widget-SitePageFooter .journal-footer .journal-footer_content .journal-footer-affiliations:not(.aff-left) {
	width: 400px;
}

/* Footer secondary logo larger */

.widget-SitePageFooter .journal-footer .journal-footer_content .journal-footer-affiliations a img {
	height: 65px;
	max-height: 65px;
}

/* Footer */

.widget-SitePageFooter .journal-footer .journal-footer_content {
	flex-direction: column;
}

.widget-SitePageFooter .journal-footer .journal-footer_content .journal-footer-menu {
	display: block;
}

@media only screen and (min-width: 1024px) {
	.widget-SitePageFooter .journal-footer .journal-footer_content {
		flex-direction: row;
	}
	.widget-SitePageFooter .journal-footer .journal-footer_content .journal-footer-menu {
		display: flex;
	}
	.widget-SitePageFooter .journal-footer .journal-footer_content .journal-footer-affiliations a img {
		width: 400px;
	}
}

@media only screen and (min-width: 900px) {
	.widget-SitePageFooter .journal-footer .journal-footer_content .journal-footer-menu+.journal-footer-affiliations {
		justify-content: flex-start;
	}
}

/* End About The Journal Row */

/* End Doug CSS */

/* ESS CSS */

/* HEADER - Primary Logo Bar Background */

.journal-bg {
	background-color: #ffebb0;
}

/* HEADER - Menu Bar Text Color  */

.journal-header .site-menu .site-menu-lvl-0>a.nav-link {
	color: #1e552a;
}

/* BODY - row-background */

/* 2nd row, green  */

.theme-homepage-layout.layout-organization .widget-DynamicWidgetLayout:nth-child(2) [class*=home-row] {
	background-color: #1e552a;
}

/* 2nd row, header text, yellow  */

.theme-homepage-layout.layout-organization .widget-DynamicWidgetLayout:nth-child(2) [class*=home-row] [class*=article-list-new-and-popular] .widget-dynamic-title {
	color: #ffebb0;
}

/* 4th row, yello */

.theme-homepage-layout.layout-organization .widget-DynamicWidgetLayout:nth-child(4) [class*=home-row] {
	background-color: #ffebb0;
}

/* 4th row, header, sea green */

.theme-homepage-layout.layout-organization .widget-DynamicWidgetLayout:nth-child(4) [class*=home-row] [class*=article-list-new-and-popular] .widget-dynamic-title {
	color: #1e552a;
}

/* FOOTER - Background Color needs !important ?  */

.journal-footer.journal-bg {
	background-color: #1e552a !important;
}

/* FOOTER - Text Color  */

.journal-footer, .journal-footer_content .journal-footer-menu ul li a, .journal-footer-colophon li {
	color: #FFFFFF !important;
}

/* FOOTER - Logo Sizes  */

.journal-footer .journal-footer-affiliations-logo {
	color: #ffebb0 !important;
}

/*  Adds the borderline around the SS widgets */

.homepage-panel-text {
	border-right: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
	border-radius: .25rem;
}

/* clears the margin-bottom that is showing up and not wanted */

.homepage-panel-image {
	margin-bottom: 0 !important;
}

/*suppresses the borders on all tables */

table, th, td {
	border: 0px solid black !important;
}

/* changes the SS title color */

.homepage-panel-text h3 a {
	color: #1e552a !important;
}

.button {
	background: #fff !important;
	color: #1e552a !important;
	border: #1e552a 2px solid !important;
}

.button:hover {
	background: #1e552a !important;
	color: #fff !important;
	border: #1e552a 2px solid !important;
}