@charset "utf-8";
/* CSS Document */

/* single-teach-resources
page id = 4248 Tree Room Lessons and Resources
page-id 6081 teaching research profiles */
.page-template-page-teachguides-menu h4,
.page-id-4248 .entry-content h4,
.entry-content h4 {
	margin-top: 0;
}

.page-id-4248 h1.entry-title,
h1.entry-title {
	margin-bottom: 2rem;
	padding-bottom: 5px;
	border-bottom: 1px dotted #008494;
}

.page-id-18 h1.entry-title,
.page-id-9846 h1.entry-title, 
.page-template-page-teachguides-menu h1.entry-title {
	border-bottom: none;
}

.page-id-9846 h2,
.page-template-page-teachguides-menu h2,
.page-id-4248 h2,
.archive h2 {
	display: block; 
	padding: 0px 0 8px;
	padding: 0 0 .8rem;
	/* border-bottom: 1px dotted #008494;  */
	border-bottom: 1px dotted #46535E;
	clear: both;
}

.page-id-4248 h2:first-of-type,
.archive h2:first-of-type {
	padding-top: 0;
}

section.resource-summary {
	padding: 10px 0 30px;
}

.page-id-9846 h2 a,
.page-template-page-teachguides-menu h2 a,
.page-id-4248 h2 a,
.archive h2 a {
	text-decoration: none;
	
}

.page-id-9846 .left-col ul,
.single-teach-resources .left-col ul,
 .page-template-page-teachguides-menu .entry-content .left-col ul {
	margin-bottom: 5px;
}

.page-id-9846 .left-col p.time span,
.page-id-9846 .left-col p,
.single-teach-resources .left-col p.time span,
.single-teach-resources .left-col p,
.page-template-page-teachguides-menu .left-col p,
.page-template-page-teachguides-menu .left-col p.time span,
.page-id-4248 .left-col p,
.page-id-4248 p.time span,
.archive .left-col p,
.archive p.time span {
	font-weight: 600;
	margin-bottom: 3px;
	padding-top: 12px;
	clear: both;
}

.single-teach-resources .left-col p.time {
	margin-bottom: .5rem;
}

.page-id-9846  p.time, 
.single-teach-resources p.time, 
.page-template-page-teachguides-menu p.time,
.page-id-4248 p.time,
.archive p.time {
	font-weight: normal;
}

.single-teach-resources p:first-of-type,
.page-template-page-teachguides-menu p:first-of-type,
.page-id-4248 p:first-of-type,
.archive p:first-of-type {
	padding-top: inherit;
}

.page-template-page-teachguides-menu .resource-summary ul,
.page-id-4248 ul,
.archive ul,
.entry-content .one-fourth ul {
	padding-inline-start: 10px;
}

.page-id-4248 ul li,
.archive ul li,
.entry-content .one-fourth ul li {
	list-style-type: none;
}

.left-col {
	margin: 0 0 2rem 0;
	/* border: 1px dotted #F39C07; */
	border-right: 1px dotted #008494;
	padding: 5px 20px 20px;
	background: #F6F7EF;
}

.single-teach-resources .left-col {
	padding-bottom: 3px;
}
.one-fourth img.wp-post-image {
	border: 1px solid #008494;
	padding: 2px;
}

/* btn-goto-url {
	margin: 5px auto 12px auto;
} */

.btn-goto-url a {
	text-decoration: none;
	padding: 5px 25px;
	background: #008494;
	color: #fff;
	display: inline-block;
		-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	
}

.btn-goto-url a:hover {
	background: #F39C07;
}


.one-fourth h5 {
	margin-bottom: 8px;
	font-weight: normal;
	margin: 10px 0;
	border-bottom: 1px dotted #008494;
	clear: both;
}

ul.grade-level {
	display: block;
	list-style-type: none;
	padding-bottom: 30px;	
}

ul.grade-level li {	
	float: left; 
	display: inline;

}

ul.grade-level li::after {
	content: ",\00a0 ";
}

ul.grade-level li:last-child::after {
	content: " ";
}

/* ======search form=============== */

.searchandfilter > ul > li {
	display: inline-block; 
	vertical-align: top;
	padding: 0 20px;
}
.page-id-4248 .searchandfilter > ul > li {
		padding: 0 10px;
}


.searchbox {
	padding: 1.5rem 2rem 2rem;
	background: #F6F7EF;
	margin-bottom: 4rem;
	border: 1px solid #DBE8A6;
	clear: both;
}

.page-template-page-teachguides-menu .searchbox {
	padding: 1.5rem 0;
}

.page-template-page-teachguides-menu .searchbox h3 {
	padding-left: 1.5rem;
}
.searchbox h3 {
	margin-bottom: 0;
}

.searchbox .searchandfilter h4 {
	font-weight: 600;
	font-size: 20px;
	margin-top: 15px;
	/*margin-top: 2rem;*/
}

.searchbox input[type="submit"] {
	background: #008494;
}

.searchbox input[type="submit"]:hover {
	background: #F39C07;
}

.searchandfilter ul li.sf-field-submit,
.searchandfilter ul li.sf-field-reset {
	margin-top: 3.5rem !important;
	padding-left: 10px !important;
}
.searchbox .chosen-container,
.searchbox .chosen-container-single {
	background: #fff;
	border: none;
	box-shadow: none 0 0 0 #fff;
}
.searchbox .chosen-container span,
.searchbox .chosen-container-single span {
     color: #333;
    font-size: 18px;
    font-weight: 400;
    padding: 15px;
    width: 100%;
}

.page-template-page-learn-evo .sf-input-text,
.page-template-page-teachguides-menu .sf-input-text,
.page-template-page-teachguides-menu .searchbox .searchandfilter li.sf-field-sort_order select.sf-input-select,
.post-type-archive-teach-resources .searchbox .searchandfilter.sf-input-text 
/* .post-type-archive-teach-resources .searchbox .searchandfilter li.sf-field-sort_order select.sf-input-select */ {
	width: 100%;
	min-width: 300px !important;
}

p.results {
	font-weight: 600;
	margin-bottom: 5px;
	text-transform: uppercase;
	font-size: 110%;
}
.single-teach-resources p.results {
	display: block;
	padding-top: 5px;
	margin-bottom: 10px;
	margin-top: 1rem;
	border-top: 1px dotted #8EB6AD;
}
/* image library */
.single-teach-resources .results-wrap,
.page-id-7584 .results-wrap,
.term-440 .results-wrap {
	max-width: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-auto-rows: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.single-teach-resources .results-wrap .img-info,
.page-id-7584 .img-info,
.term-440 .img-info {
	margin: 0 1em 1em 0;
	border: 1px dotted #8EB6AD;
	box-sizing: border-box;
}

.single-teach-resources .results-wrap .img-info a img,
.page-id-4248 .one-fourth.right-col a img,
.page-template-page-teachguides-menu .one-fourth.right-col a img,
.post-type-archive-teach-resources .one-fourth.right-col a img,
.single-teach-resources .one-third.right-col a img,
.page-id-7584 .img-info a img,
.term-440 .img-info a img {
	padding: 5px;
	background: #F6F7EF;
}

.single-teach-resources .results-wrap .img-info a img:hover,
.page-id-4248 .one-fourth.right-col a img:hover,
.page-template-page-teachguides-menu .one-fourth.right-col a img:hover,
.post-type-archive-teach-resources .one-fourth.right-col a img:hover,
.single-teach-resources .one-third.right-col a img:hover,
.page-id-7584 a img:hover,
.img-info a img:hover {
	background: #F39C07;

}

.single-teach-resources .results-wrap .caption-wrap,
.page-id-7584 .caption-wrap,
.term-440 .caption-wrap {
	padding: 10px 15px;
}

.single-teach-resources .results-wrap .caption-wrap a,
.page-id-7584 .caption-wrap a,
.term-440 .caption-wrap a {
	text-decoration: none;
}

/* Media Queries
---------------------------------------------------------------------------- */

@media only screen and (max-width: 990px) {

	.one-fourth {
		width: 28%;
		float: left;
	}
	
	.one-half {
		width: 65%;
		float: left;
		margin-left: 5%;
	}
	.one-fourth.right-col {
		display: none;
	}
	 
}

@media only screen and (max-width: 850px) {
	.single-teach-resources .results-wrap,
	.page-id-7584 .results-wrap {
			grid-template-columns: repeat(2, 1fr);
	}

}

@media only screen and (max-width: 650px) {
	.title-wrap h1.entry-title {
		font-size: 2.5rem;
	}
	
	.one-fourth {
		width: 30%;
		
	}
	
	.one-half {
		width: 55%;
	
	}
	
}

@media only screen and (max-width: 500px) {
	.page-id-18 .searchbox {
		padding-left: 0;
	}
	.single-teach-resources .results-wrap,
	.page-id-7584 .results-wrap {
		grid-template-columns: repeat(1, 1fr);
		grid-auto-rows: auto;
	}
}

@media only screen and (max-width: 550px) {

	.title-wrap h1.entry-title {
		font-size: 2rem;
	}
	
	.one-fourth {
		width: 38%;
		
	}
	
	.one-half {
		width: 50%;
	}

}

@media only screen and (max-width: 480px) {

	.one-fourth {
		width: 100%;
		
	}
	
	.one-half {
		width: 100%;
		margin-left: 0;
	}

}

