/*
Theme Name: Ag History Project Theme
Description: Responsive Wordpress theme created for Ag History Project website.
Author: Coastline Marketing Group
Author URI: http://www.coastlinemarketinggroup.com
*/

@viewport{
    zoom: 1.0;
    width: device-width;
}


html { 
	margin:0px auto; 
	padding:0px;
	background:#f7f4e7 url('images/natural_paper.jpg') top left repeat;
}

body {
	margin:0px auto;
	color:#333;
	font-family: 'Prociono', Georgia, 'Times New Roman', serif;
	font-size:16px;
}

h1, h2, h3, h4 { 
	margin:0px;
	font-family:'Prociono', Georgia, 'Times New Roman', serif; 
	clear:both;
}
h1 { font-size:36px; }
h2 { font-size:35px; }
h3 { font-size:24px; }
h4 { font-size:18px; }

hr { clear:both; }

a { color:#6f928c; text-decoration:none; }
a:hover { color:#dc4a2c; }
a.more {  }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}


/**************** Header Area ****************/
header {}
header h1 { font-size:18px; line-height:24px; }
header h1 span { font-size:27px; }
.header-inner ul { margin:0px; padding:0px; }
.header-inner li { list-style-type:none; }
.header-inner li a { padding-left:20px; color:#333; }  
.header-inner li a:hover { color:#dc4a2c; }

.header-inner li:nth-child(1) { background:url('images/newsletter_icon.png') left center no-repeat; }
.header-inner li:nth-child(2) { background:url('images/feedback_icon.png') left center no-repeat; }
.header-inner li:nth-child(3) { background:url('images/contact_icon.png') left center no-repeat; }

.header-inner li:nth-child(1):hover { background:url('images/newsletter_icon_hover.png') left center no-repeat; }
.header-inner li:nth-child(2):hover { background:url('images/feedback_icon_hover.png') left center no-repeat; }
.header-inner li:nth-child(3):hover { background:url('images/contact_icon_hover.png') left center no-repeat; }


/**************** Menu Area ****************/
#menu { position:relative; margin:0px auto; float:right; clear:both; }
#menu ul { margin:0px; padding:6px 0px; }
#menu li { position:relative; list-style-type:none; display:inline-block; border:solid 1px #fff; }	
#menu li a { 
	display:inline-block;
	padding:12px 20px;
	color:#fff;
	font-family:'Open Sans Condensed', Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	text-transform:lowercase;
	-moz-text-shadow:1px 1px 1px #333;
	-webkit-text-shadow:1px 1px 1px #333;
	text-shadow:1px 1px 1px #333;
}
#menu li a:hover { }

#menu-item-16 a, #menu-item-16:hover ul { background-color:#e78f27; } 
#menu-item-17 a, #menu-item-17:hover ul { background-color:#b4b484; }
#menu-item-18 a, #menu-item-18:hover ul { background-color:#bf3643; } 
#menu-item-19 a, #menu-item-19:hover ul { background-color:#b38f6c; } 
#menu-item-20 a, #menu-item-20:hover ul { background-color:#749c96; } 
#menu-item-21 a, #menu-item-21:hover ul { background-color:#edd981; } 
#menu-item-22 a, #menu-item-22:hover ul { background-color:#5578ab; } 


/**************** Menu Dropdown Area ****************/
#menu ul li ul { 
	list-style:none; 
	position:absolute; 
	left:-9999px; 
	z-index:9999;
}
#menu ul a { color:#fff; white-space:nowrap; }
#menu li:hover ul { position:absolute; padding:0px; left:0px; top:48px; opacity:1; }
#menu li:hover ul li { position:relative; display:block; padding:2px; border:0px; }
#menu li:hover ul a { display:block; margin:0px; padding:3px 12px; }
#menu li:hover ul li a:hover { background-color:rgba(0,0,0,0.1); color:#fff !important; }


/**************** Rotator Area ****************/
#rotator { position:relative; }
#meteor-slideshow { border:solid 1px #fff; }


/**************** Homepage Content Area ****************/
#home-content { padding:20px 0px; }
#home-content h1 { font-size:21px; }

.video { position:relative; margin:0px auto; padding-bottom:56%; padding-top:25px; height:0; }
.video iframe { position:absolute; top:0; left:0; width:100%; height:100%; }

#highlights { padding:40px 0px; border-top:solid 1px #ccc; }
#highlights > span { display:inline-block; width:210px; height:270px; } 
#highlights > span a { display:block;  }

#highlights > span:nth-child(1) { background:#b2c695 url('images/visit_us_inactive.jpg') center center no-repeat; }
/* #highlights > span:nth-child(1):hover { background:#b2c695 url('images/visit_us_active.jpg') center center no-repeat; } */
#highlights > span:nth-child(2) { background:#d6b984 url('images/2nd_saturday_inactive.jpg') center center no-repeat; }
/* #highlights > span:nth-child(2):hover { background:#d6b984 url('images/2nd_saturday_active.jpg') center center no-repeat; } */
#highlights > span:nth-child(3) { background:#9abcc1 url('images/join_us_inactive.jpg') center center no-repeat; }
/* #highlights > span:nth-child(3):hover { background:#9abcc1 url('images/join_us_active.jpg') center center no-repeat; } */

.aggie-news { position:relative; min-height:270px; }
.aggie-news h2 { font-size:34px; line-height:27px; text-transform:uppercase; }
.aggie-news h2 span { font-size:19px; }
.aggie-news ul { margin:12px 0px; padding:0px; }
.aggie-news li { list-style-type:none; line-height:19px;  }
.aggie-news li a { display:block; }
.aggie-news p { margin-top:0px; font-size:13px; }


/**************** Page Content Area ****************/
#page-content { margin:30px auto; text-align:justify; }
#page-content h2 { margin-bottom:40px; }
#page-content h3 a > p { margin-top:5px; }

#announcement img { -moz-box-shadow:0px 0px 3px #555; -webkit-box-shadow:0px 0px 3px #555; box-shadow:0px 0px 3px #555; }

p#breadcrumbs { margin-top:0px; font-size:13px; }

.category-excerpt { margin-bottom:20px; padding:12px 20px; border:double 4px #b2927d; }
.entry li { padding-bottom:10px; }
.entry img { padding:2px; border:double 4px #b2927d; }
.entry form img { border:0px; }
.handwritten { }

.lhf-form { margin:20px auto; background:rgba(157,145,137,0.2); }
.publication_title { font-size:16px; }
.publication_download { margin-top:6px; }
.publication_download .description { margin-left:20px; }
.publication_download .description img { display:none; }
.publication_categories { display:none; }

.google-maps {
	position: relative;
	padding-bottom: 36%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
	border:solid 1px #333;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.slideshowlink { display:none; }


/**************** Page Sidebar Area ****************/
#page-sidebar { 
	margin:30px auto; 
	background:rgba(157,145,137,0.2); 
}

#page-sidebar h4 { margin-bottom:0px; color:#333; }


/**************** Footer Area ****************/
#footer-wrapper { 
	background:url('images/dark_natural_paper.jpg') top left repeat;
	border-top:solid 2px #333;
}

footer > div { margin-top:20px; margin-bottom:12px; }
footer div h3 { line-height:27px; }

.footer-social ul { margin:12px 0px; padding:0px; }
.footer-social li { list-style-type:none; display:inline-block; padding:4px 4px 4px 0px; }


/**************** Gravity Forms Area ****************/
#gform_wrapper_1 label { display:none; }
#gform_wrapper_2 label { margin-bottom:0px !important; }
.gform_footer { margin-top:0px !important; padding-top:10px !important; }
#gform_submit_button_1, #gform_submit_button_2, #gform_submit_button_3 { 
	padding:8px 20px;
	color:#fff;
	background:#dc4a2c; 
	font-size:12px;
	text-transform:uppercase;
	-moz-border-radius:6px; 
	-webkit-border-radius:6px; 
	border-radius:6px; border:0px; 
}

#gform_wrapper_2 .ginput_container input, 
#gform_wrapper_2 .ginput_container textarea { background:#fcfaeb; border:dotted 1px #333; }
#gform_wrapper_2 .ginput_container input:focus, 
#gform_wrapper_2 .ginput_container textarea:focus { background:#fff; border:dotted 1px #dc4a2c; }

#gform_wrapper_3 .ginput_container input, 
#gform_wrapper_3 .ginput_container textarea { background:#fcfaeb; border:dotted 1px #333; }
#gform_wrapper_3 .ginput_container input:focus, 
#gform_wrapper_3 .ginput_container textarea:focus { background:#fff; border:dotted 1px #dc4a2c; }

#input_3_3 li { display:inline-block; margin-right:10px !important; }



/******************** responsive break points ********************/

/* Desktop */
@media only screen and (min-width : 1024px) {
	body.homepage { background:url('images/homepage_scene_tractor.jpg') top center no-repeat; }
	body.innerpage { background:url('images/innerpage_scene.jpg') top center no-repeat; }
	#container, header, #rotator, #home-content, #highlights, footer { width:1000px; margin:0px auto; }
	header { position:relative; height:150px; padding:5px 0 0 0; }
	.logo { position:absolute; top:18px; left:10px; }
	.header-inner { width:540px; float:right; }
	.header-inner h1 { display:inline-block; padding:10px 20px 0px 0px; text-align:right; float:left; }
	.header-inner ul { display:inline-block; padding:0 0 0 20px; border-left:solid 2px #333; float:right; }
	#menu { margin-top:12px; }	
	.slicknav_menu { display:none; }

	#rotator { margin:0 0 30px -50px !important; padding:26px 50px; background:url('images/wooden_frame.png') center center no-repeat; }

	.home-video { width:420px; float:right; }
	.video iframe { width:100%; }
	.welcome { width:550px; float:left; }
	.welcome h1 { margin-bottom:10px; padding-bottom:30px; background:url('images/welcome_divider.png') bottom center no-repeat; }
	
	#highlights span { margin-right:20px; }
	#highlights > span:nth-child(3) { margin-right:0px; }
	.aggie-news { width:300px; float:right; }
	.aggie-news span a { display:block; padding-top:10px; text-align:right; }
	.little-cowboy { position:absolute; top:-20px; right:-100px; }	
	
	#page-content { width:680px; min-height:480px; float:left; }
	.entry img { max-width:670px; height:auto; }
	#page-sidebar { width:250px; padding:0px 15px 20px 15px; float:right; }
	#page-sidebar hr { margin:20px 0px; }
	img.featured-sidebar, 
	img.attachment-featured { margin:30px auto; padding:5px; background:#fff; -moz-box-shadow:0px 0px 5px #888; -webkit-box-shadow:0px 0px 5px #888; box-shadow:0px 0px 5px #888; -ms-transform:rotate(4deg); -moz-transform:rotate(4deg); -webkit-transform:rotate(4deg); transform: rotate(4deg); }

	.single-publication { width:50%; float:left; }  

	.footer-newsletter { width:360px; margin-right:40px; float:left; }
	.footer-social { width:210px; float:left; }
	.footer-social li { opacity:1.0; }
	.footer-social li:hover { opacity:0.6; }
	.footer-contact { width:340px; text-align:right; float:right; }
}


/* Tablet */
@media only screen and (min-width:768px) and (max-width:1023px) {
	#container { margin:0px 12px; }
	.logo img { margin:10px 30px; }
	.header-inner { padding:20px 20px 0px 20px; float:right; }
	.header-inner ul { margin-top:12px; padding-top:6px; border-top:solid 1px #333; }
	.header-inner li { display:inline-block; margin-right:20px; }
	.slicknav_menu { display:none; }
	#menu { text-align:center; float:none !important; }
	#announcement img { width:100%; height:auto; }

	#page-content { width:65%; float:left; }
	#page-content h1, #page-content h2, #page-content h3 { text-align:left; }
	.entry img { max-width:100%; height:auto; border:0px; }
	.single-publication { margin-bottom:12px; padding:12px; background:rgba(157,145,137,0.2); }
	#page-sidebar { width:30%; padding:1%; font-size:13px; float:right; }
	img.attachment-featured, .featured-sidebar { width:100%; height:auto; padding-bottom:20px; }

	footer { margin:0px 12px; padding-bottom:20px; }
	.footer-newsletter { width:35%; margin-right:2%; float:left; }
 	.footer-social { width:25%; margin-right:2%; float:left; }
	.footer-contact { width:35%; text-align:right; float:right; }
}

/* Mobile - Smartphone */
@media only screen and (max-width:767px) {
	#container { margin:0px 12px; text-align:justify; }
	h1, h2, h3, h4 { text-align:center; }
	.logo { display:block; margin:12px auto; text-align:center; }
	header h1 { padding:12px 0px; }
	header li a { display:block; margin:4px auto; padding:6px 0px; background:rgba(157,145,137,0.2); }
	#menu { display:none; }
	#highlights span { display:block; margin:10px auto; text-align:center; }
	a.animated { animation:none !important; }
	.aggie-news { margin:20px auto; padding-top:30px; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; }
	.aggie-news span a { padding:6px 20px; color:#fff; background:#dc4a2c; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
	.little-cowboy { display:none; }

	#announcement img { width:100%; height:auto; }
	#page-content { margin-bottom:20px; padding-bottom:20px; border-bottom:solid 1px #ccc; }
	.entry img { width:100%; height:auto; border:0px; }
	#page-sidebar { margin:20px 0px; padding:12px; text-align:center; }
	img.attachment-featured, .featured-sidebar { width:100%; height:auto; padding-bottom:20px; }
	.single-publication { margin-bottom:12px; padding:12px; background:rgba(157,145,137,0.2); }

	footer { margin:0px 12px; padding:20px 0px; text-align:center; }
	footer .gform_wrapper form { text-align:center !important; }
}


/* Mobile - Standard */
@media only screen and (max-width : 420px) {

}