body { font-family:'Montserrat','Roboto',sans-serif; padding:0; margin:0; }
body > div { overflow: hidden; }
header { background-color: #ff00ff; padding:10px; color: #fff; text-align: center; display: block; z-index: 2; position: relative; }
header:after { content: ""; display: table; clear: both; }
header img { height: 38px; width: auto; }
header div { float: right; }
header h1,
header h2 { font-size: 13px; font-weight: normal; line-height: normal; padding:0; margin:0; text-align: right; letter-spacing: 1px; }
header h2 { margin:0 0 5px; }
section { padding:0; display: block; }

footer { background-color: #eee; color: #666; text-align: center; padding:30px 10px; }
footer p { font-size: 14px; margin:0; }
footer a { color: #666; }

table { width: 100%; border:none; margin:0; padding:0; border-spacing:0; border-collapse:0; background-color: #fff; color: #666; }
table thead tr { background-color: #eee; z-index: 2; }
table thead tr th { font-weight: bold; font-size: 14px; background-color: transparent; padding:10px 5px; text-align: center; width: 6.7%; }
table thead tr th .mobile { display: none; }
table thead tr th.current-month { position: relative; }
table thead tr th.current-month:after { content: ""; display: block; width: 1px; position: absolute; top:-9999px; left:0; bottom:-9999px; background-color: red; }
table thead tr th.label-name { text-align: left; width: 200px; }
table tbody tr td { font-size: 12px; padding:10px 5px; text-align: center; text-transform: uppercase; }
table tbody tr td.crop-name span { display: block; text-align: left; text-transform: none; font-size: 14px; }
table caption { padding:10px; text-align: left; font-size: 16px; font-weight: bold; color: #fff; background: #ff836b; letter-spacing: 1px;  z-index: 2; position: relative; }
table caption a {color: #fff; text-decoration: none; display: block; }
table caption a:hover { text-decoration: underline; }
table tbody tr td { border-top: 1px solid #eee; }

table td.season {  }
table td.season-low { background-color: #ecf9ea; color: #fff; font-size: 11px; }
table td.season-med { background-color: #b0e999; color: #fff; font-size: 11px; }
table td.season-high { background-color: #57c629; color: #fff; font-size: 11px; }

table tr:hover td.season-low { background-color: #ecf9ea; }
table tr:hover td.season-med { background-color: #9be37d; }
table tr:hover td.season-high { background-color: #4baa23; }

table tr td.season-low:hover { background-color: #ecf9ea; }
table tr td.season-med:hover { background-color: #85dd61; }
table tr td.season-high:hover { background-color: #3e8e1d; }

table { overflow: hidden; position: relative; }

table tbody tr {
	background-color: transparent;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
table tbody tr:hover {
	-webkit-box-shadow: 0 0 15px 0px rgba(0,0,0,0.3);
	box-shadow: 0 0 15px 0px rgba(0,0,0,0.3);
}

table tbody tr td { 
		background-color: transparent;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.sub-section { padding:10px; background-color: #333; color: #fff; position: relative; z-index: 2; }
.sub-section h2 { font-size: 18px; color: #fff; padding:0; margin:10px 0 20px; text-align: center; letter-spacing: 1px; }
.sub-section p { font-size: 12px; margin:0; }
.sub-section a { color: #eee; }
.sub-section ul { margin:0; padding:0; list-style: none; }
.sub-section ul li { margin:0 0 5px; padding:0; list-style: none; display: inline-block; font-size: 12px; width: 140px; }

ul.fixed-menu { margin:0; padding:0; list-style: none; background-color: #111; }
ul.fixed-menu:after { content: ""; display: table; clear: both; }
ul.fixed-menu li { margin:0; padding:0; float: left; width: 14.28%; font-weight: bold; }
ul.fixed-menu li a { display: block; padding:15px 5px; text-align: center; text-decoration: underline; font-size: 16px; font-weight: bold; color: #fff; background-color: #111; }
ul.fixed-menu li a:hover { text-decoration: none; background-color: #555; }

.back-to-top a { display: block; font-size: 10px; text-align: right; padding:10px; background-color: #eee; color: #666; text-decoration: none; text-transform: uppercase; }
.back-to-top a:hover { text-decoration: none; }

@media only screen and (max-width: 39.9375em) {
	table td.season span { display: none; }
	table thead tr th { font-weight: normal; font-size: 12px; }
	table tbody tr td { font-size: 11px; font-weight: normal; }
	table thead tr th .mobile { display: block; }
	table thead tr th .not-mobile { display: none; }
	table thead tr th.label-name { width: 140px; }
	ul.fixed-menu li { width: 25%; }
	.sub-section ul li { width: 33.3333%; }
}