/* @override http://summertomato.com/wp-content/themes/grainandmortar/style.css?v=4.6 */
/*
*		Theme Name:G&M Launch
*		Description:Grain & Mortar theme
*		Version:0.2
*		Author:Grain & Mortar
*		Author URI:http://grainandmortar.com
*
* 		@license
* 		MyFonts Webfont Build ID 3121208, 2015-11-06T14:02:43-0500
*
* 		The fonts listed in this notice are subject to the End User License
* 		Agreement(s) entered into by the website owner. All other parties are
* 		explicitly restricted from using the Licensed Webfonts(s).
*
* 		You may obtain a valid license at the URLs below.
*
* 		Webfont: ProximaNovaA-Light by Mark Simonson
* 		URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/a-light/
*
* 		Webfont: ProximaNovaS-Light by Mark Simonson
* 		URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/s-light/
*
* 		Webfont: ProximaNova-Light by Mark Simonson
* 		URL: http://www.myfonts.com/fonts/marksimonson/proxima-nova/light/
*
* 		License: http://www.myfonts.com/viewlicense?type=web&buildid=3121208
* 		Licensed pageviews: 1,000,000
* 		Webfonts copyright: Copyright (c) Mark Simonson, 2005. All rights reserved.
*
* 		© 2015 MyFonts Inc
*/

@import url("//hello.myfonts.net/count/2fa038");

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}
audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) {
    display: none;
}
[hidden] {
    display: none;
}
abbr[title] {
    border-bottom: 1px dotted;
}
b,
strong {
    font-weight: 600;
}
blockquote {
    margin: 1em 40px;
}
dfn {
    font-style: italic;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}
mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    _font-family: "courier new", monospace;
    font-size: 1em;
}
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}
q {
    quotes: none;
}
q:before,
q:after {
    content: "";
    content: none;
}
small {
    font-size: 85%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0;
}
form {
    margin: 0;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
label {
    cursor: pointer;
}
legend {
    border: 0;
    *margin-left: -7px;
    padding: 0;
}
button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    *vertical-align: middle;
}
button,
input {
    line-height: normal;
    *overflow: visible;
}
table button,
table input {
    *overflow: auto;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
}
input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}
input:valid,
textarea:valid {
}
input:invalid,
textarea:invalid {
    background-color: #f0dddd;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
td {
    vertical-align: top;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    list-style: none;
}

@font-face {
    font-family: "Proxima N W15 Thin Reg";
    src: url("fonts/e7c1fd50-6611-4b2b-86eb-03f6159100c3.eot?#iefix");
    src: url("fonts/e7c1fd50-6611-4b2b-86eb-03f6159100c3.eot?#iefix")
            format("eot"),
        url("fonts/cb1061dc-f26a-43a0-8dd8-bb0541873c3d.woff") format("woff"),
        url("fonts/a2e9a37c-6342-4985-8053-a9b44d5d3524.ttf") format("truetype"),
        url("fonts/602df5ad-7d3a-48e7-8f6a-867f5d482c77.svg#602df5ad-7d3a-48e7-8f6a-867f5d482c77")
            format("svg");
}
@font-face {
    font-family: "Proxima N W15 Light";
    src: url("fonts/53f72e41-ffd4-47d4-b8bf-b1ab3cada2e5.eot?#iefix");
    src: url("fonts/53f72e41-ffd4-47d4-b8bf-b1ab3cada2e5.eot?#iefix")
            format("eot"),
        url("fonts/fb5639f2-f57b-487d-9610-3dc50820ab27.woff") format("woff"),
        url("fonts/2eafe9b7-5a21-49c0-84ca-54c54f899019.ttf") format("truetype"),
        url("fonts/0a2fe21c-cfdd-4f40-9dca-782e95c1fa90.svg#0a2fe21c-cfdd-4f40-9dca-782e95c1fa90")
            format("svg");
}
@font-face {
    font-family: "Proxima N W15 Light It";
    src: url("fonts/8fec2708-71b6-4d6c-858f-47fcb99e7601.eot?#iefix");
    src: url("fonts/8fec2708-71b6-4d6c-858f-47fcb99e7601.eot?#iefix")
            format("eot"),
        url("fonts/5dcab973-758a-4f4b-beee-965124bc39b6.woff") format("woff"),
        url("fonts/c729f755-cac7-421c-b045-a161883bdf71.ttf") format("truetype"),
        url("fonts/e816cdad-3ffd-45b5-bc39-eb89e337c7e2.svg#e816cdad-3ffd-45b5-bc39-eb89e337c7e2")
            format("svg");
}
@font-face {
    font-family: "Proxima N W15 Reg";
    src: url("fonts/ccd538c8-85a6-4215-9f3f-643c415bbb19.eot?#iefix");
    src: url("fonts/ccd538c8-85a6-4215-9f3f-643c415bbb19.eot?#iefix")
            format("eot"),
        url("fonts/e8e438df-9715-40ed-b1ae-58760b01a3c0.woff") format("woff"),
        url("fonts/baf65064-a8a8-459d-96ad-d315581d5181.ttf") format("truetype"),
        url("fonts/76bd19c9-c46a-4c27-b80e-f8bd0ecd6057.svg#76bd19c9-c46a-4c27-b80e-f8bd0ecd6057")
            format("svg");
}
@font-face {
    font-family: "Proxima N W15 Reg It";
    src: url("fonts/39b8a8a4-edc9-4785-af87-d2bcad9cc963.eot?#iefix");
    src: url("fonts/39b8a8a4-edc9-4785-af87-d2bcad9cc963.eot?#iefix")
            format("eot"),
        url("fonts/ddfa5815-0439-455c-ab0a-704be1e727e3.woff") format("woff"),
        url("fonts/561cb800-4365-4d2a-8971-7fb5524aa7bd.ttf") format("truetype"),
        url("fonts/32e22620-f3c6-4eda-992b-c5875390b55d.svg#32e22620-f3c6-4eda-992b-c5875390b55d")
            format("svg");
}
@font-face {
    font-family: "Proxima N W15 Bold";
    src: url("fonts/9682bb7d-efd6-4254-8771-e146c89a72d4.eot?#iefix");
    src: url("fonts/9682bb7d-efd6-4254-8771-e146c89a72d4.eot?#iefix")
            format("eot"),
        url("fonts/a3a867b8-141c-4865-9f8d-6dc5766a6bc5.woff") format("woff"),
        url("fonts/b9d6d5ca-ba9b-4fa1-a81e-366891676e4a.ttf") format("truetype"),
        url("fonts/844c48e5-7a2b-488b-9e47-ff8dda98e5e2.svg#844c48e5-7a2b-488b-9e47-ff8dda98e5e2")
            format("svg");
}
@font-face {
    font-family: "Proxima N W15 Bold It";
    src: url("fonts/715a0342-db92-4c36-b812-04212361621b.eot?#iefix");
    src: url("fonts/715a0342-db92-4c36-b812-04212361621b.eot?#iefix")
            format("eot"),
        url("fonts/f015d7cb-8f83-497f-b23e-157a01bfbeb1.woff") format("woff"),
        url("fonts/2c5a2cf6-d798-4ecb-9116-dcbd92a8b3e5.ttf") format("truetype"),
        url("fonts/ba8566d1-fe90-4f7a-94a8-6c854619fb3b.svg#ba8566d1-fe90-4f7a-94a8-6c854619fb3b")
            format("svg");
}

@font-face {
    font-family: "ProximaNovaA-Light";
    src: url("fonts/2FA038_0_0.eot");
    src: url("fonts/2FA038_0_0.eot?#iefix") format("embedded-opentype"),
        url("fonts/2FA038_0_0.woff2") format("woff2"),
        url("fonts/2FA038_0_0.woff") format("woff"),
        url("fonts/2FA038_0_0.ttf") format("truetype");
}
@font-face {
    font-family: "ProximaNovaS-Light";
    src: url("fonts/2FA038_1_0.eot");
    src: url("fonts/2FA038_1_0.eot?#iefix") format("embedded-opentype"),
        url("fonts/2FA038_1_0.woff2") format("woff2"),
        url("fonts/2FA038_1_0.woff") format("woff"),
        url("fonts/2FA038_1_0.ttf") format("truetype");
}

@font-face {
    font-family: "ProximaNova-Light";
    src: url("fonts/2FA038_2_0.eot");
    src: url("fonts/2FA038_2_0.eot?#iefix") format("embedded-opentype"),
        url("fonts/2FA038_2_0.woff2") format("woff2"),
        url("fonts/2FA038_2_0.woff") format("woff"),
        url("fonts/2FA038_2_0.ttf") format("truetype");
}

/*---------- Global ----------*/

html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: none;
    height: 100%;
}
body {
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 100%;
    color: #6b6763;
    line-height: 1.5em;
    font-family: "Proxima N W15 Reg";
    font-size: 16px;
}
a,
a:active {
    outline: none;
    text-decoration: none;
    cursor: pointer;
    transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -webkit-transition: color 0.25s ease-in-out;
}
a:hover {
    color: #b93029;
    outline: 0;
}
:focus {
    -moz-outline-style: none;
    outline-color: initial;
    outline-style: initial;
    outline-width: 0;
}
::-moz-selection {
    color: #fff;
    text-shadow: none;
    background-color: #efcc58;
}
::selection {
    color: #fff;
    text-shadow: none;
    background-color: #efcc58;
}
.clear {
    clear: both;
}
#left {
    float: left;
}
#right {
    float: right;
}
.left {
    float: left;
}
.right {
    float: right;
}
img,
embed,
object,
video {
    max-width: 100%;
    max-height: auto;
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -405px;
}
#content-wrapper {
    background: url("images/bg.png") repeat-x top;
    padding: 30px 0 50px;
    overflow: hidden;
    position: relative;
	z-index:10;
}
#content {
    margin: 0 auto;
    width: 1000px;
}
.hero-content {
    margin: 0 auto;
    width: 1000px;
    overflow: hidden;
    min-height: 12.3em;
}
#content a {
    color: #dc4a2d;
    border-bottom: 1px dotted #d64632;
}
#content a:hover {
    color: #e08722;
    border-bottom: 1px dotted #e08722;
}
ol li {
    list-style-type: decimal;
    margin: 10px 0 20px 18px;
}
.ask #right ol li,
ol.commentlist li {
    list-style-type: none;
}
h1 {
    font-size: 42px;
    font-family: "ProximaNova-Light";
    line-height: 47px;
}
h2 {
    font-size: 35px;
    font-family: "ProximaNova-Light";
    line-height: 40px;
}
h3 {
    font-size: 28px;
    line-height: 36px;
}
h4 {
    font-size: 20px;
    line-height: 26px;
}
h5 {
    font-size: 18px;
    font-family: "Proxima N W15 Bold";
    line-height: 24px;
}
h6 {
    font-family: "Proxima N W15 Bold";
    line-height: 20px;
}
h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong {
    font-family: "ProximaNovaA-Light";
}

strong {
    font-family: "Proxima N W15 Bold";
}

@media screen and (max-width: 600px) {
    h1 {
        font-size: 36px;
        line-height: 42px;
    }
    h2 {
        font-size: 30px;
        line-height: 36px;
    }
}

/* =============================================================================
Header
========================================================================== */

/*----------Top----------*/
#header {
    margin: 0 auto;
    width: 1000px;
}
#header-top {
    background: #dc4a2d;
    padding: 10px 0;
    overflow: hidden;
}
#header-top a,
#header-top {
    color: #fff;
}
#header-top ul.nav {
    overflow: hidden;
    float: left;
    width: 310px;
}
#header-top ul.nav li {
    float: left;
    margin: 0 0.5% 0 0;
    display: block;
}
#header-top ul.nav li a {
    margin: 0 10px 0;
}
#header-top ul.nav li a:hover {
    color: #efb8aa;
}

/*----------Right----------*/
#header-top #right {
    width: 485px;
}
#header-top ul.social {
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    float: left;
    border-right: 1px solid #e9937f;
    width: 220px;
    margin: 3px 3% 0 0;
}
#header-top ul.social li {
    float: left;
    margin: 0 6% 0 0;
    display: block;
}
#header-top ul.social li a img {
    width: 23px;
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
}
#header-top ul.social li a img:hover {
    opacity: 0.5;
}

/*----------Search----------*/

label.screen-reader-text {
    display: none;
}
#searchform input#s {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 3px solid #e49280;
    padding: 2px 2px 0px 5px;
    font-family: "Proxima N W15 Reg";
    color: #6b6763;
    transition: background 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out;
    -webkit-transition: background 0.25s ease-in-out;
    width: 140px;
    float: left;
}
ul.mobile form#searchform {
    overflow: hidden;
    width: 190px;
    margin: 0 auto;
}

#searchform input#s:focus {
    background: #df9181;
    color: #fff;
}
#searchform input#searchsubmit {
    background: url("images/search.png") no-repeat;
    width: 26px;
    height: 25px;
    padding: 0;
    border: none;
    transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
    opacity: 0.5;
    display: block;
    float: left;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    margin: 0 0 0 5px;
}
#searchform input#searchsubmit:hover {
    opacity: 1;
}
p.respond {
    float: left;
    margin: 2px 5px 0 0;
}

/*----------Bottom----------*/
#header-bottom {
    overflow: hidden;
    border-bottom: 1px solid #e3ebea;
}
h1.logo a {
    width: 256px;
    height: 73px;
    background: url("images/logo.png") no-repeat;
    display: block;
    text-indent: -9999px;
    margin: 20px 0;
    float: left;
}
#header-bottom ul {
    overflow: hidden;
    float: right;
    width: 585px;
}
#header-bottom ul li {
    float: left;
    border-right: 1px solid #e3ebea;
}
#header-bottom ul li.health {
    border-left: 1px solid #e3ebea;
}
#header-bottom ul li a {
    float: left;
    color: #6b6763;
    font-size: 20px;
    font-family: "Proxima N W15 Light";
    padding: 0 36px 23px;
    transition: background 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out;
    -webkit-transition: background 0.25s ease-in-out;
}
#header-bottom ul li a img {
    width: 30px;
    margin: 30px auto 15px;
    display: block;
}
#header-bottom ul li.health a:hover {
    color: #be352d;
    background: #fbf5f4;
}
#header-bottom ul li.habits a:hover {
    color: #f1cd58;
    background: #fefcf7;
}
#header-bottom ul li.food a:hover {
    color: #dc492e;
    background: #fdf6f4;
}
#header-bottom ul li.weight a:hover {
    color: #8d953a;
    background: #f9f9f5;
}

/*----------Mobile----------*/
h1.mobile a {
    width: 140px;
    height: 45px;
    background: url("images/m-logo.png") no-repeat;
    display: block;
    text-indent: -9999px;
    float: left;
    display: none;
}
.accordionButton {
    width: 30px;
    height: 23px;
    float: right;
    _float: none;
    cursor: pointer;
    background: url("images/nav-button.png") no-repeat;
    display: none;
    text-indent: -9999px;
    margin: 12px 0 0 0;
}
.accordionContent {
    width: 100%;
    float: left;
    _float: none;
    display: none;
}
ul.mobile {
    display: none;
}

@media screen and (max-width: 1100px) {
    #content {
        width: 90%;
    }
    #header {
        width: 90%;
    }
    img,
    embed,
    object,
    video {
        max-width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 965px) {
    p.respond {
        display: none;
    }
    #header-top #right {
        width: 365px;
    }
    #header-top ul.social li {
        margin: 1px 4% 0 0;
    }
    #header-top ul.social {
        width: 185px;
    }
    #header-bottom ul {
        width: 430px;
    }
    #header-bottom ul li a {
        padding: 0 24px 25px;
        font-size: 16px;
        font-family: "Proxima N W15 Reg";
    }
    #header-bottom ul li a img {
        width: 25px;
    }
    #header-top ul.nav li {
        font-size: 16px;
        margin: 3px 0.4% 0 0;
    }
    #header-top ul.nav {
        width: 280px;
    }
    #header-top ul.nav li a {
        margin: 0 8px 0;
    }
    #header-top ul.social li a img {
        width: 20px;
    }
    #header-top ul.social {
        width: 160px;
    }
}
@media screen and (max-width: 800px) {
    #header-bottom ul li a {
        padding: 0 18px 25px;
    }
    #header-bottom ul {
        width: 390px;
    }
}
@media screen and (max-width: 765px) {
    #header-top ul.nav,
    #header-top ul.social,
    #search form,
    h1.logo a,
    #header-bottom ul li.weight span {
        display: none;
    }
    h1.mobile a {
        display: inherit;
    }
    #header-bottom ul {
        width: 100%;
    }
    #header-bottom ul li {
        width: 24.6%;
        text-align: center;
    }
    #header-bottom ul li a {
        padding: 0;
        width: 100%;
    }
    #header-bottom ul li a img {
        width: 25px;
        margin: 10px auto 10px;
        display: block;
    }
    #header-bottom #header {
        width: 100%;
    }
    #header-bottom ul li.health {
        border-left: none;
    }
    #header-bottom ul li.weight {
        border-right: none;
    }
    .accordionButton,
    ul.mobile {
        display: inherit;
    }
    ul.mobile {
        margin: 20px 0 10px;
    }
    ul.mobile li {
        text-align: center;
        border-top: 1px solid #e49280;
    }
    ul.mobile li:last-child {
        padding: 20px 0 0 0;
    }
    ul.mobile li a {
        padding: 10px 0;
        display: block;
    }
    ul.mobile .search-field {
        width: 60%;
        padding: 5px;
        text-align: center;
    }
}

/* =============================================================================
Footer
========================================================================== */

::-webkit-input-placeholder {
    color: #e9a593;
}
:-moz-placeholder {
    color: #e9a593;
}
:-ms-input-placeholder {
    color: #e9a593;
}
.placeholder {
    color: #e9a593;
}

.footer,
.push {
    height: 405px;
    clear: both;
}
#footer-wrapper {
    height: 405px;
    border-top: 1px solid #dee4e3;
    background: url("images/bg.png") repeat-x top;
}
#footer {
    width: 1000px;
    margin: 0 auto;
    padding: 30px 0 10px;
    overflow: hidden;
}
#footer #logo {
    width: 15%;
    padding: 0 3% 0 0;
    float: left;
}
#footer #navigation {
    width: 34%;
    padding: 0 2% 0 3%;
    float: left;
    border-left: 1px solid #e6e6e6;
    height: 280px;
}
#footer #navigation ul {
    width: 23%;
    margin: 0 0 0 15%;
    float: left;
    font-size: 16px;
}
#footer #navigation ul.column1 {
    margin: 0;
}
#footer #navigation ul li {
    margin: 0 0 5px 0;
}
#footer img.icon {
    float: left;
    width: 20px;
    margin: 1px 5px 0 0;
}
#footer a {
    color: #6b6763;
}
#footer a:hover {
    color: #db492d;
}
#footer a.media-temple {
    margin: 60px 0 0 0;
    float: left;
    height: 30px;
    width: 200px;
    text-indent: -9999px;
    display: block;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    transition: background 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out;
    -webkit-transition: background 0.25s ease-in-out;
    background: #f4f2ef url("images/mediatemple.png") no-repeat center center;
}
#footer a.media-temple:hover {
    background: #dee4e3 url("images/mediatemple.png") no-repeat center center;
}
#footer h6 {
    margin: 0 0 5px 0;
}
#footer #subscribe {
    width: 24%;
    padding: 0 3%;
    float: left;
    border-left: 1px solid #e6e6e6;
    height: 280 px;
}
#footer ul.social-media {
    width: 3%;
    padding: 0 3%;
    float: left;
    border-left: 1px solid #e6e6e6;
    height: 280px;
}
#footer ul.social-media li {
    margin: 0 0 15px;
    transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
    opacity: 1;
}
#footer ul.social-media li:hover {
    opacity: 0.5;
}
#footer #signup {
    margin: 0 0 25px 0;
    overflow: hidden;
}
#footer .subscribe {
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    border-bottom-left-radius: 20px;
    -moz-border-radiustopleft: 20px;
    -webkit-border-top-left-radius: 20px;
    border-top-left-radius: 20px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radiustopright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    background: #e36f55;
    border: none;
    padding: 9px 2px 4px 10px;
    font-family: "Proxima N W15 Reg";
    color: #6b6763;
    transition: background 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out;
    -webkit-transition: background 0.25s ease-in-out;
    width: 70%;
    color: #fff;
    float: left;
    font-size: 14px;
}
#footer .subscribe:focus {
    background: #dc4a2d;
    color: #fff;
}
#email-button {
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    border-bottom-right-radius: 20px;
    -moz-border-radiustopright: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    border: none;
    background: #dc4a2d;
    color: #fff;
    padding: 8px 12px 8px;
    font-size: 12px;
    float: left;
}
#email-button:hover {
    background: #dd6d58;
}
#copyright {
    background: #dc4a2d;
    padding: 15px 0;
    color: #eda694;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
}
#copyright a {
    color: #eda694;
    font-family: "Proxima N W15 Bold";
}
#copyright a:hover {
    color: #fff;
}
#footer .gform_footer.top_label {
    display: inline;
}

@media screen and (max-width: 1100px) {
    #footer {
        width: 90%;
    }
}
@media screen and (max-width: 765px) {
    #footer #logo {
        display: none;
        width: 0;
    }
    #footer #navigation {
        width: 44%;
    }
    #footer #subscribe {
        width: 35%;
    }
    #footer ul.social-media {
        width: 3.8%;
        padding: 0 3%;
    }
}
@media screen and (max-width: 565px) {
    #footer #navigation {
        width: 100%;
        border: none;
        padding: 0 0 10px 0;
        margin: 0 0 30px 0;
        border-bottom: 1px solid #e6e6e6;
        height: auto;
    }
    #footer a.media-temple {
        margin: 20px auto;
        float: none;
    }
    #footer #subscribe {
        width: 100%;
        border-left: none;
        border-bottom: 1px solid #e6e6e6;
        padding: 0 0 30px 0;
        margin: 0 0 30px 0;
        height: auto;
    }
    #footer ul.social-media {
        width: 100%;
        border: none;
        height: auto;
    }
    #footer ul.social-media li {
        float: left;
        width: 10%;
        margin: 0 0 15px 6.5%;
        padding: 0;
    }
    #footer ul.social-media li:first-child {
        margin: 0;
    }
    #footer ul.social-media li {
        float: left;
    }
    #footer #signup {
        margin: 15px auto 45px;
        overflow: hidden;
        width: 75%;
    }
    #footer .subscribe {
        width: 80%;
    }
    #footer h6 {
        margin: 0 0 15px 0;
    }
}

/* =============================================================================
About
========================================================================== */

/*-----------------About Navigation-----------------*/

ul.nav-about {
    width: 760px;
    margin: 0 auto 50px;
    text-align: center;
    height: 59px;
}
ul.nav-about li {
    float: left;
    width: 25%;
}
#content ul.nav-about li a {
    float: left;
    border: none;
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-family: "Proxima N W15 Light";
    line-height: 30px;
    padding: 16px 0 13px 0;
    transition: background 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out;
    -webkit-transition: background 0.25s ease-in-out;
    position: relative;
}
#content ul.nav-about li.about a {
    background: #b93029;
    -moz-border-radius-bottomleft: 30px;
    -webkit-border-bottom-left-radius: 30px;
    border-bottom-left-radius: 30px;
    -moz-border-radiustopleft: 30px;
    -webkit-border-top-left-radius: 30px;
    border-top-left-radius: 30px;
}
#content ul.nav-about li.darya a {
    background: #dc4a2d;
}
#content ul.nav-about li.press a {
    background: #e08822;
}
#content ul.nav-about li.faq a {
    background: #8e9441;
    -moz-border-radius-bottomright: 30px;
    -webkit-border-bottom-right-radius: 30px;
    border-bottom-right-radius: 30px;
    -moz-border-radiustopright: 30px;
    -webkit-border-top-right-radius: 30px;
    border-top-right-radius: 30px;
}
#content ul.nav-about li.about a:hover {
    background: #c55a53;
}
#content ul.nav-about li.darya a:hover {
    background: #e16e55;
}
#content ul.nav-about li.press a:hover {
    background: #e5a04b;
}
#content ul.nav-about li.faq a:hover {
    background: #a4ab60;
}

/*Active Classes - need to setup for each page.*/
.page-id-21462 #content ul.nav-about li.about a:after,
.page-id-34 #content ul.nav-about li.darya a:after,
.page-id-42 #content ul.nav-about li.darya a:after,
.page-id-2391 #content ul.nav-about li.faq a:after,
.page-id-7 #content ul.nav-contact li.contact a:after,
.page-id-67 #content ul.nav-contact li.ask a:after,
.page-id-11893 #content ul.nav-contact li.write a:after,
.page-id-11897 #content ul.nav-contact li.farmers-market a:after,
.page-id-17557 #content ul.nav-contact li.farmers-market a:after,
.page-id-17557 #content ul.nav-contact li.terms-of-use a:after,
.page-id-2791 #content ul.nav-contact li.privacy a:after,
.page-id-14533 #content ul.nav-about li.press a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -8px;
    left: 50%;
    width: 0;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #b93029 transparent;
    margin: 6px 0 0 -10px;
}

/*Different Colors*/
.page-id-34 #content ul.nav-about li.darya a:after,
.page-id-42 #content ul.nav-about li.darya a:after {
    border-color: #dc4a2d transparent;
}
.page-id-14533 #content ul.nav-about li.press a:after {
    border-color: #e08822 transparent;
}
.page-id-67 #content ul.nav-contact li.ask a:after {
    border-color: #dc4a2d transparent;
}
.page-id-11893 #content ul.nav-contact li.write a:after {
    border-color: #e08822 transparent;
}
.page-id-2391 #content ul.nav-about li.faq a:after,
.page-id-11897 #content ul.nav-contact li.farmers-market a:after,
.page-id-17557 #content ul.nav-contact li.farmers-market a:after,
.page-id-17557 #content ul.nav-contact li.terms-of-use a:after {
    border-color: #8e953a transparent;
}
.page-id-2791 #content ul.nav-contact li.privacy a:after {
    border-color: #5d5c29 transparent;
}

/*Hover states for active classes*/
.page-about #content ul.nav-about li.about a:hover {
    background: #b42b2d;
    cursor: default;
}
.page-id-34 #content ul.nav-about li.darya a:hover,
.page-id-42 #content ul.nav-about li.darya a:hover {
    background: #dc4a2d;
    cursor: default;
}
.page-id-2391 #content ul.nav-about li.faq a:hover {
    background: #8e9346;
    cursor: default;
}
.page-id-7 #content ul.nav-contact li.contact a:hover {
    background: #b93029;
    cursor: default;
}
.page-id-67 #content ul.nav-contact li.ask a:hover {
    background: #dc4a2d;
    cursor: default;
}
.page-id-11893 #content ul.nav-contact li.write a:hover {
    background: #e08822;
    cursor: default;
}
.page-id-11897 #content ul.nav-contact li.farmers-market a:hover {
    background: #8e953a;
    cursor: default;
}
.page-id-2791 #content ul.nav-contact li.privacy a:hover {
    background: #5d5c29;
    cursor: default;
}
.page-id-14533 #content ul.nav-about li.press a:hover {
    background: #de8731;
    cursor: default;
}

@media screen and (max-width: 850px) {
    ul.nav-about {
        width: 100%;
    }
    ul.nav-about li {
        width: 25;
    }
    #content ul.nav-about li a {
        font-size: 16px;
    }
}

/*-----------------About Section1-----------------*/

#content.abouts h2 {
    text-align: center;
    margin: 0 auto 40px;
    width: 85%;
}
.section1 .abouts #column1,
.section1 .abouts #column2 {
    float: left;
    width: 33%;
}
.section1 .abouts #column2 {
    margin: 0 0 0 5%;
}
.section1 .abouts #column3 {
    float: right;
    height: 330px;
    width: 223px;
    /*background: url('images/press3.png') no-repeat center center;*/
    text-align: center;
}
.section1 .abouts #column3 h6 {
    color: #8e953a;
}
.section1 .abouts #column3 #left,
.section1 .abouts #column3 #right {
    width: 49%;
    margin: 4px 0 10px 0;
}
.section1 .abouts #column3 a {
    color: #9da5a4;
    border: none;
}
.section1 .abouts #column3 a:hover {
    color: #ced2d1;
}
.section1 .abouts #column3 a img {
    opacity: 1;
    transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -webkit-transition: all 0.25s ease-in-out;
}
.section1 .abouts #column3 a:hover img {
    opacity: 0.5;
}
.section1 .abouts #column3 {
    line-height: 18px;
}
.section1 .abouts #column3 .large {
    letter-spacing: -5px;
    font: 70px/50px "Proxima N W15 Thin Reg";
}
.section1 .abouts #column3 .medium {
    font: 28px/28px "Proxima N W15 Light";
    text-transform: uppercase;
}
.section1 .abouts #column3 #left a.time {
    width: 80px;
    display: block;
    margin: 20px auto;
}
.section1 .abouts #column3 #left a.time img {
    margin: 0 0 12px 0;
}
.section1 .abouts #column3 #left a.chronicle,
.section1 .abouts #column3 #left a.latimes {
    width: 99%;
    display: block;
    margin: 21px auto 9px 0;
    padding: 9px 0;
}
.section1 .abouts #column3 #left a.latimes {
    margin: 0 auto;
    padding: 9px 0;
}
.section1 .abouts #column3 #right a.ecosalon {
    width: 90px;
    display: block;
    margin: 25px 0 26px 13px;
}
.section1 .abouts #column3 #right a.ecosalon img {
    margin: 0 0 15px 0;
}
.section1 .abouts #column3 #right a.lifehacker {
    width: 80%;
    display: block;
    margin: 0 auto 32px;
}
.section1 .abouts #column3 #right a.cnn {
    width: 80%;
    display: block;
    margin: 0 auto 20px;
}
.section1 .abouts #column3 a.nytimes {
    width: 80%;
    display: block;
    margin: 10px auto;
}

@media screen and (max-width: 1000px) {
    .section1 .abouts #column1,
    .section1 .abouts #column2 {
        float: left;
        width: 30%;
    }
    .section1 .abouts #column2 {
        margin: 0 0 0 5%;
        width: 30%;
    }
}
@media screen and (max-width: 1000px) {
    .section1 .abouts #column1,
    .section1 .abouts #column2 {
        width: 100%;
        margin: 0;
    }
    #bio {
        float: left;
        width: 67%;
    }
}
@media screen and (max-width: 800px) {
    #bio {
        width: 60%;
    }
}
@media screen and (max-width: 700px) {
    #bio {
        width: 100%;
    }
    .section1 .abouts #column3 {
        float: none;
        margin: 0 auto;
        clear: both;
    }
    .section1 .abouts #column2 {
        margin: 0 0 30px;
    }
}

/*-----------------About Section2-----------------*/

#farmers-market {
    background: url("images/farmers-market2.png") no-repeat top center;
    height: 269px;
    margin: 0px 0 -43px 0;
    position: relative;
}
#yellow-wrapper {
    background: #f0d583;
    padding: 60px 0 40px 0;
}
#yellow-wrapper:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 0;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #f0d583 transparent;
    margin: 35px 0 0 -25px;
}
#yellow-wrapper h3 {
    font-size: 24px;
    text-align: center;
    color: #79642f;
    font-family: "Proxima N W15 Light";
    line-height: 32px;
}
#yellow-wrapper h3 span {
    color: #fff;
    font-family: "Proxima N W15 Reg";
    line-height: 32px;
}

/*-----------------About Section3-----------------*/

.section3 .abouts {
}
.section3 .abouts #advice {
    margin: 0 0 20px 0;
    float: left;
}
.section3 .abouts #column1 {
    float: left;
    width: 47%;
}
.section3 .abouts #column2 {
    float: right;
    width: 47%;
}
.section3 .abouts #column1 #left,
.section3 .abouts #column2 #left {
    float: left;
    width: 9%;
}
.section3 .abouts #column1 #right,
.section3 .abouts #column2 #right {
    float: left;
    width: 89%;
    margin: 0 0 0 2%;
}

.page-id-21462 #content h1 a {
    font-size: 35px;
    padding: 25px 10px 5px 45px;
    background: #f9f9f9;
    width: 778px;
    height: 64px;
    margin: 40px auto 20px;
    font-style: normal;
    display: block;
    color: #6b6763;
    background: url("images/new-button2.jpg") no-repeat top center;
    border: none;
}
.page-id-21462 #content h1 a:hover {
    color: #d94a35;
}
.section3 .abouts .red {
    color: #db492d;
}
.section3 .abouts .outer {
    background: url("images/x.png") no-repeat top center;
    width: 54px;
    height: 55px;
    display: inline-block;
    position: relative;
}

@media screen and (max-width: 1000px) {
    .page-id-2 #content h1 a {
        width: auto;
        height: auto;
        background: none;
        display: block;
        background: #f9f9f9;
        border: 1px solid #d4dcdc;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        padding: 15px 10px 12px;
        text-align: center;
        font-size: 28px;
        background: none;
    }
}

@media screen and (max-width: 760px) {
    .section3 .abouts #column1 {
        float: left;
        width: 100%;
    }
    .section3 .abouts #column2 {
        float: right;
        width: 100%;
    }
    .page-id-2 #content h1 a {
        font-size: 20px;
        padding: 20px 20px 6px;
    }
    .section3 .abouts .outer {
        width: 30px;
        height: 40px;
    }
    .section3 .abouts .red {
        display: block;
        line-height: 18px;
    }
}
@media screen and (max-width: 560px) {
    .page-id-2 #content h1 a {
        font-size: 18px;
    }
}

/* =============================================================================
Darya
========================================================================== */

/*-----------------Top-----------------*/

.darya #heading {
    float: left;
    width: 61%;
    text-align: center;
    margin: 20px 0 30px 0;
}
.darya #darya {
    float: right;
    width: 25%;
    margin: 0 6% 30px 0;
}
#break {
    width: 100%;
    border-bottom: 1px solid #d0d4d3;
    position: relative;
    height: 11px;
    margin: 5px 0 20px 0;
}
#break #triangle {
    width: 37px;
    height: 11px;
    background: url("images/triangle.jpg");
    margin: 5px auto 0;
    position: absolute;
    z-index: 5;
    left: 50%;
    margin-left: -19px;
}

@media screen and (max-width: 950px) {
    .darya #darya {
        width: 30%;
        margin: 0 5% 30px 0;
    }
}
@media screen and (max-width: 650px) {
    .darya #darya {
        width: 40%;
        float: none;
        margin: 0 auto;
    }
    .darya #heading {
        float: left;
        width: 100%;
        text-align: center;
        margin: 20px 0 30px 0;
    }
}

/*-----------------Middle-----------------*/

.darya #left,
.darya #right {
    width: 47%;
    margin: 10px 0;
}
.darya h3 {
    font-family: "Proxima N W15 Light";
    color: #8e953a;
}

@media screen and (max-width: 650px) {
    .darya #left,
    .darya #right {
        width: 100%;
        margin: 10px 0;
    }
}

/*-----------------Bottom-----------------*/

#content-wrapper .darya a.button-xl {
    width: 528px;
    height: 44px;
    background: url("images/history-link.jpg");
    display: block;
    border: none;
    font-size: 22px;
    font-family: "Proxima N W15 Light";
    padding: 20px 0 0 34px;
    margin: 30px auto 20px;
}
#content-wrapper .darya a.button-xl .respond {
    display: none;
}

@media screen and (max-width: 650px) {
    #content-wrapper .darya a.button-xl {
        width: auto;
        height: auto;
        background: none;
        display: block;
        background: #f9f9f9;
        border: 1px solid #d4dcdc;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        padding: 15px 10px 12px;
        text-align: center;
        font-size: 18px;
    }
    #content-wrapper .darya a.button-xl .respond {
        display: inline;
    }
}

/* =============================================================================
Diet History
========================================================================== */

.history #darya,
.ask #darya {
    width: 15%;
    margin: 0 auto 10px;
}
.history h2,
.ask h2 {
    text-align: center;
}
.history h3 {
    color: #8e953a;
    font-family: "Proxima N W15 Light";
    margin: -3px 0 8px 0;
    line-height: 30px;
}
#stages {
    overflow: hidden;
    float: left;
    margin: 0 5% 0 0;
    width: 95%;
    padding-top: 2px;
}
#stages #right {
    width: 85%;
    background: url("images/dots.png") top left repeat-y;
    padding: 0 0 0 70px;
    margin: 0 auto;
}
#stages #right #ticker {
    width: 69px;
    height: 24px;
    float: left;
    margin: 0 0 0 -81px;
    background: url("images/ticker.png");
    left: 0;
}
.history #break {
    width: 100%;
    border-bottom: 1px solid #d0d4d3;
    position: relative;
    height: 11px;
    margin: 5px 0 50px 0;
}

@media screen and (max-width: 650px) {
    #stages #right #ticker {
        display: none;
    }
    #stages #right {
        background: none;
        width: 100%;
    }
    .history #darya,
    .ask #darya {
        width: 35%;
        margin: 0 auto 10px;
    }
}

/* =============================================================================
FAQ
========================================================================== */

#faq {
    overflow: hidden;
    margin: 0 0 40px 0;
}
#faq #question {
    margin: 0 0 40px 0;
}
#faq #question #left,
#faq #answer #left {
    width: 30px;
    font-size: 30px;
    font-family: "Proxima N W15 Light";
    color: #8e953a;
    line-height: 34px;
}
#faq #answer #left {
    color: #6b6763;
}
#faq #question #right {
    float: left;
    font-family: "Proxima N W15 Light";
    color: #8e953a;
    font-size: 30px;
    width: 90%;
    padding: 0 0 0 1.5%;
    line-height: 34px;
}
#faq #answer #right {
    float: left;
    width: 90%;
    padding: 0 0 0 1.5%;
}
@media screen and (max-width: 650px) {
    #faq #question #left,
    #faq #answer #left {
        display: none;
    }
    #faq {
        text-align: center;
    }
    #faq #question #right {
        font-size: 24px;
        line-height: 30px;
    }
}

/* =============================================================================
Subscribe
========================================================================== */

/*-----------------Top-----------------*/

#yellow-wrapper.subscribe {
    background: #f0d583;
    padding: 30px 0 35px 0;
}
#yellow-wrapper.subscribe:after {
    margin: 30px 0 0 -15px;
}
/*#yellow-wrapper.subscribe h2.left {
	color: #FFF;
	letter-spacing: -2px;
	font: 60px/32px "Proxima N W15 Thin Reg";
	margin: 20px 0;
}*/
#yellow-wrapper.subscribe #right {
    width: 30%;
    color: #79642f;
    font-size: 14px;
}
#yellow-wrapper.subscribe #right img {
    float: right;
    width: 100px;
    margin: -5px 0 0 0;
}
#yellow-wrapper.subscribe #right p {
    float: left;
    width: 60%;
    text-align: right;
}
#yellow-wrapper.subscribe strong {
    font-size: 20px;
}
#yellow-wrapper h3 span {
    color: #fff;
    font-family: "Proxima N W15 Reg";
    line-height: 32px;
}
#lawn {
    background: url("images/lawn.png") no-repeat center;
    height: 124px;
    margin: -105px 0 0 0;
    text-align: center;
    color: #fff;
    letter-spacing: -1px;
}
#lawn h2 {
    position: absolute;
    left: 50%;
    margin: 35px 0 0 -140px;
    width: 280px;
    font-family: "Proxima N W15 Thin Reg";
    letter-spacing: -1px;
    font-size: 60px;
}
@media screen and (max-width: 980px) {
    #yellow-wrapper.subscribe #right {
        width: 100%;
        color: #79642f;
        text-align: center;
    }
    #yellow-wrapper.subscribe h2.left {
        text-align: center;
        width: 100%;
    }
}
@media screen and (max-width: 440px) {
    /*#yellow-wrapper.subscribe {
	padding: 30px 0 80px 0 ;
}*/
    #yellow-wrapper.subscribe h2.left {
        margin: 20px 0 35px 0;
    }
    #yellow-wrapper.subscribe:after {
        margin: 75px 0 0 -15px;
    }
}

/*-----------------Bottom-----------------*/

ul.subscribe {
    margin: 40px 0 40px;
    overflow: hidden;
    text-align: center;
}
ul.subscribe li {
    width: 30%;
    float: left;
    margin: 0 0 0 5%;
}
ul.subscribe li:first-child {
    margin: 0;
}
ul.subscribe li img {
    width: 50px;
    margin: 0 auto 20px;
    display: block;
}
ul.subscribe li h3 {
    font-family: "Proxima N W15 Light";
    margin: 0 0 10px 0;
}

#content ul.subscribe a.small,
#content ul.subscribe a.small2,
#content ul.subscribe a.small3,
#content.thank-you a.small,
#content.not-found a.small,
#content.foodist a.small {
    width: 212px;
    height: 32px;
    background: url("images/subscribe-link.jpg");
    display: block;
    border: none;
    font-size: 18px;
    margin: 30px auto 0;
    padding: 12px 0 0 46px;
    text-align: left;
}
#content ul.subscribe a.small3 {
    background: url("images/subscribe-link2.png");
    padding: 12px 0 0 36px;
    width: 222px;
    height: 32px;
}
#content.thank-you a.small,
#content.not-found a.small,
#content.foodist a.small {
    padding: 12px 0 0 36px;
    width: 222px;
    height: 32px;
}
#content ul.subscribe a.small2 {
    width: 198px;
    height: 32px;
    padding: 12px 0 0 60px;
}
#content ul.subscribe p {
    height: 140px;
}
#content.foodist a.small {
    float: right;
    margin: -40px 0 0 0;
}

@media screen and (max-width: 980px) {
    ul.subscribe li {
        width: 60%;
        float: left;
        margin: 0 0 30px 0;
        border-bottom: 1px solid #e4ebea;
        padding: 0 20% 40px;
    }
    ul.subscribe li:first-child {
        width: 60%;
        float: left;
        margin: 0 0 30px 0;
    }
    #content ul.subscribe p {
        height: auto;
    }
}
@media screen and (max-width: 700px) {
    ul.subscribe li {
        width: 100%;
        padding: 0 0 40px 0;
    }
    ul.subscribe li:first-child {
        width: 100%;
    }
}

/* =============================================================================
 Contact Nav
   ========================================================================== */

/*-----------------Contact Navigation-----------------*/

ul.nav-contact {
    width: 100%;
    max-width: 760px;
    margin: 0 auto 50px;
    text-align: center;
    height: 59px;
}
ul.nav-contact li {
    width: 25%;
    float: left;
}
#content ul.nav-contact li a {
    border: none;
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-family: "Proxima N W15 Light";
    line-height: 30px;
    padding: 16px 0 13px 0;
    transition: background 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out;
    -webkit-transition: background 0.25s ease-in-out;
    display: block;
    position: relative;
}
#content ul.nav-contact li.contact a {
    background: #b93029;
    -moz-border-radius-bottomleft: 30px;
    -webkit-border-bottom-left-radius: 30px;
    border-bottom-left-radius: 30px;
    -moz-border-radiustopleft: 30px;
    -webkit-border-top-left-radius: 30px;
    border-top-left-radius: 30px;
}
#content ul.nav-contact li.ask a {
    background: #dc4a2d;
}
#content ul.nav-contact li.terms-of-use a,
#content ul.nav-contact li.write a {
    background: #e08822;
}
#content ul.nav-contact li.farmers-market a,
#content ul.nav-contact li.privacy a {
    background: #5d5c29;
    -moz-border-radius-bottomright: 30px;
    -webkit-border-bottom-right-radius: 30px;
    border-bottom-right-radius: 30px;
    -moz-border-radiustopright: 30px;
    -webkit-border-top-right-radius: 30px;
    border-top-right-radius: 30px;
}
#content ul.nav-contact li.contact a:hover {
    background: #c55a53;
}
#content ul.nav-contact li.ask a:hover {
    background: #e16e55;
}
#content ul.nav-contact li.terms-of-use a:hover,
#content ul.nav-contact li.write a:hover {
    background: #e5a04b;
}
#content ul.nav-contact li.farmers-market a:hover {
    background: #a4ab60;
}
#content ul.nav-contact li.privacy a:hover {
    background: #7c7c54;
}

/*
/*Active Classes - need to setup for each page.*!/
#content ul.nav-contact li#active a:after {
	content:"";
	display:block;
	position:absolute;
	bottom:-8px;
	left:50%;
	width:0;
	border-width:15px 15px 0;
	border-style:solid;
	border-color:#B93029 transparent;
	margin: 0 0 0 -10px;

}
#content ul.nav-contact li#active a:hover {
	background: #B42B2D;
	cursor: default;
}*/

@media screen and (max-width: 790px) {
    #content ul.nav-contact li a {
        font-size: 16px;
        line-height: 18px;
        height: 39px;
        padding: 25px 0 4px 0;
    }
}
@media screen and (max-width: 710px) {
    #content ul.nav-contact li.ask a,
    #content ul.nav-contact li.farmers-market a,
    #content ul.nav-contact li.write a {
        padding: 18px 0 11px 0;
    }
}

@media screen and (max-width: 710px) {
    ul.nav-contact li span {
        display: block;
    }
}
@media screen and (max-width: 510px) {
    #content ul.nav-contact li a {
        font-size: 12px;
        line-height: 14px;
        height: 28px;
        padding: 13px 0 10px 0;
    }
    #content ul.nav-contact li.contact a,
    #content ul.nav-contact li.privacy a {
        padding: 19px 0 4px 0;
    }
    #content ul.nav-contact li.ask a,
    #content ul.nav-contact li.farmers-market a,
    #content ul.nav-contact li.write a {
        padding: 12px 0 11px 0;
    }
}

/* =============================================================================
  Contact Page
   ========================================================================== */

.contact #left {
    width: 47%;
}
.contact h3 {
    color: #8c973d;
}
.contact #right {
    width: 47%;
}
@media screen and (max-width: 870px) {
    .contact #left,
    .contact #right {
        width: 100%;
    }
    .contact #right {
        margin: 40px 0;
    }
}

/* =============================================================================
   Ask Darya
   ========================================================================== */

.ask #left {
    width: 35%;
    padding: 20px 0 0 0;
}
.ask h3 {
    font-family: "Proxima N W15 Light";
    color: #8c973d;
    margin: 0 0 10px 0;
}
.paypal-button {
    width: 150px;
    margin: 10px auto;
}
.ask #left tr td input {
    width: 90%;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c1c6c5;
    background: #f9f9f9;
    font-size: 18px;
    padding: 5px 2.5%;
    color: #6b677b;
    transition: border 0.25s ease-in-out;
    -moz-transition: border 0.25s ease-in-out;
    -webkit-transition: border 0.25s ease-in-out;
    font-family: "Proxima N W15 Reg";
}
.ask #left tr td input:focus {
    background: #fff;
    border: 1px solid #db492d;
}
.ask #left table {
    width: 100%;
}

.ask #right {
    width: 55%;
    border-left: 1px solid #d0d4d3;
    padding: 20px 0 0 5%;
}
.ask #right p.comments {
    display: none;
}

@media screen and (max-width: 850px) {
    .ask #left {
        width: 100%;
        padding: 20px 0 20px 0;
        border-bottom: 1px solid #c1c6c5;
    }
    .ask #right {
        width: 100%;
        border-left: 1px solid #d0d4d3;
        padding: 20px 0 0 5%;
    }
}

/* =============================================================================
  Write for St & Farmers Market
   ========================================================================== */

.write-for-st h3,
.write-for-st h4 {
    color: #8c973d;
}
.write-for-st #left {
    width: 32%;
}
.write-for-st #right {
    width: 60%;
}
#hightlight {
    background: #f2f2f2;
    padding: 8%;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
@media screen and (max-width: 850px) {
    .write-for-st #left {
        width: 100%;
        padding: 20px 0 30px 0;
        margin: 0 0 30px 0;
        border-bottom: 1px solid #c1c6c5;
    }
    .write-for-st #right {
        width: 100%;
        padding: 20px 0 0 5%;
        margin: 0 0 30px 0;
    }
}

/* =============================================================================
Thanks You & 404
   ========================================================================== */

.thank-you h2,
.not-found h2 {
    color: #8c973d;
    font-size: 46px;
    margin: 0 0 20px 0;
}
.thank-you h3,
.not-found h3 {
    font-size: 26px;
    line-height: 26px;
    margin: 0 0 20px 0;
}
.thank-you #left,
.not-found #left {
    width: 64%;
}
.thank-you #right,
.not-found #right {
    width: 35%;
}
#thank-you {
    background: url("images/thank-you.png") no-repeat 80% top;
    height: 269px;
    margin: -150px 0 -123px 0;
    position: relative;
    z-index: 0;
}
#not-found {
    background: url("images/toaster.png") no-repeat center top;
    height: 269px;
    margin: -50px 0 -123px 0;
    position: relative;
}
#yellow-wrapper.no-after::after {
    display: none;
}

@media screen and (max-width: 950px) {
    .thank-you #left {
        width: 100%;
    }
    .thank-you h2 {
        text-align: center;
    }
    #thank-you {
        background: url("images/thank-you.png") no-repeat center top;
        height: 269px;
        margin: 0px 0 -123px 0;
        position: relative;
        z-index: 0;
    }
    .thank-you #right {
        width: 100%;
        margin: 0 0 20px 0;
    }
}
@media screen and (max-width: 900px) {
    #not-found {
        background: url("images/toaster.png") no-repeat 130% top;
    }
    .not-found #left {
        width: 100%;
        text-align: center;
    }
    .not-found #right {
        width: 100%;
        margin: 0 0 30px 0;
    }
}
@media screen and (max-width: 550px) {
    #not-found {
        background: url("images/toaster.png") no-repeat 80% top;
    }
}

/* =============================================================================
   Sidebar Styles
   ========================================================================== */

/*-------------------Darya-------------------*/

#sidebar {
    width: 300px;
    float: right;
}
#sidebar #darya {
    border: 1px solid #e9e9e9;
    border-bottom: none;
    padding: 25px 25px 10px 25px;
}
#sidebar #darya h2 {
    font-family: "Proxima N W15 Bold";
    font-size: 18px;
    line-height: 21px;
    margin: 0 0 15px 0;
}
#sidebar #darya img {
    width: 132px;
    float: right;
    margin: -45px -45px 0 5px;
    position: relative;
}
#sidebar #garden {
    border: 1px solid #e9e9e9;
    border-top: none;
    border-bottom: none;
    background: url("images/garden.png") bottom center no-repeat;
    height: 100px;
    position: relative;
}
#garden a.subscribe,
#garden a.about-me,
#book a.foodist {
    border: 1px solid #e9e9e9;
    color: #8e953a;
    padding: 6px 25px 3px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: "Proxima N W15 Bold";
    float: left;
    transition: border 0.25s ease-in-out;
    -moz-transition: border 0.25s ease-in-out;
    -webkit-transition: border 0.25s ease-in-out;
    margin: 0 0 0 15px;
}
#garden a.subscribe {
    margin: 0 0 0 25px;
}
#garden a.about-me {
    color: #f0bc55;
}
#garden a.subscribe:hover {
    border: 1px solid #8e953a;
}
#garden a.about-me:hover {
    border: 1px solid #f0bc55;
}
#sidebar #book {
    background: #f9f9f9;
    padding: 25px 0 15px 0;
    border: 1px solid #e9e9e9;
    border-top: none;
    margin: -20px 0 20px 0;
    overflow: hidden;
}
#sidebar #book img {
    width: 100px;
    display: block;
    margin: 5px auto 10px;
}
#book a.foodist {
    color: #dc4a2d;
    background: #fff;
    float: left;
    margin: 5px 0 0 60px;
}
#book a.foodist:hover {
    border: 1px solid #dc4a2d;
}
#sidebar ul {
    float: left;
    overflow: hidden;
}

/*-------------------Top 5 Articles-------------------*/

#top-5 {
}
#top-5 #top {
    background: #efcc58;
    color: #fff;
    overflow: hidden;
    padding: 10px 0 8px;
    float: left;
    width: 100%;
}
#top-5 #top h5 {
    color: #fff;
    font-family: "Proxima N W15 Reg";
    float: left;
}
#top-5 #top img {
    float: left;
    width: 15px;
    margin: 0 10px;
}
#top-5 #top:after {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #ebce5c transparent;
    margin: 26px 0 0 24px;
}
#top-5 li {
    border-top: 1px solid #fff;
    border-right: 1px solid #e9e9e9;
    border-left: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    background: url("images/sidebar-gradient.png") top repeat-x;
    overflow: hidden;
    float: left;
}
#top-5 li img {
    float: left;
    margin: 0 10px 12px 0;
    border: 2px solid #fff;
    width: 50px;
}
#top-5 li a {
    font-size: 15px;
    line-height: 19px;
    border: none;
    color: #7f7a74;
    display: block;
    padding: 15px;
}
#top-5 li a:hover {
    color: #dc4a2d;
    border: none;
}
/*ul.top5 {
	overflow: hidden;
	margin: 0 0 20px 0;
}*/

/*-------------------Top 5 Eats-------------------*/

#top-5 #top.green {
    background: #8e953a;
}
#top-5 #top.green:after {
    border-color: #8e953a transparent;
}
#sidebar #archive {
    margin: 20px 0;
}
#sidebar #archive h3 {
    font-size: 18px;
}
#content #ads {
    border: 1px solid #fff;
    margin: 0 0 20px 0;
    float: left;
    height: 600px !important;
}
#ads div object {
    height: 600px !important;
    float: left;
}

@media screen and (max-width: 970px) {
    #sidebar {
        width: 200px;
    }
    #sidebar #darya img {
        width: 132px;
        float: right;
        margin: -45px 5px 20px 0;
    }
    #sidebar #darya {
        text-align: center;
    }
    #sidebar iframe {
        display: none;
    }
    #sidebar #garden {
        height: 150px;
    }
    #garden a.subscribe,
    #garden a.about-me {
        margin: 0 0 10px 43px;
    }
    #garden a.subscribe {
        margin: 0 0 10px 43px;
    }
    #book a.foodist {
        margin: 5px 0 0 12px;
    }
    #top-5 li a {
        font-size: 13px;
        line-height: 15px;
    }
}
@media screen and (max-width: 800px) {
    #not-found {
        background: url("images/toaster.png") no-repeat 80% top;
    }
}

@media screen and (max-width: 760px) {
    #sidebar {
        display: none;
    }
}

/* =============================================================================
   Blog
   ========================================================================== */
.addnow {
    margin: 0 auto;
}
.post,
.single ol.commentlist,
.single #respond {
    float: left;
    width: 100%;
    border-bottom: 1px solid #ececec;
    margin: 0 0 20px 0;
    padding: 0 0 30px 0;
}
.single #comments {
    float: left;
    margin: 0 0 20px 0;
}
.single ol.commentlist {
    border-bottom: none;
}
.post-wrapper {
    float: left;
    width: 65%;
}
.post #title {
    margin: 0 0 20px 0;
}
.post #title a {
    color: #6b6763;
    border: none;
}
.post #title a:hover {
    color: #d64632;
}

div#wrapper
    div#content-wrapper
    div#content.blog-content
    div.post
    div#post-content
    div.wp-caption
    a {
    border: none;
}

#content a {
    color: #dc4a2d;
    border-bottom: 1px dotted #d64632;
}

.post #post-content {
    border-bottom: 1px solid #ececec;
    margin: 0 0 30px 0;
}
.wp-caption-text {
    font-size: 12px;
}
#content .navigation .alignleft a,
#content .navigation .alignright a {
    float: left;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 5px 35px 0;
    background: url("images/button-gradient.jpg") top center;
    height: 27px;
    border: 1px solid #dddfdf;
    margin: 0;
}
#content .navigation .alignright a {
    float: right;
}

p.wp-caption-text {
    padding: 4px 0 0 0;
}
#post-content .videoframe {
    position: relative;
    padding-bottom: 60.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
    border: 1px solid #fff;
    -webkit-box-shadow: 0px 0px 3px 2px #dee0df;
    box-shadow: 0px 0px 3px 2px#DEE0DF;
}

#post-content .videoframe iframe,
#post-content .videoframe object,
#post-content .videoframe embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blog-content div.wp-caption.aligncenter img {
    width: 650px;
}
.blog-content div.wp-caption.aligncenter img.pinit_button {
    width: 40px;
}

@media screen and (max-width: 1100px) {
    .blog-content div.wp-caption.aligncenter img {
        width: 570px;
    }
    .blog-content div.wp-caption.aligncenter img.pinit_button {
        width: 40px;
    }
}
@media screen and (max-width: 990px) {
    .blog-content div.wp-caption.aligncenter img {
        width: 500px;
    }
    .blog-content div.wp-caption.aligncenter img.pinit_button {
        width: 40px;
    }
}
@media screen and (max-width: 800px) {
    .blog-content div.wp-caption.aligncenter img {
        width: 450px;
    }
    .blog-content div.wp-caption.aligncenter img.pinit_button {
        width: 40px;
    }
}
@media screen and (max-width: 760px) {
    .post,
    .single ol.commentlist,
    .single #respond {
        float: left;
        width: 100%;
        border-bottom: 1px solid #ececec;
        margin: 0 0 50px 0;
        padding: 0 0 30px 0;
    }
    .post-wrapper {
        width: 100%;
    }
}
@media screen and (max-width: 580px) {
    .blog-content div.wp-caption.aligncenter img {
        width: 400px;
    }
    .blog-content div.wp-caption.aligncenter img.pinit_button {
        width: 40px;
    }
}
@media screen and (max-width: 450px) {
    .blog-content div.wp-caption.aligncenter img {
        width: 350px;
    }
    .blog-content div.wp-caption.aligncenter img.pinit_button {
        width: 40px;
    }
    .blog-content div.wp-caption.alignright,
    .blog-content .alignright.size-large {
        display: none;
    }
    .blog-content div.wp-caption.alignright img.pinit_button {
        width: 40px;
    }
    #content .navigation .alignleft a,
    #content .navigation .alignright a {
        float: none;
        margin: 10px auto;
        display: block;
        text-align: center;
    }
    #content .navigation .alignright a {
        float: none;
    }
}
@media screen and (max-width: 390px) {
    .blog-content div.wp-caption.aligncenter img {
        width: 290px;
    }
    .blog-content div.wp-caption.aligncenter img.pinit_button {
        width: 40px;
    }
}

/* =============================================================================
   Post Styles
   ========================================================================== */

#content .post h1 a {
    border: none;
    line-height: 48px;
}

.post p {
    margin: 14px 0 14px 0;
}
em {
    font-style: italic;
}
.post .indent {
    padding-left: 10px;
}
.post .indent p {
    padding-left: 10px;
}
.post small {
    font-size: 11px;
}
.post small a {
    font-weight: normal;
}
.post .alignright {
    float: right;
    margin-left: 10px;
}
.post .alignleft {
    float: left;
    margin-right: 10px;
}
.post .aligncenter {
    margin: 0 auto;
    display: block;
}
.post abbr {
    font-weight: normal;
}
.post ul {
    list-style: circle;
    margin: 0 0 0 25px;
}
.post ul li {
    list-style: disc;
}
.post ol li {
    list-style: decimal;
    margin: 0 0 0 30px;
}
/*.post .wp-caption {
background:#f7f7f7;
border:1px solid #ccc;
margin:10px;
padding:5px 0 0;
}*/
.post .wp-caption-text {
    margin: 0;
}
.post .wp-caption a,
.post .wp-caption a:hover {
    border-bottom: 0;
}
.post blockquote {
    color: #777;
    border-left: 5px solid #ccc;
    margin: 15px 30px 0 10px;
    padding-left: 20px;
}
.post pre {
    font-family: courier;
    font-size: 12px;
    letter-spacing: -1px;
    margin: 14px 0 14px 0;
}
.post .message ul {
    margin: 12px 0 0;
}
.post .message {
    display: none;
    background: #0f67a1;
    margin-top: 10px;
    padding: 20px;
    color: #fff;
}

/* =============================================================================
   Comment Styles
   ========================================================================== */
cite.fn {
    color: #8b9940;
    font-family: "Proxima N W15 Bold";
}
#content .comment-meta a {
    border: 1px solid #333;
    color: #7f7a74;
    border: none;
    margin: 0 0 15px;
    display: block;
    font-size: 14px;
}
.comment-body {
    padding: 20px 0 10px 0;
    margin: 0 0 10px 0;
}
.comment-body p {
    margin: 0 0 20px 0;
}
.depth-2 {
    background: #f2f2f2;
    padding: 0 30px 10px;
    margin: 0 0 20px 0;
}
.depth-3,
.depth-5 {
    background: #fff;
    padding: 0 30px;
}
.depth-4 {
    background: #f2f2f2;
    padding: 0 30px;
}
.depth-1 {
    margin: 0 0 10px 0;
    padding: 0 0 30px 0;
    border-bottom: 1px solid #c1c6c5;
}
#content a.comment-reply-link {
    border: 1px solid #dddfdf;
    margin: 10px 0;
    display: block;
    width: 80px;
    text-align: center;
    background: #fff;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background: url("images/button-gradient.jpg") top center;
    font-size: 14px;
}
#respond {
    margin: 40px 0;
}
input#author,
input#url,
input#email {
    width: 90%;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c1c6c5;
    background: #f9f9f9;
    font-size: 18px;
    padding: 5px 2.5%;
    color: #6b6763;
}
input#author:focus,
input#url:focus,
input#email:focus,
textarea#comment:focus {
    background: #fff;
    border: 1px solid #db492d;
}
#commentform p label small {
    margin: 0 0 15px 0;
    display: block;
    font-size: 14px;
}
textarea#comment {
    margin: 20px 0;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c1c6c5;
    padding: 5px 2.5%;
    width: 90%;
    background: #f9f9f9;
}
#content #commentform input#submit {
    float: left;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 0 35px;
    background: url("images/button-gradient.jpg") top center;
    height: 37px;
    border: 1px solid #dddfdf;
    margin: 0 0 20px 0;
    color: #d84632;
}
.single #content #commentform input#submit {
    margin: 0 30px 20px 0;
    border: 1px solid #c1c6c5;
}
#content #commentform input#submit:hover {
    color: #e08722;
}
.single #respond h3 {
    color: #8d953a;
}
@media screen and (max-width: 350px) {
    .single #content #commentform input#submit {
        margin: 0 80px 20px 0;
        border: 1px solid #c1c6c5;
    }
}

/* =============================================================================
   Forms
   ========================================================================== */

/*
#footer #input_1_1.medium {
	-moz-border-radius: 20px;
	-webkit-border-radius:20px;
	border-radius: 20px;
	background: #E36F55;
	border: none;
	padding: 9px 2px 5px 10px;
	font-family:"Proxima N W15 Reg";
	color: #6B6763;
	transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;
	width: 82%;
	color: #FFF;
	font-size: 14px;
	margin: 0;
}
#footer #input_1_2.medium {
	-moz-border-radius-bottomleft: 20px;
	-webkit-border-bottom-left-radius:20px;
	border-bottom-left-radius: 20px;
	-moz-border-radiustopleft: 20px;
	-webkit-border-top-left-radius:20px;
	border-top-left-radius: 20px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius: 0px;
	-moz-border-radiustopright: 0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius: 0px;
	background: #E36F55;
	border: none;
	padding: 9px 2px 5px 10px;
	font-family:"Proxima N W15 Reg";
	color: #6B6763;
	transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;
	width: 69%;
	color: #FFF;
	float: left;
	font-size: 14px;
	height: 18px;
	margin: 0;
}*/

/*#footer .gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus,
#footer .gform_wrapper .gform_body .gform_fields .gfield input[type=email]:focus,
#footer .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]:focus,
#footer .gform_wrapper .gform_body .gform_fields .gfield input[type=url]:focus,
#footer .gform_wrapper .gform_body .gform_fields .gfield input[type=number]:focus,
#footer .gform_wrapper .gform_body .gform_fields .gfield input[type=password]:focus,
#footer .gform_wrapper .gform_body .gform_fields .gfield select:focus,
#footer .gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
	background: #DC4A2D;
	color: #FFF;
}*/

/*#footer .gform_button{
	-moz-border-radius-bottomright: 20px;
	-webkit-border-bottom-right-radius:20px;
	border-bottom-right-radius: 20px;
	-moz-border-radiustopright: 20px;
	-webkit-border-top-right-radius:20px;
	border-top-right-radius: 20px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-left-radius:0px;
	border-top-left-radius: 0px;
	border: none;
	background: #DC4A2D;
	color: #FFF;
	padding: 8px 5% 8px;
	font-size: 12px;
	float: left;
	transition: background .25s ease-in-out;
	-moz-transition: background .25s ease-in-out;
	-webkit-transition: background .25s ease-in-out;
	height: 32px;
}*/

/*#footer .gform_button:hover {
	background: #DC6C56;
	color: #FFFFFF;
}*/
span.gfield_required {
    display: none;
}
#footer .gplaceholder #input_1_1.medium {
    color: #fff;
}

.gplaceholder
    div#gform_wrapper_1.gf_browser_gecko
    form#gform_1
    div.gform_body
    ul#gform_fields_1.gform_fields
    li#field_1_1.gfield
    div.ginput_container
    input#input_1_1.medium {
    color: #fff;
    display: none;
}

/*--------------------Contact Page--------------------*/

.gform_wrapper .gform_body .gform_fields .gfield input[type="text"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="email"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="tel"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="url"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="number"],
.gform_wrapper .gform_body .gform_fields .gfield input[type="password"],
.gform_wrapper .gform_body .gform_fields .gfield select,
.gform_wrapper .gform_body .gform_fields .gfield textarea {
    width: 90%;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c1c6c5;
    background: #f9f9f9;
    font-size: 18px;
    padding: 5px 2.5%;
    color: #6b6763;
    transition: border 0.25s ease-in-out;
    -moz-transition: border 0.25s ease-in-out;
    -webkit-transition: border 0.25s ease-in-out;
    font-family: "Proxima N W15 Reg";
}
li#field_2_5.gfield {
    margin: 0 0 20px 0;
}
.gform_wrapper .gform_body .gform_fields .gfield input[type="text"]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type="email"]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type="tel"]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type="url"]:focus,
.contact
    .gform_wrapper
    .gform_body
    .gform_fields
    .gfield
    input[type="number"]:focus,
.gform_wrapper .gform_body .gform_fields .gfield input[type="password"]:focus,
.gform_wrapper .gform_body .gform_fields .gfield select:focus,
.gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
    background: #fff;
    border: 1px solid #db492d;
}
.gform_button {
    float: left;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 0 35px;
    background: url("images/button-gradient.jpg") top center;
    height: 37px;
    border: 1px solid #c1c6c5;
    margin: 0;
    color: #d84632;
    width: 150px;
}

#footer .gform_button {
    float: left;
    margin: 20px 0 0;
}
.contact #right .gform_button:hover {
    color: #e08722;
}
.gfield_label {
    margin: 10px 0 4px 0;
    font-weight: normal;
    display: inline-block;
    float: left;
}

.validation_message,
.validation_error {
    color: #d64632;
}
.contact .gform_confirmation_message_2 {
    font-size: 36px;
    color: #db492d;
    text-align: center;
    line-height: 45px;
    padding: 5%;
    background: #f2f2f2;
    line-height: 45px;
}
.contact #gform_1 .gfield_error {
    border: none;
}
.contact span.gfield_required {
    display: none;
}
li#field_2_1,
li#field_2_2,
li#field_2_3 {
    margin: 0 0 20px 0;
}

/*--------------------Template Page--------------------*/
.new-page .gform_wrapper .gform_body .gform_fields .gfield input[type="text"],
.new-page .gform_wrapper .gform_body .gform_fields .gfield input[type="email"],
.new-page .gform_wrapper .gform_body .gform_fields .gfield input[type="tel"],
.new-page .gform_wrapper .gform_body .gform_fields .gfield input[type="url"],
.new-page .gform_wrapper .gform_body .gform_fields .gfield input[type="number"],
.new-page
    .gform_wrapper
    .gform_body
    .gform_fields
    .gfield
    input[type="password"],
.new-page .gform_wrapper .gform_body .gform_fields .gfield select,
.new-page .gform_wrapper .gform_body .gform_fields .gfield textarea {
    width: 90%;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: 1px solid #c1c6c5;
    background: #f9f9f9;
    font-size: 18px;
    padding: 5px 2.5%;
    color: #6b6763;
    transition: border 0.25s ease-in-out;
    -moz-transition: border 0.25s ease-in-out;
    -webkit-transition: border 0.25s ease-in-out;
    font-family: "Proxima N W15 Reg";
}

.new-page
    .gform_wrapper
    .gform_body
    .gform_fields
    .gfield
    input[type="text"]:focus,
.new-page
    .gform_wrapper
    .gform_body
    .gform_fields
    .gfield
    input[type="email"]:focus,
.new-page
    .gform_wrapper
    .gform_body
    .gform_fields
    .gfield
    input[type="tel"]:focus,
.new-page
    .gform_wrapper
    .gform_body
    .gform_fields
    .gfield
    input[type="url"]:focus,
.new-page
    .gform_wrapper
    .gform_body
    .gform_fields
    .gfield
    input[type="number"]:focus,
.new-page
    .gform_wrapper
    .gform_body
    .gform_fields
    .gfield
    input[type="password"]:focus,
.new-page .gform_wrapper .gform_body .gform_fields .gfield select:focus,
.new-page .gform_wrapper .gform_body .gform_fields .gfield textarea:focus {
    background: #fff;
    border: 1px solid #db492d;
}
.new-page .gform_button {
    float: left;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 0 35px;
    background: url("images/button-gradient.jpg") top center;
    height: 37px;
    border: 1px solid #c1c6c5;
    margin: 0;
    color: #d84632;
}
.new-page .gform_button:hover {
    color: #e08722;
}

.new-page .gform_wrapper .top_label .gfield_label {
    margin: 10px 0 4px 0;
    font-weight: normal;
}

/* =============================================================================
Search
   ========================================================================== */
.search .line {
    margin: 20px 0;
    border-top: 1px solid #dee4e3;
}
.search #main-content h2 {
    font-size: 28px;
    line-height: 45px;
    border: 1px solid #333;
}
.search #main-content h3 {
    font-size: 16px;
    color: #b6bfc4;
}

.search h4 {
    font-size: 28px;
    font-family: "Proxima N W15 Light";
    margin: 0 0 5px 0;
}
.search #content h4 a {
    border: none;
}

#ad2 {
    float: left;
    margin: 0px 0 40px 0;
}

/* =============================================================================
 social media
   ========================================================================== */
/*-----------footer post-----------*/
.post ul.post-footer {
    margin: 0 0 16px 0;
    overflow: hidden;
    float: left;
}

#content-wrapper .post ul.post-footer li {
    float: left;
    display: block;
    border-right: 1px solid #8c973d;
    margin: 0 15px 0 0;
    padding: 0 20px 0 0;
}

#content-wrapper .post ul.post-footer li.print,
#content-wrapper .post ul.post-footer li.addnow-wrapper {
    border: none;
}
#content .post ul.post-footer li a {
    color: #6b6763;
    border: none;
}
#content .post ul.post-footer li a:hover {
    color: #d64632;
}
.post ul.post-footer li #image {
    width: 24px;
    height: 20px;
    float: left;
    margin: 0 5px 0;
}
.post .share-this {
    /*width: 140px;
	height: 25px;
	margin: -5px 0 30px 0;*/
    margin: 0;
    width: 325px;
    height: auto;
    float: left;
}
.post .share-this:hover {
    color: #d64632;
}
.post .share-this #image {
    width: 24px;
    height: 20px;
    float: left;
    margin: 5px 0px 0 5px;
    background: url("images/f-share-this.png") top center;
}

.post ul.post-footer li.comments #image {
    background: url("images/f-comments.png") top center;
}

.post li.print #image {
    background: url("images/f-print.png") top center;
}
#content .post ul.post-footer li.print a {
    border-right: none;
}

.post h2,
.post h3 {
    margin: 35px 0 10px 0;
}
.single .navigation {
    float: left;
    width: 65%;
    margin: 0 0 20px 0;
}
img.pinit_button {
    float: left;
    margin: 5px 8px 0 0;
}

@media screen and (max-width: 494px) {
    #content-wrapper .post ul.post-footer li {
        padding: 0 20px 0 0;
        width: 100%;
        margin: 0 0 15px 0;
    }
    .post .share-this {
        width: 100%;
        height: 25px;
        float: left;
        margin: -25px 0 30px 0;
    }
}

/*- plugin -*/
.rlsms_widget {
    width: 145px;
    cursor: pointer;
}
.rlsms_widget_active:hover {
    background: #e9e9e9;
}
.rlsms_total_share_count_container {
    overflow: hidden;
    width: 30px;
    width: 95px;
    padding: 5px 5px 0 5px;
}
.rlsms_twitter_share_link {
}
.rlsms_total_share_count {
    line-height: 24px;
    display: inline-block;
    float: left;
    padding: 0px 4px 0px 4px;
    cursor: pointer;
}

.rlsms_widget_active .rlsms_total_share_count {
    border-bottom: none;
    padding-bottom: 1px;
}

.rlsms_spacer {
    display: none;
    line-height: 0;
}
#post_url_text {
    font-size: 11px;
    width: 100%;
    padding: 3px 0;
}
.rlsms_widget_active .rlsms_spacer {
    display: none;
}
.rlsms_widget_popup {
    width: 200px;
    position: absolute;
    z-index: 500;
    display: none;
}
.rlsms_widget_popup_content {
    background: #e9e9e9;
    padding: 12px;
    width: 180px;
}
.rlsms_share_link_container {
    overflow: hidden;
    width: 200px;
}
.rlsms_share_link {
    float: left;
    width: 170px;
    line-height: 24px;
    overflow: hidden;
    border-bottom: 1px solid #fff;
    padding: 8px 0;
}

#content .rlsms_share_link a {
    padding: 1px 6px 1px 6px;
    border: none;
    color: #6b6763;
}
#content .rlsms_share_link a:hover {
    color: #d64632;
}
#content .rlsms_pinterest_share_link a:hover {
    color: #7e7a78;
}
.rlsms_share_count {
    text-align: right;
    padding: 1px 6px 1px 6px;
    float: right;
    color: #ffffff;
}

.rlsms_twitter_share_link .rlsms_share_count {
    background: #00a7e1;
}
#content .rlsms_twitter_share_link a,
#content .rlsms_facebook_share_link a,
#content .rlsms_google_plus_share_link a,
#content .rlsms_linked_in_share_link a,
#content .rlsms_pinterest_share_link a {
    padding: 0 0 0 30px;
    display: block;
    width: 80px;
    float: left;
}
#content .rlsms_twitter_share_link a {
    background: url("images/s-twitter.png") left center no-repeat;
}
#content .rlsms_facebook_share_link a {
    background: url("images/s-facebook.png") left center no-repeat;
}
#content .rlsms_google_plus_share_link a {
    background: url("images/s-google.png") left center no-repeat;
}
#content .rlsms_linked_in_share_link a {
    background: url("images/s-linkedin.png") left center no-repeat;
}
#content .rlsms_pinterest_share_link a {
    background: url("images/s-pinterest.png") left center no-repeat;
}

.rlsms_facebook_share_link .rlsms_share_count {
    background: #415598;
}

.rlsms_google_plus_share_link .rlsms_share_count {
    background: #db492d;
}

.rlsms_linked_in_share_link .rlsms_share_count {
    background: #1870b4;
}

.rlsms_pinterest_share_link .rlsms_share_count {
    background: #bb282e;
}

.rlsms_share_link_disabled a {
    text-decoration: none;
    color: #000000;
    cursor: default;
}

.rlsms_copy_url_button {
    display: inline-block;
    background: #000000;
    color: #ffffff;
    padding: 2px;
}

/* =============================================================================
Foodist
   ========================================================================== */

#content-wrapper.sky,
#content-wrapper.sky2 {
    background: #eef9f9 url("images/blue-bg3.jpg") no-repeat center top;
}
.foodist {
    color: #4c4b49;
}
.foodist h2.logo {
    background: url("images/foodist.png");
    width: 300px;
    height: 85px;
    display: block;
    text-indent: -9999px;
    margin: 0 auto 30px;
}
.foodist h3 {
    font-size: 33px;
    text-align: center;
    margin: 0 0 20px 0;
    font-family: "Proxima N W15 Light";
}
.foodist h6 {
    text-align: center;
    font-size: 22px;
    font-family: "Proxima N W15 Reg";
    margin: 0 0 20px 0;
}
.foodist h6 em {
    color: #989d9c;
    font-family: "Proxima N W15 Bold It";
}
.foodist #break {
    border: none;
    background: url("images/f-break.png") no-repeat top center;
    height: 35px;
    margin: 10px 0 40px;
}
.sky .foodist #left {
    margin: -20px 0 0 0;
    width: 47%;
}
#left .video-thumb {
    width: 60%;
    margin: 0 auto 30px auto;
    text-align: center;
    color: #7f7b76;
    font-size: 15px;
    cursor: pointer;
}
#left .video-thumb:hover {
    opacity: 0.75;
    transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
}
#left .video-thumb a:hover {
    opacity: 0.7;
}
.sky .foodist #right {
    width: 41%;
    position: relative;
    z-index: 1;
}
.foodist #quote {
    background: url("images/quotes.png") no-repeat top left;
    padding: 0 0 0 40px;
}
.foodist #quote h5 {
    font-family: "Proxima N W15 Reg";
    font-size: 20px;
    line-height: 30px;
}
.foodist #quote #author {
    margin: 20px 0;
}
.foodist #quote #author img {
    width: 60px;
    float: left;
    margin: 0 5px 0 0;
}
.foodist #quote #author h5 {
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Proxima N W15 Bold";
    line-height: 25px;
    letter-spacing: 1px;
}
.foodist #quote #author h6 {
    text-align: left;
    color: #7f7b76;
    font: 14px "Proxima N W15 Reg";
}

#book-garden {
    background: url("images/book-garden.png") no-repeat top left;
    height: 37px;
    margin: -200px auto -17px;
    position: relative;
    width: 1000px;
}
#green-wrapper {
    background: #e7f2c7;
    padding: 60px 0 40px 0;
    overflow: hidden;
    color: #4c4b49;
    font-size: 24px;
}
#green-wrapper:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 0;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #e6f3c8 transparent;
    margin: 35px 0 0 -25px;
}

#green-wrapper ul,
ul.blue {
    width: 550px;
    overflow: hidden;
    padding: 30px 0 0 0;
}
ul.blue {
    padding: 25px 0 0 0;
}
#green-wrapper li a,
#content ul.blue li a {
    float: left;
    display: block;
    margin: 0 0 0 6%;
    opacity: 1;
    transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -webkit-transition: opacity 0.25s ease-in-out;
    border: none;
}
#green-wrapper li a:hover,
#content ul.blue li a:hover {
    opacity: 0.5;
    border: none;
}
#green-wrapper li.one a,
#content ul.blue li.one a {
    width: 126px;
    margin: 0;
}
#green-wrapper li.two a,
#content ul.blue li.two a {
    width: 126px;
}
#green-wrapper li.three a,
#content ul.blue li.three a {
    width: 57px;
    margin: -30px 0 0 6%;
}
#green-wrapper li.four a,
#content ul.blue li.four a {
    width: 108px;
    margin: -5px 0 0 7%;
}

.weil {
    display: none;
    font-family: "Proxima N W15 Bold";
    color: #2a9b49;
}

@media screen and (max-width: 1100px) {
    #book-garden {
        width: 90%;
    }
    .foodist #quote h5 {
        font-size: 18px;
        line-height: 23px;
    }
}
@media screen and (max-width: 1020px) {
    .sky .foodist #left {
        margin: -30px 0 0 0;
    }
    #left .video-thumb {
        margin: 0 auto 20px auto;
    }
}
@media screen and (max-width: 920px) {
    .sky .foodist #quote #author {
        display: none;
    }
    .weil {
        display: inherit;
    }
}
@media screen and (max-width: 830px) {
    .foodist #quote h5 {
        font-size: 16px;
        line-height: 20px;
    }
    #green-wrapper li.one a,
    #content ul.blue li.one a {
        width: 100px;
        margin: 0;
    }
    #green-wrapper li.two a,
    #content ul.blue li.two a {
        width: 100px;
    }
    #green-wrapper li.three a,
    #content ul.blue li.three a {
        width: 57px;
        margin: -30px 0 0 4%;
    }
    #green-wrapper li.four a,
    #content ul.blue li.four a {
        width: 88px;
        margin: -5px 0 0 4%;
    }
    #green-wrapper li a,
    #content ul.blue li a {
        margin: 0 0 0 4%;
    }
}
@media screen and (max-width: 750px) {
    .sky .foodist #left {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .sky .foodist #quote #author {
        display: inherit;
    }
    .weil {
        display: none;
    }
    .sky .foodist #right {
        width: 50%;
        margin: 200px auto 0;
        float: none;
    }
    #book-garden {
        background: url("images/book-garden.png") no-repeat top center;
        width: 100%;
        margin: -160px auto -17px;
    }
    #green-wrapper,
    h4.center {
        text-align: center;
    }
    #green-wrapper ul,
    ul.blue {
        width: 395px;
        overflow: hidden;
        padding: 30px 0 0 0;
        margin: 0 auto;
        text-align: center;
    }
    #green-wrapper {
        padding: 120px 0 40px 0;
    }
}
@media screen and (max-width: 450px) {
    #green-wrapper li.one a,
    #content ul.blue li.one a {
        width: 75px;
        margin: 0;
    }
    #green-wrapper li.two a,
    #content ul.blue li.two a {
        width: 75px;
    }
    #green-wrapper li.three a,
    #content ul.blue li.three a {
        width: 42px;
        margin: -20px 0 0 4%;
    }
    #green-wrapper li.four a,
    #content ul.blue li.four a {
        width: 63px;
        margin: -3px 0 0 5%;
    }
    #green-wrapper li a {
        margin: 0 0 0 4%;
    }
    #green-wrapper ul,
    ul.blue {
        width: 315px;
    }
    .sky .foodist #right {
        width: 70%;
        margin: 200px auto 0;
        float: none;
    }
}

/*-----------------Section 2-----------------*/

#content-wrapper.white,
#content-wrapper.white2 {
    background: #fff;
    padding: 50px 0;
}
#content-wrapper.white:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 0;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #ffffff transparent;
    margin: 45px 0 0 -25px;
}
.white h4 {
    text-align: center;
    font-size: 29px;
    line-height: 38px;
    font-family: "Proxima N W15 Light";
    width: 90%;
    margin: 0 auto 50px;
}
.white h4 em {
    font-family: "Proxima N W15 Light It";
}
ul.about {
    overflow: hidden;
    margin: 0 0 20px 0;
}
ul.about li {
    float: left;
    width: 29%;
    margin: 0 0 0 6.5%;
    color: #7d817f;
}
.page-id-12321 strong {
    color: #4c4b49;
}
ul.about li:first-child {
    margin: 0;
}
.white #left,
.white #right {
    width: 47%;
    margin: 20px 0;
}
.white #left li,
.white #right li {
    list-style: disc;
    margin: 0 0 20px 20px;
    color: #7d817f;
}
.white h2 {
    text-align: center;
}
.white h2 .outer {
    background: url("images/x-2.png") no-repeat top center;
    width: 56px;
    height: 40px;
    display: inline-block;
    position: relative;
}
@media screen and (max-width: 750px) {
    .white #left,
    .white #right {
        width: 100%;
        margin: 20px 0 0 0;
    }
    .white #right {
        margin: 0 0 20px 0;
    }
    ul.about li {
        width: 100%;
        margin: 0 0 25px 0;
    }
    ul.about li:first-child {
        margin: 0 0 25px 0;
    }
}
@media screen and (max-width: 560px) {
    .white h2 .outer {
        background: url("images/x-2.png") no-repeat top center;
        width: 50px;
        height: 40px;
        display: inline-block;
        position: relative;
    }
    .white h4 {
        font-size: 24px;
        line-height: 34px;
    }
}

/*-----------------Section 3-----------------*/

.sky2 .foodist #quote h5 {
    font-family: "Proxima N W15 Light";
    font-size: 24px;
    line-height: 30px;
}
.sky2 #quote {
    margin: 0 0 70px 0;
}
.sky2 #quote.three,
.sky2 #quote.five {
    margin: 0 0 20px 0;
}
#quote.one #author {
    width: 40%;
}
.sky2 #left,
.sky2 #right {
    width: 47%;
}
.sky2 #right {
    margin: -90px 0 0 0;
}

#content-wrapper.sky2:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    width: 0;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #eff9f9 transparent;
    margin: 45px 0 0 -25px;
}

@media screen and (max-width: 870px) {
    .sky2 .foodist #quote h5 {
        font-size: 20px;
        line-height: 26px;
    }
    .foodist #quote #author img {
        width: 60px;
        float: left;
        margin: 0 5px 35px 0;
    }
}
@media screen and (max-width: 730px) {
    #quote.one #author {
        width: 100%;
    }
    .sky2 #left,
    .sky2 #right {
        width: 100%;
        margin: 0 0 30px;
    }
    .sky2 #right {
        width: 100%;
        margin: 0;
    }
}

/*-----------------Section 4-----------------*/

ul.media {
    margin: 0 0 10px 0;
    overflow: hidden;
}
ul.media li {
    float: left;
    background: url("images/quotes.png") no-repeat top left;
    padding: 0 0 0 40px;
    margin: 0 0 25px 0;
}
#content ul.media li a {
    color: #4c4b49;
}
#content ul.media li a:hover {
    color: #e2433d;
}
ul.media li h3 {
    font-size: 14px;
    text-transform: uppercase;
    font-family: "Proxima N W15 Bold";
    line-height: 25px;
    letter-spacing: 1px;
    text-align: left;
    float: left;
}
ul.media li a h4 {
    margin: 0 0 10px 0;
}
ul.media li h5,
ul.media li h6 {
    text-align: left;
    float: left;
    font-family: "Proxima N W15 Reg";
    color: #7f7b76;
    margin: 0 0 0 2%;
    font-size: 14px;
    font-style: italic;
}
ul.media li h6 {
    font-style: normal;
    margin: 1px 0 0 2%;
}

@media screen and (max-width: 900px) {
    #content.foodist a.small {
        float: none;
        display: block;
        margin: 20px 0 0 0;
    }
}

@media screen and (max-width: 750px) {
    #content.foodist a.small {
        margin: 50px auto 0 auto;
    }
}

@media screen and (max-width: 620px) {
    ul.media li h3 {
        width: 100%;
        margin: 0;
    }
    ul.media li h5 {
        margin: 0;
        width: 100%;
    }
    ul.media li h6 {
        margin: 0;
    }
}

/*--------------Recipes--------------*/

#recipe-list {
    overflow: hidden;
    margin: 0 0 20px 0;
}
#recipe-list.prep {
    margin: 10px 0;
    float: left;
}
.post #icon {
    width: 34px;
    height: 39px;
    float: left;
    margin: 0 10px 0 0;
}
.post #icon.ingredients,
.post #icon.other-ingredients {
    background: url("images/ingredients.png");
}
.post #icon.marinade {
    background: url("images/marinade.png");
}
.post #icon.meats {
    background: url("images/meats.png");
}
.post #icon.veggies {
    background: url("images/veggies.png");
}
.post #icon.seasonings {
    background: url("images/seasonings.png");
}
.post #icon.preparation {
    background: url("images/preparation.png");
}
.post #icon.grains_breads {
    background: url("images/wheat.png");
}
.post #icon.dairy {
    background: url("images/dairy.png");
}
.post #icon.fruit {
    background: url("images/fruit.png");
}
.post #icon.liquids {
    background: url("images/liquids.png");
}
#recipe-list #list {
    float: left;
    width: 85%;
}
ul.recipe {
    margin: 10px 0 0 0;
}
ul.recipe li {
    list-style: none;
    margin: 0 0 10px 20px;
    border-top: 1px solid #ececec;
    padding: 10px 0 0 0;
}

/* =============================================================================
   Retina Images
   ========================================================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    #search-button {
        background-image: url(images/search2x.png);
        -webkit-background-size: 26px 25px;
        -moz-background-size: 26px 25px;
        -o-background-size: 26px 25px;
        background-size: 26px 25px;
    }
    h1.logo a {
        background-image: url(images/logo2x.png);
        -webkit-background-size: 256px 73px;
        -moz-background-size: 256px 73px;
        -o-background-size: 256px 73px;
        background-size: 256px 73px;
    }
    h1.mobile a {
        background-image: url(images/m-logo2x.png);
        -webkit-background-size: 140px 45px;
        -moz-background-size: 140px 45px;
        -o-background-size: 140px 45px;
        background-size: 140px 45px;
    }
    .accordionButton {
        background: url(images/nav-button2x.png) no-repeat;
        -webkit-background-size: 30px 23px;
        -moz-background-size: 30px 23px;
        -o-background-size: 30px 23px;
        background-size: 30px 23px;
    }
    #footer a.media-temple {
        background: #f4f2ef url("images/mediatemple2x.png") no-repeat center
            center;
        -webkit-background-size: 156px 13px;
        -moz-background-size: 156px 13px;
        -o-background-size: 156px 13px;
        background-size: 156px 13px;
    }
    .section1 .abouts #column3 {
        background: url("images/press2x.png") no-repeat center center;
        -webkit-background-size: 223px 283px;
        -moz-background-size: 223px 283px;
        -o-background-size: 223px 283px;
        background-size: 223px 283px;
    }
    #farmers-market {
        background: url("images/farmers-market2x.png") no-repeat top center;
        -webkit-background-size: 1000px 269px;
        -moz-background-size: 1000px 269px;
        -o-background-size: 1000px 269px;
        background-size: 1000px 269px;
    }
    .section3 .abouts .outer {
        background: url("images/x2x.png") no-repeat top center;
        -webkit-background-size: 54px 55px;
        -moz-background-size: 54px 55px;
        -o-background-size: 54px 55px;
        background-size: 54px 55px;
    }
    #content-wrapper .darya a.button-xl {
        width: 528px;
        height: 44px;
        background: url("images/history-link2x.jpg");
        -webkit-background-size: 562px 64px;
        -moz-background-size: 562px 64px;
        -o-background-size: 562px 64px;
        background-size: 562px 64px;
    }
    #stages #right {
        background: url("images/dots2x.png") top left repeat-y;
        -webkit-background-size: 3px 7px;
        -moz-background-size: 3px 7px;
        -o-background-size: 3px 7px;
        background-size: 3px 7px;
    }
    #stages #right #ticker {
        background: url("images/ticker2x.png");
        -webkit-background-size: 69px 24px;
        -moz-background-size: 69px 24px;
        -o-background-size: 69px 24px;
        background-size: 69px 24px;
    }
    #lawn {
        background: url("images/lawn2x.png") no-repeat center;
        -webkit-background-size: 934px 124px;
        -moz-background-size: 934px 124px;
        -o-background-size: 934px 124px;
        background-size: 934px 124px;
    }
    #content ul.subscribe a.small,
    #content ul.subscribe a.small2,
    #content.thank-you a.small,
    #content.not-found a.small,
    #content.foodist a.small {
        background: url("images/subscribe-link2x.jpg");
        -webkit-background-size: 258px 44px;
        -moz-background-size: 258px 44px;
        -o-background-size: 258px 44px;
        background-size: 258px 44px;
    }
    #thank-you {
        background: url("images/thank-you2x.png") no-repeat 80% top;
        -webkit-background-size: 191px 175px;
        -moz-background-size: 191px 175px;
        -o-background-size: 191px 175px;
        background-size: 191px 175px;
    }
    #not-found {
        background: url("images/toaster2x.png") no-repeat center top;
        -webkit-background-size: 937px 234px;
        -moz-background-size: 937px 234px;
        -o-background-size: 937px 234px;
        background-size: 937px 234px;
    }
    #sidebar #garden {
        background: url("images/garden2x.png") bottom center no-repeat;
        -webkit-background-size: 205px 43px;
        -moz-background-size: 205px 43px;
        -o-background-size: 205px 43px;
        background-size: 205px 43px;
    }
    .post ul.post-footer li.comments #image {
        background: url("images/f-comments2x.png") top center;
        -webkit-background-size: 24px 20px;
        -moz-background-size: 24px 20px;
        -o-background-size: 24px 20px;
        background-size: 24px 20px;
    }
    .post ul.post-footer li.share-this #image {
        background: url("images/f-share-this2x.png") top center;
        -webkit-background-size: 24px 20px;
        -moz-background-size: 24px 20px;
        -o-background-size: 24px 20px;
        background-size: 24px 20px;
    }
    .post ul.post-footer li.print #image {
        background: url("images/f-print2x.png") top center;
        -webkit-background-size: 24px 20px;
        -moz-background-size: 24px 20px;
        -o-background-size: 24px 20px;
        background-size: 24px 20px;
    }
    .foodist h2.logo {
        background: url("images/foodist2x.png");
        -webkit-background-size: 300px 85px;
        -moz-background-size: 300px 85px;
        -o-background-size: 300px 85px;
        background-size: 300px 85px;
    }
    .foodist #break {
        background: url("images/f-break2x.png") no-repeat top center;
        -webkit-background-size: 1000px 35px;
        -moz-background-size: 1000px 35px;
        -o-background-size: 1000px 35px;
        background-size: 1000px 35px;
    }
    #book-garden {
        background: url("images/book-garden2x.png") no-repeat top left;
        -webkit-background-size: 508px 43px;
        -moz-background-size: 508px 43px;
        -o-background-size: 508px 43px;
        background-size: 508px 43px;
    }
    ul.media li {
        background: url("images/quotes2x.png") no-repeat top left;
        -webkit-background-size: 27px 24px;
        -moz-background-size: 27px 24px;
        -o-background-size: 27px 24px;
        background-size: 27px 24px;
    }
    .post #icon.ingredients,
    .post #icon.other-ingredients,
    .post #icon.marinade,
    .post #icon.meats,
    .post #icon.veggies,
    .post #icon.seasonings,
    .post #icon.preparation,
    .post #icon.grains_breads,
    .post #icon.dairy,
    .post #icon.fruit,
    .post #icon.liquids {
        -webkit-background-size: 34px 39px;
        -moz-background-size: 34px 39px;
        -o-background-size: 34px 39px;
        background-size: 34px 39px;
    }
    .post #icon.ingredients,
    .post #icon.other-ingredients {
        background-image: url("images/ingredients2x.png");
    }
    .post #icon.marinade {
        background-image: url("images/marinade2x.png");
    }
    .post #icon.meats {
        background-image: url("images/meats2x.png");
    }
    .post #icon.veggies {
        background-image: url("images/veggies2x.png");
    }
    .post #icon.seasonings {
        background-image: url("images/seasonings2x.png");
    }
    .post #icon.preparation {
        background-image: url("images/preparation2x.png");
    }
    .post #icon.grains_breads {
        background-image: url("images/wheat2x.png");
    }
    .post #icon.dairy {
        background-image: url("images/dairy2x.png");
    }
    .post #icon.fruit {
        background-image: url("images/fruit2x.png");
    }
    .post #icon.liquids {
        background-image: url("images/liquids2x.png");
    }
}

@media screen and (max-width: 950px) and (-webkit-min-device-pixel-ratio: 2) {
    #thank-you {
        background: url("images/thank-you2x.png") no-repeat center top;
        height: 269px;
        margin: 0px 0 -123px 0;
        position: relative;
    }
}

@media screen and (max-width: 900px) and (-webkit-min-device-pixel-ratio: 2) {
    #not-found {
        background: url("images/toaster2x.png") no-repeat 130% top;
    }
}

@media screen and (max-width: 650px) and (-webkit-min-device-pixel-ratio: 2) {
    #content-wrapper .darya a.button-xl {
        width: auto;
        height: auto;
        background: none;
        display: block;
        background: #f9f9f9;
        border: 1px solid #d4dcdc;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        border-radius: 50px;
        padding: 15px 10px 12px;
        text-align: center;
        font-size: 18px;
    }
}

@media screen and (max-width: 550px) and (-webkit-min-device-pixel-ratio: 2) {
    #not-found {
        background: url("images/toaster2x.png") no-repeat 80% top;
    }
    .foodist h2.logo {
        background: url("images/foodist2x.png");
        -webkit-background-size: 200px 57px;
        -moz-background-size: 200px 57px;
        -o-background-size: 200px 57px;
        background-size: 200px 57px;
        width: 200px;
        height: 57px;
    }
}

.gm_lightbox_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    background: rgba(0, 0, 0, 0.75);
}

/* This is the wrapper element that holds the video player. Its height and width control the video size */
.gm_lightbox_wrapper {
    z-index: 1000;
    display: none;
    margin: 20px 12%;
    padding-bottom: 40.25%;
    position: relative;
    padding-top: 70px;
    width: 76.9%;
}

.gm_lightbox_wrapper iframe,
.gm_lightbox_wrapper object,
.gm_lightbox_wrapper embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

/* This styles the close button in the upper right corner of the video */
.gm_lightbox_close {
    width: 30px;
    height: 30px;
    position: absolute;
    top: -10px;
    right: -20px;
    background: url(images/close-lightbox.png) no-repeat center top;
    cursor: pointer;
    z-index: 2;
}

.gm_lightbox_close:hover {
    opacity: 0.75;
}

@media screen and (-webkit-min-device-pixel-ratio: 2) {
    .gm_lightbox_close {
        background: url(images/close-lightbox2x.png) no-repeat center top;
        -webkit-background-size: 30px 30px;
        -moz-background-size: 30px 30px;
        -o-background-size: 30px 30px;
        background-size: 30px 30px;
    }
}

/*
.overlay#video {
position: relative;
padding-bottom: 40.25%;
padding-top: 30px;
height: 0;
width: 76.9%;
/*background: #0A0402;*!/
}
.overlay#video h5 {
font: 130px/130px "AvenirNextLTW01-UltraLt 727634";
text-transform: uppercase;
color: #FFF;
}
.overlay#video iframe,
.overlay#video object,
.overlay#video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}*/

.printfriendly {
    width: 110px;
}
#wrapper .post a.more-link {
    line-height: 100px;
    background: url("images/button-gradient.jpg") top center;
    padding: 10px 20px 8px;
    -moz-border-radius: 40px;
    border-radius: 40px;
    border: 1px solid #dfe4e4;
}

/*-------------Press-------------*/

#press {
    border-bottom: 1px solid #d4d4d4;
    overflow: hidden;
    padding: 0 0 20px 0;
    margin: 20px 0 0 0;
}
#press .logo {
    width: 8%;
    float: left;
    margin: 0 5% 0 0;
}
#press .text {
    float: left;
    padding: 10px 0 0 0;
    width: 85%;
}
#press .text a:hover h3 {
    color: #e39f53;
    transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    -webkit-transition: color 0.25s ease-in-out;
}
@media screen and (max-width: 750px) {
    #press .logo {
        width: 80px;
        float: none;
        margin: 0 auto;
    }
    #press .text {
        text-align: center;
        width: 100%;
    }
    #press .text h3 {
        font-size: 24px;
    }
}

/*-------------New Page-------------*/

.new-page h1.title {
    width: 650px;
    margin: 20px auto;
    text-align: center;
}
.new-page .the-content {
    width: 650px;
    margin: 20px auto;
    padding: 20px 0;
}
.new-page .the-content img {
    margin: 0 0 20px 0;
}
@media screen and (max-width: 750px) {
    .new-page h1.title,
    .new-page .the-content {
        width: 100%;
    }
}

/*-------------New June 2014-------------*/

/*
#subscribe-new {
	background: #F5D47D;
	width: 550px;
	padding: 30px 5% 0;
	margin: 0 0 70px ;
}
#subscribe-new img.icon {
	float: left;
	width: 20px;
	margin: 2px 10px 0 0 ;
}
#subscribe-new #signup {
	width: 350px;
	float: left;
	margin: 0 0 50px 0;
}
#subscribe-new .mail {
	float: right;
	width: 140px;
	margin: 70px 0 0 30px;
}

@media screen and (max-width: 700px) {
#subscribe-new {
	width: 80%;
	padding: 30px 10% 0;
}
#subscribe-new .mail {
	display: none;
}
#subscribe-new #signup {
	width: 100%
}
}*/

#subscribe-new2 {
    background: #f5d47d url("images/mail-birdy.png") no-repeat right top;
    width: 550px;
    padding: 30px 5% 0;
    margin: 0 0 70px;
}
#subscribe-new2 img.icon {
    float: left;
    width: 20px;
    margin: 2px 10px 0 0;
}
#subscribe-new2 #signup {
    float: left;
    width: 100%;
    margin: 0;
}
#subscribe-new2 h6 {
    margin: 0 0 5px 0;
}
#subscribe-new2 #field_3_1,
#subscribe-new2 #field_3_2 {
    width: 37%;
}
#subscribe-new2 #gform_submit_button_3 {
    float: right;
    margin: 37px 0 0 0;
    width: 24%;
    max-width: 130px;
}

@media screen and (max-width: 700px) {
    #subscribe-new2 {
        width: 90%;
        padding: 30px 5%;
    }
    #subscribe-new2 #field_3_1 {
        width: 100%;
    }
    #subscribe-new2 #field_3_2 {
        width: 100%;
        float: left;
        margin: 0;
    }
    #subscribe-new2 #gform_submit_button_3 {
        float: left;
        margin: 0;
    }
}

.page-id-67 #subscribe-new2 {
    display: none;
}

#header h1.logo.center a {
    margin: 20px 0 20px -150px;
    float: none;
    text-align: center;
    left: 50%;
    position: relative;
}
.page-template-template-newpage-php #header-wrapper {
    display: none;
}
.page-template-template-newpage-php #header-wrapper.show {
    display: inherit;
}

/*----------------NEW Subscribe Page----------------*/

#subscribe-left {
    float: left;
    width: 45%;
    margin: 0 0 45px 0;
}
#subscribe-right {
    float: right;
    width: 45%;
    margin: 0 0 45px 0;
}
.page-id-3329 h2 {
    text-align: center;
    margin: 30px 0 40px 0;
}

#subscribe-right p {
    float: left;
    width: 60%;
    border-top: 1px solid #d0d4d3;
    border-bottom: 1px solid #d0d4d3;
    padding: 20px 0;
}
#subscribe-right img {
    float: right;
    width: 20%;
    margin: -5px 10% 20px 0;
}

#subscribe-tip {
    width: 550px;
    border: 1px solid #e0e2e2;
    margin: 20px auto 80px;
    text-align: center;
    padding: 4%;
    background: #f9f9f9;
    border-radius: 20px;
}

@media screen and (max-width: 1000px) {
    #yellow-wrapper.subscribe #right {
        display: none;
    }
    #yellow-wrapper.subscribe {
        height: 70px;
    }
    #subscribe-right img {
        float: right;
        width: 30%;
        margin: 0px 0 20px 0;
    }
}
@media screen and (max-width: 760px) {
    #subscribe-left {
        float: left;
        width: 100%;
        margin: 0 0 45px 0;
    }
    #subscribe-right {
        float: right;
        width: 100%;
        margin: 0 0 45px 0;
    }
    #subscribe-right img {
        float: right;
        width: 20%;
        margin: 0px 10% 20px 0;
    }
    #subscribe-tip {
        width: 84%;
        margin: 20px auto 80px;
        padding: 8%;
    }
}
@media screen and (max-width: 600px) {
    #yellow-wrapper.subscribe {
        height: 45px;
    }
}

/*----------------Opt-In----------------*/

.gform_wrapper {
    overflow: hidden;
    display: block;
    margin: 1em 0;
    max-width: 98%;
}

#subscribe-right .gform_wrapper {
    float: left;
}

#subscribe-right .gform_footer.top_label {
    display: inline-block;
    margin: 2rem 0;
}

li.gfield {
    margin: 1em auto;
    float: left;
    width: 100%;
}

.opt-in {
    background: #f6d47d;
    width: 100%;
    overflow: hidden;
    margin: -30px 0 50px 0;
}
.opt-in .left {
    width: 32%;
    margin: 40px 0 0 0;
}
.opt-in .right {
    width: 60%;
}
.opt-in-text {
    margin: 20px 0 0 0;
    float: left;
    width: 100%;
}
.opt-in h4 {
    color: #564945;
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 5px 0;
}
.opt-in #signup {
    float: left;
    width: 100%;
    margin: 0;
    height: 100px;
}
#subscribe-new2 h6 {
    margin: 0 0 5px 0;
}
.opt-in #field_3_1,
.opt-in #field_3_2 {
    width: 38%;
}
.opt-in #gform_submit_button_3 {
    float: right;
    width: 24%;
    max-width: 130px;
    margin-top: 2.35rem;
}
@media screen and (max-width: 980px) {
    .opt-in .left {
        display: none;
    }
    .opt-in .right {
        width: 100%;
    }
    .opt-in #field_3_1 {
        width: 42%;
    }
    .opt-in #field_3_2 {
        width: 42%;
    }
}
@media screen and (max-width: 850px) {
    .opt-in #field_3_1 {
        width: 40%;
    }
    .opt-in #field_3_2 {
        width: 40%;
    }
}
@media screen and (max-width: 730px) {
    .opt-in #field_3_1 {
        width: 38%;
    }
    .opt-in #field_3_2 {
        width: 38%;
    }
}
@media screen and (max-width: 650px) {
    .opt-in #field_3_1 {
        width: 100%;
    }
    .opt-in #field_3_2 {
        width: 100%;
        float: left;
        margin: 0;
    }
    .opt-in #gform_submit_button_3 {
        float: left;
        margin: 0;
    }
    .opt-in #signup {
        height: auto;
        padding: 0 0 30px 0;
    }
}

img.alignleft,
.new-page .the-content img.alignleft {
    margin-right: 1em;
    float: left;
}

img.alignright,
.new-page .the-content img.alignright {
    margin-left: 1em;
    float: right;
}

.gfield.gform_validation_container,
li#field_3_3 {
    display: none;
    visibility: hidden;
}

/* Fix for Broken Foodist Book page */

.page-id-12321 #book-garden {
    z-index: 3;
}

.page-id-12321 #green-wrapper {
    position: relative;
    z-index: 2;
}

.page-id-12321 .sky .foodist #right {
    width: 41%;
    position: relative;
    z-index: 10;
}

/* Tweaks for the podcast signup form */
.page-foodist-podcast
    .podcast-contact-form
    .gform_wrapper
    .top_label
    .gfield_label {
    margin: 4px 0 2px 0;
    display: inline-block;
    float: none;
}
.page-foodist-podcast .podcast-contact-form .name_first,
.page-foodist-podcast .podcast-contact-form .name_last {
    display: inline-block;
}
.page-foodist-podcast
    .gform_wrapper
    .gform_body
    .gform_fields
    .gfield
    input[type="text"] {
    border-radius: 8px;
}
.page-foodist-podcast .podcast-contact-form .ginput_container {
    margin: 4px 0 8px;
    display: block;
}
.page-foodist-podcast .podcast-contact-form li.gfield {
    margin-bottom: 8px;
}
.page-foodist-podcast .podcast-contact-form .gfield_radio input {
    margin-right: 10px;
    margin-left: 2px;
}
.page-foodist-podcast .ginput_container_email {
    width: 100%;
    max-width: 480px;
}
.page-foodist-podcast .gform_buttom,
#gform_submit_button_6 {
    display: inline-block;
    margin-top: 16px;
}

.page-terms-of-use .text-content ul li {
    margin-left: 1em;
    list-style-type: disc;
}

/* Tweaks for Social Warfare */
.share-this .nc_socialPanel {
    display: inline-block;
    opacity: 100 !important;
    margin: -5px auto 5px !important;
}
.share-this .nc_socialPanel a {
    color: white !important;
    border: none !important;
}