/*
Welcome to Custom CSS!

CSS (Cascading Style Sheets) is a kind of code that tells the browser how
to render a web page. You may delete these comments and get started with
your customizations.

By default, your stylesheet will be loaded after the theme stylesheets,
which means that your rules can take precedence and override the theme CSS
rules. Just write here what you want to change, you don't need to copy all
your theme's stylesheet content.
*/
/*********************/
/** Begin CSS Fixes **/
/*********************/
/* Make headings and links light where text-color set to white. */
.has-background-color.white-text h1,
.has-background-color.white-text h2, 
.has-background-color.white-text h3,
.has-background-color.white-text h4,
.has-background-color.white-text h5, 
.has-background-color.white-text h6,
.has-background-color.white-text a {
	color: #d7dadb;
}

.has-background-color.white-text a:hover {
	color: white;
}

/* Subtract L/R gutter from max-width for rows with a background */
.cpb-row.has-background-color:not(.full-bleed) {
	max-width: calc(100% - 4rem);
}

/* Fixes for FAQ containers */
dl.cpb-faq {
	margin-bottom: 3px;
	border: 1px solid #ddd;
	width: 100%;
	box-sizing: border-box;
	background-color: #fff;
}

dl.cpb-faq:hover,
dl.cpb-faq:focus,
dl.cpb-faq:active {
	background-color: transparent;
	text-decoration: none;
	border-color: #981e32;
}

dl.cpb-faq dt,
dl.cpb-faq dd {
	padding: .75rem;
	border: none;
}

dl.cpb-faq dd {
	padding-bottom: .5rem;
}

/* Fix symbol overlapping text */
dl.cpb-faq dt {
	padding-right: calc(.75rem + 40px);
}

/* Do not display empty paragraphs. */
p:empty {
	display: none;
}

/***************/
/** End Fixes **/
/***************/
.bios .cpb-row.single .cpb-column {
	display: grid;
	display: -ms-grid;
	grid-auto-rows: -webkit-min-content;
	grid-auto-rows: min-content;
}

@media screen and (max-width: 700px) {
	/* Stack sidebar-right above on mobile */
	.cpb-row.side-right.reverse-sidebar .cpb-row-inner {
		display: flex;
		flex-flow: column-reverse nowrap;
	}
}

.coming-soon:before {
	content: "Coming Soon";
	display: inline-block;
	font-size: 50%;
	text-transform: uppercase;
	font-weight: bold;
	padding: .375em .5em;
	line-height: 2em;
	border-radius: .5em;
	margin-right: 2ch;
	background-color: #3f6b72;
	color: white;
}

.xtable {
}

.xtable ul {
	padding: 0;
	float: left;
}

.xtable li {
	height: 150px;
	width: 125px;
	background-color: darkolivegreen;
	padding: 10px 5px 10px 10px;
	margin: 2px;
	list-style-type: none;
	font-size: 14px;
	border: 2px solid #000000;
	color: #000033;
}

.xtable img {
	border: 2px solid #000;
	margin-top: 10px;
}

.xtable ul li a {
	color: #fff;
	background-color: darkolivegreen;
	display: block;
}

.xtable ul li a:hover {
	background-color: #43bd44;
	color: #000;
}

.xtable-curpg a {
	color: #fff !important;
	text-decoration: none;
}

.xtable-curpg {
	background-color: green !important;
}

.xtable-curpg a:hover {
	text-decoration: none;
}

.ytable {
}

.ytable ul {
	padding: 0;
	float: left;
}

.ytable li {
	height: 75px;
	width: 125px;
	background-color: green;
	padding: 10px 5px 10px 10px;
	margin: 2px;
	list-style-type: none;
	font-size: 14px;
	border: 2px solid #000000;
	color: #000033;
}

.ytable img {
	border: 2px solid #000;
	margin-top: 10px;
}

.ytable ul li a {
	color: #fff;
	background-color: green;
	display: block;
	height: 85%;
	padding-top: 10px;
	text-align: center;
}

.ytable ul li a:hover {
	background-color: #43bd44;
	color: #fff;
}

.ytable-curpg a {
	color: #fff !important;
	text-decoration: none;
}

.ytable-curpg {
	background-color: green !important;
}

.ytable-curpg a:hover {
	text-decoration: none;
}

figure {
	float: right;
	width: 35%;
	margin: 6px;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	border: 0;
}

@media (min-width: 901px) {
	.newsbar {
		float: right;
		width: 35%;
		border: 1px solid;
		padding: 6px;
		margin-top: 15px;
		margin-left: 6px;
	}
	
	.newsbar2 {
		display: none;
	}
	
	.mulch-menu2 {
		display: none;
	}
}

@media (max-width: 900px) and (min-width: 461px) {
	.newsbar {
		float: right;
		width: 35%;
		border: 1px solid;
		padding: 6px;
		margin-top: 15px;
		margin-left: 6px;
	}
	
	.newsbar2 {
		display: none;
	}
	
	.mulch-menu2 {
		display: none;
	}
}

@media (max-width: 460px) {
	figure {
		float: none;
		width: 100%;
		margin: 0;
	}
	
	.newsbar {
		display: none;
	}
	
	.newsbar2 {
		width: 100%;
		border: 1px solid;
		margin-top: 15px;
	}
	
	.mulch-menu1 {
		display: none;
	}
	
	.xtable {
		margin-left: 20%;
	}
	
	.ytable {
		margin-left: 20%;
	}
}

a.speca {
	color: #fff;
	text-decoration: none;
}

a.speca:hover {
	color: brown !important;
	text-decoration: underline;
}

/* Plastic mulches funding icons */
.funding .cpb-column {
	vertical-align: middle !important;
}

.funding figcaption {
	text-align: left !important;
	font-size: .75em;
	font-style: italic;
}

/* Use Spine Icons with links of type */
/* Currently constrained to Plastic Mulches: Teaching page */
.page-id-3324 ul.use-sp-icons li a {
	margin-left: 2ch;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
}

.page-id-3324 .use-sp-icons a:before {
	font-family: "Spine-Icons";
	font-size: 1em;
	margin-right: 0.5ch;
}

.page-id-3324 .use-sp-icons a[href$="pptx"]:before {
	content: "\E9A3";
}

.page-id-3324 .use-sp-icons a[href$="pdf"]:before {
	content: "\01F4D3";
}

/* Flexible grid for video. Adjust min-width for number of items. */
.videogallery {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
	grid-gap: 1rem;
}

.publication-new {
	list-style-type: none;
	border-left: .3em solid #981e32;
	margin-left: -.9rem;
	margin-bottom: .3em;
	padding-left: .5em;
	padding-top: .3em;
	background-image: linear-gradient(to right,#eff0f1 60%,transparent 100%);
}

.pub-date {
	text-transform: uppercase;
	font-size: .7em;
	white-space: nowrap;
	padding: .125em .25em;
	background-color: #eff0f1;
	border-radius: .25em;
}

.publication-new .pub-date {
	background-color: #d7dadb;
}

/***************************************/
/**  Mulch pages social media footer  **/
/***************************************/
.footer-social {
	margin-top: 2rem;
}

.footer-social ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-evenly;
}

.footer-social li {
	flex: 1 1 auto;
	padding-top: .5rem;
	margin: 1rem;
	list-style-type: none;
	text-align: center;
	min-width: 250px;
}

.footer-social a, 
.footer-social a:hover {
	text-decoration: none;
}

.footer-social a:before {
	font-family: Spine-Icons;
	display: block;
	font-size: 150%;
	margin-bottom: .5em;
}

.footer-social a#instagram:before {
	content: "I";
}

.footer-social a#linkedin:before {
	content: "L";
}

.footer-social a#podcast:before {
	content: "A";
}