/* @override http://www.phytology.org.uk/wp-content/themes/ma-phy-final/style.css */

/* @override http://www.phytology.org.uk/wp-content/themes/ma-phy-dev/style.css */

/* @override http://beta.phytology.org.uk/wordpress/wp-content/themes/ma-phy-dev/style.css */

/* @override http://beta.phytology.org.uk/wordpress/wp-content/themes/ma-phy-dev/style.css */

/*
Theme Name: MA - Phytology
Theme URI:
Description:
Version: 1.0.0
Author: Modern Activity
Author URI:
*/

/* resets and helpers in reset.css. consolidate / minfiy on production as desired */

@font-face {
    font-family: 'l10regular';
    src: url('fonts/l10_nov12-webfont.eot');
    src: url('fonts/l10_nov12-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/l10_nov12-webfont.woff') format('woff'),
         url('fonts/l10_nov12-webfont.ttf') format('truetype'),
         url('fonts/l10_nov12-webfont.svg#l10regular') format('svg');
    font-weight: normal;
    font-style: normal;
	-webkit-font-smoothing: antialiased !important;
}



.invisible {
	visibility: hidden;
}

html {
	font: 17px 'bureau-grot', sans-serif;
	font-weight: 300;
	font-style: normal;
	background-color: #939393;
	color: white;
}

img {
	max-width: 100%;
	height: auto;
}

.unstyled {
	margin: 0px;
	padding: 0px;
}

.yellow {
	color: rgb(207,231,80);
}

/* TYPOGRAPHY */

ol {
	padding-left: 0;
}

strong {
font-family: 'l10regular' !important;
	font-weight: normal !important;
	font-style: normal !important;
}

.italic, i, emphasis {
	font-family: 'bureau-grot';
	font-style: italic;
}

#top-menu, h3#hover, h1, h2, h3, h4, h5, h6 {
	font-family: 'l10regular';
	font-weight: normal !important;
	-webkit-font-smoothing: antialiased !important;
}

h3.italic {
	font-family: 'bureau-grot';
	font-style: italic;
}

/*
h1, h2, h3, h4, h5, h6 {
	font-family: 'DadaGrotesk-Bold';
	font-weight: normal !important;
	-webkit-font-smoothing: antialiased !important; 
}
*/

h1 {
	font-size: 2em;
	margin: 0px;
	margin-bottom: .3em
}

h3 {
	font-size: 1.5em;
	margin: 3px 0px .3em;
	line-height: 1.3em;
}


h3.italic p {
	margin-top: 0;
}

h4 {
	margin-bottom: 0;
	padding-bottom: 0;
}

article.team h4 {
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 3em;
	width: 48%;
}

div#teammembers {
	display: run-in;
}



h5 {
	margin: 3em 0px 5px;
	padding-left: 0;
	font-size: 1.2em;
}

p {
	line-height: 24px;
}

.border-bottom {
	border-bottom: 2px dotted black;
	margin-bottom: 5px;
}

.border-bottom-white {
	padding-bottom: .2em;
	border-bottom: dotted white 3px;
}

.border-bottom-small-spacing {
	padding-bottom: .5em;
	margin-bottom: .2em;
	border-bottom: dotted black 2px;
}

section#forthcoming.masonry {
	margin-bottom: 30px;
}

/* LINKS */

a, a:active, a:visited {
	text-decoration: none;
	color:inherit;
	font-weight: normal !important ;
	font-style: normal !important;
}

p a {
	/*border-bottom: 3px solid black;*/
	font-family: 'l10regular';
	font-weight: normal !important;


}

p a:hover {
	/*border-bottom: 3px solid black;*/
	font-family: 'l10regular';
	font-weight: normal !important;
	color: rgb(207,231,80);

}

h4 a:hover {

color: rgb(207,231,80);



}

.half-left {
	width: 47%;
	margin-right: 1%;
	float: left;
	box-sizing: border-box;
	padding-left: 10px;
}

#posts.container div.half-left {
	padding-left: 0;
	padding-top: 5px;
	margin-right: 10px;
}

#posts div.col30 h3 {
	margin-left: 8px;
}

.half-right {
	width: 49%;
	margin-left: 1%;
	float: left;
	box-sizing: border-box;
	padding-top: 10px;
}

/* UTIL */

.video-holder {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.video-holder iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Grid of 30 22px columns with 16px gutter */

.container { margin: 0 auto; width: 1140px}

.row {clear:both;}

.col {float:left; margin-left: 8px; margin-right: 8px;}

.col1 {
width: 22px;
}

.col2 {
width: 60px;
}

.col3 {
width: 98px;
}

.col4 {
width: 136px;
}

.col5 {
width: 174px;
}

.col6 {
width: 212px;
}

.col7 {
width: 250px;
}

.col8 {
width: 288px;
}

.col9 {
width: 326px;
}

.col10 {
width: 364px;
}

.col11 {
width: 402px;
}

.col12 {
width: 440px;
}

.col13 {
width: 478px;
}

.col14 {
width: 516px;
}

.col15 {
width: 554px;
}

.col16 {
width: 592px;
}

.col17 {
width: 630px;
}

.col18 {
width: 668px;
}

.col19 {
width: 706px;
}

.col20 {
width: 744px;
}

.col21 {
width: 782px;
}

.col22 {
width: 820px;
}

.col23 {
width: 858px;
}

.col24 {
width: 896px;
}

.col25 {
width: 934px;
}

.col26 {
width: 972px;
}

.col27 {
width: 1010px;
}

.col28 {
width: 1048px;
}

.col29 {
width: 1086px;
}

.col30 {
width: 1124px;
}

/* FORM */

#mc_embed_signup form {display:block; position:relative; text-align:left; padding: 10px 0
}

#mc-embedded-subscribe-form {

}

#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;
	float: left;
}
#mc_embed_signup input {border: 1px none #999; -webkit-appearance:none;
	border-bottom: 1px dotted black;
}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {
	font: normal 17px 'l10regular';
	font-weight: normal !important;
	-webkit-font-smoothing: antialiased !important;

	clear:both; background-color: rgb(207,231,80); border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block;
	font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width: 70%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;
	float: left;
}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;
	font-family: 'bureau-grot', sans-serif;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right: 16%;}
#mc_embed_signup .asterisk {color: rgb(207,231,80); font-size: 200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}

/* GALLERY */

.gallery img {
	margin: 3px 6px 3px 0;
	width: 60px;
}

/* HEADER */

#header-logo {
	width: auto;
	height: 25px;
}

#top-menu {
	width: 1385px;
	font-size: 25px;
	margin-bottom: 40px;
}

#top-menu li {
	text-align: center;
	margin: 0 14px;
	font-weight: normal;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	   -moz-osx-font-smoothing: grayscale;

}

.dot {
	opacity: 0;
	visibility: hidden;
}

li.current .dot {
	opacity: 1;
	visibility: visible;
}

.no-touch #top-menu li:hover .dot {
	opacity: 1;
	visibility: visible;
}

#top-menu .dot {
	font-size: 2em;
	line-height: .8em;
	padding-top: 20px;
}

li.space-small {
	margin: 0 15px !important;
}

/* MAIN */

#top-menu, footer, #main-content {
	margin-left: 3%;
}

#main-content {
	width: 1255px;
	padding: 10px;
	padding-right: 0px;
}

#posts-sort {
	font-size: 15px;
	float: left;
	width: 100px;
	min-height: 100px;
	margin-right: 14px;
}

#posts-sort ul {
	width: 100px;
	padding-bottom: 1em;
}

#posts-sort li {
	display: block;
	border-bottom: dotted 2px white;
	margin-bottom: .8em;
	padding-bottom: .2em;
}

#posts-sort li:hover {
	border-color: rgb(207,231,80);
	cursor: pointer;
}

.list-outer {
	font-size: .8em;
	margin-bottom: 1em;
	display: block;
}

/* POSTS LOOP */

section#posts, section#single-post {
	float: left;
}

section#posts article {
	color: black;
	box-sizing: border-box;
	border: 2px solid black;
	padding: 14px;
	background-color: white;
	margin-bottom: 14px;
}

a.more {
font-family: 'l10regular' !important;
	text-transform: uppercase;
	color: rgb(207,231,80);
}

nav#pagination {
	float: left;
	box-sizing: border-box;
	border: 2px solid black;
	padding: 14px;
	background-color: white;
	margin-bottom: 14px;
}

/* SINGLE POSt */

section#single-post article {
	color: black;
	box-sizing: border-box;
	border: 2px solid black;
	padding: 18px 18px 18px 23px;
	background-color: white;
	margin-bottom: 14px;
}

section#single-post ul {
	margin-top: 5px;
	padding-left: 0;
}

section#single-post li {
	padding-bottom: 6px;
}

.featured-image-captions {
	font-size: .75em;
	padding-top: 10px;
	padding-left: 10px;
	color: silver;
}

.gallery-holder {
	margin-top: 2em;
	padding-top: 2em;
	border-top: 1px dotted black
}



/* Calendar */

.calendar-copy, .calendar-thumb {
	float: left;
}

.calendar-copy {
	width: 300px;
	margin-right: 10px;
}

#pagination {
	color: black;
}

/* Home */

#entrypoint {
	font-weight: normal !important;
}

#home-logo {
	width: 400px;
	height: 250px;
}

#home {
	font-size: 1.6em;
	position: fixed;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	height: 100%;
	width: 100%;
	text-align: center;
	background-size: cover;
}

#home-content {
	display: inline-block;
	width: 65%;
}

#hover {
	display: none;
}

#home-content:hover #logo {
	display: none;
}
#home-content:hover #hover {
	display: block;
	min-height: 250px;
	/*height: 250px;*/
}

/* ABOUT PAGE */

.team .border-bottom {
	margin-top: 0px;
}

.team p {
	max-width: 48%;
	margin-top: 0;
}

/* PLANTS INDEX */

#posts-sort li#plants-alphabetical-view-trigger {
	display: none;
}

body.post-type-archive-plants article {
	height: 360px;
	overflow: hidden
}

body.post-type-archive-plants article h3 {
	height: 72px;
	margin-top: 0;
	padding-top: 0;
}

#plants-list-view {
	display: none;
	color: black;
	box-sizing: border-box;
	border: 2px solid black;
	padding: 14px;
	background-color: white;
}

#plants-list-view div.plants {
	display: inline-block;
	width: 31%;
	margin: 1%;
	box-sizing: border-box;
	border-bottom: dotted 2px black;
	padding-bottom: 5px;
}

img.attachment-list-view-plants.wp-post-image {
	float: right;
	padding-right: 5px;
}

#plants-list-view div.plants h5 {
	vertical-align: bottom;
	float: left;
	position: relative;
	bottom: -50px;
}

/* PLANT SINGLE */

.plant-biblio {
	font-size: 0.9em;
}

/* PROJECTS INDEX */

#projects-alphabetical-view {
	display: none;
}

/* SEARCH + SOCIAL */

li.social {
	margin: 0;
}

#top-menu li.social {
	margin: 0 1px;
	top: 7px;
	position: relative;
}

.genericon-search {
	font-weight: bold;
}



#header-search {
	font-size: 30px;
	height: 30px;
	width: 30px;
	margin-top: 4px;
}

#search-box {
	float: left;
	color: black;
	box-sizing: border-box;
	border: 2px solid black;
	padding: 14px;
	background-color: white;
	padding-bottom: 1em;
}

form#searchform {
	margin-bottom: 20px;
	border-bottom: dotted black 3px;
	padding-bottom: 1em;
}

input#s {
	width: 45%;
	padding: 10px;
	border: black solid 2px;
	text-transform: capitalize;
	font-size: 1.2em;
}

button#searchsubmit {
	border: none;
	background: none;
	font-size: 2em;
	color: rgb(207,231,80);
}

button#searchsubmit span {
	font-size: 40px;
	height: 40px;
	width: 40px;
	color: black;
}

#search-box article {
	border-bottom: dotted black 3px;
	padding-bottom: 1em;
	margin-bottom: .5em;
}

/* Slides */

#slides {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -9;
}

.slide-panel {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center center;
}

/* GALLERY VIEWER */

.gallery-image:hover {
	cursor: pointer;
}

#gallery-viewer {
	display: none;
}

#gallery-viewer nav, #gallery-viewer .genericon {
	font-size: 50px;
	width: 50px;
	transition: opacity .3s;
}

#gallery-left {
	position: fixed;
	top: 49%;
	left: 25px;
}

#gallery-right {
	position: fixed;
	top: 49%;
	right: 25px;
}

#gallery-close {
	position: fixed;
	top: 25px;
	right: 25px;
}

#gallery-viewer nav:hover {
	opacity: .5;
}

#gallery-viewer .holder.main-holder {
	text-align: center;
	background-color: rgba(0,0,0,.9);
	position: fixed;
	top: 0px;
	left: 0px;
}

#gallery-single-holder {
	height: 700px;
}

#gallery-single-caption {
	height: 2em;
}

/* FOOTER */

#sitefoot {

color: black;
box-sizing: border-box;
border: 2px solid black;
padding: 9px 18px 9px 32px;
background-color: white;
margin-bottom: 14px;
	margin-left: 115px;
	width: 380px;
}

/* MEDIA QUERIES */

@media screen and (max-width: 1420px) {

	/* Grid of 30 18px columns with 14px gutter */
	.container{margin:0 auto;width:960px}.row{clear:both;}.col{float:left;margin-left:7px;margin-right:7px;}.col1{width: 18px;}.col2{width: 50px;}.col3{width: 82px;}.col4{width: 114px;}.col5{width: 146px;}.col6{width: 178px;}.col7{width: 210px;}.col8{width: 242px;}.col9{width: 274px;}.col10{width: 306px;}.col11{width: 338px;}.col12{width: 370px;}.col13{width: 402px;}.col14{width: 434px;}.col15{width: 466px;}.col16{width: 498px;}.col17{width: 530px;}.col18{width: 562px;}.col19{width: 594px;}.col20{width: 626px;}.col21{width: 658px;}.col22{width: 690px;}.col23{width: 722px;}.col24{width: 754px;}.col25{width: 786px;}.col26{width: 818px;}.col27{width: 850px;}.col28{width: 882px;}.col29{width: 914px;}.col30{width: 946px;}

	html {
		font-size: 15px;
	}

	#top-menu, footer, #main-content {
		margin-left: 1%;
	}

	#top-menu {
		width: 1065px;
		font-size: 22px;
	}

	#top-menu li {
		margin: 0 10px;
	}

	#top-menu li.small-space {
		margin: 0 8px !important;
	}

	#header-logo {
		height: 21px;
	}

	#header-search {
		font-size: 22px;
		height: 22px;
		width: 22px;
	}

	#posts-sort {
		font-size: 13px;
		width: 75px;
		margin-right: 12px;
	}

	#posts-sort ul {
		width: 75px;
	}

	#main-content {
		width: 1055px;
	}

	body.post-type-archive-plants article {
		height: 300px;
	}
}

@media screen and (max-width: 1080px) {

	#posts-sort .fixed {
		position: relative;
	}

}