/*
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.
*/
.archive.wsu-template--fs_category .wsu-article__caption,
.archive.wsu-template--fs_category footer.wsu-article__footer {
	display: none;
}

/****************************************/
/** Post archive/category pages tweaks **/
/****************************************/
.post-type-archive-fact_sheet .wsu-meta-date, .tax-fs_category .wsu-meta-date,
.post-type-archive-fact_sheet .wsu-caption, .tax-fs_category .wsu-caption,
.post-type-archive-fact_sheet .wsu-meta-byline, .tax-fs_category  .wsu-meta-byline,
.post-type-archive-fact_sheet .wsu-meta-categories, .tax-fs_category .wsu-meta-categories,
.post-type-archive-fact_sheet .wsu-image-frame, .tax-fs_category .wsu-image-frame {
	display: none;
	height: 0;
}

.post-type-archive-fact_sheet .wsu-article, .post-type-archive-fact_sheet .wsu-card, 
.tax-fs_category .wsu-article, .tax-fs_category .wsu-card {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.post-type-archive-fact_sheet .wsu-card__content,
.tax-fs_category .wsu-card__content {
	padding-top: 0;
	padding-bottom: .875em;
}

.post-type-archive-fact_sheet .wsu-card h2,
.tax-fs_category .wsu-card h2 {
	font-size: 1.1em !important;
	font-weight: 600;
}

.post-type-archive-fact_sheet .wsu-card h2 a,
.tax-fs_category .wsu-card h2 a {
	color: #a60f2d;
	text-decoration: underline solid .1em #ca1237;
	overflow-wrap: anywhere;
	padding: .25em;
	margin-left: -.25em;
}

/* Plant List style terms (column 1) */
.tablepress-id-5 td.column-1 {
	font-family: Montserrat, Times New Roman, Times, serif;
	font-weight: 500;
	font-size: 1.2em;
}

/* Plant List style terms (header) */
.tablepress-id-5 th {
	font-family: Montserrat, Times New Roman, Times, serif;
	font-weight: 500;
	font-size: 1.3em;
}

/* Plant List style terms (column 2) */
.tablepress-id-5 td.column-2 {
	font-family: Montserrat, Times New Roman, Times, serif;
	font-weight: 400;
	font-size: 1.2em;
}

/* Plant List style terms (column 3) */
.tablepress-id-5 td.column-3 {
	font-family: Montserrat, Times New Roman, Times, serif;
	font-weight: 400;
	font-size: 1.2em;
}

/* Glossary style terms (header) */
.tablepress-id-2 th {
	font-family: Montserrat, Times New Roman, Times, serif;
	font-weight: 500;
	font-size: 1.3em;
}

/* Glossary style terms (Column 1) */
.tablepress-id-2 td.column-1 {
	font-family: Montserrat, Times New Roman, Times, serif;
	font-weight: 500;
	font-size: 1.2em;
}

/* Glossary style terms (Column 2) */
.tablepress-id-2 td.column-2 {
	font-family: Montserrat, Times New Roman, Times, serif;
	font-weight: 400;
	font-size: 1.2em;
}

/* Glossary style lists as other text (Column 2) */
/* Remove space-after for the last item, and between all list items */
.tablepress-id-2 td.column-2 :last-child,
.tablepress-id-2 td.column-2 li {
	margin-bottom: 0;
}

/** Fact Sheet Template Styles **/
/* Override max paragraph width. */
.fact-sheet p {
	max-width: unset;
}

#fs-meta {
	margin-bottom: 2em;
}

#fs-meta p {
	font-size: .75em !important;
	line-height: 1.3rem;
	margin: unset !important;
}

#fs-meta button {
	float: right;
}

/** Hortsense Hero Image **/
div#fs-hero {
	max-width: 350px;
	margin: 0 2rem 2rem 0;
	float: left;
/* Fix link not clickable in floated DIV */
	position: relative;
	z-index: 15;
}

#fs-hero figcaption .photocredit, #fs-gallery figcaption .photocredit {
	font-style: normal;
	font-weight: 700;
}

/** Hortsense Gallery **/
#fs-gallery {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(250px,1fr));
}

#fs-gallery div {
	display: grid;
	grid-auto-flow: rows;
	align-content: start;
	padding: 1rem;
	border: 1px solid #e6e6e6;
	margin: -.5px;
}

#fs-gallery div a {
	justify-self: center;
}

/** Notice block **/
.fs-notice {
	display: inline-block;
	font-weight: 500;
	font-size: .9em;
	width: calc(100% - 1.5rem - 2px);
	max-width: 100%;
	padding: .5rem;
	padding-left: 1rem;
	margin-bottom: 1rem;
	border: 1px solid #e6e6e6;
	box-shadow: inset 6px 0 0 0 #a60f2d;
/* left "inner border" */
}

.fs-notice a {
	color: #000;
	font-weight: 700;
	text-decoration: underline;
}

.fs-notice a:hover, 
.fs-notice a:focus, 
.fs-notice a:active {
	color: #a60f2d;
}

/** Weed metadata: family, category, etc **/
ul.weed-meta {
	display: inline-block;
	min-width: 200px;
}

.weed-meta li {
	font-size: .875em;
	margin-bottom: 0;
}

ul.weed-meta li::marker {
	content: '\2014' '\0020';
	color: #000;
	font-weight: 900;
}

/** Weed products list **/
#weed-products {
	display: grid;
	grid-gap: 2rem;
	grid-template-columns: repeat(auto-fill,minmax(300px,1fr));
	padding: 0;
	margin-bottom: 2rem;
}

#weed-products div {
	padding: .5em 1em 1em;
	box-shadow: inset 0 .375em 0 0 #a60f2d;
	border: 1px solid #b3b3b3;
}

#weed-products h4 {
	font-weight: 900;
}

#weed-products ul, #weed-products li {
	margin-bottom: 0;
}

/* Inline list with markers */
ol.warning-label {
	counter-reset: WARNING-ITEMS;
	padding-left: 0;
}

ol.warning-label li:before {
	content: counter(WARNING-ITEMS) ')';
	counter-increment: WARNING-ITEMS;
	padding-right: 0.5ch;
	font-weight: 700;
}

ol.warning-label li:not(:last-child) {
	padding-right: 1ch;
}

ol.warning-label li {
	display: inline;
}

/***********************************/
/** PRINT STYLESHEET REMOVE WHEN  **/
/** OFFICIAL SOLUTION IS RELEASED **/
/***********************************/
@media print {
	/* Remove site header and nav */
	.wsu-wrapper-global {
		width: 100%;
	}
	
	.wsu-wrapper-content {
		padding: 0 !important;
	}
	
	header, footer {
		display: none;
		background-color: transparent !important;
		min-height: unset !important;
	}
	
	nav {
		display: none !important;
	}
	
	header > div {
		padding-left: 0 !important;
		flex-direction: row !important;
	}
	
	header > div * {
		font-size: 12pt !important;
		line-height: 1 !important;
		padding: 0 !important;
		margin: 0 !important;
		margin-right: 1ch !important;
	}
	
	.wsu-navigation-site-vertical ~ .wsu-wrapper-site {
		width: 100%;
		margin-left: 0 !important;
	}
	
	/*Set page box and margins */
	article {
		width: 100%;
		margin: 0;
		float: none;
	}
	
	@page {
		size: 8.5in 11in;
		margin: .5in .75in;
	}
	
	/* Set defaults */
	html {
		background: #fff !important;
		color: #000;
		page-break-inside: auto;
	}
	
	html, p, ul, ol {
		font-size: 10pt !important;
		line-height: 1.3;
		font-weight: 400 !important;
	}
	
	li {
		margin-bottom: unset !important;
		page-break-inside: avoid;
	}
	
	h1 {
		font-size: 18pt !important;
		margin-top: 25px;
		margin-bottom: 25px !important;
	}
	
	h2, h3, h4 {
		font-size: 14pt !important;
		margin-top: 25px !important;
	}
	
	/* Set page breaks */
	a {
		page-break-inside: avoid;
	}
	
	blockquote {
		page-break-inside: avoid;
	}
	
	h1, h2, h3, h4, h5, h6 {
		page-break-before: auto;
		page-break-after: avoid;
		page-break-inside: avoid;
	}
	
	img {
		page-break-inside: avoid;
		page-break-after: avoid;
	}
	
	table, pre {
		page-break-inside: avoid;
	}
	
	ul, ol, dl {
		page-break-before: avoid;
	}
	
	/* Handle links */
	a:link, a:visited, a {
		background: transparent;
		color: #520;
		font-weight: bold;
		text-decoration: underline;
		text-align: left;
	}
	
	a {
		page-break-inside: avoid;
	}
	
	/* Print link URLs */
	/*a[href^=http]:after {
										  content: " [" attr(href) "] ";
										  font-size: 8pt !important;
										  line-height: 1.2 !important;
										  font-weight: 500;
										  display: inline-block;
										}
									
										a:not(:local-link):after {
										  content: " [" attr(href) "] ";
										  font-size: 8pt !important;
										  line-height: 1.2 !important;
										  font-weight: 500;
										  display: inline-block;
										}
									
										$a:after > img {
										  content: "";
										}
									
										article a[href^="#"]:after {
										  content: "";
										}
									
										header a:after {
										  content: "" !important;
										}
										*/
	/* Assorted foolishness */
	#fs-meta button {
		display: none;
	}
	
	#fs-hero {
		width: 30vw;
	}
	
	#fs-gallery {
		grid-template-columns: repeat(auto-fill,25%);
	}
	
	.weed-meta {
		margin-bottom: unset;
	}
}