@import "reset.css"; @import "hover.css"; @import url(http://fonts.googleapis.com/css?family=Oswald:300);

html, body { position: relative; background: #fff; font: normal 14px 'Open Sans', arial; color: #626362; }
a { color: #789c48; text-decoration: none; transition: all 0.5s ease; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; }
a:hover { color: #000; }
img { max-width: 100%; *max-width: none; height: auto; }
p { padding: 0px 0px 18px 0px; }
div, p, span { line-height: 20px; }
h1.home { background: #e0e3e4; width: 100%; margin: 0px; padding: 15px 0px; font: normal 20px 'Open Sans', arial; text-align: center; }

.clearfix:after { content: "."; display: block; height: 0px; clear: both; overflow: hidden; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }

/* WordPress */
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0px 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0px; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0px 20px 20px; }
a img.alignleft { float: left; margin: 5px 20px 20px 0px; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #dfdfdf; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignleft { margin: 5px 20px 20px 0px; }
.wp-caption.alignright { margin: 5px 0px 20px 20px; }
.wp-caption img { height: auto; margin: 0px; max-width: 98.5%; padding: 0px; width: auto; }
.wp-caption p.wp-caption-text { line-height: 17px; margin: 0px; padding: 0px 4px 5px; }

header { position: relative; width: 980px; height: 120px; margin: 0px auto; z-index: 900; }
header .logo { padding-top: 2px; }
header .my-account { position: absolute; top: 43px; right: 370px; }
header .my-account a { color: #626362; }
header .my-account a:hover { text-decoration: underline; }
header .search { position: absolute; top: 41px; right: 174px; }
header .search input[type=text] { float: left; border: 1px solid #a3a2a2; background: #fff; width: 134px; height: 19px; *height: 18px; \height: 18px; margin-right: 3px; padding-left: 2px; padding-right: 2px; *padding-top: 2px; \padding-top: 2px; font: normal 12px 'Open Sans', arial; color: #606060; }
header .search input[type=submit] { float: left; border: 1px solid #b83f3e; background: #b83f3e; width: 38px; height: 23px; font: normal 13px 'Open Sans', arial; color: #fff; text-transform: uppercase; cursor: pointer; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
header .search input[type=submit]:hover { border: 1px solid #789c48; background: #789c48; }
header .join-our-csa { position: absolute; top: 0px; right: 0px; }
header .join-our-csa .join { display: block; background: #b83f3e; height: 39px; padding: 25px 25px 0px 25px; font: normal 21px 'Oswald', arial; color: #fff; text-transform: uppercase; text-align: center; }
header .join-our-csa .join:hover { background: #789c48; }

/* Slider */
.supercrsl div { position: realtive; }
.supercrsl div .over { position: absolute; top: auto; bottom: 0px!important; background: url('../images/slider-bg.png'); width: 100%; height: auto; padding: 10px 2%; font-size: 13px; color: #fff; }
.supercrsl div .over h2 { margin: 0px; padding: 0px; font: normal 16px 'Open Sans', arial; }
.supercrsl div .over h2 a { color: #fff; }
.supercrsl div .over h2 a:hover { text-decoration: underline; }

/* Menu */
header nav#megaMenu { position: absolute; top: 76px; right: 0px; }
header nav#megaMenu ul.megaMenu li { font: bold 19px 'Oswald', arial; text-transform: uppercase; }
header nav#megaMenu ul.megaMenu li + li { border-left: 2px solid #789c48!important; }
header nav#megaMenu ul.megaMenu li.current_page_item a { color: #789c48; }
header nav#megaMenu ul.megaMenu li a { padding-top: 0px!important; padding-bottom: 0px!important; color: #666666; }
header nav#megaMenu ul.megaMenu li a:hover { color: #789c48; }
header nav#megaMenu ul.megaMenu li .wpmega-link-title { margin: 0px; padding: 0px; }
header nav#megaMenu ul.megaMenu li ul { float: left; background: #fff; width: 360px; margin: 0px; padding: 6px; }
header nav#megaMenu ul.megaMenu li ul li a { padding: 0px!important; }
header nav#megaMenu ul.megaMenu li ul li { border: 0px!important; margin: 0px!important; padding: 1px 0px; }
header nav#megaMenu ul.megaMenu li.current_page_item ul li a { color: #666666; }
header nav#megaMenu ul.megaMenu li.current_page_item ul li a:hover { color: #789c48; }
header nav#megaMenu ul.megaMenu li ul li a { display: inline-block; width: 150px; font: normal 12px 'Open Sans', arial; text-align: right; text-transform: none; }
header nav#megaMenu ul.megaMenu li ul li.ss-nav-menu-with-img { float: left; width: 210px; margin: 0px; padding: 0px; }
header nav#megaMenu ul.megaMenu li ul li.ss-nav-menu-with-img img { display: inherit; cursor: default; }

section { position: relative; border-top: 18px solid #cccbcb; width: 980px; margin: 0px auto; padding: 10px 0px 30px 0px; overflow: hidden; }
section.home { border-top: 0px; padding: 30px 0px 0px 0px; }
section.home .row .column h2 { margin: 0px 0px 15px 0px; padding: 0px; font: normal 24px 'Oswald', arial; color: #535151; text-transform: uppercase; }
section.home .row .column .post-title { display: none; }
section.home .row .column .post-entry { font-size: 13px; }
section.home .row .column .post-entry img { border-bottom: 1px solid #909090; margin-bottom: 11px; padding-bottom: 18px; }
section.home .row .column .post-entry .text { margin-top: -18px; }
section.recipes { border-top: 0px; padding: 30px 0px; }
section h1 { margin: 0px 0px 18px 0px; padding: 0px; font: normal 28px 'Oswald', arial; text-transform: uppercase; color: #666666; }
section #left-container { float: left; width: 72%; }
section #left-container ul { margin: 0px 20px 20px 20px; }
section #left-container ul li { background: url('../images/bullet.jpg') no-repeat 8px 8px; padding: 0px 0px 0px 19px; }
section #left-container ul ul { margin: 0px 20px 0px 20px; }
section #left-container ul ul li { background-position: 8px 7px; padding: 0px 0px 0px 19px; }
section #left-container ol { margin: 0px 20px 22px 6px; }
section #left-container ol ol { margin: 0px 20px 0px 6px; }
section #left-container h2.line { border-bottom: 1px solid #789c48; margin: 0px 0px 15px 0px; padding: 0px 0px 4px 0px; font: bold 22px 'Oswald', arial; color: #535151; text-transform: uppercase; }
section #left-container .join-our-csa-keep { display: block; background: #789c48; width: 135px; margin: 0px auto; padding: 8px 0px 9px 0px; font: normal 19px 'Oswald', arial; color: #fff; text-transform: uppercase; text-align: center; }
section #left-container .join-our-csa-keep:hover { background: #4E6584; }
section #left-container .join-our-csa { display: none; background: #789c48; width: 135px; margin: 0px auto; padding: 8px 0px 9px 0px; font: normal 19px 'Oswald', arial; color: #fff; text-transform: uppercase; text-align: center; }
section #left-container .join-our-csa:hover { background: #b83f3e; }
section #left-container .green { display: inline-block; background: #789c48; width: 100%; padding: 30px 0px; font: normal 21px 'Oswald', arial; color: #fff; text-transform: uppercase; text-align: center; }
section #left-container .silver { display: inline-block; background: #939393; width: 100%; padding: 30px 0px; font: normal 21px 'Oswald', arial; color: #fff; text-transform: uppercase; text-align: center; }
section #left-container .gray { display: inline-block; background: #535151; width: 100%; padding: 30px 0px; font: normal 21px 'Oswald', arial; color: #fff; text-transform: uppercase; text-align: center; }
section #left-container .recipe-index { font: normal 24px 'Oswald', arial; overflow: hidden; }
section #left-container .recipe-index a { float: left; padding: 0px 10px 0px 0px; }
section #left-container h4.index { margin-top: 8px; margin-bottom: -10px; padding: 0px; font: normal 18px 'Oswald', arial; }
section #left-container .recipe-img { position: relative; text-align: center; }
section #left-container .recipe-img a { position: absolute; top: 35%; background: url('../images/recipe-bg.png'); width: 100%; padding: 5px 0px; font: normal 13px 'Oswald', arial; color: #fff; text-align: center; text-transform: uppercase; }
section #left-container .recipe-img a:hover { text-decoration: underline; }
section #left-container .vegi-img { position: relative; width:200px; height:200px; }
section #left-container .vegi-img img { width:100%;}
section #left-container .vegi-img a { position: absolute; top: 42%; background: url('../images/recipe-bg.png'); width: 100%; padding: 5px 0px; font: normal 20px 'Oswald', arial; color: #fff; text-align: center; text-transform: uppercase; }
section #left-container .vegi-img a:hover { text-decoration: underline; }
section #left-container ul.links li { background: 0px; }
section #left-container .fade { color: #808080; }
section #left-container .dzsportfolio .preloader { border-radius: 0px; top: 0px; left: 0px; width: 100%; height: 100%; }
section #left-container .dzsportfolio .selector-con { margin: 0px; }
section #left-container .dzsportfolio .selector-con .categories.alignleft { float: none; width: 100%; text-align: center; }
section #left-container .dzsportfolio .selector-con .categories .a-category { padding: 0px 10px 2px 10px; font: normal 21px 'Oswald', arial; color: #000; text-transform: uppercase; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
section #left-container .dzsportfolio .selector-con .categories .a-category.active, section #left-container .dzsportfolio .selector-con .categories .a-category:hover { background: #789c48; color: #fff; }
section #left-container .dzsportfolio .items .portitem .the-overlay { background: rgba(0, 0, 0, 0)!important; }
section #left-container .dzsportfolio .items .type-thumb { margin: 0px 15px 15px 0px; text-align: center; }
section #left-container .dzsportfolio .items .type-thumb .item-meta .the-title { font-size: 12px; }
section #left-container .dzsportfolio .items .type-thumb .the-feature-con .the-overlay .plus-link { display: none; }
section #left-container .dzsportfolio .btn_ajax_loadmore { background: #789c48; width: 150px; margin: 10px auto 0px; padding: 8px 0px; font: normal 14px 'Open Sans', arial; color: #fff; text-align: center; text-transform: uppercase; cursor: pointer; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
section #left-container .dzsportfolio .btn_ajax_loadmore:hover { background: #b83f3e; }
section #left-container h2.our-crew { background: #789c48; width: 100%; margin: 0px 0px 15px 0px; padding: 12px 0px; font: normal 28px 'Oswald', arial; color: #fff; text-align: center; text-transform: uppercase; }

/* Blog */
section #left-container .relative { position: relative; }
section #left-container .relative .line { border-bottom: 1px solid #93b06d; margin-bottom: 15px; }
section #left-container .relative .date { font-size: 17px; }
section #left-container .relative h2.news { width: 63%; margin: 0px; padding-bottom: 0px 0px 5px 0px; font: normal 26px 'Oswald', arial; color: #728229; }
section #left-container .relative #ssba { position: absolute; top: 25px; right: 0px; font-size: 13px; text-transform: uppercase; }
section #left-container .relative #ssba #ssba_facebook_share { margin-left: 4px; }
section #left-container .relative #ssba img { margin-top: -7px; }
section #left-container .relative #ssba .pinit-overlay { display: none!important; }
section #left-container .posted-in { border-top: 1px solid #93b06d; padding-top: 5px; }
section #left-container .tags { border-bottom: 1px solid #93b06d; margin-bottom: 15px; padding-bottom: 5px; }
section #left-container .related { padding-bottom: 32px; }
section #left-container .related .yarpp-thumbnail > img, section #left-container .related .yarpp-thumbnails-horizontal .yarpp-thumbnail { border: 0px; margin: 0px 0px 0px 2px; }
section #left-container .related .yarpp-thumbnail-title { margin: 6px 0px 0px 1px; }
section #left-container #nav-below { font: normal 18px 'Open Sans', arial; }

/* Contact Us */
section #left-container .required { margin: 16px 0px; font-style: italic; }
section #left-container .alert { font-size: 13px; color: #ff0000; }
section #left-container dt { float: left; clear: left; }
section #left-container dd { margin: 0px 0px 0px 120px; }
section #left-container .wpcf7-text { background: #fff; border: 1px solid #c7c7c7; width: 220px; height: 18px; margin: 0px 0px 3px 0px; padding: 0px 0px 1px 0px; font: normal 13px 'Open Sans', arial; color: #000; }
*+html>body section #left-container .wpcf7-text { width: 218px; height: 16px; margin: -1px 0px 2px 0px; padding: 1px; }
section #left-container .wpcf7-text-small { background: #fff; border: 1px solid #c7c7c7; width: 60px; height: 18px; margin: 0px 0px 3px 0px; padding: 0px 0px 1px 0px; font: normal 13px 'Open Sans', arial; color: #000; }
*+html>body section #left-container .wpcf7-text-small { width: 58px; height: 16px; margin: -1px 0px 2px 0px; padding: 1px; }
section #left-container textarea { background: #fff; border: 1px solid #c7c7c7; width: 300px; height: 60px; margin: 0px 0px 2px 0px; padding: 0px; font: normal 13px 'Open Sans', arial; overflow: auto; }
*+html>body section #left-container textarea { margin: 0px 0px 1px 0px; }
section #left-container .wpcf7-submit { border: 0px; background: #b83f3e; width: 120px; margin: 10px 0px 15px 0px; padding: 3px 0px 4px 0px; font: normal 12px 'Open Sans', arial; color: #fff; text-align: center; cursor: pointer; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
section #left-container .wpcf7-submit:hover { background: #789c48; }
section #left-container .wpcf7-not-valid-tip { position: relative; display: block; text-transform: uppercase; }
section #left-container .wpcf7-mail-sent-ok { border: 0px; background: #dfdfdf url('../images/success-icon.gif') no-repeat 7px 8px; margin: 0px; padding: 8px 5px 8px 28px; font-size: 13px; color: #555555; }
section #left-container .wpcf7-mail-sent-ng { border: 0px; background: #ffecec url('../images/error-icon.gif') no-repeat 7px 8px; margin: 0px; padding: 8px 5px 8px 28px; font-size: 13px; color: #555555; }
section #left-container .wpcf7-spam-blocked { border: 0px; background: #ffecec url('../images/error-icon.gif') no-repeat 7px 8px; margin: 0px; padding: 8px 5px 8px 28px; font-size: 13px; color: #555555; }
section #left-container .wpcf7-validation-errors { border: 0px; background: #ffecec url('../images/error-icon.gif') no-repeat 7px 8px; margin: 0px; padding: 8px 5px 8px 28px; font-size: 13px; color: #555555; }

section #right-container { float: right; width: 26%; }
section #right-container a.darken { opacity: 0.7; }
section #right-container a.darken:hover { opacity: 1; }
section #right-container h2 { margin: 0px; padding: 0px 0px 18px 0px; font: normal 20px 'Oswald', arial; }
section #right-container h2.sidebar { margin: 0px; padding: 0px 0px 15px 0px; font: normal 16px 'Open Sans', arial;  }
section #right-container ul { margin: 0px; padding: 0px 0px 20px 0px; }
section #right-container ul li { margin: 0px; padding: 0px; font-size: 13px; }
section #right-container ul.csa li { line-height: 20px; }

footer { background: #535151; width: 100%; padding: 20px 0px; }
footer .wrap { width: 980px; margin: 0px auto; font-size: 14px; color: #fff; overflow: hidden; }
footer .wrap a { font-size: 14px; color: #fff; }
footer .wrap a:hover { text-decoration: underline; }
footer .wrap h2 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 17px; color: #789c48; }
footer .wrap h3 { margin: 0px; padding: 0px; font: normal 24px 'Open Sans', arial; color: #fff; }
footer .wrap .col-1 { float: left; width: 30%; padding-right: 3%; font-size: 12px; }
footer .wrap .col-1 ul li a { line-height: 25px; }
footer .wrap .col-1 .copyright { padding-top: 20px; }
footer .wrap .col-1 .copyright a { font-size: 12px; }
footer .wrap .col-2 { float: left; border-left: 1px solid #789c48; border-right: 1px solid #789c48; width: 29%; padding: 0px 2%; }
footer .wrap .col-2 ul li a.post-title { font-size: 15px; }
footer .wrap .col-2 ul li .post-date { padding: 0px 0px 5px 0px; font-size: 13px; color: #c0c0c0; }
footer .wrap .col-2 ul li .post-entry { font-size: 12px; }
footer .wrap .col-2 ul li .read-more { font-size: 12px; }
footer .wrap .col-3 { float: right; width: 30%; padding-left: 3%; text-align: right; }

/* Newsletter */
footer .wrap .col-3 #mc_embed_signup { padding-bottom: 20px; }
footer .wrap .col-3 #mc_embed_signup form { position: relative; text-align: right; }
footer .wrap .col-3 #mc_embed_signup input#mce-EMAIL { float: right; border: 0px; background: #fff; width: 86%; height: 25px; margin: 0px; margin-bottom: 5px; padding: 0px; }
footer .wrap .col-3 #mc_embed_signup input[type=checkbox] { -webkit-appearance:checkbox; }
footer .wrap .col-3 #mc_embed_signup input[type=radio] { -webkit-appearance:radio; }
footer .wrap .col-3 #mc_embed_signup .button { float: right; background-color: #b83f3e; border: 0px; color: #fff; display: inline-block; font-size: 13px; height: 26px; line-height: 26px; text-align: center; cursor: pointer; transition: all 0.3s ease; -o-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
footer .wrap .col-3 #mc_embed_signup .button:hover { background-color:#789c48; }
footer .wrap .col-3 #mc_embed_signup .small-meta { font-size: 11px; }
footer .wrap .col-3 #mc_embed_signup .nowrap { white-space:nowrap; }     
footer .wrap .col-3 #mc_embed_signup .clear { clear:none; display:inline; }
footer .wrap .col-3 #mc_embed_signup label { display:block; font-size:16px; padding-bottom:10px; font-weight:bold; }
footer .wrap .col-3 #mc_embed_signup input.email {display:block; padding:8px 0; margin:0 4% 10px 0; text-indent:5px; width:58%; min-width:130px;}
footer .wrap .col-3 #mc_embed_signup input.button {display:block; width:50%; min-width:90px;}
footer .wrap .col-3 #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
footer .wrap .col-3 #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
footer .wrap .col-3 #mc_embed_signup #mce-error-response {display:none;}
footer .wrap .col-3 #mc_embed_signup #mce-success-response {color:#529214; display:none;}
footer .wrap .col-3 #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

footer .wrap .col-3 a.pick-up-site { float: right; background: #789c48; width: 86%; height: 40px; line-height: 40px; color: #fff; text-align: center; text-transform: uppercase; }
footer .wrap .col-3 a.pick-up-site:hover { background: #b83f3e; color: #fff; text-decoration: none; }
footer .wrap .col-3 .contact { position: relative; padding-top: 20px; }
footer .wrap .col-3 .contact .usda { position: absolute; top: 28px; left: 0px; }
footer .social-icons { margin-top: 15px; text-align: center; }
footer .social-icons a.fb { display: inline-block; background: url('../images/social-fb.jpg') 0px 0px no-repeat; width: 41px; height: 41px; margin-right: 5px; }
footer .social-icons a.fb:hover { background-position: 0px -41px; }
footer .social-icons a.pintrest { display: inline-block; background: url('../images/social-pintrest.jpg') 0px 0px no-repeat; width: 41px; height: 41px; margin-right: 5px; }
footer .social-icons a.pintrest:hover { background-position: 0px -41px; }
footer .social-icons a.twitter { display: inline-block; background: url('../images/social-twitter.jpg') 0px 0px no-repeat; width: 41px; height: 41px; }
footer .social-icons a.twitter:hover { background-position: 0px -41px; }