/*
Theme Name: Doctor Schar
Theme URI: http://www.doctorschar.com
Author: Michael Sturgill
Author URI: http://www.MichaelSturgill.com
Version: 1.0
*/

@import url(http://fonts.googleapis.com/css?family=Stoke:300);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
/*
	RESET & BASIC SETUP
*/

* {
	margin: 0; 
	padding: 0; 
	-moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}
	.columnized-content { width: 20000px;}

body { 
	font-size: 15px; 
	font-family: "Times New Roman", Times, serif;
	color: #000000; 
}

tr {vertical-align: top;}
td {padding-right:5em;}
/*
	STRUCTURE
*/

	/* Table Data Width */
	.td-1 {width: 100em}
	.td-2 {width: 75em}
	.td-2-5 {width: 65em}
	.td-3 {width: 50em}
	.td-3-5 {width: 35em}	
	.td-4 {width: 25em}

	.large-section {width:50vw;}

	/* Table Data Verticle Align */
	.top-align {vertical-align: top;}
	.middle-align {vertical-align: middle;}
	.bottom-align {vertical-align: bottom;}

	/* Inner td Width */
	.grid-width-1 {width: 100%}
	.grid-width-2 {width: 50%}
	.grid-width-3 {width: 33.3333333%}
	.grid-width-4 {width: 25%}


/*
	IMAGE ALTERATION
*/

	.darker-image {
		position: absolute;
		bottom: 0;
		width: 100%;
		padding: 1em 2em;
	}

	 .img-size-50 {
	 	width: 40%;
	 	display: inline-block;
	 }

	  .img-size-100 {
	 	width: 100%;
	 }

	.crop-height-middle {
		position: relative;
		background-size: cover;	
		background-position: center;
	 }

/*
	TYPOGRAPHY
*/
	.post h1, .post h2, .post h3, .post h4, .post h5 {color: #006738;}

	.font-smaller-1 {font-size: 90% !important}
	.font-smaller-2 {font-size: 80% !important}
	.font-smaller-3 {font-size: 70% !important}
	.font-smaller-4 {font-size: 60% !important}
	.font-smaller-5 {font-size: 50% !important}
	
	.font-bigger-1 {font-size: 110% !important}
	.font-bigger-2 {font-size: 120% !important}
	.font-bigger-3 {font-size: 130% !important}
	.font-bigger-4 {font-size: 140% !important}
	.font-bigger-5 {font-size: 150% !important}
	
	.black-text {color: #000000;}
	.green-text {color: #78b20f;}

	.upper {text-transform: uppercase;}

	.text-left {text-align: left}
	.text-center {text-align: center}
	.text-right {text-align: right}

	.line-height-0 {line-height: 1.0em}
	.line-height-1 {line-height: 1.1em}
	.line-height-2 {line-height: 1.2em}
	.line-height-3 {line-height: 1.3em}
	.line-height-4 {line-height: 1.4em}
	.line-height-5 {line-height: 1.5em}

	.padding-top-0 {padding-top: 1.0em;}
	.padding-top-1 {padding-top: 1.1em;}
	.padding-top-2 {padding-top: 1.2em;}
	.padding-top-3 {padding-top: 1.3em;}
	.padding-top-4 {padding-top: 1.4em;}
	.padding-top-5 {padding-top: 1.5em;}	

	.weight-100 {font-weight: 100}
	.weight-300 {font-weight: 300}
	.weight-500 {font-weight: 500}
	.weight-700 {font-weight: 700}
	.weight-900 {font-weight: 900}

	em {margin: 0px !important;}
	.big-green-text {
		font-size: 3.5vh;
		line-height: 4.5vh;
		color: #8cc63e;
		padding-bottom: 1em; 	
		display: block;
	}
/*
	SIDEBAR
*/
.sidebar-nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 10vw;
	height: 100vh;
	background-image: url("../imgs/bg_img.jpg");
	background-size: cover;
	z-index: 1000;
	box-shadow: .1em 0 .5em #000000; 
}

#sidebar-home a:visited {
	color: #222222;
}

.sidebar-nav h1 {
	font-family: 'Stroke', serif;
	padding: .6em 0;
	text-transform: uppercase;
	letter-spacing: .1em;
	text-align: center;
	font-size: 2vw;
	line-height: 1em;
	font-weight: 300;
	
}

.sidebar-nav h1 a{
	text-decoration: none;
}

.nav-search {
	padding: .2em 0 .2em .5em;
	width: 6vw;
	font-size: 1vw;
	margin-left: .5em;
	margin-bottom: 1em;
}

.nav-search-button {
	width: 1.9vw;
	margin: 0;
	vertical-align: middle;
}


.sidebar-nav ul {margin-top: .1em;}

.sidebar-nav ul li {
	margin: 0 auto .3em; 
	font-size: .75vw; 
	background-color: #222222; 
	color: #FFFFFF; 
	vertical-align: middle;
}
.sidebar-nav ul li:hover {
	background-color: #78b20f; 
	color: #222222;
}

.sidebar-nav ul a {
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	padding: 1vh;
	width: 100%;
	font-size: 1vw;	
}

.sidebar-nav ul a:hover {
	color: #222222;
	text-decoration: none;
}

.nav-footer {
	position: absolute; 
	bottom: 2em; 
	left: .2em;
	width: 100%; 
	padding: 0 .7em; 
	font-size: .6vw; 
}

.copyright {
	padding-top: 2em;
}

/*
	FEATURES
*/

	/* Plant file header */
	#category .back-to-plant-files {
		bottom: .2em; 
		top: auto; 
		right: 3em; 
		display: block; 
		text-align: center; 
		z-index: 1000;
	}
	.back-to-plant-files {
    	position: fixed;
    	top: 3.5em;
    	right: 2em;
    	z-index: 2000;
	}
	.back-to-plant-files a {
		padding: .7em;
    	color: #ffffff;
    	background: #006738;
    	font-family: Helvetica, Arial, sans-serif;
    	font-weight: 500;    	
    	text-decoration: none;
	}
	
	.back-to-plant-files a:hover {
		background: #8cc63e;
	}
	#page-wrap {margin-top: 8.7em;}

	.post, .first-post, .post-middle {display: table-cell; padding: 0 2em;}	
	.post {vertical-align: top;}
	.first-post {vertical-align: top;}

	/* Post Cover */
	.post-cover {
		position: relative;
		background-size: cover;
		height: 75vh; 
		width: 75vw;
	}

	.post-cover h2 {
		width:100%; 
		color:#ffffff; 
		font-weight: 100; 
		letter-spacing: .2em; 
		font-size: 5em;
		text-align: center;
		text-transform: uppercase;
	}

	.post-table-of-contents {
		display: none;
		position: absolute;
		bottom: 0;
		right: 0;
		padding: 1.8em;
		background-color: rgba(0, 0, 0, 0.3);
		width: 29em;
	}

	.post-table-of-contents h3 {
		margin-bottom: .6em; 
		font-family: 'Stroke', serif; 
		text-transform: uppercase;	
		font-size: 2em; 
		font-weight: 300;
		letter-spacing: .1em;  
		color: #ffffff; 
	}

	.post-table-of-contents p {
		font-size: 1.2em;
		font-weight: 300;
		letter-spacing: .1em; 
		color: #ffffff; 
		margin-bottom: 1em;
	}

	.post-table-of-contents strong{font-weight: 700}

	/* Intro Section */
	.intro-section h2 {
		font-size: 4em;
		font-weight: 900;

	}

	.thin {
		font-weight: 100; 
	}
	.columnized-content ol, .textbox ul, .intro-text ul {margin-left: 20px;}

	.column ul, .column ol, .textbox ul, .intro-text ul, .one-column .textbox p, .intro-section p {
		font-size: 2.7vh;
		line-height: 3.8vh;
		margin-bottom: .5em;
	}

	.column h3 {
		font-size: 3.2vh !important;
		line-height: 3.8vh !important;
		margin-bottom: .5em;
	}

	.column h4 {
		font-size: 3.0vh !important;
		line-height: 3.6vh !important;
		margin-bottom: .5em;
	}

	.wrap-up-section p, .column p {
		font-size: 2.7vh !important;
		line-height: 3.8vh !important;
		margin-bottom: .5em;
	}

	.column a, .column strong, .column span {
		margin: 0 !important;
	}

	.intro-section .intro-text {
		margin-top: 1em;
	}

	.intro-section .first-letter {
		font-size: 4em;
		color: #8cc63e;
	}

	/* Fact Box */
	.fact-box {
		 min-width: 30em;
		 text-align: center;
	}

	.fact-box img {
		height: 60vh;
		margin: 0.2em;
	}

	.fact-box .textbox {
		font-size: 2.7vh;
		line-height: 3.8vh;
		background-color: #006738;
		color: #ffffff;
		display: block;
		padding: 8px;	
		text-align: left;
	}

	/* All Column layouts */
	.imageCaptionContainer {
		position: relative;
		margin: 0em 0;
	}

	.imageCaptionContainer div {
		position: absolute;
		bottom: .3em;
		width: 100%;
		background-color: rgba(0,0,0,.5);
	}

	.imageCaptionContainer span {
		position: absolute;
		bottom: .3em;
		width: 100%;
		display: block;
	}

	.imageCaptionContainer p {
		padding: .5em;
		width: 100%;
		color:#ffffff;
		margin: 0 !important;
	}

	.imageCaptionContainer img {width: 100%;}

	.column img {width: 95%;}

	.columnized-content img {width: 95%;}

	/* One Column */
	.one-column {
		margin-left: 2em;
	}

	.large-text {
		font-size: 3em;
		margin-bottom: 1em;
	}

	.two-column .col-1 {
		position: relative;
		display: table-cell;
		vertical-align: top;
		width: 50%;
		padding: 0 1.7em;
	}

	.two-column .col-1 p {
		font-size: 1.2em;
		margin-bottom: 1.2em;
	}

	.col-1 .top-img-caption {
		margin-top: 1em;
		padding-top: 1em; 
	}
	.two-column .col-1 .top-img-caption span {
		padding-top: 1em;
		font-size: .8em;	
	}

	.col-1 .top-img-caption img {width: 100%;}

	.img-caption img {
		display: block;
		width: 100%; 
		vertical-align: top; 
		padding-top: .3em;
		
	}

	.img-caption span {
		display:block; 
		width: 100%; 
		font-size: .9em; 
		color: #8cc63e;
		padding: .3em 0;
	}

	/* Three Column */
	.three-column {
 
	}

	.three-column .col-1 {
		position: relative;
		display: table-cell;
		vertical-align: top;
		width: 33.333333%;
		padding: 0 1.7em;
	}

	.three-column .col-1 p {
		font-size: 1.2em;
		margin-bottom: 1.2em;
	}

	/* Full Image Slide */
	.full-img {
		 min-width: 30em;
		 text-align: center;
	}

	.full-img img {
		height: 70vh;
	}

	/* Wrap Up */
	.wrap-up-section .textbox {
		margin-top: 2em;
	}

	.wrap-up-section h2 {
		font-size: 4.5em;
		font-weight: 900;
	}

	.wrap-up-column {
		width: 45%;
		margin-right: 3em;
		display: inline-block;
		vertical-align: top;
	}

	.wrap-up-column-last {
		width: 45%;
		display: inline-block;
		vertical-align: top;
	}

	.wrap-up-left {
		width: 55%; 
		display: inline-block;
	}
	 
	.wrap-up-right {
		width: 39%; 
		display: inline-block; 
		margin: 3em 0 0 2em; 
		padding: 3em; 
		vertical-align: top; 
		color: #FFFFFF;
		background-size: cover;	
		background-position: center;	
	}

	.wrap-up-right h3{
		font-size: 3em; 
		margin-bottom: .5em;
	}

	/* legacy */
	#legacy-page-wrap {margin-top:12em;}
	
	.legacy-title {
		position: fixed;
		top: 5.3em;
		left: 0em;
		width: 100vw;
		background: #8cc63e;
		color: #ffffff;
		padding: .5em 1em;
		font-weight: 300;
	}

	.legacy-title-section img {
		max-height: 70vh;
		max-width: 40vw;
	}
	
	.legacy-content-container {margin-left: 3em;}
	.legacy-disclaimer p {width: 20em; font-size: 2.7vh !important; line-height: 3.8vh !important; background: #006738; color: #ffffff; padding: 1em;}
	.list-disclaimer p {font-size: 2.7vh !important; line-height: 3.8vh !important; background: #006738; color: #ffffff; padding: 1em;}
	/* Category Page */
	#alpha-header {width: 7vw; display: none; vertical-align: middle; padding-right: .5em;}

	.alpha-nav {
		width: 100%;
		position: absolute;
		right: 0;
		top: 8.5em;
		z-index: 100;
		background-color: #ffffff;
		text-align: center;
	}

	#select-sort {
		display: none;
		width: 10%;
		position: fixed;
		right: 10%;
		top: 0;
	}


   #select-option:hover #select-sort{
        display: block; /* Display the dropdown */
    }

	#select-sort ul, .alpha-nav ul { list-style: none; display: inline-block;}
	.view-selector, #select-sort ul li, .alpha-nav ul li {
		background-color: #006738;
		color: #FFFFFF;
		text-align: center;
		vertical-align: middle;
		font-size: 1.6vw;
		line-height: 1.5em;
		margin: 0;
		width: 2em;
		height: 1.5em;
		text-align: center;
	}
	.view-selector a, #select-sort ul li a, .alpha-nav ul li a{
		display: block;
		color: #FFFFFF;
		text-decoration: none;
	}
	.view-selector:hover, #select-sort ul li:hover, .alpha-nav ul li:hover {
		background-color: #8cc63e; 
	}

 	.letter-box {
 		display: inline-block;
 	}
	#type-down-arrow {width: 0.9vw; margin-left: .7em;}
	#alt-type {display: block; float:right; background-color: #FFFFFF !important;}
	#alt-current {display: block !important;}
	#alt-selection {margin-top: .1em; display: none !important;}
	#alt-type li:hover #alt-selection {display: block !important;}

	.active{background-color: #8cc63e !important}

#search-header {
	padding: .5em 0; 
	margin: 0 auto .5em; 
	width:100%; 
	background-color:#006738; 
	color:#ffffff;
	text-align: center;
}


.article-list {margin-top: 1em; margin-bottom: 2em;}
.article-list-container {display: block; width: 100%; text-align: center;}
.plant-list-section {padding-top:3em; text-align: center;}
.article-item {
	display: inline-block;
	width: 48%;
	height: 38.5vw;
	overflow: hidden;
	margin: .5em;
	background-color: #ffffff;
	position: relative;
}
.article-item .article-media {display: inline-block; width: 100%;}
.article-item .article-content {display: inline-block; width: 100%; vertical-align: top; text-align: left;}
.article-item .article-content a {color: #222222; text-decoration: none;}
.article-item .article-content a:hover {color: #78b20f;}
.article-item img {width: 100%; margin-top: .5em;}
.article-item img:hover {opacity: .7;}
.article-item h2 {font-size: 1.5em;  width: 100%; padding-left: .5em; font-weight: 300;}
.article-item h3 {padding-left: .5em;}

#home-item-one:hover .featured-image, #home-item-two:hover .featured-image, #home-item-three:hover .featured-image {opacity: .7;}


.article-header {background-color: #8cc63e; color: #FFFFFF; padding:.5em 0; margin-bottom: .5em;}
.article-header.featured {background-color:#8cc63e;}
.article-descripton {text-align: left; padding: .5em 0; position: absolute; bottom: 0; background-color: rgba(254, 254, 254, 1); height: 6.5em; color: #333333; width: 100%; font-size: 1.1em;}

/* Header */
#single .header {position: fixed; top:0; left:0; border-bottom: 1px solid #006738; height: 8em; width: 100%; background-color: #ffffff; z-index: 1000;}
.header {height: 8em; margin-bottom: 1em;}
.header h1 {display: inline-block; margin-left: 1em; margin-top: .5em;}
.header .logo {height: 3em;}

.header ul {display: inline-block; margin-left: 1em; padding-left: 1em; margin-top:.5em; list-style-type: none; border-left: 1px solid #006738; font-family: Helvetica, Arial, sans-serif; font-weight: 300;}
.header ul li a {text-decoration: none; color:#006738;} 
.header ul li a:hover {color:#8cc63e;} 

.box {
	position: absolute;
	right: 2em;
	top: 2.5em;
}

.container-4{
  width: 300px;
  vertical-align: middle;
  white-space: nowrap;
}
.plant-list-header .box {
	top: 1.1em;
}

.container-4 input#search{
	width: 300px;
	height: 40px;
	background: #8cc63e;
	border: none;
	font-size: 10pt;
	float: left;
	color: #fff;
	padding-left: 15px;
	font-family: Helvetica, Arial, sans-serif; 
	font-weight: 300;  
	-webkit-appearance: none;
}

.container-4 input#search::-webkit-input-placeholder {
   color: #ffffff;
    font-family: Helvetica, Arial, sans-serif; 
    font-weight: 300;
}
 
.container-4 input#search:-moz-placeholder { /* Firefox 18- */
   color: #ffffff;  
    font-family: Helvetica, Arial, sans-serif; 
    font-weight: 300;   
}
 
.container-4 input#search::-moz-placeholder {  /* Firefox 19+ */
   color: #ffffff;  
    font-family: Helvetica, Arial, sans-serif; 
    font-weight: 300;   
}
 
.container-4 input#search:-ms-input-placeholder {  
   color: #ffffff;  
    font-family: Helvetica, Arial, sans-serif; 
    font-weight: 300;   
}

#search-button {
	background-color: #006738;
	height: 40px;
	width: 40px;
	margin-left: -40px;
	border: 0px;
	cursor: pointer;
}

#search-button-icon {
	height: 25px;
	width: 25px;
}

#view-by-container {
	position: absolute;
	right: 2em;
	top: 5.3em;
}

#alpha-dropdown span, #view-by-container span {
	vertical-align: top;
	font-size: 1.05em;
	padding-right: .1em;
}

#alpha-dropdown select, #view-by-container select {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.1em;
	background: #8cc63e;
	color: #FFFFFF;
	border: 1px solid #006738;
	margin-top: -1.1em;
	width: 10em;
	height: 1.8em;
}

/* Home Page */
.home-page-wrapper {
  margin: 0 auto;
  position: relative;
  padding: 0 20px;
}

.home-content-wrapper {
	margin-right: 450px;
	clear: both;
}

.home-left {  
	float: left;
	width: 100%;
}

.home-right {
	position: relative;
	width: 450px;
	margin-left: -450px;
	padding-left: 2em;
	float: right;
	overflow: hidden;
}

.home-item-container {cursor: pointer;}
.home-sub-features {display: block; width: 100%;}
.home-sub-features .home-item-container {
	display: inline-block;
	margin-top: 1em;
	width: 49.5%;
	cursor: pointer;
}

.home-item-header {
	display: block;
	width: 100%;
	height: 2.5em;
	background-color: #8cc63e;
}

.home-feature-title {font-size: 1.5em; float: left; margin:.3em 1em; color: #FFFFFF;}
.home-feature-learn {font-size: 1.5em; float: right; margin:.3em 1em; color: #006738;}


#home-item-one .featured-image {
	width: 100%;
	height: 25em;
	background-image: url("/wp-content/uploads/2015/08/japanese-quince-post-cover.jpg");
	background-size: cover;
	background-position: 50% 20%;
}

#home-item-two {float: left;}

#home-item-two .featured-image {
	width: 100%;
	height: 15em;	
	background-image: url("/wp-content/uploads/2015/10/Schar-Farm-21.jpg");
	background-size: cover;
	background-position: 0% 50%;
}

#home-item-two {float: right;}

#home-item-three .featured-image {
	width: 100%;
	height: 15em;	
	background-image: url('/wp-content/themes/doctorschar/imgs/plant-file-img.jpg');
	background-size: cover;
	background-position: 0% 50%;
}

#home-item-one:hover .featured-image, #home-item-two:hover .featured-image, #home-item-three:hover .featured-image {opacity: .7;}
#home-item-one:hover .home-item-header, #home-item-two:hover .home-item-header, #home-item-three:hover .home-item-header {background-color: #006738;}
#home-item-one:hover .home-feature-learn, #home-item-one:hover .home-feature-learn {color: #ffffff;}

.home-right h2 {font-size: 3em; line-height:1; color: #006738;}
.home-right hr {margin: 1em 0;}
.home-right p {line-height: 2em; font-size:1.2em;}
.home-right img {float:left; margin:1em;}

.home-footer span {
	margin-top: 2em;
	font-size: .8em;
	font-weight: 500;
	line-height: 1.5em;
	color: #939597;
	font-family: Helvetica, Arial, sans-serif;
}



.home-intro {
	width: 100%;
	display: block;
	padding: 1em;
	display: inline-block;
	text-align: center;
}

.left-about{
	width: 45%;
	display: inline-block;
	vertical-align: top;
}

.right-about {
	width: 45%;
	display: inline-block;
	padding-left: 1em;
	vertical-align: top;
}

.home-intro h2 {
	text-transform: uppercase;
	letter-spacing: .2em;
	font-size: 3.5em;
	line-height: 1.2em;
	font-weight:300;
	padding-bottom: .4em;
}

.profile-section {
	width: 85vw;
	margin: 0 auto;
	min-height: 200px;
}

.home-intro p{
	font-size:1.3em;
	font-weight: 500;
	letter-spacing: .12em;
	text-align: left;
}
.feature-item {	
	width:79.5%;
	display: inline-block;
	vertical-align: top;
	background-color: #e4eaea;
	height: 100vh;
}

.feature-item .content-box{
	padding-top: 600px;
}

.feature-item-container {
	height: 100%;
	width: 100%;
}


.feature-container {
	width: 100%;
}

.feature-description {
	float: right;
	margin-right: 2.5em;
	padding-top: 8em;
	padding-bottom: 8em;
}
	
.feature-item p {
	color: #FFFFFF;
	font-size: 1.4em;
	font-weight: 100;
}

#previous-features {
	margin-top: 2em;
	background-color: #222;
}

#view-more-features {
	width: 100%;
	text-align: center;
	position: relative;
}


#view-more-features span {
	font-size: 4em;
	line-height: 2.5em;
}

.more-features {
	width: 100%;
	height: 100%;
}



.about-buttons {
	display: block;
	margin: 2em 0 3em;
}

.about-buttons a{
	text-decoration: none;
}

.smaller {
	font-size: .5em;
}

.home-feature-container {
	display: block;
}

.home-features {
	width: 49.8%;
	cursor: pointer;
}

.home-features h3 {
	width:100%;
	text-align:center;
	padding-top:.5em;
	padding-bottom:.5em;
	color: #FFFFFF;
	font-size: 3vw;
	text-transform: uppercase;
	font-weight: 700;
}


.read-more {
	background-color: #78b20f;
	color: #FFFFFF;
	padding: .5em;
	font-size: 1.3em !important;
	text-transform: uppercase;
	text-align: center;
	width: 45%;
	height: 10em;
}

.home-button {
	margin: .5em 0;
	background-color: #222222;
	color: #FFFFFF;
	padding: .5em .7em;
	font-size: 1vw !important;
	text-transform: uppercase;
	text-align: center;	
	width: 45%;
}

.home-button:hover {
	background-color: #78b20f;
}


.no-search-results-box {width: 100%; background: #8cc63e; padding: 6em 1em;}
.no-search-results-box h2 {font-size: 3em; padding: .5em 0; color: #ffffff; text-decoration: underline; font-weight: 500;}
.no-search-results-box h3 {font-size: 2em; padding: .5em 0; color: #006738; font-weight: 500;}
.no-search-results-box a {color: #ffffff; text-decoration: none}
.no-search-results-box a:hover {text-decoration: underline;}

.error-box {width: 100%; background: #8cc63e; padding: 3em 0;}
.error-box h2 {font-size: 9em; padding: 0; color: #ffffff; font-weight: 900;}
.error-box h3 {font-size: 4em; padding: 0 0 .5em; color: #ffffff; font-weight: 300;}
.error-box h4 {font-size: 2em; padding: .5em 0; color: #006738; font-weight: 500;}
.error-box a {color: #ffffff; text-decoration: none}
.error-box a:hover {text-decoration: underline;}


    body.admin-bar #wphead {
       padding-top: 0;
    }
    body.admin-bar #footer {
       padding-bottom: 95px;
       background: #23282d;
    }
    #wpadminbar {
        top: auto !important;
        bottom: 0;
    }
    #wpadminbar .quicklinks .menupop ul {
        bottom: 95px;
		background: #23282d;
    }



@media screen and (max-width: 1300px) {
	.intro-section h2{font-size:3em;}
	.post-cover h2{font-size:4em;}
}
.mobile-display {display:none;}
.sm-mobile-display {display:none;}
@media screen and (max-width: 1024px) {
	/* Header */
	.header .logo {height: 2em;}
	.intro-section h2{font-size:2em;}
	.post-cover h2{font-size:3em;}
	.alpha-dropdown {display:block;}
	.article-item {width: 95%; height: 75vh;}
	.container-4 {width:200px;}
	.header .box {right: 8.5em; top: 2em;}
	.plant-list-header .box {top: 1em;}
	.big-green-text {font-size: 2em; line-height: 1.5em;}

	/* Home */
	#home .header {border-bottom: 1px solid #006738;}
	.home-sub-features {margin-bottom: 1em;}
	.home-sub-features .home-item-container {width: 100%; float: none;}
	.home-content-wrapper {margin: 0px;}
	.home-feature-title {display: block; width: 100%; margin: .3em auto;}
	.home-feature-header {text-align: center}
	.home-feature-header span {display:block; width: 100%;}
	.home-feature-learn {display: none !important;}
	.home-item-header {text-align: center;}
	#home-item-one .featured-image {height: 15em;}
	.home-right {width: 100%; float: none; margin:0px; padding: 0px 0px 1em; min-height: auto;}	
	.home-right p {line-height: 1.5em;}
	.home-right img	{margin: .5em 1em .5em 0em;}
	.home-right h2 {line-height: 2;}
	/* Plant list */
	.alpha-nav ul li {margin: 0 -.03em; font-size: 2.1vw; width: 1.5em;}
	.alpha-nav ul li a {padding: 0em;}
	.plant-list-section {padding-top: 2em;}

	/* Hide and display elements */
	.mobile-display {display: block;}
	.desktop-display {display: none;}
	.columnized-content h3 {font-size: 3.2vh !important; line-height: 3.0vh  !important;}
	.columnized-content h4 {font-size: 3.0vh !important; line-height: 3.0vh  !important;}
	.fact-box .textbox, .wrap-up-section p, .columnized-content ul, .column ol, .column ul, .textbox ul, .intro-text ul, .intro-section p, .column p, .one-column .textbox p {font-size: 2.8vh !important; line-height: 3.0vh  !important;}
}

@media screen and (max-width: 800px) {
	.sm-mobile-display {display: block;}
	.alpha-nav {display:none;}	
	.home-right h2	{margin-bottom: .25em; text-align: center;}
	#single .header {border-bottom: 0px;}
	#home .header {border-bottom: 0px;}
	#search-header { margin-top: .5em;}
	.header .box {position: static; margin: .5em 0 .9em;}
	.header .container-4 {width: 95%; margin: 0 auto;}
	.header .container-4 input#search {width: 100%;}
	#alpha-dropdown, #view-by-container {position: static; display: inline-block; width: 40%; padding-bottom: 1.5em; margin: 0 1em;}
	#alpha-dropdown span, #view-by-container span {display:block; width: 100%; margin-bottom: .75em; font-size: 1.2em; color: #ffffff;}
	#alpha-dropdown select, #view-by-container select {height: 2.3em; width: 100%; background-color: #006738;}
	.header {height: auto; margin: 0 auto 1.5em; margin-top: 1em; text-align: center;}
	.header h1 {margin: .2em 0em;}
	.header ul {border: 0px; padding: 0px; margin: 0 auto 1em; font-size: 1.1em; display: block; width: 95%;}
	.header ul li {margin: .4em 0;}
	.header ul li a {display: block; text-decoration: none; color:#ffffff;  background-color: #006738; padding: .8em 0;} 
	.header ul li a:hover {color:#ffffff;  background-color: #8cc63e;} 	
	.header .container-4 input#search {font-size: 1.1em;}
	.plant-list-section {padding-top: 0em;}
	#plant-file-dropdowns {background-color: #8cc63e; width: 95%; margin: 0 auto; padding-top: 1.1em;}
	#single .header {position: static;}
	#page-wrap {margin-top: 17em; margin-bottom: 3em}
	.post, .first-post, .post-middle {display: block; width: 95%; padding: 0; margin:0 auto;}	
	.post:last-child p:last-child {padding-bottom: 2em;}
	.first .column, .column {display: block; width: 100% !important;}
	.columnized-content {display: block; width: 100% !important}
	.fact-box {text-align: center; margin-bottom: 2em; width: 100%; min-width: auto;}
	.full-img {min-width: 0;}
	.full-img img, .fact-box img {width: 100%; height: auto; max-height: 100%; min-width: 0;}
	.large-section {width: 100%;}
	.back-to-plant-files {bottom: 0px; top: auto; right: 0; left: 0; display: block; width:100%; text-align: center; z-index: 1000;}
	#category .back-to-plant-files {bottom: 0;}
	.back-to-plant-files a {width: 95%; display: block; margin: 0 auto;}
	.legacy-title {position: static; width: 95%; margin: 0 auto;}
	.legacy-buffer {height: 3em;}
	#legacy-page-wrap {margin-top: -3em;}
	.legacy-title-section img {width: 100%; height: auto; margin: 0 auto; max-width: 100%; max-height: 100%;}
	.article-item {height: 100%}
	.wrap-up-column-last, .wrap-up-column {display: block; width: 100%;}
	.textbox {width: 100%; display: block;}
	.textbox img {width: 100%;}
	.one-column {margin: 0 auto;}
	.td-1, .td-2, .td-2-5, .td-3, .td-3-5, .td-4 {width: 100%; margin: 0 auto;}
	.wrap-up-section h2, .intro-section h2 {font-size: 3em; padding-bottom: .75em;}
	.intro-section .intro-text {margin: .2em 0;}
	.textbox h3, .columnized-content h3 {font-size: 1.8em !important; line-height: 1.9em !important; margin-bottom: .5em;}
	.legacy-disclaimer p, .fact-box .textbox, .wrap-up-section p, .columnized-content ol, .textbox ul, .intro-text ul, .intro-section p, .column p, .one-column .textbox p, .columnized-content p {font-size: 1.5em !important; line-height: 1.7em !important; margin-bottom: 1em;}
	.legacy-disclaimer p {width: 100%;}
	.column * {margin: 0 !important;}
	.wrap-up-section .textbox {margin: 0;}
	.post-cover {width: 100%; height: 75vh;}
	.post, .first-post {padding: 0px;}
}


/*small height laptops

@media (min-width: 801px) and (max-height: 850px) {
	body {font-size: 12px;}
	.fact-box img {height: 40vh;}
}

*/