/* @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 .25s ease-in-out;-moz-transition: color .25s ease-in-out;-webkit-transition: color .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; } #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 .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 { 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 .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .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 .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .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; margin: 0; border: none; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; opacity: .5; display: block; float: left; text-indent: -9999px; font-size: 0; display:block; 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 .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .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 .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 .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .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 .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; opacity: 1; } #footer ul.social-media li:hover { opacity: .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 .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .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 .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .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-2 #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-id-2 #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 .25s ease-in-out; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; } .section1 .abouts #column3 a:hover img { opacity: .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-2 #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-2 #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 .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .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 .25s ease-in-out; -moz-transition: border .25s ease-in-out; -webkit-transition: border .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 .25s ease-in-out; -moz-transition: border .25s ease-in-out; -webkit-transition: border .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 .25s ease-in-out; -moz-transition: border .25s ease-in-out; -webkit-transition: border .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 .25s ease-in-out; -moz-transition: border .25s ease-in-out; -webkit-transition: border .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 #main-content h3 strong { color: ; } .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 .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; } #left .video-thumb a:hover { opacity: .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 .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out; border: none; } #green-wrapper li a:hover, #content ul.blue li a:hover { opacity: .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: url('images/ingredients2x.png');} .post #icon.marinade { background: url('images/marinade2x.png');} .post #icon.meats { background: url('images/meats2x.png');} .post #icon.veggies { background: url('images/veggies2x.png');} .post #icon.seasonings { background: url('images/seasonings2x.png');} .post #icon.preparation { background: url('images/preparation2x.png');} .post #icon.grains_breads { background: url('images/wheat2x.png');} .post #icon.dairy { background: url('images/dairy2x.png');} .post #icon.fruit { background: url('images/fruit2x.png');} .post #icon.liquids { background: 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 .25s ease-in-out;-moz-transition: color .25s ease-in-out;-webkit-transition: color .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: ; 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; }