/* 
Theme Name: Nettle Meadow Theme
Theme URI: http://www.scottholmancreative.com/
Description: Custom theme for Nettle Meadow Farms website.
Author: Scott Holman
Author URI: http://www.scottholmancreative.com/
Version: 1.0
Tags: two-column, green, orange, cheese, farm
*/

@charset "UTF-8";
/* CSS Document */

/* font-family: 'Quattrocento Sans', sans-serif; */

@font-face { 
	font-family: 'Segoe Print'; 
	src: url('font/segoe_print/segoe_print.eot'); 
	src: url('font/segoe_print/segoe_print.eot?#iefix') format('embedded-opentype'), url('font/segoe_print/segoe_print.svg#Segoe Print') format('svg'), url('font/segoe_print/segoe_print.woff') format('woff'), url('font/segoe_print/segoe_print.ttf') format('truetype'); 
	font-weight: normal; font-style: normal;
}

/* Body Styling */

html {
	margin: 0;
	padding: 0;
	position: relative;
	min-height: 100%;
}

body {
	width: 100%;
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 14px;
	margin: 0 0 40px;
	padding: 0;
	background-color: #fff6dc;
	color: #252525;
}

.wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 980px;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

img {
	border: none;
}

/* End Body Styling */

/* Header Styling */

header {
	width: 100%;
	height: 175px;
	background-image: url(img/grass.jpg);
	background-size: cover;
	background-position: center;
	margin-bottom: 3px;
}

.nm-header {
	float: left;
	margin-top: 20px;
	padding-left: 0px;
	margin-left: -5px;
}

nav {
	width: 100%;
	background-color: #003307;
	margin-bottom: 15px;
}

nav ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 11px 0 10px 0;
	color: #8c9454;
	font-size: 10px;
	text-align: left;
}

nav li {
	display: inline;
	margin-right: 12px;
	margin-left: 0px;
}

nav li a {
	color: #8c9454;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

nav li a:hover {
	color: #f7941e;
}

nav .current-menu-item a {
	color: #fff6dc;
}

/* End Header Styling */

/* Main Content Styling */

/* not in use 
#main {
	width: 980px;
	padding-bottom: 80px;
	margin-bottom: 80px;
} */

/* Main (blog) Content Styling */

.mainContent {
	width: 715px;
	float: left;
	padding-bottom: 80px;
}

.mainContent h1 {
	font-family: 'Segoe Print';
	font-size: 35px;
	color: #003307;
	margin: 0px 0 10px 0;
	line-height: 40px;
}

.mainContent h2 {
	color: #a3620a;
	font-family: 'Segoe Print';
	font-size: 20px;
	margin-bottom: 0px;
	margin-top: 15px;
}

.mainContent h3 {
	font-family: 'Segoe Print';
	font-size: 24px;
	color: #8c9454;
	margin-bottom: 10px;
	margin-top: 15px;
	line-height: 27px;
	border-bottom: solid #8c9454 1px;
	padding-bottom: 10px;
}

.mainContent h4 {
	font-family: 'Segoe Print';
	font-size: 28px;
	color: #8c9454;
	margin-bottom: 0;
	margin-top: 0;
}

.mainContent-sb h5 {
	color: #a3620a;
	font-family: 'Segoe Print';
	font-size: 20px;
	margin-bottom: 0px;
}

.mainContent p {
	margin-top: 0;
}

.mainContent img {
	display: inline;
	float: left;
	margin-right: 5px;
}

/* Main Content - with sidebar - Styling */

.mainContent-sb {
	width: 715px;
	float: left;
	padding-bottom: 80px;
}

.mainContent-sb h1 {
	font-family: 'Segoe Print';
	font-size: 35px;
	color: #003307;
	margin: 0px 0 10px 0;
	line-height: 40px;
}

.mainContent-sb h2 {
	color: #a3620a;
	font-family: 'Segoe Print';
	font-size: 20px;
	margin-bottom: 0px;
	margin-top: 15px;
}

.mainContent-sb h3 {
	font-family: 'Segoe Print';
	font-size: 24px;
	color: #8c9454;
	margin-bottom: 10px;
	margin-top: 15px;
	line-height: 27px;
	border-bottom: solid #8c9454 1px;
	padding-bottom: 10px;
}

.mainContent-sb h4 {
	font-family: 'Segoe Print';
	font-size: 28px;
	color: #8c9454;
	margin-bottom: 0;
	margin-top: 0;
}

.mainContent-sb p {
	margin-top: 0;
}

.mainContent-sb img {
	display: inline;
	float: left;
	margin-right: 5px;
}

.mainContent-sb a {
	color: #a3620a;
	text-decoration: none
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.mainContent-sb a:hover {
	color: #003307;
}

.mainContent-sb p {
	line-height: 20px;
}

.mainContent-sb .introCopy {
	font-size: 18px;
	color: #003307;
	margin-top: 7px;
	margin-bottom: 20px;
	line-height: 22px;
}


/* Main Content - full page - Styling */

.mainContent-full {
	width: 980px;
	color: #252525;
	padding-bottom: 80px;
}

.mainContent-full h1 {
	font-family: 'Segoe Print';
	font-size: 35px;
	color: #003307;
	margin: 0px 0 10px 0;
	line-height: 40px;
}

.mainContent-full h3 {
	font-family: 'Segoe Print';
	font-size: 24px;
	color: #8c9454;
	margin-bottom: 10px;
	margin-top: 15px;
	line-height: 27px;
	border-bottom: solid #8c9454 1px;
	padding-bottom: 10px;
}

.mainContent-full h2 {
	font-family: 'Segoe Print';
	font-size: 20px;
	margin-bottom: 0px;
	margin-top: 0px;
	color: #a3620a;
	line-height: 32px;
}

.mainContent-full p {
	margin-top: 10px;
}

.mainContent-full img {
	vertical-align: text-top;
	float: left;
	margin-right: 10px;
}

.mainContent-full ul {
	list-style-type: none;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 0;
}

.mainContent-full li {
	list-style-type: none;
	margin-left: 0px;
	margin-bottom: 5px;
	padding-left: 0;
}

.mainContent a {
	color: #a3620a;
	text-decoration: none
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.mainContent a:hover {
	color: #003307;
}

.mainContent p {
	line-height: 20px;
}

.mainContent .introCopy {
	font-size: 18px;
	color: #003307;
	margin-top: 7px;
	margin-bottom: 20px;
	line-height: 22px;
}

.mainContent-full a {
	color: #a3620a;
	text-decoration: none
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.mainContent-full a:hover {
	color: #003307;
}

.mainContent-full p {
	line-height: 20px;
}

.mainContent-full .introCopy {
	font-size: 18px;
	color: #003307;
	margin-top: 7px;
	margin-bottom: 20px;
	line-height: 22px;
}

.mainContent-full .cheeses {
	border-bottom: solid #8c9454 1px;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.mainContent-full .cheeses h2 {
	font-family: 'Segoe Print';
	font-size: 20px;
	color: #a3620a;
	margin-bottom: 0px;
}

.mainContent-full .cheeses p {
	line-height: 17px;
	margin-top: 0px;
}

.mainContent-full .cheeseSub {
	font-family: 'Segoe Print';
	font-size: 16px;
	color: #8c9454;
	margin-top: 0px;
	margin-bottom: 10px;
}

.mainContent-full .cheeses-noborder h2 {
	font-family: 'Segoe Print';
	font-size: 20px;
	color: #a3620a;
	margin-bottom: 0px;
}

.mainContent-full .cheeses-noborder p {
	margin-top: 0px;
	line-height: 17px;
}

p.quote {
	font-style: italic;
	font-weight: bold;
	margin-bottom: 0;
}

p.quoter {
	margin-left: 20px;
	margin-top: 0;
}

.contact {
	line-height: 16px;
}

.aside {
	width: 250px;
	float: right;
	background-color: #ede0ce;
	padding-bottom: 15px;
	margin-top: 0px;
	margin-bottom: 80px;
	border-bottom: 2px #a3620a solid;
}

.aside h3 {
	font-family: 'Segoe Print';
	font-size: 14px;
	color: #fff6dc;
	background-color: #a3620a;
	text-align: center;
	margin: 0px 0 0 0;
}

.aside p {
	text-align: center;
	margin: 10px 20px 0 20px;
	line-height: 18px;
}

.divider {
	border-top: solid #8c9454 1px;
	padding-top: 10px;
	margin: 0 20px 0 20px;
}

.aside .slideshow_container {
	margin-bottom: 5px;
}

.aside a {
	color: #a3620a;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

.aside a:hover {
	color: #003307;
	text-decoration: none;
}

.aside img {
	float: right;
	margin-right: 25px;
	margin-left: 15px;
}

#comment {
	margin-bottom: 10px;
}

#comments {
	color: #8c9454;
}

#submit {
	font-family: 'Quattrocento Sans', sans-serif;
	font-size: 12px;
	border: none;
	box-shadow: none;
	background-color: #8c9454;
	color: #fff;
	cursor: pointer;
	padding: 3px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

#submit:hover {
	background-color: #a3620a;
	color: #fff;
}

/*#respond h3 {
	color: #8c9454;
	margin-bottom: 0;
}*/

#respond p {
	margin-top: 0;
}



/* End Main Content Styling */

/* Footer Styling */

footer {
	position: fixed;
	left: 0;
	bottom: 0;
	padding-top: 10px;
	height: 40px;
	width: 100%;
	background-color: #979e66;
	border-top: solid #a3620a 2px;
	margin-top: 80px;
}

footer a {
	color: #d1d4bb;
	text-decoration: none;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

footer a:hover {
	color: #003307;
	text-decoration: none;
}

.contact {
	float: left;
	color: #fff;
	width: auto;
	text-align: left;
	font-size: 12px;
}

.copyright {
	float: right;
	color: #386351;
	font-size: 8px;
	width: auto;
	text-align: right;
}

/* End Footer Styling */
	
/* Grid Styling */

.mainContent-sb .grid img:nth-child(1):hover ~ p.caption:after {
  content: "Doedeen is named after her grandmother, Doe Doe, who somehow always reminded us a little bit of a Doe Doe bird. When Doedeen was born her coloring and personality were the spitting image of her grandmother and so she became "Doedeen." Now she is a two year old who always finds a way to get back into the dairy parlor during milking over and over again for another feeding of grain. She is a free spirit who loves to lay in the sun with her friends, much like her grandmother...";
  font-size: 12px;
}

.mainContent-sb .grid img:nth-child(2):hover ~ p.caption:after {
  content: "Harrison is our "Big Man On Campus". He came to us as just a ram lamb from our friends at Dancing Ewe and we bottle raised him into a great gentleman, and a very popular ram with the ladies. Harrison is almost three years old now but he still loves having his nose petted and will even give you a kiss. He's a very sweet boy for a ram.";
  font-size: 12px;
}

.mainContent-sb .grid img:nth-child(3):hover ~ p.caption:after {
  content: "Nuts lives up to her name. She is always in high spirits rushing around the pasture and is known for her funny faces. She is always so happy it rubs off on everyone around her. She is also very compassionate. When her sister was injured she stayed with her in a stall for weeks and weeks and never complained about the confinement. Nuts has a warm place in everyone's heart at Nettle Meadow.";
  font-size: 12px;
}

.mainContent-sb .grid img:nth-child(4):hover ~ p.caption:after {
  content: "Hip Hop is a yearling goat raised to become part of our sanctuary. Her birth was very difficult and she has a hip problem that stems back to that. She fought so hard to be in this world, its only fitting we raise her to have a happy tranquil life with our sanctuary animals. She has a wonderful disposition and when she moves to the main farm this summer she will be a very sweet ambassador for visitors.";
  font-size: 12px;
}

.mainContent-sb .grid img:nth-child(5):hover ~ p.caption:after {
  content: "Mae is a wonderfully sweet and mellow sheep who has been a dominant producer in our sheep herd for many years. Last year she went through a bit of a health scare but she bounced right back so quickly and this year she is back at work and has produced two more beautiful lambs. Mae is a beautiful example of the many working girls it takes to make Nettle Meadow such a success.";
  font-size: 12px;
}

.mainContent-sb .grid img:nth-child(6):hover ~ p.caption:after {
  content: "Scarlet is a boer cross who is as cute as a button — but don't let her fool you. Her middle name should be Trouble. If a gate is open, she is the leader of the pack that is escaping. If there's a hole in the fence, she is the first to find it. She can be very mischievous, but will still give you a hug if you ask her nicely enough.";
  font-size: 12px;
}

.mainContent-sb .grid img:nth-child(7):hover ~ p.caption:after {
  content: "Foonzie is the kind of rescue creature that makes Nettle Meadow special. Foonzie was born to one of our guard llamas, and when we found him, there wasn't much life left in him. He was rushed to a local vet for special care and was raised in a warm garage with his mother and grandmother until he could go out to the pasture. Later we realized he was a little special and now he has a pen and outdoor area just for him because he's a little too aggressive for his own good. But everyone loves him and his crazy expressions.";
  font-size: 12px;
}

/* End Grid Styling */