/*
Theme Name: SoyStats 2025
Theme URI: http://soystats.com
Description: 2025 Wordpress Theme for SoyStats.com
Version: 1.0
Author: Jeannette Bierman
Author URI: http://pufferfishstudios.com
*/

@import "style/reset.css";
@import url(http://fonts.googleapis.com/css?family=Ubuntu:400,300,700,700italic,300italic,400italic|Ubuntu+Condensed);


html {
	 margin:0;
   padding:0;
   height:100%;
}

body {
	margin:0;
   	padding:0;
   	height:100%; 	
	font-size: 18px;
	font-family: 'Ubuntu', sans-serif;
	color: #000000;
}

body.custom-background {
    background-position: center center !important;
	background-color: #585a27;
	min-width: 100vw !important;
  	min-height: 100vh !important;
	background-image: url(images/2025-bkgd.png) !important; /* Change this image every year */
	background-repeat: no-repeat !important;
	-webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

#wrapper {
	width: 100%;
	max-width: 1680px;
	margin: 0 auto;
	padding: 0;	
	display: block;
	position: relative;
	background: #585a27;
}

img {
    max-width: 100%;
	border-radius: 5px;
}

#theme {
	margin: 0 auto;	
	text-align: center;
	padding: 0;
	height: 100%;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/*#theme img {	
	max-width: 65%;
	vertical-align: middle;
}*/

.description {
	display: none;	
}

#header {
	background: #585a27; /* Background color for Menu */
	padding: 0px 2% 1% 2%;	
	width: 15%;
	min-width: 200px;
	margin: 0 auto;
	color: #fff;
	border-radius: 0 0 15px 15px;
	position: absolute;
	top: 0;
	left: 5%;
	z-index: 100;
	
}


#nav-column {
	width: 100%;
	color: #fff;
	border-top: 1px dotted #fff; /* Separator Line Colors in Nav */
}

#nav-column a:link, #nav-column a:visited {
	text-decoration: none;	
	color: #fff;
}

#nav-column a:hover, #nav-column a:active {
	color: #fbb040;	
}

#nav-column ul {
	margin: 0 0 20px 0;	
	padding: 0;
    list-style: none;
}


#nav-column ul ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.main-nav {
    width: auto;
    height: auto;
	display: block;
}


.main-nav {
    width: auto;
    height: auto;
	display: block;
}


.main-nav > li > a {
    
    border-bottom: 1px dotted #506a71;
    width: 100%;
    line-height: 2.4em;
    text-indent: 0.5em;
    display: block;
    position: relative;
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0,0,0,.5);
}

.main-nav ul li {
	background: rgba(0, 0, 0, 0.5);
	border-bottom: 1px solid #33373d;
	padding: 5px 5px 5px 0;
}

.main-nav ul li a {
	width: 88%;
	line-height: 1.5em;
	display: block;
	position: relative;
	font-size: 80%;
	color: #878d95;
	font-weight: 300;
	padding: 3px 0;
	margin: 0 2% 0 13%;
}

.main-nav ul li:last-child a {
    border-bottom: none;
}

.main-nav > li > a:hover,
.main-nav > li > a.active {
    background: rgba(0, 0, 0, 0.5);
    /* background: -moz-linear-gradient(top, #000 0%, #08313a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000), color-stop(100%,#08313a));
    background: -webkit-linear-gradient(top,  #000 0%,#08313a 100%);
    background: -o-linear-gradient(top,  #000 0%,#08313a 100%);
    background: -ms-linear-gradient(top,  #000 0%,#08313a 100%);
    background: linear-gradient(top,  #000 0%,#08313a 100%); */
    border-bottom: 1px dotted #08313a;
    
}
.main-nav > li > a.active {
    border-bottom: 1px dotted #08313a;
}


/* .main-nav li.current-menu-item ul {
   display: block;
} */

.main-nav > li > ul li a:before {
    font-family: 'FontAwesome';
	content: '\f0da';
    font-size: 10px;
    color: #bcbcbf;
    position: absolute;
    width: 1em;
    height: 1em;
    top: 0.25em;
    left: -1.3em;
}
.main-nav > li > ul li:hover a,
.main-nav > li > ul li:hover a span,
.main-nav > li > ul li:hover a:before {
    color: #fbb040;
}


#menu-icon {
	display: none;
}

#menu-icon img {
	border-radius: 0;
}

#logo {
	color: #fff;
	width: 100%;
	text-align: right;	
	margin: 0 auto 2% auto;
	padding: 0;
}

#logo h1 {
	font-weight: normal;
	font-family: 'Ubuntu',sans-serif;
	font-size: 280%;
	margin:  0;
	padding: 2% 0 0 0;

}

sup {
   vertical-align: baseline;
   position: relative;
   top: -0.5em;
   font-size: 50%;
}

.year {
	padding: 0px;
	margin: 0px 6% 0 0;
	font-size: 200%;
	letter-spacing: 1px;
	font-weight: normal;
} 

a img {
	cursor: pointer;
}



/* ----------- Utility-menu ------------- */

#utility-menu-mobile {
	display: none;	
}

#utility-menu {
	float: right;
	margin: 0 5% 0 0;
	position: relative;
	z-index: 99;
	color: #fff;
	background: #585a27; /* Background color for Utility Menu - Change as needed  */
	padding: 1% 1.5%;
	border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px; 
  	-moz-border-radius: 0 0 10px 10px; 
	/* Prevent background color leak outs */
	-webkit-background-clip: padding-box; 
	-moz-background-clip:    padding; 
	background-clip:         padding-box;	
}

.navlist {
	list-style: none;
	padding: 0;
	margin: 0;
}

.navlist li {
	display: inline;
	padding: 0;
	margin: 0;
}

.navlist li:before { content: "| "; }
.navlist li:first-child:before { content: ""; }

/*IE workaround*/
/*All IE browsers*/
* html .navlist li {
	border-left: 1px solid #fff;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
}

.navlist a {
	margin: 0 10px;	
	font-size: 90%;
}

.navlist a:link, .navlist a:visited {
	text-decoration: none;	
	color: #fff;
}

.navlist a:hover, .navlist a:active {
	color: #fbb040;	
}

/* --------------- Content --------------- */

#content-wrap {
	width: 100%;
	position: absolute;
	top: 70px;
	left: 0;
}

.fake-margin {
	width: 27%;
	min-width: 330px;
	float: left;	
}

.content {
	width: 57%;
	min-width: 600px;
	background: #fff;
	padding: 3% 4%;
	border-radius: 15px;
	float: left;
	margin-bottom: 100px;
	overflow: hidden;
}



h1 a {
	color: #fff !important;
	text-decoration: none !important;	
}

h2, h3, h4, h5, h6 {
	font-family: 'Ubuntu Condensed', sans-serif;
	margin: 0 20px 0 -9%;
	background: url(images/titlegfx.png) no-repeat 0 10px; /* Change this image every year */
	padding-left: 120px;
	margin-bottom: 30px;	
}

h2 {
	font-size: 275%;	
}

h3 {
	font-size: 250%;
}

h4 {
	font-size: 225%;	
}

h5 {
	font-size: 200%;	
}

h6 {
	font-size: 175%;	
}

p {
	line-height: 1.5em;
	margin-bottom: 2em;	
}

.content ul, ol {
	margin: 0 4em 2em 4em;	
}

.content li {
	list-style-type:square;
	line-height: 1.5em;
	padding-bottom: 0.5em;
}

a {
	color: #009900;
	text-decoration: none;
}

a:visited {
	color: #099;
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	color: #393;
	outline: 0;
}

a:hover {
	text-decoration: underline;
}

b,
strong {
	font-weight: bold;
}

small {
	font-size: smaller;
}

hr { 
	border: 0; 
	height: 1px; 
	background: #333; 
	background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc); 
	background-image: -moz-linear-gradient(left, #ccc, #333, #ccc); 
	background-image: -ms-linear-gradient(left, #ccc, #333, #ccc); 
	background-image: -o-linear-gradient(left, #ccc, #333, #ccc); 
}

/* --------------- Table td targets ------------- */

table.easy-table td:nth-child(2), 
table.easy-table td:nth-child(3),
table.easy-table td:nth-child(4),
table.easy-table td:nth-child(5),
table.easy-table td:nth-child(6),
table.easy-table td:nth-child(7), 
table.easy-table th:nth-child(2),
table.easy-table th:nth-child(3),
table.easy-table th:nth-child(4),
table.easy-table th:nth-child(5),
table.easy-table th:nth-child(6),
table.easy-table th:nth-child(7) {
	text-align: center;
}

/* --------------- Title Block ----------------- */

.downloadpdf {
	text-align: center;
	margin: 0 20% 20px 0;	
}

#title-block {
  position: absolute;
  width: 30%;
  top: 10em;
  left: 70%;
  z-index: 98;
}

#title-block h2 {
	text-align: right;	
	font-size: 150%;
	color: #000000;  /* Reference Guide Type Color - Change as needed */
	font-family: 'Ubuntu', sans-serif;
	margin: 0 20% 35px 0;
	line-height: 1.2em;
	background: none;
	padding-left: 0;
}

.divline {
	height: 18px;
	width: 100%;
	background: #585a27;  /* Separation bar Color - Change as needed */
	margin-bottom: 20px;
}	

.asa-logo {
    width: 80%;
    height: 130px;
    background-image: url(http://soystats.com/wp-content/uploads/ASA-logo.png);
    background-repeat: no-repeat;
    position: relative;
    background-position: right center;
    background-size: contain;
}

/* ---------------- Footer --------------- */

#footer {
   position:fixed;
   left: 0px;
   bottom: 0px;
   width:100%;
   background: #585a27; /* Footer BKGD Color - Change as needed */
   color: #fff;
   font-size: 80%;
}

#footer p {
	text-align: right;	
	padding: 1% 1.5%;
	margin: 0;
}

.group:before,
.group:after {
    content: "";
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.show_hide {
	display: block;	
}


/* --------------- map styles ---------------- */

#block { 
	margin: 0 auto; 
	width:100%; 
	max-width: 792px; 
	position: relative; 
	font-size: 80%;
	
}

.state p {
	line-height: 1em;	
}

#block img {
  max-width: 100%;
  display: inline-block;
}

.state {
	height: auto;
	width: auto;
	position: absolute;
	text-align: center;
	display: block;
}

.state-title {
	font-weight: bold;	
	color: #000000;
}

#nd { top:10%; left:19%;}
#sd { top:21%; left:20%;}
#ne { top:32.5%; left:21%;}
#ks { top:43.5%; left:23.5%;}
#ok { top:55%; left:26%;}
#tx { top:72%; left:22%;}
#mn { top:15%; left:31.5%;}
#ia { top:30%; left:34%;}
#mo { top:43.5%; left:37.5%;}
#ar { top:57%; left:38.5%;}
#la { top:70.5%; left:40%;}
#wi { top:21%; left:42.5%;}
#il { top:35%; left:44.5%;}
#in { top:35%; left:51.5%;}
#ky { top:43%; left:56.5%;}
#tn { top:51.5%; left:54%;}

#ms { top:64%; left:46.5%;}
#al { top:62%; left:53.5%;}
#oh { top:33%; left:59%;}
#ny { top:17%; left:74%;}
#va { top:39%; left:71%;}
#wv { top:37.5%; left:65%;}
#pa { top:27%; left:70%;}
#nc { top:48.5%; left:70%;}
#sc { top:56%; left:68%;}
#ga { top:62%; left:62%;}
#fl { top:77%; left:68.5%;}
#nj { top:27%; left:85%;}
#de { top:35%; left:85%;}
#md { top:45%; left:84%;}
#mi { top:22%; left:53%;}



/* -------------------------------------------- */


@media screen and (min-width:1440px) {

#theme img {	
	max-width: 110%;
	vertical-align: middle;
}

#title-block h2 {
	font-size: 180%;
}

.divline {
	width: 80%;
}

}

/*@media (min-width: 1440px) and (max-height: 900px) {
#theme img {	
	max-width: 70%;
	margin-top: -70px;
}
}*/

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

#nd { top:9%; left:19%;}
#sd { top:20%; left:20%;}
#ne { top:31.5%; left:21%;}
#ks { top:42.5%; left:23.5%;}
#ok { top:54%; left:26%;}
#tx { top:71%; left:22%;}
#mn { top:14%; left:31.5%;}
#ia { top:29%; left:34%;}
#mo { top:42.5%; left:37.5%;}
#ar { top:56%; left:38.5%;}
#la { top:69.5%; left:39.5%;}
#wi { top:20%; left:42.5%;}
#il { top:34%; left:44.5%;}
#in { top:34%; left:51.5%;}
#ky { top:44%; left:53%;}
#tn { top:51%; left:50%;}

#ms { top:63%; left:46.5%;}
#al { top:61%; left:53.5%;}
#oh { top:32%; left:59%;}
#ny { top:16%; left:73%;}
#va { top:39%; left:71%;}
#wv { top:36.5%; left:66%;}
#pa { top:26%; left:71%;}
#nc { top:48%; left:67%;}
#sc { top:56%; left:68%;}
#ga { top:61%; left:63%;}
#fl { top:76%; left:68%;}
#nj { top:26%; left:85%;}
#de { top:34%; left:85%;}
#md { top:44%; left:84%;}
#mi { top:21%; left:53%;}
}

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

#header {
	padding: 0 5% 5% 5%;	
	width: 80%;
	margin: 0 auto;
	position: static;
	top: 0;
	left: 0;
}

#logo {
	text-align: center;	
}

.year {
	margin: 0;
}

#theme img {
	margin-top: 40px;	
	max-width: 120%;
}

#menu-icon {
	display: block;
	text-align: center;	
	padding-top: 15px;
}

/* ------------- content -------------- */

#content-wrap {
	position: static;
	margin-bottom: 40px;
	margin-top: 20px;	
}

.fake-margin {
	display: none;	
}

.content {
	margin: 0 auto;
	padding: 5%;
	width: 80%;	
	min-width: 200px;
	float: none;
}

/* ----------- title block ------------- */

#title-block {
	width: 80%;
	margin: 50px auto 10% auto;
	position: static;	
}

.downloadpdf {
	margin: 0 0 20px 0;	
}

#title-block h2 {
	  text-align: center;
	  color: #ffffff;
	  font-family: 'Ubuntu', sans-serif;
	  margin: 0;
	  background: none;
	  padding-left: 0;
	  width: 100%;
}

.divline {
	height: 18px;
	width: 100%;
	margin-bottom: 20px;
}	

.asa-logo {
	width: 100%;
	height: 93px;
	background-image: url(http://soystats.com/wp-content/uploads/ASA-logo-rev.png);
	background-repeat: no-repeat;
	position: relative;
	background-position: center center;
}

/* ----------- Utility Menu ------------- */

#utility-menu {
	display: none;	
}

#utility-menu-mobile {
	display: block;
}

.navlist li:before { content: ""; }
.navlist li:first-child:before { content: ""; }

#utility-menu-mobile ul {
    list-style: none;
    background: #1c1c1c;
    padding: 0;
	margin: 0;
}
#utility-menu-mobile li a {
    display: block;
    padding: 5px 40px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    border-bottom: 1px solid #383838;
}
#utility-menu-mobile li:last-child a {
    border-bottom: none;
}
#utility-menu-mobile li a:hover,
#utility-menu-mobile li a:focus {
    color: #1c1c1c;
    background: #ccc;
}

/* --------------- Footer --------------- */

#footer {
   width:100%;
   background-image: url(images/bkgd-trans-menus.png);
   background-repeat: repeat;
   color: #fff;
   font-size: 80%;
   position: static;
}

#footer p {
	text-align: right;	
	padding: 2% 2.5%;
	margin: 0;
	font-size: 80%;
}

/* IE 6 */
* html #footer {
   position:absolute;
   top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
}

h2, h3, h4, h5, h6 {
	margin: 0 20px 0 -9%;
	width: 90%;	
	background: url(images/titlegfx_sm.png) no-repeat 0 5px; /* Change this every year */
	padding: 0 0 30px 60px;
}



h2 {
	font-size: 220% !important;	
}

h3 {
	font-size: 200% !important;
}

h4 {
	font-size: 150% !important;	
}

h5 {
	font-size: 125% !important;	
}

h6 {
	font-size: 100% !important;	
}



} 

@media screen and (max-width:740px) {
#block { 
	font-size: 60%;
	
}

}

@media screen and (max-width:450px) {
	#block, .symple-tabs {
		display: none;	
	}
}