html, body {
	background-color: #1c1c1e;
}

body {
	font-size: 16px;
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans', Arial, sans-serif;
	text-transform: uppercase;
}


h1 { font-size: 28px; }
h2 { 
	font-size: 24px; 
	font-weight: 700; 
	margin-bottom: 30px;
}

h3 { font-size: 20px; }
h4 { font-size: 16px; }

article h4 {
	margin-bottom: 20px;
}

article h4 > strong {
	color: #666
}

article table {
	width: 100%;
}

p {
	font-weight: 300;
	margin-bottom: 30px;
}

a {
	color: #cfca38;
}

a:hover {
	color: #2f2f2f;
}

img {
	max-width: 100%;
}


header {
	/* position: fixed;
	width: 100%; */
	background-color: #2e2e2e;
	padding: 10px 0 0 0;
}

header nav {
	padding: 10px 0 0;
	float: left;
}

header nav ul {
	margin-bottom: 0;
	float: left;
}

header nav ul li {
	position: relative;
	margin-left: 30px;
	float: left;
	padding-bottom: 15px;
}

header nav ul li ul.sub-menu {
	display: none;
	overflow: visible;
	position: absolute;
	clip: auto;
	margin-left: 0;
	top: 40px;
	left: 0;
	z-index: 999;
}

header nav ul li ul.sub-menu li {
	margin-left: 0;
	width: 280px;
	/* text-align: center; */
	background-color: #fdd620;
	border-bottom: 1px solid #2f2f2f;
	list-style-type: none;
	padding-bottom: 0;
}


header nav ul li ul.sub-menu li:last-child {
	border-bottom: 0;
}




header nav ul li ul.sub-menu li > a {
	display: block;
	color: #2f2f2f;
	padding: 5px 10px;
}

header nav ul li ul.sub-menu li:hover {
	background-color: #2f2f2f;
}

header nav ul li ul.sub-menu li:hover a{
	color: #fff;
}

header nav ul li:hover ul.sub-menu {
	display: block;
}

header nav ul li a, 
header a {
	text-transform: uppercase;
	font-weight: 700;
	color: #dcdcdc;
	font-size: 12px;
}

header nav ul li a:hover, header nav a {
	color: #fdd620;
}

header nav.blog-link-wrap {
	text-align: right;
}

header nav.blog-link-wrap ul {
	float: right;
}

header nav.blog-link-wrap ul li a {
	color: #fdd620;
}

section.main-section section {
	padding: 55px 0;
}

section.main-section section.inner {
	background-color: #fff;
	padding: 0;
}

section.main-section section.inner div.main-content {
	border-right: 1px solid #fde054;
	padding: 55px 0 110px;
}


section.main-section section.hero {
	height: 550px;
	padding-top: 0;
	padding-bottom: 0;
	background: transparent url(../img/hero.jpg) no-repeat center center;
	background-size: cover;
}

section.main-section section.hero div.row {
	position: relative;
}

section.main-section section.hero div.caption-wrap {
	position: absolute;
	top: 50%;
}

section.main-section section.hero div.caption-wrap h1 {
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 30px; 
	background: rgba(255, 255, 255, 0.7); 
	font-size: 57px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 5px;
}

section.main-section section.hero div.caption-wrap h2 {

	display: inline-block;
	max-width: 75%;
	margin: 0 0 10px 0;
	padding: 15px 30px;
	font-size: 24px;
	text-transform: none;
	font-weight: 300;
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
}

section.about {
	background-color: #fff;
	background: #fff url('../img/bee-three.png') no-repeat 95% top fixed;
}

section.main-section section.join-us {
	position: relative;
	padding-bottom: 0;
	padding-top: 0;
	background-color: #fdd620;
	-webkit-transition: all .5s ease;
	   -moz-transition: all .5s ease;
	        transition: all .5s ease;
}

section.join-us div.row.join-us {
	padding-top: 55px;
	position: relative;
}

section.join-us div.join-wrap {
	margin-bottom: 55px;
}

section.join-us div.ipad-wrap {
	position: absolute;
	right: 0;
	bottom: 0;
}

div.join-us-two {
	display: none;
}

div.join-us-two div.register-wrap{
	padding-top: 55px;
}

.main-map-wrap,
div.join-us-two .map {
	position: absolute;
	right: 0;
        top: 0;
	width: 50%;
        height: 100%;
	/* height: 500px; */
}

.main-map-wrap *,
div.join-us-two .map * {
    box-sizing:content-box;
    -moz-box-sizing:content-box;
}

section.news-and-events h2 {
	color: #fff;
}

section.news-and-events ul.news-and-events li {
	color: #b5b5b5;
}
section.news-and-events ul.news-and-events li img {
	width: 100%;
	margin-bottom: 10px;
}

section.news-and-events ul.news-and-events li h4 {
	margin: 0;
}

section.news-and-events ul.news-and-events li h4 a {
	color: #fff;
}
section.news-and-events ul.news-and-events li p.date {
	margin-bottom: 15px;
	color: #7b7821;
	font-size: 12px;
}

section.news-and-events ul.news-and-events li div.content {
	padding: 10px;
	background-color: #262627;
}

section.news-and-events ul.news-and-events li:nth-child(odd) div.content {
	background-color: #232323;
}

section.contact-us {
	background: transparent url(../img/contact-us-bg.jpg) no-repeat center center;
	background-size: cover;
}

section.contact-us, section.contact-us h2 {
	color: #fff;
}

section.contact-us textarea {
	min-height: 150px;
}

section.contact-us ul.connect-to-us {
	float: right;
}
section.contact-us ul.connect-to-us p {
	color: #ddd;
	border: 1px solid #ccc;
	padding: 15px 25px;
	text-transform: uppercase;
	font-weight: 700;
}

section.contact-us ul.connect-to-us li.social-link {
	padding-top: 12px;
}

section.contact-us ul.connect-to-us li.social-link a:hover {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out; 
	-o-transition: all 0.5s ease-in-out; 
	-ms-transition: all 0.5s ease-in-out; 
	-webkit-transform: rotate(-45deg); 
	-moz-transform: rotate(-45deg); 
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg); 
}

footer {
	background-color: #fdd620;
	padding: 10px;
}

footer p {
	margin-bottom: 0;
}

footer p a {
	color: #282b2d;
}

footer p:nth-child(1){
	text-align: right
}

form textarea {
	min-height: 80px;
}

button, .button {
	text-transform: uppercase;
	color: #2f2f2f;
	background-color: #fdd620;
	font-weight: 700 !important;
}

button:hover, .button:hover{
	color: #fff;
	background-color: #282b2d;
}

button.dark, .button.dark {
	color: #fff;
	background-color: #282b2d;
}

button.dark:hover, .button.dark:hover {
	color: #2f2f2f;
	background-color: #e5e039;
}

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea{
	background-color: #3f3f3f;
        color:#fff;
	border: 0;
}
input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus{
	background-color: #3f3f3f;
	border: 0;
	box-shadow: none;
}

.row.full-row {
	max-width: 100%;
}

div.single-content p.single-date, div.archive-content p.archive-date{
	margin-bottom: 25px;
	color: #c5a820;
	font-size: 12px;
}

div.archive-content p.archive-date {
	margin-bottom: 15px;
}

div.archive-content h2 {
	margin-top: 0;
}

div.archive-content h4 {
	margin-top: 0;
	margin-bottom: 0;
}

 div.archive-content h4 a {
 	color: #2f2f2f;
 }

div.single-content h2 {
	margin-top: 0;
	margin-bottom: 20px;
}
div.single-content article {
	margin-bottom: 50px;
}

div.single-content div.author-wrap{
	padding: 10px;
	color: #b5b5b5;
	background-color: #282b2d;
}
div.single-content div.author-wrap h4 {
	color: #fff;
}


aside {
	padding-left: 15px;
	color: #a6a6a6;
}

aside:first-child {
	margin-top: 55px;
}

div.side-archive aside:first-child {
	margin-top: 80px;
}

aside h3.widget-title {
	font-size: 18px;
	text-transform: none;
	margin-top: 0;
	margin-bottom: 25px;
}

/* overrides */
div.wpcf7-validation-errors {
	display: block;
	padding: 15px 10px;
	color: #282b2d;
	background-color: #fdd620;
	border: 0;
	clear: both;
	box-sizing: border-box;
}

.plant-table td:nth-child(odd) {
	width: 50%;
}

.gm-style .firstHeading {
    font-size:14px;
}
.gm-style #content {
    min-height:40px;
    min-width:120px;
}
/* fix for google maps */
.gm-style img { max-width: none; }
.gm-style label { width: auto; display: inline; }

/* wp forms */

div.wpcf7-mail-sent-ok {
	padding: 15px 10px;
	background-color: #398f14;
	clear: both;
	border: 0;
	box-sizing: border-box;
}

@media only screen and (max-width: 64em) { 
	section.join-us div.ipad-wrap {
		position: relative;
		right: 0;
		bottom: 0;
	}
        .main-map-wrap,
	div.join-us-two .map {
		position: static;
		width: 100%;
	}

	footer p:nth-child(1){
		text-align: left;
	}

}

@media only screen and (max-width: 40em) { 

	section.hero {
		padding-top: 0;
	}
	
	section.hero div.caption-wrap {
		text-align: center;
		margin-top: 40px !important;
	}
	section.main-section section.hero div.caption-wrap h1 {
		display: block;
		margin: 0 auto;
		margin-bottom: 10px;
		padding: 10px 20px;
		max-width: 90%;
		font-size: 24px;
	}

	section.main-section section.hero div.caption-wrap h2 {
		padding: 10px 20px;
		max-width: 90%;
		font-size: 16px;
	}
	
	section.contact-us ul.connect-to-us {
		float: none;
	}

	section.contact-us ul.connect-to-us .label-wrap {
		float: none;
	}

	section.contact-us ul.connect-to-us p {
		color: #fff;
		border: 1px solid #fff;
		margin-bottom: 10px;
	}

	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */