/*
Theme Name: Neubauer Farms
Description: The Theme for Neubauer Farms.
Theme URI: http://www.neubauerfarms.ca/
Author: Sean Potts
Author URI: http://seanpotts.com/
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

::selection {color:#FFF;background:#50230f;}
::-moz-selection {color:#FFF;background:#50230f;}

html, body {height:100%;}
body, textarea, nav li ul a {font:100%/1.5 "Open Sans", Helvetica, Arial, Verdana, sans-serif;}
html {background:url(images/bg.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size: cover;background-size:cover;}
h1, h2, h3, #content li:before, nav a, .vfb-desc {font-family: 'Rye', cursive;}
h1 {font-size:2.5em;line-height:1.25em;}
h2 {font-size:1.90em;}
h3 {font-size:1.5em;}
h1 a, h2 a, h3 a {text-decoration:none;}
h1 a:hover, h2 a:hover, h3 a:hover {color:#2475dc;}
p, #content ul {margin:0 0 1em;}
p {font-size:0.9em;}
em {font-style:italic;}
strong {font-weight:bold;}
a {color:#2b568d;font-weight:bold;}
a:hover {text-decoration:none;}
#thecontent ul, #content ol {margin-left:1em;font-size:0.85em;}
#content ul li:before {content:"» ";color:#3f1e0f;font-weight:bold;font-size:1.3em;}
#content ol {counter-reset: counter;font-family:'Droid Serif', Georgia, Times New Roman, serif;}
#content ol li {position:relative;font-weight:bold;font-size:1.1em;line-height:1.5em;padding:4px 0 10px 0;color:#222;}
#content ol li:before {content:counter(counter);counter-increment:counter;position:absolute;left:0;top:0;font-weight:bold;font-size:3em;line-height:1.1em;color:#CCC;font-family:'Droid Serif', Georgia, Times New Roman, serif;}
#content ol li {margin:0 0 0.5em 0;}	
#content ol li {padding-left:3em;}

#wrapper {max-width:60em;margin:0 auto;}
#wrapper:after, section:after, #social:after, footer:after, #thecontent .post:after {clear:both;content:"";display:block;}
section, footer {margin-bottom:1em;display:block;}
section:first-child, section:last-child {margin-bottom:0;}
section[role="banner"] {text-align:center;}
a.logo {padding:1em 0;display:block;}

#content {background:#FFF;padding:2em;}
#social {margin-bottom:1em;}

a, section, img, input {-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}

.gallery-icon {text-align:left;margin-bottom:1.5em;}
.gallery img {border:none !important;opacity:0.7;max-width:100% !important;height:auto;margin:auto !important;padding:0 !important;}
.gallery img:hover {opacity:1.0;}
.gallery-item {width:23% !important;margin:0 2em 2em 0 !important;}
.posteddate {color:#777;font-size:0.8em;display:inline-block;margin-bottom:0.5em;}
#thecontent img {float:right;max-width:241px;height:auto;border:1px solid #CCC;padding:7px;}

blockquote {background:#f9f9f9;border-left:10px solid #ccc;margin-bottom:1em;padding:1.25em 1.5em 1.25em 1.25em;quotes:"\201C""\201D""\2018""\2019";font-size:0.85em;}
blockquote:before {color:#ccc;content:'”';font-size:4em;line-height:0.1em;margin-right:0.25em;vertical-align:-0.4em;}
blockquote p:first-child {display: inline;}
blockquote p {margin:1em 0 0;}

footer {color:#FFF;padding-top:1em;font-size:0.75em;text-align:center;}
footer a {color:#FFF;}

.google-maps {position:relative;padding-bottom:75%;height:0;overflow:hidden;margin-bottom:2em;}
.google-maps iframe {position:absolute;top:0;left:0;width:100% !important;height:100% !important;}

.alignright {float:right;margin:0 0 2em 2em;}
.alignleft {float:left;margin:0 2em 2em 0;}

.visual-form-builder-container {padding-bottom:1em;font-size:0.8em;}
.vfb-desc {display:block;cursor:text;font-size:1.7em;}
span.vfb-required-asterisk {display:none;}
input[type="text"], textarea {border:3px solid #d3d3d3;background:#f3f4f2;width:70%;padding:6px;margin:3px 0;color:#18120e;resize:none;font-size:1.25em;}
textarea {height:6em;}
.vfb-item-textarea {margin-bottom:1em !important;}
input[type="submit"] {max-width:7em;border:none;padding:0.6em 1em;color:#FFF;background:#2b568d;cursor:pointer;float:left;}
.vfb-section {margin:-20px 0 !important;}
ul.vfb-section li:before {content:"" !important;}
.vfb-section li {margin:0 0 0.6em 0;}
.vfb-item-secret input {max-width:7em !important;}
label.vfb-error {display:block;color:#eaac00;}

section[role="nav"] {-webkit-border-radius:5px;border-radius:5px;width:auto;padding:0 1em;background:#6f2e11;background:-moz-linear-gradient(top,  #6f2e11 0%, #4e2411 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#6f2e11), color-stop(100%,#4e2411));background:-webkit-linear-gradient(top,  #6f2e11 0%,#4e2411 100%);background:-o-linear-gradient(top,  #6f2e11 0%,#4e2411 100%);background:-ms-linear-gradient(top,  #6f2e11 0%,#4e2411 100%);background:linear-gradient(to bottom,  #6f2e11 0%,#4e2411 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f2e11', endColorstr='#4e2411',GradientType=0 );}


#thecontent .size-full {max-width:none;float:none;margin:0;width:calc(100% - 16px);}

#nav {
}

#nav > a {
display: none;
}

#nav li {
position: relative;
}
#nav li a {
color: #FFF;
display: block;
padding:10px;
text-decoration:none;
}
#nav li a:active {
background-color: #c00 !important;
}

#nav span:after {
width: 0;
height: 0;
content: '';
vertical-align: middle;
display: inline-block;
position: relative;
right: -0.313em; /* 5 */
}

/* first level */

#nav > ul {
height: 3.75em; /* 60 */
background-color: #ffedc2;
}
#nav > ul > li {
width: 25%;
height: 100%;
float: left;
}
#nav > ul > li > a {
height: 100%;
font-size: 1.5em; /* 24 */
line-height: 2.5em; /* 60 (24) */
text-align: center;
}
#nav > ul > li:not( :last-child ) > a {
border-right: 1px solid #cc470d;
}
#nav > ul > li:hover > a, #nav > ul:not( :hover ) > li.active > a {
background-color: #cc470d;
}


/* second level */

#nav li ul {
background-color: #cc470d;
display: none;
position: absolute;
top: 100%;
}
#nav li:hover ul {
display: block;
left: 0;
right: 0;
z-index:9999;
}
#nav li:not( :first-child ):hover ul {
left: -1px;
}
#nav li ul a {
font-size: 0.9em; /* 20 */
border-bottom: 1px dotted #6f2e11;
padding: 0.75em; /* 15 (20) */
display:block;
}
#nav li ul li a {color:#222;background:#cfad66;}
#nav li ul li a:hover, #nav li ul:not( :hover ) li.active a {color:#FFF;background-color: #4e2411;}


@media only screen and ( max-width: 62.5em ) /* 1000 */ {
#nav {
width: 100%;
position: static;
margin: 0;
}
}

@media only screen and ( max-width: 40em ) /* 640 */ {
	html {
	font-size: 75%; /* 12 */
	}

	#nav {
	position: relative;
	top: auto;
	left: auto;
	}
	#nav > a {
	width: 3.125em; /* 50 */
	height: 3.125em; /* 50 */
	text-align: left;
	text-indent: -9999px;
	background-color: #ffedc2;
	position: relative;
	}
	#nav > a:before, #nav > a:after {
	position: absolute;
	border: 2px solid #fff;
	top: 35%;
	left: 25%;
	right: 25%;
	content: '';
	}
	#nav > a:after {
	top: 60%;
	}

	#nav:not( :target ) > a:first-of-type, #nav:target > a:last-of-type {
	display: block;
	}


	/* first level */

	#nav > ul {
	height: auto;
	display: none;
	position: absolute;
	left: 0;
	right: 0;
	}
	#nav:target > ul {
	display: block;
	}
	#nav > ul > li {
	width: 100%;
	float: none;
	}
	#nav > ul > li > a {
	height: auto;
	text-align: left;
	padding: 0 0.833em; /* 20 (24) */
	}
	#nav > ul > li:not( :last-child ) > a {
	border-right: none;
	border-bottom: 1px solid #cc470d;
	}


	/* second level */

	#nav li ul {
	position: static;
	padding-top: 0;
	}
}



@media screen and (max-width: 25em) {
	.gallery-item {width:23% !important;margin:0 1.5em 1.5em 0 !important;}
}

@media screen and (min-width: 40em) {
	#thecontent {float:left;width:65%;}
	#sidebar {float:right;width:30%;margin-top:2em;}
	#social a img {float:left;margin:0 0.5em 0 0;opacity:0.7;}
	#social a img:hover {opacity:1.0;}
	section[role="banner"] {text-align:left;}
	#nav li {float:left;}
	#nav li li{float:none;}
	#nav li ul {min-width:240px;}
	#thecontent img {max-width:300px;margin:0 0 1em 1em;}
#thecontent .size-full {max-width:none;float:none;margin:0;}
}