﻿@font-face { font-family: 'icomoon'; src: url("fonts/icomoon.eot"); src: url("fonts/icomoon.eot?#iefix") format("embedded-opentype"), url("fonts/icomoon.woff") format("woff"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.svg#icomoon") format("svg"); font-weight: normal; font-style: normal; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before { font-family: 'icomoon'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-star-half, .icon-star, .icon-star-filled, .icon-facebook, .icon-twitter, .icon-pinterest, .icon-google-plus, .icon-folder, .icon-folder-open, .icon-youtube, .icon-facebook-2, .icon-wine, .icon-healthy1, .icon-healthy2, .icon-fridge, .icon-clock, .icon-carrot, .icon-print { font-family: 'icomoon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; }

.icon-star-half:before { content: "\e000"; }

.icon-star:before { content: "\e008"; }

.icon-star-filled:before { content: "\f0d3"; }

.icon-facebook:before { content: "\f099"; }

.icon-twitter:before { content: "\f09a"; }

.icon-pinterest:before { content: "\f0d5"; }

.icon-google-plus:before { content: "\f0d2"; }

.icon-folder:before { content: "\e001"; }

.icon-folder-open:before { content: "\e002"; }

.icon-youtube:before { content: "\e003"; }

.icon-facebook-2:before { content: "\e004"; }

.icon-wine:before { content: "\e005"; }

.icon-healthy1:before { content: "\e006"; }

.icon-healthy2:before { content: "\e006"; }

.icon-fridge:before { content: "\e007"; }

.icon-clock:before { content: "\e009"; }

.icon-carrot:before { content: "\e00a"; }

.icon-print:before { content: "\e00b"; }

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 7, 2013 */
@font-face { font-family: 'fcomnesblack'; src: url("fonts/fcomnbla-webfont.eot"); src: url("fonts/fcomnbla-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fcomnbla-webfont.woff") format("woff"), url("fonts/fcomnbla-webfont.ttf") format("truetype"), url("fonts/fcomnbla-webfont.svg#fcomnesblack") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'fcomnesblackitalic'; src: url("fonts/fcomnblaita-webfont.eot"); src: url("fonts/fcomnblaita-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fcomnblaita-webfont.woff") format("woff"), url("fonts/fcomnblaita-webfont.ttf") format("truetype"), url("fonts/fcomnblaita-webfont.svg#fcomnesblackitalic") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'fcomnessemibold'; src: url("fonts/fcomnsem-webfont.eot"); src: url("fonts/fcomnsem-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fcomnsem-webfont.woff") format("woff"), url("fonts/fcomnsem-webfont.ttf") format("truetype"), url("fonts/fcomnsem-webfont.svg#fcomnessemibold") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'fcomnessemibolditalic'; src: url("fonts/fcomnsemita-webfont.eot"); src: url("fonts/fcomnsemita-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fcomnsemita-webfont.woff") format("woff"), url("fonts/fcomnsemita-webfont.ttf") format("truetype"), url("fonts/fcomnsemita-webfont.svg#fcomnessemibolditalic") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'fcomnesmedium'; src: url("fonts/fcomnmed-webfont.eot"); src: url("fonts/fcomnmed-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fcomnmed-webfont.woff") format("woff"), url("fonts/fcomnmed-webfont.ttf") format("truetype"), url("fonts/fcomnmed-webfont.svg#fcomnesmedium") format("svg"); font-weight: normal; font-style: normal; }

@font-face { font-family: 'fcomnesmediumitalic'; src: url("fonts/fcomnmedita-webfont.eot"); src: url("fonts/fcomnmedita-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fcomnmedita-webfont.woff") format("woff"), url("fonts/fcomnmedita-webfont.ttf") format("truetype"), url("fonts/fcomnmedita-webfont.svg#fcomnesmediumitalic") format("svg"); font-weight: normal; font-style: normal; }

.vertical-thumbs li { *zoom: 1; margin-bottom: 10px; }
.vertical-thumbs li:before, .vertical-thumbs li:after { content: " "; display: table; }
.vertical-thumbs li:after { clear: both; }
.vertical-thumbs li img { float: left; margin-right: 5px; }

.tbl { display: table; border-collapse: collapse; }
.tbl .tr { display: table-row; }
.tbl .td { display: table-cell; }

a.member:before { content: url(/images/FC_member_icon.png); margin-right: 5px; }

.make-it-tonight a.mit-all, .maker .all, .how_to a.all, .guide a.all, .dinner_recipes a.all, .channel a.all, .browse-all .all, .browse-recipes a.all, .mit a.mit-all { color: #2f717a; font-family: fcomnessemibold, Helvetica, Arial, sans-serif; display: inline-block; margin-top: 20px; font-weight: normal; line-height: 1.2; }
.make-it-tonight a.mit-all a, .maker .all a, .how_to a.all a, .guide a.all a, .dinner_recipes a.all a, .channel a.all a, .browse-all .all a, .browse-recipes a.all a, .mit a.mit-all a { color: #2f717a; }
.make-it-tonight .maker .all:after, .how_to a.all:after, .guide a.all:after, .dinner_recipes a.all:after, .channel a.all:after, .browse-all .all:after, .browse-recipes a.all:after, .mit a.mit-all:after { color: #2f717a; content: '\0020\25B8'; }

/* GENERAL FIXES AND OVERRIDES */
:focus { outline-color: transparent; outline-style: none; }

/* override the annoying Foundation table style */
table { background: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin: 0; border: none; }

table tbody tr:nth-child(even) { background: none; }

table tbody tr td { color: #333; padding: 0; vertical-align: top; border: none; }

.row.first { padding-top: 20px; }
.row.rule-below { padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
.row.no-rule { padding-top: 10px; padding-bottom: 10px; }
.row.no-head { padding-top: 20px; }
.row.no-pad { padding-top: 0; }
.row.module { margin-top: 10px; }
.row.ad-leaderboard.bottom { margin: 30px auto; }

.column.rule-below, .columns.rule-below { padding-top: 10px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #ccc; }
.column.collapse, .columns.collapse { padding: 0; }

ul, ol, dl { line-height: 1.3; }

p { line-height: 1.5; }

.fltlft { float: left; }

.centered { text-align: center; }

/* NOTE: to center banner ads on desktop */
@media screen and (min-width: 768px) { .ad-leaderboard { text-align: center; } }
body { background-color: #FFFFFF; background-image: url("../images/bg-white.png"), url("../images/bg-marble.jpg"); background-position: center top, center top; background-repeat: repeat-y,no-repeat; }

a { color: #363636; }

.header { background-color: #144d54; }
.header.slim { margin-top: 10px; margin-bottom: 20px; }

.fb_iframe_widget, .fbpluginrecommendationsbarright iframe { right: 1% !important; }

.four.columns.ad { min-width: 300px; }

/* ----------------------------------------- */
/* ------ FOUNDATION ELEMENT OVERRIDES ----- */
/* ----------------------------------------- */
.orbit-caption { padding: 7px 10px !important; }

.orbit-caption a { color: #fff; }

#featured { background: url(/images/spinner.gif) center center no-repeat #f4f4f4; height: 300px; }

#featured img { display: none; }

#featured.orbit { background: none; }

#featured.orbit img { display: block; }

#rotator { background: url(/images/spinner.gif) center center #f4f4f4 no-repeat; height: 300px; }

#rotator > div { display: none; }

#rotator.orbit { background: none; }

#rotator.orbit > div { display: block; }

#slideshow-rotator { background: url(/images/spinner.gif) center center #f4f4f4 no-repeat; height: 300px; }

#slideshow-rotator > div { display: none; }

#slideshow-rotator.orbit { background: none; }

#slideshow-rotator.orbit > div { display: block; }

.button { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; position: relative; display: inline-block; margin: 0; padding: 8px 20px 9px; width: auto; border: none; -webkit-border-radius: 0 !important; -webkit-appearance: none !important; background: #2f717a; color: #fff; text-align: center; text-decoration: none; font-weight: normal !important; font-family: "fcomnessemibold", Helvetica, Arial, sans-serif; line-height: 1; cursor: pointer; -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; }
.button:hover { background: #286068; }
.button.small { font-size: 13px; }
.button.tiny { padding: 4px 10px 5px; font-size: 12px; }
.button.orangelight { background: #ffad2c; text-transform: uppercase; }
.button.orangelight.sign-up { text-transform: uppercase; padding: 4px 10px 5px; font-size: 14px; }
.button.orangedark { background: #e2501b; text-transform: uppercase; }
.button.greenlight { background: #e8f278; color: #144d54; text-transform: uppercase; font-size: 1em; }
.button.delete { padding: 3px 10px 5px; background: #e2501b; color: white; text-transform: uppercase; font-size: 1.5em; }

.panel.orangelight { border: none; background-color: #ffad2c; }

button.button, input[type="submit"].button, input[type="reset"].button { width: auto; margin: 0; }

.reveal-modal-bg { background: #000; background: rgba(0, 0, 0, 0.85); }

/* ----------------------------------------- */
/* --- TYPOGRAPHY, ALSO SEE SETTINGS.SCSS -- */
/* ----------------------------------------- */
h1 { font-family: "fcomnesblack", Helvetica, Arial, sans-serif; font-size: 1.8em !important; font-weight: normal; margin-top: 0; margin-bottom: 10px; }

h2, h3, h4, h5, h6 { font-family: "fcomnessemibold", Helvetica, Arial, sans-serif; font-weight: normal; }
h2 a, h3 a, h4 a, h5 a, h6 a { color: inherit; }

.sdpty { margin-top: 0; }

.photo-credit { text-transform: uppercase; font-size: .7em; color: #848484; margin-top: 5px; }

.orange-text { color: #e2501b; }

.bold { font-weight: bold; }

.fc { font-style: italic; white-space: nowrap; }

.stars, .icon-star, .icon-star-filled, .icon-star-half { color: #ffad2c; }

.icons { font-size: 32px; }
.icons .icon-fridge { color: #BDDA40; }
.icons .icon-clock { color: #5FC6F2; }
.icons .icon-carrot { color: #F2A730; }
.icons .icon-healthy1 { color: #71CA4A; }
.icons .icon-healthy2 { color: #F9CF2D; }
.icons .icon-wine { color: #E87820; }

.already { margin-top: 10px; font-size: .9em; }

ul.triangles, .panel ul:not(.block-grid) { list-style: none; text-align: left; }
ul.triangles li, .panel ul:not(.block-grid) li { margin-left: 10px; text-indent: -10px; margin-bottom: 6px; }
ul.triangles li:before, .panel ul:not(.block-grid) li:before { content: '\25B8\0020'; color: #2f717a; }
ul.triangles.orange li:before, .panel ul:not(.block-grid).orange li:before { color: #e2501b; }

a.go:after { content: '\0020\25b8'; }

.stripe { color: white; text-align: center; padding: 6px; display: block; margin-top: 0; width: 100%; }
.stripe.left-align { text-align: left; }
.stripe.green { background-color: #2f717a; }
.stripe.greenmedlight { background-color: #4fa8b3; }
.stripe.orange { background-color: #e2501b; }
.stripe.caps { text-transform: uppercase; }

.callout { position: relative; display: block; }
.callout img { display: inline-block; min-width: 100%; }
.callout:before { position: absolute; top: 0; left: 0; padding: 3px 0; width: 100%; background: #e2501b; color: white; text-align: center; text-align: center; text-transform: uppercase; font-weight: normal; font-size: 13px; font-family: "fcomnessemibold", Helvetica, Arial, sans-serif; line-height: 1.1; }
.callout.recipe-maker:before { content: 'recipe maker'; }
.callout.video:before { content: "video"; }
.callout.menu-maker:before { content: 'menu maker'; }
.callout.slideshow:before { content: 'slide show'; }
.callout.pdf:before { content: 'view as PDF'; }
.callout.sponsored:before { background: rgba(20, 77, 84, 0.8); content: 'advertiser recipe'; }
.callout.moveablefeast:before { content: 'moveable feast'; }

.native-sponsor { text-transform: uppercase; color: #2f717a; }

.slugged { position: relative; display: inline-block; max-width: 100%; }
.slugged img { display: inline-block; max-width: 100%; }
.slugged:before { position: absolute; top: 0; left: 0; padding: 10px; background-color: rgba(25, 77, 84, 0.75); color: white; font-size: 1.1em; font-family: fcomnessemibold, Helvetica, Arial, sans-serif; }
.slugged.video:before { content: "watch the video"; }
.slugged.pdf:before { content: "view as PDF"; }

.enlargeImg { position: relative; display: inline-block; max-width: 100%; }
.enlargeImg img { display: inline-block; max-width: 100%; }
.enlargeImg:before { position: absolute; bottom: 0; left: 0; padding: 5px; background-color: rgba(0, 0, 0, 0.5); color: white; font-size: .8em; font-family: Helvetica, Arial, sans-serif; content: 'click to enlarge'; }
.panel .enlargeImg:before { padding: 5px 5px 5px 15px; bottom: 4px; left: -10px; }

.merch { margin-bottom: 20px; }
.merch iframe { width: 100%; max-height: 250px; }
.merch h4 { color: #e2501b; margin-top: 0; margin-bottom: 12px; }
.merch .all { background-color: #e2501b; text-align: center; padding: 6px 10px; font-family: fcomnessemibold, Helvetica, Arial, sans-serif; }
.merch .all a { color: #fff; }

.module .merch { margin-top: 20px; }

.framed .merch { border: 1px solid #cccccc; padding-top: 10px; }
.framed .merch h4 { margin-left: 65px; }

/* ----------------------------------------- */
/* -------- PAGE INCLUDES ------------------ */
/* ----------------------------------------- */
/* ----------------------------------------- */
/* ------------- HEADER -------------------- */
/* ----------------------------------------- */
/*  Top Bar Overrides */
.top-bar ul > li { z-index: 99999; }

.top-bar ul > li.has-dropdown .dropdown { z-index: 9999; display: table; }

.top-bar ul > li.divider { background: #429ca7; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 100%; margin-right: 1px; width: 1px; }

.top-bar ul > li.has-dropdown .dropdown li { z-index: 1100000; }

.top-bar ul > li.has-dropdown a:after { border-color: #e8f278 transparent transparent; }

.top-bar ul > li.has-dropdown.commerce a { color: #e8f278; }

.top-bar ul > li.has-dropdown.commerce a:after { border-color: #ffad2c transparent transparent; }

.top-bar ul > li a:not(.button) { font-family: "fcomnessemibold", Helvetica, Arial, sans-serif; font-weight: normal; font-size: 15px; }

.top-bar ul > li.has-dropdown .dropdown li a { font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 13px; }

.top-bar ul > li.name h1 a { font-size: 24px !important; }
table.gssb_c, .top-bar.expanded { z-index:2147483647; }
@media screen and (-webkit-min-device-pixel-ratio:0) { 
	nav.top-bar ul:not(.left), nav.top-bar ul:not(.dropdown) { max-height:43px; }
}
//nav.top-bar ul:first-child { max-height:43px; }


@media only screen and (max-width: 1024px) and (min-width: 996px) { .top-bar ul > li.toggle-topbar:before { color: #fff; content: "Menu"; font-family: "fcomnessemibold",Helvetica,Arial,sans-serif; font-size: 1.8em; font-weight: normal; margin: 0; padding-left: 15px; } }
@media only screen and (max-width: 1024px) and (min-width: 997px) { .top-bar section { margin-top: 45px; } }
@media only screen and (max-width: 1280px) and (min-width: 1024px) { li.name.hide-for-large-up { display: none !important; } }
@media only screen and (max-width: 1030px) { .top-bar ul:fisrt-child { max-height: 43px; } }
.sign-up label { font-size: 1em; font-family: fcomnessemibold, Helvetica, Arial, sans-serif; color: #2f717a; float: left; display: inline-block; margin-top: 5px; margin-right: 5px; }
.sign-up #input-email { margin: 0; padding: 0 5px; width: 100px; height: 21px; border: 1px solid #2f717a; -webkit-border-radius: 0; float: left; font-size: 9px; }
.sign-up .button { display: inline-block; margin-left: 0; vertical-align: 1px; float: left; padding: 4px 10px 5px; }

.welcome-mat { font-family: Helvetica, Arial, sans-serif; padding: 5px 0; color: #848484; }
.welcome-mat .welcome-links { font-size: 11px; padding-top: 6px; text-align: right; }
.welcome-mat .welcome-links strong { font-size: 12px; font-weight: bold; margin-right: 5px; }
.welcome-mat .welcome-links a { color: #848484; display: inline-block; margin: 0; }
.welcome-mat .welcome-links a:after { content: '\0020\2758'; }
.welcome-mat .welcome-links a:first-child { margin-left: 0; }
.welcome-mat .welcome-links a:last-child:after { content: ''; }
.welcome-mat iframe#email-signup { width: 100%; min-height: 25px; }
.welcome-mat .sign-up input[type="submit"] { background-color: #f00; }

.header .logo { padding-top: 10px; padding-left: 15px; }

ul.social { float: left; margin: 0; padding: 0; list-style: none; }
ul.social li { float: left; margin-right: 10px; font-size: 18px; }
ul.social li a { color: #e2501b; }

#subad { border: none; }

.header-unit { margin-top: 40px; }

.recipe-box { margin-bottom: 20px; }

.site-search { margin-top: 5px; }
.site-search input.search-input { border: 1px solid white; width: 135px; height: 21px; margin: 0; padding: 0; }
.site-search .button { margin: 0 0 0 -5px; display: inline-block; vertical-align: 1px; }

.big-links { margin: 10px 0 0; }
.big-links li { background-color: #e8f278; border: 2px solid #fff; padding: 10px; }
.big-links li a { font-family: fcomnessemibold, Helvetica, Arial, sans-serif; font-size: 16px; color: #144d54; margin-left: 10px; }
.big-links li a:after { content: '\0020\25b8'; }

/* ----------------------------------------- */
/* ---------  HOME PAGE -------------------- */
/* ----------------------------------------- */
.fscarousel li { position: relative; }
.fscarousel h3 { display:none; color: #fff; background-color: rgba(20, 77, 84, 0.75); position: absolute; bottom: 0; margin: 0; padding: 10px 5px; font-family: fcomnesmedium, Helvetica, Arial, sans-serif; font-size: 16px; width: 100%; text-align: center; }

.feature-section h2 { font-size: 1.8em; }

.mrec { padding-bottom: 10px; }

/* homepage make it tonight module */
.mit h5 { font-size: 1.0em; margin-top: 0; }
.mit p { margin-bottom: 5px; }
.mit h4 { font-weight: normal; font-size: 1.2em; margin: 0 0 14px 0; }
.mit h4 a { color: inherit; }
.mit .image { margin-bottom: 5px; }
.mit .image img, .make-it-tonight .image a  { display: block; margin: 0; }
.mit .sponsor_wrap { overflow: hidden; }
.mit .sponsor_tag, .mit .sponsor_logo { float: left; text-align: right; }
.mit .sponsor_tag { width: 55%; font-size: 13px; }
.mit .sponsor_logo { width: 45%; }
.mit.mit_recipe .sponsor_tag { position: relative; top: 5px; right: -10px; }





.make-it-tonight .signup-panel { padding: 5px; background-color: #2f717a; margin-top: -3px; color: white; }
.make-it-tonight .signup-panel p { font-family: fcomnessemibold, Helvetica, Arial, sans-serif; font-size: 1.3em; }
.make-it-tonight .signup-panel p:first-child { margin-bottom: 0; }
.make-it-tonight .signup-panel input:not(.button) { border: 1px solid #2f717a; height: 25px; margin: 0 -3px 0; vertical-align: 0; }
/* .make-it-tonight a.mit-all { margin-top: 5px; } */
/* .make-it-tonight iframe { height: 67px !important; } */

.subscribe { height: 340px; background-color: #ffad2c; font-family: Helvetica, arial, sans-serif; font-weight: 900; font-size: 2em; color: White; }

.single-feature { position: relative; padding: 0; }
.single-feature .summary { position: absolute; bottom: 0; left: 0; padding: 10px; background-color: rgba(20, 77, 84, 0.8); width: 100%; color: #fff; font-weight: bold; }

/* ----------------------------------------- */
/* -------- CHANNEL LANDING PAGES ---------  */
/* ----------------------------------------- */
.channel .rotator, .slideshow .rotator, .recipes .rotator { position: relative; }
.channel .rotator h4, .slideshow .rotator h4, .recipes .rotator h4 { margin-bottom: 5px; margin-top: 0; font-size: 1.5em; }
.channel .rotator p.caption, .slideshow .rotator p.caption, .recipes .rotator p.caption { line-height: 1.3; }
.channel .rotator .stars, .slideshow .rotator .stars, .recipes .rotator .stars { font-size: .9em; margin-bottom: 8px; }
.channel .rotator .more h5, .slideshow .rotator .more h5, .recipes .rotator .more h5 { margin-bottom: 9px; }
.channel .rotator .more ul, .slideshow .rotator .more ul, .recipes .rotator .more ul { list-style: none; }
.channel .rotator .more ul li, .slideshow .rotator .more ul li, .recipes .rotator .more ul li { margin-bottom: 5px; margin-left: 11px; text-indent: -11px; }
.channel .rotator .more ul li a:before, .slideshow .rotator .more ul li a:before, .recipes .rotator .more ul li a:before { content: '\25B8\0020'; color: #2f717a; }
.channel .rotator .view-recipe a, .slideshow .rotator .view-recipe a, .recipes .rotator .view-recipe a { font-weight: bold; }
.channel .rotator .view-recipe a:after, .slideshow .rotator .view-recipe a:after, .recipes .rotator .view-recipe a:after { content: '\0020\25B8'; }
.channel.slideshow .navigation, .slideshow.slideshow .navigation, .recipes.slideshow .navigation { display: none; }

/* the interstitial ad */
#adslot { display: none; position: absolute; top: 0; left: 0; width: 100%; z-index: 100; min-height: 420px; background-color: #f2f2f2; padding: 20px; text-align: center; }
#adslot a { text-decoration: underline; text-align: right; }
#adslot table { height: 100%; width: 100%; background: none; border: none; border-collapse: separate; }
#adslot table td, #adslot table tr { text-align: center; vertical-align: middle; }

/* For the Current Issue Page */
.current-issue .links { list-style: none; font-family: fcomnessemibold, Helvetica, Arial, sans-serif; }
.current-issue .links li { font-size: 1.2em; }
.current-issue .links li a { color: #2f717a; }
.current-issue .links li a:after { content: '\0020\25B8'; }
.current-issue .links li.sub a { color: #e2501b; }
.current-issue ul.triangles.orange strong { color: #e2501b; }
.current-issue h6 { margin-bottom: 5px; font-size: 1.1em; }
.current-issue h6 ~ a { text-decoration: underline; }
.current-issue .green.stripe { margin-top: 20px; }

@media screen and (max-width: 750px) { .channel .nav { padding-bottom: 10px; }
  .channel .orbit-wrapper { height: 600px !important; }
  .channel .navigation { padding-left: 10px; }
  .channel h4 { padding-top: 10px; } }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .channel .rotator h4 { font-size: 1.2em; }
  .channel .rotator p.caption { font-size: .9em; line-height: 1.1; }
  .channel .rotator .more h5 { font-size: 1.0em; }
  .channel .rotator .more ul li { font-size: .8em; margin-left: 9px; text-indent: -9px; } }
/* ----------------------------------------- */
/* --------  RECIPE LANDING -------------    */
/* ----------------------------------------- */
.push-down { padding-top: 42px; }

.maker h1 { margin-top: 0; float: left; }
.maker h5 { margin-top: 0; }
.maker h6 { text-transform: uppercase; margin-bottom: 2px; }
.maker p { margin-bottom: 5px; }
.maker .caption { font-weight: bold; }
.maker .all { float: right; }
.maker ul.more { list-style: none; }
.maker ul.more li { margin-left: 11px; text-indent: -11px; line-height: 1.2; margin-bottom: 5px; }
.maker ul.more li a:before { content: '\25B8\0020'; color: #2f717a; }

/* ----------------------------------------- */
/* -----------  HOW TO PAGE ---------------- */
/* ----------------------------------------- */
.how_to a.all { float: left; margin-left: 20px; text-transform: lowercase; }
.how_to .tags { line-height: 1.8; text-align: justify; font-size: 1.2em; }
.how_to .tags a { font-family: fcomnessemibold, Helvetica, Arial, sans-serif; color: #2f717a; }
.how_to .tags a:after { content: '\0020\25CF\0020'; color: #144d54; }
.how_to .tags a:nth-child(even) { color: #4fa8b3; }
.how_to .tags a:last-child:after { content: ''; }
.how_to .dishes li { padding-bottom: 0; }
.how_to .dishes li .thumb { width: 145px; float: left; margin-right: 10px; }
.how_to .dishes li .thumb img { max-width: 100%; }
.how_to .dishes li .caption a { font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #2f717a; }
.how_to .test-kitchen .tips { clear: both; list-style: none; }
.how_to .test-kitchen .tips li { margin-bottom: 10px; margin-left: 14px; text-indent: -14px; font-weight: bold; }
.how_to .test-kitchen .tips li a { color: #666666; }
.how_to .test-kitchen .tips li a:before { content: '\25B8\0020'; }

/* ----------------------------------------- */
/* -  ---------- VIDEO CHANNEL ------------- */
/* ----------------------------------------- */
.video.channel .gated { height: 150px; margin-top: 20px; }

.video-player * { max-width: 100% !important; }

.video-chooser { padding-top: 20px; }
.video-chooser .thumb-box { padding-top: 10px; }

.video-thumbs a { display: block; }
.video-thumbs img { width: 120px; height: 90px; }

.tabs.vertical * { border: none !important; }
.tabs.vertical dt { background-color: #144d54; color: white; padding: 0 0 0 20px; font-weight: bold; font-size: 1.1em; }
.tabs.vertical dd a { background-color: #ddeef1; }
.tabs.vertical dd.active a { background-color: #ffad2c; }

.recipe-box .title { background-color: #e8f278; color: #144d54; padding: 5px 0 6px 15px; }
.recipe-box .title h1 { margin: 0; }
.recipe-box table { border-collapse: separate !important; border-spacing: 10px; }
.recipe-box #divAddNew { font-size: .8em; }
.recipe-box #divAddNew h6 { margin-bottom: 2px; }
.recipe-box .addFolder { cursor: pointer; }
.recipe-box .show { display: block; }
.recipe-box .items h5 { margin-bottom: 4px; }
.recipe-box .items ul { background: #2f717a; font-family: Helvetica, Arial, sans-serif; line-height: 1; border-radius: 6px; padding: 5px; list-style: none; color: white; }
.recipe-box .items ul li { padding: 5px; border-bottom: 1px solid rgba(255, 255, 255, 0.6); }
.recipe-box .items ul li a { color: inherit; }
.recipe-box .items ul li.active { background-color: #ffad2c; border-radius: 6px; border-bottom: none; }
.recipe-box .items ul li.add:before { content: "\002B"; display: inline-block; padding: 0 5px; margin-right: 5px; background: #ffad2c; }
.recipe-box .items ul li.addToFolders { background-color: #e8f278; color: #2f717a; }
.recipe-box .items ul li.icon-folder { text-transform: lowercase; }
.recipe-box .items ul li.no-rule, .recipe-box .items ul li:last-child { border-bottom: none; }
.recipe-box .items ul li h6 { color: #e8f278; margin: 0; }
.recipe-box .items ul li p { margin: 0 0 4px; }
.recipe-box .items ul li input[type="text"] { border: 1px solid #ffad2c; margin: 0; height: 19px; vertical-align: -2px; float: left; display: inline-block; }
.recipe-box .items ul li input.button { float: left; }
.recipe-box .items ul ul.folders { margin-left: -10px; margin-bottom: 10px; }
.recipe-box .items ul ul.folders li { border-bottom: none; margin-bottom: 10px; }
.recipe-box .items ul ul.folders li .check-label { display: inline-block; margin-left: 30px; width: 800%; }
.recipe-box #divAddNew { margin-left: 5px; }
.recipe-box #divAddNew h6 { margin-top: 4px; }
.recipe-box .icon-folder a { margin-left: 10px; }

/* fix for the folder labels in Edit screen */
#ctl00_phMainContent_efAddCategory_chkUserCategory .check-label { width: 400px; margin-left: 30px; display: block; }

.favorites { width: 100%; border: none; margin: 0; }
.favorites input[type="checkbox"] { visibility: hidden; }
.favorites .title .icon-folder { float: left; display: inline-block; font-size: 1.8em; margin-right: 10px; color: #2f717a; }
.favorites .title h1 { font-family: fcomnessemibold, Helvetica, Arial, sans-serif; }
.favorites tr:first-child td { font-family: fcomnessemibold, Helvetica, Arial, sans-serif; color: #144d54; text-align: center; }
.favorites tr:first-child td:nth-child(3) { text-align: left; }
.favorites tr:first-child td:nth-child(3) span { color: #aaa; font-family: Helvetica, Arial, sans-serif; font-size: .8em; }
.favorites tr td:nth-child(4), .favorites tr td:nth-child(5), .favorites tr td:nth-child(6) { text-align: center; }
.favorites tr td:nth-child(2) { padding-left: 0; padding-right: 0; text-align: center; }
.favorites td { vertical-align: top; }
.favorites tr td:first-child { text-align: left; width: 20px; }
.favorites .link { color: #999; font-size: .8em; line-height: 1.4em; }
.favorites .link a { display: block; font-size: 1.4em; font-family: fcomnessemibold, Helvetica, Arial, sans-serif; }

/* fixes for mahi */
#divAddCategory { *zoom: 1; }
#divAddCategory:before, #divAddCategory:after { content: " "; display: table; }
#divAddCategory:after { clear: both; }

#divAddCategory .button { margin-right: 20px; margin-top: 5px; }

.edititems { list-style: none; *zoom: 1; }
.edititems:before, .edititems:after { content: " "; display: table; }
.edititems:after { clear: both; }

/*  magic checkboxes */
.cb { width: 20px; position: relative; }

.cb label { cursor: pointer; position: absolute; width: 20px; height: 20px; top: 0; left: 0; border-radius: 4px; background: #D7DCDE; }

.cb label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 11px; height: 7px; background: transparent; top: 5px; left: 5px; border: 3px solid #fff; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.cb input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }

.cb input[type=checkbox]:checked + label { background: #2f717a; }

/*  magic checkboxes  for folder list */
.folders input[type=checkbox] { visibility: hidden; }

.cb2 { width: 20px; position: relative; margin: 0; }

.cb2 label { cursor: pointer; position: absolute; width: 20px; height: 20px; top: 0; left: 0; border-radius: 4px; background: #D7DCDE; }

.cb2 label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 11px; height: 7px; background: transparent; top: 5px; left: 5px; border: 3px solid #144d54; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }

.cb2 input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }

.cb2 input[type=checkbox]:checked + label { background: #ffad2c; }

/* FIXES FOR MY RECIPE PAGE */
#ctl00_phMainContent_pnlAll .notes { vertical-align: top; }

#ctl00_phMainContent_pnlAll .notes textarea { min-height: 90px; min-width: 200px; }

#ctl00_phMainContent_lblRequired { display: block; margin-top: 20px; font-size: .9em; font-weight: bold; }

#ctl00_phMainContent_txtCustomTitle { width: 200px; }

#ctl00_phMainContent_lblTitle { display: block; margin-top: 30px; }

#ctl00_phMainContent_saveMessage strong { font-size: 1.2em; }
#ctl00_phMainContent_saveMessage a { text-decoration: underline !important; color: #2f717a !important; }

.favorites h1 { margin-top: 20px; }
.favorites .recipe-content h3 { margin-bottom: 0; }
.favorites .ingredients ul { margin-left: 1.2em; margin-top: 5px; }
.favorites .ingredients strong { color: #e2501b; }
.favorites .instruction strong { display: block; margin-bottom: 5px; color: #e2501b; }
.favorites #divAddDel { margin-top: 20px; }
.favorites #divAddDel input[type="image"] { display: inline-block; vertical-align: -10px; }

/* asp:ImageButton fix */
.recipe-box ul.edititems { margin: 15px 0; }
.recipe-box ul.edititems ul.folders li { list-style-type: none; margin-bottom: 5px; }

/* asp:ImageButton fix */
/* ----------------------------------------- */
/* --------------- articles ---------------  */
/* ----------------------------------------- */
h5.subhead, h2.subhead { color: #363636; margin-top: 0; font-family: fcomnesmedium, Helvetica, Arial, sans-serif; font-size: 17px; }

.article .caption, .article_content .caption { max-width: 100%; margin-top: 5px; font-size: .9em; }
.article .caption a, .article_content .caption a { color: #2f717a; }
.article h1, .article_content h1 { margin-bottom: 5px; font-family: fcomnessemibold, Helvetica, Arial, sans-serif; }
.article h5.subhead, .article_content h5.subhead { color: #363636; margin-top: 0; font-family: fcomnesmedium, Helvetica, Arial, sans-serif; }
.article .attribution a, .article_content .attribution a { color: #2f717a; text-decoration: underline !important; }
.article p a, .article_content p a { color: #2f717a; text-decoration: underline !important; }
.article h5, .article_content h5 { margin-bottom: 5px; clear: both; }
.article .image-vertical, .article_content .image-vertical { float: right; *zoom: 1; width: 270px; margin: 0 0 10px 10px; }
.article .image-vertical:before, .article .image-vertical:after, .article_content .image-vertical:before, .article_content .image-vertical:after { content: " "; display: table; }
.article .image-vertical:after, .article_content .image-vertical:after { clear: both; }
.article .image-vertical .caption, .article_content .image-vertical .caption { max-width: 100%; margin-top: 5px; font-size: .9em; }
.article .image-vertical .caption a, .article_content .image-vertical .caption a { color: #2f717a; }
.article .paging, .article_content .paging { color: #363636; margin-top: 20px; }
.article .paging span, .article_content .paging span { display: inline-block; vertical-align: 4px; }
.article .paging a, .article_content .paging a { color: #2f717a; text-decoration: underline; display: inline-block; vertical-align: 2px; }
.article .paging .arrow a, .article_content .paging .arrow a { text-decoration: none; }
.article.php .blog-header, .article_content.php .blog-header { *zoom: 1; }
.article.php .blog-header:before, .article.php .blog-header:after, .article_content.php .blog-header:before, .article_content.php .blog-header:after { content: " "; display: table; }
.article.php .blog-header:after, .article_content.php .blog-header:after { clear: both; }
.article.php .blog-header .blog-icon, .article_content.php .blog-header .blog-icon { float: left; margin-right: 10px; }
.article.php .blog-header .blog-name, .article_content.php .blog-header .blog-name { color: #4fa8b3; font-family: fcomnessemibold, Helvetica, Arial, sans-serif; font-size: 16px; text-transform: uppercase; }
.article.php ul.thumbs, .article_content.php ul.thumbs { margin-top: 18px; margin-bottom: 0; }

.comments .comment .details { display: block; color: #848484; text-transform: uppercase; margin-top: 5px; font-size: .8em; }
.comments textarea { margin-bottom: 10px; margin-left: 0; }
.comments h6 { color: #363636; }
.comments h6 a { color: #2f717a; text-transform: uppercase; text-decoration: underline; }
.comments h6 span { font-size: .8em; font-family: Helvetica, Arial, sans-serif; }

.panelPopupTeaser { background: transparent url(/images/circle-i.png) 0 0 no-repeat; padding-left: 40px; min-height: 45px; margin-bottom: 20px; margin-top: 20px; }
.panelPopupTeaser h2 { display: inline; font-size: 19px; font-family: fcomnesblack, Helvetica, Arial, sans-serif; }
.panelPopupTeaser h2:after { content: '\0020'; }
.panelPopupTeaser a { display: inline; font-size: 22px; line-height: 1.2; font-family: fcomnesmedium, Helvetica, Arial, sans-serif; color: #2f717a; }
.panelPopupTeaser a:after { content: '\0020\25b8'; }

.inline-slideshow .orbit-caption { text-align: left; line-height: 1.2; font-size: 1em; }

.slideshow-images { background: url(/images/spinner.gif) center center no-repeat #f4f4f4; height: 300px; }

.slideshow-images img { display: none; }

.slideshow-images.orbit { background: none; }

.slideshow-images.orbit img { display: block; }

.intercept { border: 18px solid #ffad2c; padding: 20px; background-color: #fff; max-width: 435px; text-align: center; }
.intercept .mouse { font-size: 9px; }
.intercept .already { margin-top: 5px; font-size: .8em; }
.intercept .already a { text-decoration: underline !important; }

#menu-timeline ul, #shopping-list ul { list-style: none; }
#menu-timeline ul li, #shopping-list ul li { line-height: 1.1; margin-bottom: 5px; }
#menu-timeline h6, #shopping-list h6 { font-family: Helvetica, Arial, sans-serif; color: #363636; font-weight: bold; margin-bottom: 8px; }

.ingredient .comments .comment { *zoom: 1; }
.ingredient .comments .comment:before, .ingredient .comments .comment:after { content: " "; display: table; }
.ingredient .comments .comment:after { clear: both; }
.ingredient .comments .comment img { float: left; margin-right: 10px; }
.ingredient .comments .comment p { display: block; margin-top: 0; }

/* ----------------------------------------- */
/* ------------- digital issue ------------  */
/* ----------------------------------------- */
.digital-issue .sidebar h5:first-child { margin-top: 0; }
.digital-issue ul.past-issues li { text-align: center; }
.digital-issue ul.past-issues li p { font-weight: bold; font-size: .9em; margin-bottom: 5px; line-height: 1.2; }

/* ----------------------------------------- */
/* --------------- GUIDE PAGES ------------  */
/* ----------------------------------------- */
.guide a.all, .dinner_recipes a.all, .channel a.all { float: left; margin-left: 20px; text-transform: lowercase; }
.guide a.go, .dinner_recipes a.go, .channel a.go { font-weight: bold; color: #2f717a; }
.guide a.go:after, .dinner_recipes a.go:after, .channel a.go:after { content: '\0020\25B8'; }
.guide .rotator h4, .dinner_recipes .rotator h4, .channel .rotator h4 { margin-bottom: 5px; margin-top: 0; }
.guide .rotator p.caption, .dinner_recipes .rotator p.caption, .channel .rotator p.caption { line-height: 1.3; }
.guide .rotator .view-recipe a, .dinner_recipes .rotator .view-recipe a, .channel .rotator .view-recipe a { font-weight: bold; }
.guide .rotator .view-recipe a:after, .dinner_recipes .rotator .view-recipe a:after, .channel .rotator .view-recipe a:after { content: '\0020\25B8'; }
.guide.slideshow .navigation, .dinner_recipes.slideshow .navigation, .channel.slideshow .navigation { display: none; }
.guide .weekdays, .dinner_recipes .weekdays, .channel .weekdays { list-style: none; margin-top: 3px; }
.guide .weekdays li, .dinner_recipes .weekdays li, .channel .weekdays li { float: left; margin-right: 4px; }
.guide .weekdays li a, .dinner_recipes .weekdays li a, .channel .weekdays li a { -webkit-transition: all, 0.5s; -moz-transition: all, 0.5s; -o-transition: all, 0.5s; transition: all, 0.5s; font-size: 11px; font-weight: bold; border: 1px solid #ffad2c; background-color: #ffad2c; padding: 4px 7px; color: white; }
.guide .weekdays li a.active, .dinner_recipes .weekdays li a.active, .channel .weekdays li a.active { color: #ffa313; background-color: #fff; }

.powered-by { font-weight: normal; font-size: 10px; color: #363636; float: left; display: inline-block; margin: 13px 0 0 10px; }

.qa .big-q { font-family: fcomnessemibold, Helvetica, Arial, sans-serif; font-size: 1.8em; color: #2f717a; }
.qa .go { display: block; margin-top: 5px; }

.browse-links { font-family: fcomnesmedium, Helvetica, Arial, sans-serif; color: #2f717a; font-size: 1.1em; }
.browse-links a { display: inline-block; font-weight: normal; color: #4fa8b3; }
.browse-links a:after { content: '\0020\0020\2758'; color: #c1e3e7; }
.browse-links a:last-child:after { content: ''; }

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) { .channel .rotator h4 { font-size: 1.2em; }
  .channel .rotator p.caption { font-size: .9em; line-height: 1.1; }
  .channel .rotator .more h5 { font-size: 1.0em; }
  .channel .rotator .more ul li { font-size: .8em; margin-left: 9px; text-indent: -9px; } }
/* ----------------------------------------- */
/* -------------  CATEGORY PAGE ------------ */
/* ----------------------------------------- */
.category h1.main-title { font-size: 1.8em; }
.category .sortmenu label { font-size: .9em; }
.category .sortmenu select { display: inline-block; }
.category .second-grid { padding-top: 20px; }
.category .social-icons { float: right; }

.narrow-menu { line-height: 1.5; font-size: .9em; }
.narrow-menu .narrow-links a { display: inline-block; font-weight: normal; }
.narrow-menu .narrow-links a:after { content: '\0020\0020\2758'; color: #2f717a; }
.narrow-menu .heading { font-weight: bold; margin-bottom: 2px; color: #2f717a; }
.narrow-menu .heading.narrowed-by { display: inline-block; margin-right: 20px; }
.narrow-menu .narrow-terms .remove { display: inline-block; margin-left: 5px; color: #2f717a; }
.narrow-menu .narrow-terms .remove span { color: #363636; }

#megaDrop { background-color: #f8fbd5; margin-bottom: 10px; margin-top: 5px; padding-top: 5px; padding-bottom: 10px; }

.refine { font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 1em; }
.refine a { vertical-align: -2px; }
.refine a.toggle-nav { display: inline-block; width: 16px; height: 16px; background: url(/images/plus-toggle-green.png) 0 0 no-repeat; z-index: 1; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; }
.refine a.toggle-nav.open { -moz-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); z-index: 1; -moz-transform-origin: center center; }

.sortby { float: right; }
.sortby .sortlabel { font-family: Helvetica, Arial, sans-serif; font-weight: normal; font-size: 1.0em !important; }

.browse-all .all { margin-left: 30px; }
.browse-all .nav-list { list-style: none; *zoom: 1; clear: left; }
.browse-all .nav-list:before, .browse-all .nav-list:after { content: " "; display: table; }
.browse-all .nav-list:after { clear: both; }
.browse-all .nav-list li { float: left; margin-right: 15px; }
.browse-all .nav-list li:first-child { font-family: fcomnessemibold, Helvetica, Arial, sans-serif; font-size: 1.1em; }
.browse-all .nav-list li a { text-decoration: underline; color: #2f717a; }
.browse-all .nav-list li a.selected { text-decoration: none; color: #e2501b; font-weight: bold; }
.browse-all .recipe-lists { -webkit-columns: 2; -moz-columns: 2; -ms-columns: 2; -o-columns: 2; columns: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; }
.browse-all .recipe-lists ul { list-style: none; -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; column-break-inside: avoid; }
.browse-all .recipe-lists ul li { margin-left: 10px; text-indent: -10px; margin-bottom: 5px; }
.browse-all .recipe-lists ul li:before { content: '\25b8\0020'; color: #e2501b; }
.browse-all .recipe-lists ul li:first-child { font-family: fcomnessemibold, Helvetica, Arial, sans-serif; color: #2f717a; font-size: 1.1em; }
.browse-all .recipe-lists ul li:first-child:before { content: ''; }
.browse-all .recipe-lists ul li:last-child { font-weight: bold; font-size: .9em; margin-left: 10px; margin-top: 5px; text-indent: 0; text-transform: capitalize; }
.browse-all .recipe-lists ul li:last-child:before { content: ''; }
.browse-all .recipe-lists ul li:last-child:after { content: '\0020\25b8'; }

.browse-recipes h1.fltlft { padding-top: 5px; }
.browse-recipes a.all { color: #fff; float: right; margin-top: 12px; font-size: 1.1em; }
.browse-recipes a.all:after { color: #fff; }
.browse-recipes ul.recipe_links { list-style: none; }
.browse-recipes ul.recipe_links li { margin-bottom: 5px; }
.browse-recipes ul.recipe_links li.heading { padding: 8px 10px; margin-bottom: 8px; background-color: #cccccc; font-family: fcomnessemibold, Helvetica, Arial, sans-serif; text-transform: uppercase; color: #2f717a; font-size: 1.1em; }
.browse-recipes ul.recipe_links li a:before { content: '\25b8\0020'; color: #2f717a; }

.blog h5 { margin-bottom: 2px; }
.blog .author { font-style: italic; margin-bottom: 5px; }
.blog .thumb-list { list-style: none; }
.blog .thumb-list h5 { margin-top: 0; }
.blog .thumb-list li { padding-bottom: 0; *zoom: 1; margin-bottom: 10px; }
.blog .thumb-list li:before, .blog .thumb-list li:after { content: " "; display: table; }
.blog .thumb-list li:after { clear: both; }
.blog .thumb-list li .thumb { width: 145px; float: left; margin-right: 10px; }
.blog .thumb-list li .thumb img { max-width: 100%; }
.blog .thumb-list li .caption a { font-family: Helvetica, Arial, sans-serif; font-weight: bold; color: #2f717a; }
.blog .toolbar { margin-bottom: 20px; }

/* ----------------------------------------- */
/* ----------	INSPIRATION ----------------- */
/* ----------------------------------------- */
.inspiration { /****	Options ****/ }
.inspiration h1 { margin-top: 0; }
.inspiration .recipe-ideas h5 { margin-bottom: 6px; margin-top: 3px; }
.inspiration .recipe-ideas h5 a { color: #2f717a; }
.inspiration .recipe-ideas ul.links { list-style: none; margin-left: 0; }
.inspiration .recipe-ideas ul.links li { margin-bottom: 5px; font-size: .9em; margin-left: 12px; text-indent: -12px; }
.inspiration .recipe-ideas ul.links li a:before { content: '\25B8\0020'; color: #2f717a; }
.inspiration .element, .inspiration .recipe-name, .inspiration .recipe-name a { font-family: fcomnessemibold, Helvetica, Arial, sans-serif; }
.inspiration #options { margin-top: -5px; }
.inspiration #options { margin: 0; }
.inspiration #options h2 { font-weight: normal; color: #888; font-size: 1.1em; float: left; padding-right: 10px; }
.inspiration #options ul { margin: 0; list-style: none; }
.inspiration #options ul li { float: left; margin-bottom: 0.2em; }
.inspiration #options ul li a { display: block; padding: 10px 10px; background-color: #fff; border: 1px solid #CCCCCC; color: #2f717a; font-family: "fcomnessemibold", Helvetica, Arial, sans-serif; font-size: 1em; font-weight: normal; margin-right: 5px; }
.inspiration #options ul li a.selected { background-color: #D7D7D7; text-shadow: none; color: #4c9311; background-color: #e8f278; border: 1px solid #2f717a; }
.inspiration #options ul li a:hover { background-color: #f8fbd5; border: 1px solid #999; }

/* ----------------------------------------- */
/* ---------- RECIPE PAGE ------------------ */
/* ---------- INGREDIENT PAGE -------------- */
/* ----------------------------------------- */
.recipe h1, .recipes h1 { font-family: fcomnessemibold, Helvetica, Arial, sans-serif; margin-bottom: 20px; }
.recipe .recipe-data .yield, .recipes .recipe-data .yield { color: #363636; font-family: fcomnessemibold, Helvetica, Arial, sans-serif; font-size: 1.1em; line-height: 1.1; }
.recipe .recipe-data .author, .recipes .recipe-data .author { font-style: italic; margin-top: 10px; }
.recipe .recipe-data .review-link, .recipes .recipe-data .review-link { margin-top: 5px; color: #848484; }
.recipe .recipe-data .review-link a, .recipes .recipe-data .review-link a { color: #e2501b; text-decoration: underline; }
.recipe .recipe-data .small.button, .recipes .recipe-data .small.button { margin-bottom: 15px; }
.recipe .recipe-data .stars, .recipes .recipe-data .stars { margin-bottom: 10px; }
.recipe .recipe-data ul, .recipes .recipe-data ul { list-style: none; margin-top: 20px; }
.recipe .recipe-data ul li, .recipes .recipe-data ul li { margin-bottom: 10px; }
.recipe .recipe-data ul li a, .recipes .recipe-data ul li a { color: #2f717a; text-decoration: underline; }
.recipe .hednote, .recipes .hednote { margin-top: 20px; border-bottom: 1px solid #cccccc; padding-bottom: 5px; margin-bottom: 20px; line-height: 1.3; }
.recipe .hednote a, .recipes .hednote a { text-decoration: underline; color: #2f717a; }
.recipe .ingredients ul, .recipes .ingredients ul { list-style: none; font-weight: bold; }
.recipe .ingredients ul li, .recipes .ingredients ul li { line-height: 1.2; margin-bottom: 8px; }
.recipe .ingredients ul li p, .recipes .ingredients ul li p { line-height: 1.2; font-weight: bold; margin-bottom: 8px; }
.recipe .ingredients ul li ul, .recipes .ingredients ul li ul { list-style: disc; font-weight: normal; margin-top: 10px; }
.recipe .ingredients a, .recipes .ingredients a { text-decoration: underline; color: #2f717a; }
.recipe #from-menu, .recipes #from-menu { font-family: fcomnesmedium, Helvetica, Arial, sans-serif; }
.recipe #from-menu a, .recipes #from-menu a { text-decoration: underline; color: #2f717a; }
.recipe #from-menu + div > h1.main-title, .recipes #from-menu + div > h1.main-title { margin-top: 2px; font-size: 1.8em; }
.recipe .recipe-content, .recipes .recipe-content { border-top: 1px solid #cccccc; padding-top: 20px; margin-top: 10px; clear: both; }
.recipe .recipe-content h5, .recipes .recipe-content h5 { color: #363636; margin-bottom: 5px; }
.recipe .recipe-content .nutrition, .recipes .recipe-content .nutrition { color: #2f717a; clear: both; }
.recipe .recipe-content .image-1up .caption, .recipes .recipe-content .image-1up .caption { font-weight: bold; font-size: .9em; line-height: 1.1; margin-top: 5px; margin-bottom: 10px; }
.recipe .recipe-content .image-1up img, .recipes .recipe-content .image-1up img { max-width: 100%; }
.recipe .recipe-content p a, .recipes .recipe-content p a { color: #2f717a; text-decoration: underline; }
.recipe .tip, .recipes .tip { color: #e2501b; margin-bottom: 10px; line-height: 1.3; }
.recipe .tip h5, .recipes .tip h5 { color: #e2501b; text-transform: uppercase; }
.recipe .discovery, .recipes .discovery { float: right; width: 155px; margin-left: 10px; }
.recipe .discovery h5, .recipes .discovery h5 { margin-bottom: 10px; }
.recipe .discovery ul, .recipes .discovery ul { list-style: none; }
.recipe .discovery ul li, .recipes .discovery ul li { display: inline-block; line-height: 1.5; }
.recipe .discovery ul li a, .recipes .discovery ul li a { color: #2f717a; text-decoration: underline; }
.recipe .discovery ul li:after, .recipes .discovery ul li:after { content: '\0020\0020\2758'; color: #cccccc; }
.recipe .discovery ul li:last-child:after, .recipes .discovery ul li:last-child:after { content: ''; }
.recipe .user-review .byline, .recipes .user-review .byline { font-style: italic; display: inline-block; margin-right: 10px; margin-left: 5px; }
.recipe .reviews-head, .recipes .reviews-head { margin-top: 10px; list-style: none; *zoom: 1; }
.recipe .reviews-head:before, .recipe .reviews-head:after, .recipes .reviews-head:before, .recipes .reviews-head:after { content: " "; display: table; }
.recipe .reviews-head:after, .recipes .reviews-head:after { clear: both; }
.recipe .reviews-head li, .recipes .reviews-head li { float: left; margin-right: 15px; }
.recipe .reviews-head li h5, .recipes .reviews-head li h5 { color: #363636; }
.recipe .reviews-head li h5.madeit, .recipes .reviews-head li h5.madeit { color: #ffad2c; }
.recipe .reviews-head li .button, .recipes .reviews-head li .button { vertical-align: -12px; font-size: 1em; }

.reviews-jump { margin: 10px 0; }

/* Variations for ingredient page */
.ingredient h1 { margin-bottom: 0; }
.ingredient .recipe-content .floatbox { float: right; margin-left: 10px; }
.ingredient .recipe-content h5 { color: #2f717a; }

.panel, .panelLite { padding: 15px; border: 1px solid #2f717a; margin: 10px 0 20px 0; width: 94%; clear: both; }

/* ratings and reviews */
.rnr textarea#ctl00_phMainContent_txtReview { min-width: 300px; min-height: 120px; }

.my-note { font-weight: bold; color: #2f717a; }

.more-recipes { background-color: #fff; clear: both; border-top: 1px solid #ccc; margin-top: 10px; padding: 0 20px 0 10px !important; position: relative; }
.more-recipes h3 { font-family: fcomnessemibold, Helvetica, Arial, sans-serif; font-size: 17px; margin: 15px 0; padding: 0; }
.more-recipes #owl-carousel { padding-left: 10px; }
.more-recipes #owl-carousel .item { margin: 5px; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; line-height: 18px; }
.more-recipes #owl-carousel .item a { display: block; }
.more-recipes #owl-carousel .item a:first-child { margin-bottom: 5px; }
.more-recipes .customNavigation { text-align: center; }
.more-recipes .customNavigation a { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.more-recipes .customNavigation a.prev { left: -8px; background: transparent url(/images/mrm-prev.png) 0 0 no-repeat; }
.more-recipes .customNavigation a.next { right: -3px; background: transparent url(/images/mrm-next.png) 0 0 no-repeat; }
.more-recipes .customNavigation a.prev, .more-recipes .customNavigation a.next { cursor: pointer; display: block; height: 44px; position: absolute; text-indent: -9999px; top: 80px; width: 26px; }

html.touch .more-recipes a.prev, html.touch .more-recipes a.next { visibility: hidden; }

/* make it tonight sponsored recipe */
.mit_recipe .sponsor_wrap { overflow: hidden; float: left; width: 50%; } 

.mit_recipe_header { overflow: hidden; padding-left: 10px; }
.mit_recipe_heading { float: left; width: 50%; margin: 0 0 20px 0; line-height: 1; }
.mit_recipe_title { margin: 0 0 15px 0; }
.mit_recipe_image { display: block; margin: 0 0 15px 0; }
.mit_recipe_caption { margin: 0 0 15px 0; }

.mit_recipe_meta_wrap .stars, .mit_recipe_meta_wrap .cta, .mit_recipe_meta_wrap .yield { margin-bottom: 5px; }
.mit_recipe_meta_wrap .cta { display: block; }
.mit_recipe_meta { padding-left: 10px; }
.mit_recipe_meta .yield { font-weight: 600; }

@media only screen and (max-width: 767px) { 
  .mit_recipe_heading, .mit_recipe .sponsor_wrap {
    float: none;
    width: 100%;
  }
  .mit_recipe_heading {
    text-align: center;
    margin-bottom: 10px;
  }
}

/* ----------------------------------------- */
/* ------------- SIDEBAR ------------------- */
/* ----------------------------------------- */
.sidebar-head { font-weight: bold; font-weight: 600; text-transform: uppercase; text-align: center; background-color: #333; color: white; padding: 5px; }

.mrec { text-align: center; }

.merch-sb { border: 1px solid #ccc; }

.vsw-ads { border: 1px solid #ccc; padding: 10px; }

.merch-sb h3 { text-align: center; font-size: 1.3em; text-transform: uppercase; }

.module { margin-top: 25px; }

.module.mit { position: relative; border-top: 1px solid #848484; padding: 5px 0; margin:25px 0; }
.module.mit h6 { position: absolute; top: 0; right: 0; background-color: #144d54; font-size: 1em; text-transform: uppercase;  color: #ffffff; padding: 5px; margin: 0; text-align: right; }

.mit_menu_wrap { position: relative; overflow: hidden; }
.mit_menu_wrap .thumb { float: left; width: 145px; margin-right: 5px; }
.mit_menu_wrap .thumb img { max-width: 100%; }
.mit_menu_wrap .details { float: left; width: 160px; font-size: .9em; font-weight: bold; line-height: 1.2; }
.mit_menu_wrap .details .details_link { color: #000000; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.module.mit .sponsor_wrap { position: relative; bottom: 36px; }
.module.mit .sponsor_tag { float: right; width: 33%; margin-bottom: 5px; text-align: center; }
.module.mit .sponsor_logo { clear: right; float: right; width: 33%;  }
/*  Are these used?? 
.mit_menu_wrap h4 { font-size: 0.9em; font-weight: bold; margin-bottom: 5px; }
.module.mit iframe { height: 70px; }
.mit_menu_wrap .details img {display:none}
.mit_menu_wrap .mit-all { display: none; margin-top: 10px; } 
.mit-content { padding: 0 !important; background-image: none; background-color: #144d54; }
.mit-content .signup-panel { padding: 0 !important; }
*/

@media screen and (max-width: 1024px) { .mit h6 { margin: 0 0 -20px 160px; } }
.signup-panel { padding: 5px; background-color: #144d54; margin-top: 5px; color: white; }
.signup-panel p { font-family: fcomnessemibold, Helvetica, Arial, sans-serif; font-size: 1.3em; }
.signup-panel p:first-child { margin-bottom: 0; }
.signup-panel input:not(.button) { height: 27px; margin: 0; vertical-align: -1px; }

.cc-signup { background-color: #ffad2c; text-align: center; padding-bottom: 10px; }
.cc-signup h3 { color: White; font-family: fcomnessemibold, Helvetica, Arial, sans-serif; line-height: 1.0; margin-bottom: 0; }
.cc-signup h5 { margin-top: 3px; color: white; font-family: fcomnesmedium, Helvetica, Arial, sans-serif; }
.cc-signup .white-box { background-color: #fff; padding: 10px; }
.cc-signup .white-box ul.benefits { text-align: left; list-style: none; }
.cc-signup .white-box ul.benefits li { margin-left: 12px; text-indent: -12px; margin-bottom: 4px; }
.cc-signup .white-box ul.benefits li:before { content: '\25B8\0020'; color: #e2501b; }
.cc-signup .white-box input[type="text"] { padding: 5px; display: block; margin: 5px auto 0 auto; width: 235px; border: 1px solid #ffad2c; background-color: #fff; color: #848484; }
.cc-signup .white-box .mouse { font-size: 9px; }
.cc-signup .white-box .button { width: 235px; text-transform: uppercase; margin-top: 10px; font-size: 14px; }
.cc-signup .white-box .already a { text-decoration: underline; }
.article .cc-signup { text-align: left; }
.article .cc-signup input[type="text"] { margin: 5px; }

.my-recipe-box { background-color: #e8f278; text-align: center; }
.my-recipe-box h5 { margin: 10px auto; background: transparent url(/images/sidebar-myrecipebox.png) 0 0 no-repeat; text-indent: -9999px; width: 277px; height: 32px; }
.my-recipe-box .go { font-weight: bold; color: #2f717a; }

.digital-editions { background-color: #2f717a; color: white; }
.digital-editions h5 { color: #fff; text-align: center; }
.digital-editions img.devices { float: left; margin-right: 20px; }
.digital-editions .details { float: left; display: inline-block; width: 160px; }
.digital-editions .details p { margin-bottom: 5px; line-height: 1.2; }
.digital-editions .details img { margin-top: 5px; }

.new-members.module li p { font-size: .9em; line-height: 1.1; font-style: italic; }
.new-members.module li p a { color: #2f717a; display: block; margin-bottom: 5px; font-style: normal; text-decoration: underline; text-transform: capitalize; }

/* MF widget */
.mf-widget { border: 3px solid #e2501b; }
.mf-widget .mfw-header { background: #e2501b; text-align: center; }
.mf-widget h3 { margin: 0; font: normal 12px fcomnesmedium, Helvetica, Arial, sans-serif; color: #fff; background: #341416; text-align: center; padding: 5px 0; -webkit-box-shadow: 0px 6px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 6px 5px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 6px 5px 0px rgba(50, 50, 50, 0.2); text-transform: uppercase; }
.mf-widget h3 span { color: #ffad2c; }
.mf-widget .tbl .td { vertical-align: top; }
.mf-widget .thumb img { max-width: 135px; vertical-align: top; }
.mf-widget ul { float: left; list-style: none; margin: 15px 10px 0 15px; }
.mf-widget ul li { margin-bottom: 10px; }
.mf-widget a.mfw-links { color: #144d54; display: block; font: 13px fcomnessemibold, Helvetica, Arial, sans-serif; margin-top: 0; }
.mf-widget a.mfw-links:after { color: #144d54; content: '\0020\25B8'; }
.mf-widget a.mfw-links.all { margin: 0 10px 5px 15px; }

/* ----------------------------------------- */
/* -------------- footer ------------------- */
/* ----------------------------------------- */
.footer { padding-top: 20px; margin-top: 20px; border-top: 2px dotted #cccccc; }
.footer .footer-logo { margin-left: 15px; }
.footer .network-head { color: #848484; font-size: .85em; text-align: center; font-weight: bold; margin: 0 0 10px 8px; }
.footer ul { list-style: none; }
.footer ul ul { margin-top: 10px; }
.footer ul ul li { font-size: .8em; margin-bottom: 2px; }
.footer ul ul li a { color: #603d26; }
.footer ul ul li:first-child { font-weight: bold; }
.footer #network { border-collapse: separate; border-spacing: 10px; margin: 0; border-radius: 0; }
.footer #network img { max-width: 100%; }
.footer #network td { border: 1px solid #ccc; background-color: #fff; width: 40%; text-align: center; vertical-align: middle; }
.footer #network p { margin: 0; }
.footer #network p.marg10 { margin-bottom: 8px; }
.footer #network p a { text-decoration: underline; color: #848484; font-size: .8em; }

.subscription { height: 315px; }
.subscription iframe { width: 100%; height: 100%; }

.subscription.module { height: 250px; }
.subscription.module iframe { width: 313px !important; height: 100%; }

.subscribe-module { background-image: none; margin: 0; padding: 0; font-family: Helvetica, Arial, sans-serif; }
.subscribe-module.mf { background: #f0eadb; }
.subscribe-module.mf h2 { background: #69166a; color: #fb6226; font-size: 23px; font-weight: bold !important; padding: 7px 0; text-align: center; }
.subscribe-module.mf input[type="text"], .subscribe-module.mf input[type="email"] { border: 0; }
.subscribe-module.mf .left { margin-left: 20px; margin-top: 0px; }
.subscribe-module.mf .right { margin-left: 45px; }
.subscribe-module.mf .sub-form { margin: 0; }
.subscribe-module.mf .note { color: #0a6de7; }
.subscribe-module.mf #fan { background: transparent url(/images/mf-mag-digital-combo-large.png) 0 0 no-repeat; width: 245px; height: 227px; }
.subscribe-module.mf ul.links { margin: -25px 0 0 20px; }
.subscribe-module.mf ul.links li { line-height: 28px; clear: both; }
.subscribe-module.mf .act-now { color: #fb6226; font: bold 18px Arial, Helvetica, sans-serif; }
.subscribe-module .sub-form { margin-left: 30px; margin-top: 20px; }
.subscribe-module input[type="text"], .subscribe-module input[type="email"] { display: block; padding: 5px; width: 270px; margin-bottom: 8px; border: 1px solid #ffad2c; }
.subscribe-module input[type="text"]:last-of-type, .subscribe-module input[type="email"]:last-of-type { margin-bottom: 0; }
.subscribe-module .button { font-weight: normal; }
.subscribe-module .mouse { text-decoration: none; font-size: 9px; }
.subscribe-module h2 { color: white; margin-top: 0; font-size: 30px; font-weight: normal !important; line-height: 1; margin-bottom: 10px; }
.subscribe-module .right { float: left; }
.subscribe-module .left { float: left; width: 330px; }
.subscribe-module #fan { background: transparent url(/images/Mag-digital-combo-large.png) 0 0 no-repeat; width: 230px; height: 217px; }
.subscribe-module #homepage { background: transparent url(/images/MU8674_Updated-Sub-Module_650_315.jpeg) 0 0 no-repeat; width: 650px; height: 315px; }
.subscribe-module .opt-out { margin-top: 10px; display: table; border-collapse: collapse; }
.subscribe-module .opt-out .tr { display: table-row; }
.subscribe-module .opt-out .optout-msg { font-size: 12px; display: table-cell; }
.subscribe-module .opt-out .optout-cb { display: table-cell; padding-right: 4px; }
.subscribe-module ul.links { list-style: none; margin: -25px 0 0 0; padding: 0; display: inline-block; }
.subscribe-module ul.links li { float: left; margin-right: 10px; }
.subscribe-module ul.links li a.go { color: White; text-decoration: none; font-family: Helvetica, Arial, sans-serif; font-size: 13px; display: inline-block; vertical-align: -4px; }
.subscribe-module ul.links li a.go:after { content: '\25B8'; font-family: Helvetica, Arial, sans-serif; }

@media screen and (max-width: 600px) { .subscribe-module .button { padding-left: 10px; padding-right: 10px; }
  .subscribe-module .sub-form { margin-top: 5px; margin-left: 5px; }
  .subscribe-module h2 { font-family: fcomnesmedium, Helvetica, Arial, sans-serif; line-height: 1; margin-bottom: 10px; font-size: 21px; margin-left: 5px; margin-top: 10px; }
  .subscribe-module input[type="text"] { width: 150px; margin-bottom: 4px; }
  .subscribe-module .right { float: right; width: 120px; }
  .subscribe-module .left { float: left; width: 160px; padding-left: 5px; }
  .subscribe-module #fan { background: transparent url(/images/Mag-digital-combo-small.png) -5px 0 no-repeat; width: 125px; height: 170px; }
  .subscribe-module #homepage { background: transparent url(/images/MU8674_Updated-Sub-Module_300x250.jpg)  0 no-repeat; width: 300px; height: 250px; }
  .subscribe-module .opt-out .optout-msg { font-size: 10px; }
  .subscribe-module ul.links { list-style: none; margin: 20px 0 0 5px; padding: 0; width: 100%; }
  .subscribe-module ul.links li { line-height: 1.2; text-align: center; margin-right: 6px; }
  .subscribe-module ul.links li a.go { color: White; text-decoration: none; font-family: fcomnesmedium, Helvetica, Arial, sans-serif; font-size: 14px; }
  .subscribe-module ul.links li a.go:after { content: '\0020\25B8'; font-family: Helvetica, Arial, sans-serif; }
  .subscribe-module.mf #fan { background: transparent url(/images/mf-mag-digital-combo-small.png) 0 0 no-repeat; width: 112px; height: 181px; }
  .subscribe-module.mf .left { margin-left: 5px; margin-top: 0; }
  .subscribe-module.mf .right { margin-left: 0; }
  .subscribe-module.mf ul.links { margin-left: 5px; margin-top: 0; }
  .subscribe-module.mf ul.links li { clear: none; }
  .subscribe-module.mf ul.links .act-now { font-size: 15px; }
  .subscribe-module.mf h2 { margin: 0; } }
@media screen and (min-width: 932px) { .subscribe-module.mf ul.links { display: block; }
  .subscribe-module.mf ul.links li:first-child { margin-top: -25px; } }
/*  APPS page */
.apps h1 { color: #e2501b; }
.apps h2 { font-size: 2.0em; color: #e2501b; margin-top: 0; line-height: 1; }
.apps h5.orange { color: #e2501b; margin-bottom: 5px; margin-top: 25px; }
.apps a.more { text-decoration: underline; color: #2f717a; }
.apps a.more:after { content: '\0020\25b8'; text-decoration: none; }
.apps p { line-height: 1.25; margin-bottom: 10px; }
.apps p.itunes { margin-top: 15px; }
.apps p.see-all { font-weight: bold; color: #2f717a; }
.apps .collection h4 { color: white; background-color: #2f717a; padding: 8px; }
.apps .collection li { text-align: center; }
.apps .collection li .app-name { font-family: fcomnesmedium, Helvetica, Arial, sans-serif; color: #144d54; font-size: 1.4em; }
.apps .collection li .avail { color: #848484; font-size: .8em; margin-bottom: 10px; }
.apps .support h3 { font-family: fcomnesblack, Helvetica, Arial, sans-serif; }
.apps .support h6 { margin: 0 0 5px 0; font-size: 1.2em; }
.apps .support p { font-size: 1em; }
.apps .support p a { text-decoration: underline; color: #2f717a; }
.apps .row.cust-service { margin-top: 40px; }
.apps .rule-left { border-left: 1px solid #cccccc; }

.registration table.register { margin: 30px auto 10px; width: 80%; border: none; border-collapse: collapse; }
.registration table.register tr td:first-child { text-align: right; white-space: nowrap; }
.registration table.register tr td.left { text-align: left; }
.registration table.register tr:nth-child(even) { background: none; }
.registration table.register td { padding: 5px; }
.registration .help-text { color: #848484; font-size: 12px; }
.registration .benefits { margin: 0 0 0 20px; padding: 0; }

.my-page .profile-bio { *zoom: 1; margin-top: 30px; margin-bottom: 15px; }
.my-page .profile-bio:before, .my-page .profile-bio:after { content: " "; display: table; }
.my-page .profile-bio:after { clear: both; }
.my-page .profile-bio .my-avatar { float: left; }
.my-page .profile-bio .bio-text { float: left; margin-left: 10px; }
.my-page .profile-bio .bio-text p { margin-bottom: 0; }
.my-page .profile-bio .bio-text p.my-handle { color: #2f717a; font-size: 1.2em; font-family: fcomnessemibold, Helvetica, Arial, sans-serif; }
.my-page .profile-bio .bio-text p.my-name { font-size: 1em; }
.my-page .profile-bio .bio-text p.my-role { font-style: italic; font-size: .9em; }
.my-page .posts { border-top: 1px solid #cccccc; padding-top: 10px; }
.my-page .posts h3 { margin: 0; }
.my-page .items { display: table; border-collapse: separate; border-spacing: 0 30px; }
.my-page .items .item { display: table-row; }
.my-page .items .item .image { display: table-cell; vertical-align: top; padding-right: 10px; width: 100px; }
.my-page .items .item .details { display: table-cell; vertical-align: top; }
.my-page .items .item .details .title { margin-top: 0; margin-bottom: 0; }
.my-page .items .item .details .title a { font-family: fcomnessemibold, Helvetica, Arial, sans-serif; color: #2f717a; font-size: 1.4em; }
.my-page .items .item .details h4 { display: inline; margin-top: 0; }
.my-page .items .item .details p { margin-bottom: 5px; }
.my-page .items .item .details .byline { font-style: italic; }
.my-page .comments { border-top: 1px solid #cccccc; padding-top: 10px; }
.my-page .comments .title { margin-bottom: 0; font-size: 1.2em; }
.my-page .comments .title a { font-family: fcomnessemibold, Helvetica, Arial, sans-serif; color: #2f717a; font-size: 1.1em; }
.my-page .comments p:not(.title) { margin-right: 40px; }

/*
	Colorbox Core Style:
	The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper { position: absolute; top: 0; left: 0; z-index: 99999; overflow: visible; }

#cboxOverlay { position: fixed; width: 100%; height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft { clear: left; }

#cboxContent { position: relative; }

#cboxLoadedContent { overflow: auto; -webkit-overflow-scrolling: touch; }

#cboxTitle { margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor: pointer; }

.cboxPhoto { float: left; margin: auto; border: 0; display: block; max-width: none; -ms-interpolation-mode: bicubic; }

.cboxIframe { width: 100%; height: 100%; display: block; border: 0; }

#colorbox, #cboxContent, #cboxLoadedContent { box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }

/* 
	User Style:
	Change the following styles to modify the appearance of Colorbox.  They are
	ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay { background: #000; background: rgba(255, 255, 255, 0.4); }

#colorbox { outline: 0;z-index:100000001 }

#cboxContent { margin-top: 20px; background: #ccc; -webkit-box-shadow: rgba(0, 0, 0, 0.8) 2px 2px 20px; -moz-box-shadow: rgba(0, 0, 0, 0.8) 2px 2px 20px; box-shadow: rgba(0, 0, 0, 0.8) 2px 2px 20px; }

.cboxIframe { background: #fff; }

#cboxError { padding: 50px; border: 1px solid #ccc; }

#cboxLoadedContent { border: 2px solid #2f717a; background: #fff; padding: 20px; }

#cboxTitle { position: absolute; top: -22px; height: 32px; left: 0; color: #fff; background-color: #2f717a; font-size: 18px; font-family: fcomnesmedium, Helvetica, Arial, sans-serif; width: 100%; padding: 10px; }

#cboxCurrent { position: absolute; top: -22px; right: 40px; color: #fff; padding: 8px; font-size: 11px; }

#cboxLoadingGraphic { background: url(/images/loading.gif) no-repeat center center; }

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles    */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { border: 0; padding: 0; margin: 0; overflow: visible; width: auto; background: none; }

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating)    */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active { outline: 0; }

#cboxSlideshow { position: absolute; top: -20px; right: 90px; color: #fff; }

#cboxPrevious { position: absolute; top: 50%; left: 0; margin-top: -32px; background: url(/images/controls.png) no-repeat top left; width: 28px; height: 65px; text-indent: -9999px; }

#cboxPrevious:hover { background-position: bottom left; }

#cboxNext { position: absolute; top: 50%; right: 0; margin-top: -32px; background: url(/images/controls.png) no-repeat top right; width: 28px; height: 65px; text-indent: -9999px; }

#cboxNext:hover { background-position: bottom right; }

#cboxClose { position: absolute; top: -16px; right: 0; display: block; background: url(/images/controls.png) no-repeat top center; width: 38px; height: 19px; text-indent: -9999px; }

/* ----------------------------------------- */
/* -------------  SHARE PAGES -------------- */
/* ----------------------------------------- */
#share-home .share-choices h5 { margin-bottom: 5px; }
#share-home .share-choices p a { color: #2f717a; text-decoration: underline; }
#share-home .start-sharing { font-family: fcomnessemibold, Helvetica, Arial, sans-serif; font-size: 1.3em; color: #e2501b; }

.error-message { color: Red; }

#share ul.categories { list-style: none; }
#share .success-message { color: #4fa8b3; }
#share .buttons .button { margin-bottom: 10px !important; }

#user-recipe #email-print .right_function_link, #user-recipe #email-print .print, #post.preview #email-print .right_function_link, #post.preview #email-print .print { line-height: 1.3; }
#user-recipe #email-print .right_function_link a, #user-recipe #email-print .print a, #post.preview #email-print .right_function_link a, #post.preview #email-print .print a { font-weight: bold; color: #2f717a; text-decoration: underline; margin-bottom: 0; text-transform: capitalize; }

/* ----------------------------------------- */
/* -------------  SFCHEFS -------------- */
/* ----------------------------------------- */
#sfchefs #left_col { height: 100%; width: 272px; float: left; margin: 15px 0 0; padding: 0; }
#sfchefs #center_col { float: left; width: 425px; height: 100%; margin: 15px 12px; padding: 0; }
#sfchefs #right_col { border-left: 3px dotted #ccc; float: right; width: 262px; height: 100%; margin: 0; padding: 15px 0 0 12px; }
#sfchefs img.map { margin: 15px auto; }
#sfchefs h2 { font: bold 18px Arial, Helvetica, sans-serif; color: #ff6600; text-transform: uppercase; }
#sfchefs h3 { font: bold 15px Arial, Helvetica, sans-serif; color: #ff6600; text-transform: capitalize; margin: 0; }
#sfchefs h4 { font: 14px Arial, Helvetica, sans-serif; color: #000; margin: 0; }
#sfchefs ul.schedule { list-style: none; margin: 0 0 12px 0; padding: 0; display: table; }
#sfchefs ul.schedule li { display: table-row; margin: 5px 0; }
#sfchefs ul.schedule li:nth-of-type(even) { background: #f5f5f5; }
#sfchefs ul.schedule li .date { display: table-cell; color: #ff7500; font: bold 15px Arial, Helvetica, sans-serif; padding: 5px; width: 20px; height: 20px; text-align: center; }
#sfchefs ul.schedule li .event { display: table-cell; padding: 4px; color: #000; font: 14px Georgia, "Times New Roman", Times, serif; vertical-align: middle; }
#sfchefs ul.schedule li a { color: #000; text-decoration: none; display: block; }
#sfchefs .chef-info { width: 262px; border-bottom: 1px solid #ccc; padding: 10px 0; margin: 0; position: relative; }
#sfchefs .chef-info img { float: left; margin: 0 10px 10px 0; }
#sfchefs .chef-info h3 { float: left; margin: 0; padding: 0; }
#sfchefs .chef-info p { float: left; margin: 0 0 10px; width: 180px; }
#sfchefs .chef-info a.more { background: url(/assets/images/pages/sfchefs/bg-more.png) no-repeat left center; cursor: pointer; text-decoration: none; padding: 2px 0 0 25px; color: #666; margin: 0 0 0 78px; }
#sfchefs .chef-info a.more:hover { text-decoration: underline; }
#sfchefs .biotitle { color: #FF6600; font-size: 16px; font-weight: bold; }
#sfchefs .details { border-bottom: 1px solid #ccc; width: 427px; padding: 5px 0; }
#sfchefs .details a { text-decoration: none; outline: 0; }
#sfchefs a:hover, #sfchefs a:active, #sfchefs a:focus { outline: 0; }
#sfchefs .details p { color: #666; margin: 10px 0; }
#sfchefs .grey-header { background: #ccc; color: #000; font: bold 14px Arial, Helvetica, sans-serif; width: 100%; padding: 2px 5px 4px 5px; margin: 10px 0 0; }

/* google overrides */
td.gsc-table-cell-thumbnail.gsc-thumbnail { width: 150px; height: 150px; }

div.gs-image-box { width: 150px; height: 150px; }

.gs-web-image-box img.gs-image, .gs-promotion-image-box img.gs-promotion-image { max-width: 100% !important; max-height: 150px !important; }

.gs-title, .gsc-result .gs-title, .gsc-result .gs-title b, .gs-webResult.gs-result a.gs-title:visited, .gs-webResult.gs-result a.gs-title:visited b, .gs-imageResult a.gs-title:visited, .gs-imageResult a.gs-title:visited b { height: auto !important; font-family: fcomnesmedium, Helvetica, Arial, sans-serif !important; font-weight: normal !important; font-size: 1.1em !important; color: #2f717a !important; text-decoration: none !important; }
.gs-title a, .gsc-result .gs-title a, .gsc-result .gs-title b a, .gs-webResult.gs-result a.gs-title:visited a, .gs-webResult.gs-result a.gs-title:visited b a, .gs-imageResult a.gs-title:visited a, .gs-imageResult a.gs-title:visited b a { color: #2f717a !important; text-decoration: none !important; font-size: 1.1em !important; }

.gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl, .gs-webResult div.gs-visibleUrl, .gs-imageResult div.gs-visibleUrl b { color: #4fa8b3 !important; }

table.gsc-table-result { margin-bottom: 0; }

table.gsc-above-wrapper-area-container { border: none !important; }
table.gsc-above-wrapper-area-container td { padding: 0; }

.gsc-result-info { margin: 0 !important; }

.gsc-tabHeader { padding-left: 18px !important; padding-right: 18px !important; padding-top: 6px; padding-bottom: 7px; margin-right: 2px; margin-top: 2px; font-family: fcomnessemibold, Helvetica, Arial, sans-serif !important; font-weight: normal !important; font-size: 1.1em !important; border-top-left-radius: 6px; border-top-right-radius: 6px; }

.gsc-snippet-metadata { display: none !important; }

.cse .gsc-webResult.gsc-result, .gsc-webResult.gsc-result, .gsc-imageResult-column, .gsc-imageResult-classic { margin-bottom: 0 !important; }

.gsc-results .gsc-cursor-box .gsc-cursor-page { color: #2f717a !important; }

.gs-per-result-labels span { display: none !important; }
.gs-per-result-labels span a { color: #2f717a !important; }

.gsc-adBlockNoHeight, .gsc-adBlockNoHeight iframe { display: none !important; }

#google_search table.gsc-resultsHeader { border: none !important; }

/* ----------------------------------------- */
/* ------------- Baking with finecooking ------------  */
/* ----------------------------------------- */
.bakingwithfinecooking, .bakingissue { color: black; /* Fancybox overrides */ }
.bakingwithfinecooking h1, .bakingissue h1 { color: #028f85; }
.bakingwithfinecooking h2, .bakingissue h2 { font-family: fcomnesmedium, Helvetica, Arial, sans-serif; color: #de2248; }
.bakingwithfinecooking h4, .bakingissue h4 { font-family: fcomnesmedium, Helvetica, Arial, sans-serif; color: black; }
.bakingwithfinecooking p, .bakingissue p { font-size: 16px; margin-right: 20px; }
.bakingwithfinecooking p.already, .bakingissue p.already { font-size: 14px; font-weight: bold; margin-left: 20px; }
.bakingwithfinecooking p.already a, .bakingissue p.already a { color: black; font-weight: normal; text-decoration: underline; }
.bakingwithfinecooking ul li, .bakingissue ul li { font-size: 16px; }
.bakingwithfinecooking .devices img, .bakingissue .devices img { margin-top: 20px; }
.bakingwithfinecooking .button.pink, .bakingissue .button.pink { background: #de2248; font-family: fcomnesmedium, Helvetica, Arial, sans-serif; margin: 10px 0 10px 100px; text-transform: uppercase; }
.bakingwithfinecooking .sample-issue h4, .bakingissue .sample-issue h4 { font-family: Helvetica, Arial, sans-serif; font-weight: bold; margin: 20px 0 25px; }
.bakingwithfinecooking .sample-issue h4 span, .bakingissue .sample-issue h4 span { color: #028f85; }
.bakingwithfinecooking .sample-issue h4 span a, .bakingissue .sample-issue h4 span a { text-decoration: underline; }
.bakingwithfinecooking .sample-issue h4 span:first-child, .bakingissue .sample-issue h4 span:first-child { font-family: fcomnesmedium, Helvetica, Arial, sans-serif; color: #de2248; }
.bakingwithfinecooking .past-issues h4, .bakingissue .past-issues h4 { color: #028f85; font-weight: bold; }
.bakingwithfinecooking .past-issues p, .bakingissue .past-issues p { font-size: 14px; text-align: center; }
.bakingwithfinecooking .sidebar h5, .bakingissue .sidebar h5 { color: #028f85; font-size: 19px; margin-top: 0; }
.bakingwithfinecooking .sidebar ul li, .bakingissue .sidebar ul li { font-size: 14px; }
.bakingwithfinecooking .tablet-edition, .bakingissue .tablet-edition { border-left: 1px solid #cccccc; padding-left: 25px; text-align: center; }
.bakingwithfinecooking .tablet-edition h5, .bakingissue .tablet-edition h5 { color: #de2248; margin: 0 0 15px 15px; }
.bakingwithfinecooking .tablet-edition p, .bakingissue .tablet-edition p { font-size: 14px; margin-bottom: 10px; }
.bakingwithfinecooking #baking-popup, .bakingissue #baking-popup { border: 20px solid #ffad2c; background: #fff; padding: 20px; }
.bakingwithfinecooking #baking-popup h4, .bakingissue #baking-popup h4 { font-family: fcomnesmedium; color: #e2501b; text-align: center; }
.bakingwithfinecooking #baking-popup h4 span, .bakingissue #baking-popup h4 span { color: #2f717a; font-size: 20px; }
.bakingwithfinecooking #baking-popup h4 hr, .bakingissue #baking-popup h4 hr { margin: 10px 0; }
.bakingwithfinecooking #baking-popup p, .bakingissue #baking-popup p { margin: 10px 20px; font-size: 14px; }
.bakingwithfinecooking #baking-popup ul, .bakingissue #baking-popup ul { margin-left: 20px; }
.bakingwithfinecooking #baking-popup ul li, .bakingissue #baking-popup ul li { font-size: 14px; }
.bakingwithfinecooking #baking-popup .button.orangedark, .bakingissue #baking-popup .button.orangedark { font-family: fcomnesmedium, Helvetica, Arial, sans-serif; font-size: 19px; padding: 12px 35px; }
.bakingwithfinecooking .centered, .bakingissue .centered { width: 100%; text-align: center; }
.bakingwithfinecooking .fancybox-close, .bakingissue .fancybox-close { background-image: url("/assets/images/fancybox/baking_fancy_close.png"); background-repeat: no-repeat; right: -10px; top: 10px; }
.bakingwithfinecooking .fancybox-skin, .bakingissue .fancybox-skin { background: #ffad2c; border-radius: 0; }
.bakingwithfinecooking .cust-serv, .bakingissue .cust-serv { margin: 20px 0 0 30px; color: #666; text-align: left; }

/* ----------------------------------------- */
/* ------------- Finecooking subscriber extras ------------  */
/* ----------------------------------------- */
.fcsubscriberextras .xtra-intro, .digitalissue .xtra-intro { border-bottom: 1px dashed #848484; margin-bottom: 10px; padding-bottom: 10px; text-align: center; }
.fcsubscriberextras .xtra-intro h1, .digitalissue .xtra-intro h1 { color: #e2501b; }
.fcsubscriberextras .xtra-intro ul, .digitalissue .xtra-intro ul { max-width: 320px; margin: 5px auto; }
.fcsubscriberextras .xtra-intro ul li, .digitalissue .xtra-intro ul li { margin-bottom: 3px; }
.fcsubscriberextras .xtra-subs, .digitalissue .xtra-subs { background: #ffad2c; margin-bottom: 25px; padding: 15px; text-align: center; }
.fcsubscriberextras .xtra-subs h5, .digitalissue .xtra-subs h5 { color: #fff; margin: 0; }
.fcsubscriberextras .xtra-subs a.button.orangedark, .digitalissue .xtra-subs a.button.orangedark { font-size: 16px; margin-top: 10px; }
.fcsubscriberextras .xtra-login, .digitalissue .xtra-login { border-bottom: 1px dashed #848484; margin-bottom: 10px; padding-bottom: 10px; }
.fcsubscriberextras .xtra-login:after, .digitalissue .xtra-login:after { clear: both; }
.fcsubscriberextras .xtra-login:before, .fcsubscriberextras .xtra-login:after, .digitalissue .xtra-login:before, .digitalissue .xtra-login:after { content: " "; display: table; }
.fcsubscriberextras .xtra-login div:first-child, .digitalissue .xtra-login div:first-child { border-right: 1px dashed #848484; }
.fcsubscriberextras .xtra-login div:last-child, .digitalissue .xtra-login div:last-child { padding: 0 30px; }
.fcsubscriberextras .xtra-login h5, .digitalissue .xtra-login h5 { color: #363636; }
.fcsubscriberextras .xtra-login table .orangedark.button, .digitalissue .xtra-login table .orangedark.button { width: 100%; }
.fcsubscriberextras .xtra-login p, .digitalissue .xtra-login p { margin-bottom: 10px; }
.fcsubscriberextras span.icon-info, .digitalissue span.icon-info { background: #ffad2c; border-radius: 8px 8px 8px 8px; color: #fff; cursor: pointer; display: inline-block; font-family: Georgia,'Times New Roman',serif; font-size: 12px; font-style: italic; font-weight: bold; height: 16px; margin-left: 5px; padding-top: 1px; text-align: center; width: 16px; }
.fcsubscriberextras .tooltip, .digitalissue .tooltip { background: #ffad2c; color: #fff; padding: 10px; opacity: .9; }
.fcsubscriberextras .tooltip ul, .digitalissue .tooltip ul { margin: 0; }
.fcsubscriberextras .tooltip ul li, .digitalissue .tooltip ul li { margin-left: 15px; }
.fcsubscriberextras .tooltip.tip-right > .nub, .fcsubscriberextras .tooltip.tip-left > .nub, .digitalissue .tooltip.tip-right > .nub, .digitalissue .tooltip.tip-left > .nub { border-color: transparent transparent transparent transparent; }
.fcsubscriberextras .subscriber-xtras, .digitalissue .subscriber-xtras { border-left: 1px solid #848484; border-right: 1px solid #848484; border-bottom: 1px solid #848484; padding: 0; text-align: center; }
.fcsubscriberextras .subscriber-xtras:first-child img, .digitalissue .subscriber-xtras:first-child img { margin: 20px; }
.fcsubscriberextras .subscriber-xtras h3, .digitalissue .subscriber-xtras h3 { background: #2f717a; color: #fff; font-family: "fcomnesmedium",Helvetica,Arial,sans-serif; font-size: 20px; margin: 0; padding: 5px 0; text-transform: uppercase; width: 100%; }
.fcsubscriberextras .subscriber-xtras .scroller, .digitalissue .subscriber-xtras .scroller { margin: 0 10px 20px; height: auto; }
.fcsubscriberextras .my-recipe-box, .digitalissue .my-recipe-box { margin: 15px 0; text-align: center; }
.fcsubscriberextras .my-recipe-box div.twelve.columns, .digitalissue .my-recipe-box div.twelve.columns { padding-top: 5px; padding-bottom: 5px; }
.fcsubscriberextras .my-recipe-box div > div, .digitalissue .my-recipe-box div > div { padding: 5px 0; }
.fcsubscriberextras .my-recipe-box div > div:first-child, .digitalissue .my-recipe-box div > div:first-child { border-right: 1px solid #848484; }
.fcsubscriberextras .my-recipe-box .view, .digitalissue .my-recipe-box .view { background: #4fa8b3; }
.fcsubscriberextras .my-recipe-box .view .go, .digitalissue .my-recipe-box .view .go { color: #fff; font-weight: bold; display: block; padding: 3px; }
.fcsubscriberextras .my-recipe-box .view .go:after, .digitalissue .my-recipe-box .view .go:after { content: ""; }
.fcsubscriberextras .my-recipe-box p, .digitalissue .my-recipe-box p { paddding: 10px 0; margin: 0; }
@media only screen and (max-width: 750px) { .fcsubscriberextras .xtra-login div:first-child, .digitalissue .xtra-login div:first-child { border-right: 0 none; }
  .fcsubscriberextras .my-recipe-box div > div:first-child, .digitalissue .my-recipe-box div > div:first-child { border-right: 0 none; } }

.sub-link a { font-weight: bold; color: #363636; text-decoration: underline; }

.digitalissue header h1 { color: #e2501b; font-family: fcomnesblack; font-size: 28px; font-weight: bold; }
.digitalissue header h3 { font-size: 24px; font-weight: normal; }
.digitalissue h5 { margin-bottom: 15px; margin-top: 0; }
.digitalissue .xtra-digital-login .xtra-digital-login-sub { border-bottom: 1px dashed #848484; color: #2f717a; font-family: fcomnesmedium; margin: 15px 0; padding-bottom: 15px; }
.digitalissue .xtra-digital-login .xtra-digital-login-sub p { margin-bottom: 10px; }
.digitalissue .xtra-digital-login .xtra-digital-login-sub p span { /* text-decoration: underline; */ }
.digitalissue .xtra-digital-login .xtra-digital-sub-box { color: #fff; background: #144d54; margin-top: 40px; padding: 30px 50px; text-align: center; }
.digitalissue .xtra-digital-login .xtra-digital-sub-box ul { margin-left: 10px; margin-top: 15px; }

/* ----------------------------------------- */
/* ---------- COLAVITA CYCLING TEAM -------- */
/* ----------------------------------------- */
.colavita-cycling-team .about-team h6 { color: #144d54; font-family: "Helvetica Bold",Helvetica,Arial,sans-serif; font-weight: bold; margin: 0 0 8px; }
.colavita-cycling-team .about-team ul { list-style: none; margin: 0; padding: 0; }
.colavita-cycling-team .about-team ul li { float: left; font-weight: bold; margin-bottom: 3px; width: 50%; }
.colavita-cycling-team .about-team ul li a { color: #144d54; margin: 0; padding-right: 20px; position: relative; text-decoration: none; }
.colavita-cycling-team .about-team ul li a:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #144d54; border-image: none; border-style: solid; border-width: 5px; content: ""; display: block; height: 0; position: absolute; right: 5px; top: 3px; width: 0; }
.colavita-cycling-team .wide-org-banner { background: #e2501b; text-align: center; }
.colavita-cycling-team .wide-org-banner h1 { color: #fff; font-family: fcomnessemibold, Helvetica, Arial, sans-serif; font-size: 32px; margin: 11px 0; }
.colavita-cycling-team .wide-org-banner img { margin: 11px 0; }
.colavita-cycling-team .wide-org-banner .two.columns { border-left: 1px solid #fff; }
.colavita-cycling-team .schedule { margin-bottom: 20px; }
.colavita-cycling-team h4 { font-weight: bold; }
.colavita-cycling-team h4 span { display: inline-block; font-size: 16px; font-weight: normal; margin-left: 20px; }
.colavita-cycling-team h4 span a { color: #2f717a; }
.colavita-cycling-team h4 span a:after { color: #2f717a; content: '\0020\25B8'; }
.colavita-cycling-team .colavita-fc-social { margin-bottom: 30px; }
.colavita-cycling-team .colavita-fc-social p { color: #fff; font-family: fcomnessemibold, Helvetica, Arial, sans-serif; font-size: 21px; margin-bottom: 10px; text-align: center; }
.colavita-cycling-team .colavita-fc-social p.header { background: #e2501b; }
.colavita-cycling-team .colavita-fc-social p a { display: inline-block; margin-right: 10px; text-decoration: none; }
.colavita-cycling-team a.arrow-link { color: #363636; font-weight: bold; margin: 0; padding-right: 20px; position: relative; text-decoration: none; }
.colavita-cycling-team a.arrow-link:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #363636; border-image: none; border-style: solid; border-width: 5px; content: ""; display: block; height: 0; position: absolute; right: 5px; top: 3px; width: 0; }
.colavita-cycling-team .healthy-recipes { margin-bottom: 20px; }
.colavita-cycling-team .top_right_lrec { margin-top: 35px; }

.callout.partner-recipe:before { background: #FFA100; content: "partner recipe"; }

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) { #gated-download-form-supperfoods { left: 5%; }
  .colavita-cycling-team .wide-org-banner .two.columns { border-left: 0 none; } }
/* ----------------------------------------- */
/* -------------- SERENDIPITY -------------- */
/* ----------------------------------------- */
/*ELE TOOK OUT ROTATOR FOR AD TO SHOW
#sd { background: url(/images/spinner.gif) center center no-repeat #f4f4f4; height: 110px; width: 997px; }

#sd { display: none; }

.caroufredsel_wrapper, .caroufredsel_wrapper #sd { background: none; }

.caroufredsel_wrapper #sd { display: block; }

.caroufredsel_wrapper { height: 110px; margin: 0 !important; }
*/

.serendipity { padding: 5px; background-color: #d5e2e4; /* height: 110px; */ position: relative; }
.serendipity .serendipity_list { box-sizing: border-box; list-style: none; overflow: hidden; margin: 0; }
.serendipity .serendipity_list_item { display: block; float: left; width: 33.33%; padding-right: 5px; }
.serendipity .serendipity_list_item:last-child { display: none; }
.serendipity .serendipity_item_block { display: block; float: left; }
.serendipity .serendipity_item_image { width: 170px; }
.serendipity .serendipity_item_image img { display: block; max-width: 100%; }
.serendipity .serendipity_item_text { width: 120px; line-height: 1.15; font-size: 1.1em; color: #144d54; padding: 0 5px; font-family: fcomnessemibold, Helvetica, Arial, sans-serif; /* max-height: 80px; */ overflow: hidden; }
/* .serendipity a.prev { left: 2px; background: transparent url(/images/sd-previous.png) 0 0 no-repeat; }
.serendipity a.next { right: 2px; background: transparent url(/images/sd-next.png) 0 0 no-repeat; }
.serendipity a.prev, .serendipity a.next { width: 33px; height: 53px; display: block; position: absolute; top: 40px; text-indent: -9999px; opacity: .5; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.serendipity a.prev:hover, .serendipity a.next:hover { opacity: 1; } */
/* .serendipity_ad { display: block !important; } */

@media (max-width: 950px) {
  .serendipity .serendipity_list .serendipity_item_text { display: none; }
  .serendipity .serendipity_list .serendipity_item_image { width: 100%; }
  .serendipity .serendipity_list .serendipity_list_item { width: 25%; }
  .serendipity .serendipity_list .serendipity_list_item:last-child { display: block; }
}

.scroller-title { margin-bottom: 8px; }

.scroller { *zoom: 1; border: 1px solid #cccccc; height: 210px; padding-top: 15px; padding-bottom: 10px; position: relative; margin-bottom: 20px; }
.scroller:before, .scroller:after { content: " "; display: table; }
.scroller:after { clear: both; }
.scroller ul { list-style: none; position: relative; }
.scroller ul li { display: inline; float: left; width: 135px; height: 250px; }
.scroller ul li span { display: block; font-size: 12px; line-height: 1.25; text-align: center; }
.scroller ul li span.name { margin-bottom: 5px; }
.scroller .scrollnav { display: block; width: 100%; margin: 10px auto; position: absolute; top: 0; left: 0; }
.scroller .scrollnav .buttons { display: block; }
.scroller a.product-prev, .scroller a.product-next { width: 30px; height: 50px; display: block; position: absolute; top: 50px; text-indent: -9999px; }
.scroller a.product-prev { left: 0; background: transparent url("/images/sd-left-arrow.png ") 0 0 no-repeat; }
.scroller a.product-next { right: 0; background: transparent url("/images/sd-right-arrow.png") 0 0 no-repeat; }

.debug { border: 1px solid red; /*DEBUG*/ }

.cf:before, .cf:after { content: " "; display: table; }

.cf:after { clear: both; }

.cf { *zoom: 1; }

/* ----------------------------------------- */
/* -------------- PAGE TOOLBAR ----------- */
/* ----------------------------------------- */
.toolbar { background-color: #f8fbd5; padding: 4px 0 5px 0; font-family: fcomnesmedium, Helvetica, Arial, sans-serif; text-transform: uppercase; font-size: .9em; color: #144d54; clear: both; margin-top: 10px !important; }
.toolbar a { color: inherit; }
.toolbar.paging { margin-bottom: 10px; }
.toolbar .pagination { height: 20px !important; font-family: Helvetica, Arial, sans-serif; display: inline-block; margin: 0 10px 0 0; padding-top: 7px; }
.toolbar .pagination li { color: #2f717a; font-size: .9em; }
.toolbar .pagination li.arrow a { color: #2f717a; }
.toolbar .pagination li.arrow.unavailable a { color: #ccc; }
.toolbar.social { margin-bottom: 10px; }
.toolbar .system-icons { display: inline-block; margin-right: 10px; padding-top: 5px; }
.toolbar .system-icons a { margin-right: 10px; }
.toolbar .system-icons a span { display: inline-block; }
.toolbar .system-icons a span.icon-print { margin-right: 5px; }
.toolbar .system-icons a span.icon-folder { margin-left: 10px; padding-right: 10px !important; }
.toolbar #ctl00_phMainContent_actionbar_hlAddFavorites, .toolbar #ctl00_phMainContent_tlLinks_hlAddFavorites, .toolbar a[id$="AddFavorites"] { margin-left: 5px; }
.toolbar .fb-like { vertical-align: 3px; }
.toolbar .fb_iframe_widget { z-index: 999; }
.toolbar .social-icons { display: inline-block; padding-top: 3px; margin: 0; }
.toolbar .social-icons > div { cursor: pointer !important; margin-right: 5px !important; float: left !important; }
.toolbar .social-icons span { float: left; }
.toolbar.comments { margin: 15px 0 10px; padding-left: 10px; text-transform: none; font-weight: bold; font-size: 1em; font-family: Helvetica, Arial, sans-serif; }

h1.seo-tag { text-indent: -9999px; line-height: 0; margin: 0; padding: 0; }

.subscribe iframe { width: 100%; height: 100%; }

.slide-show .navigation { display: none; }
.slide-show .caption a { text-decoration: underline; color: #2f717a; }
.slide-show-ad {float:right;margin:0 0 10px 10px;width:185px;}

.centerfloat600 { width: 600px; margin: 0 auto; }
.centerfloat600 .pink.button { margin: 0; }

.exit { font-size: 18px; margin-bottom: 40px; }
.exit h2 { color: #cb4512; font-size: 22px; }
.exit span { color: #036564; }
.exit a.link-green-arrow { color: #036564; font-size: 14px; font-weight: bold; margin: 0; padding-right: 20px; position: relative; text-decoration: underline; }
.exit a.link-green-arrow:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #036564; border-image: none; border-style: solid; border-width: 5px; content: ""; display: block; height: 0; position: absolute; right: 5px; top: 5px; width: 0; }

.greyed { opacity: 0.3; }

@media only screen and (max-width: 767px) { .exit { margin-bottom: 0; }
  a.link-green-arrow { display: inline-block; clear: both; } }
.callout-bordered { border: none; font-family: fcomnessemibold, Helvetica, Arial, sans-serif; font-size: 1.2em; margin-bottom: 5px; font-weight: normal; color: #2f717a; }
.callout-bordered * { color: #2f717a !important; }
.callout-bordered img {max-width:initial;}
span[style*="de9a20"] { color: #ffad2c !important; }
.callout-bordered td {width:25%;}

.article-content table img[src*="spacer"] { display: none !important; }

.global-links { margin-top: 20px; font-size: 11px; line-height: 1.2; }
.global-links p { font-size: 11px; line-height: 1.2; margin-bottom: 5px; }
.global-links p:nth-child(2) { margin-bottom: 15px; }
.global-links a { font-size: 11px; }

/* Sorry no flash page */
.cyo-sorry { text-align: center; padding: 10px; margin: 20px 10px; border: 4px solid #4fa8b3; }
.cyo-sorry h4 { color: #144d54; }
.cyo-sorry h4:nth-child(2) { font-size: 1.5em; }
.cyo-sorry h4:nth-child(2) sup { font-size: .5em; }
.cyo-sorry h4.bold.orange-text { font-size: 1.9em; color: #e2501b; }
.cyo-sorry h4.bold.orange-text a { text-decoration: underline; }
.cyo-sorry h4.bold.orange-text a:after { content: '\0020\25B8'; }

.ingredient .article h5 { clear: none; }

.top-bar ul > li.has-dropdown.mf-logo-nav a:after { border: none; }

.login-fb table { margin: 0 auto; width: 80%; border-collapse: collapse; }
.login-fb table td { padding: 5px; }
.login-fb label { color: #2F717A; font-weight: bold; text-transform: uppercase; width: 40px; display: inline-block; text-align: right; line-height: 35px; }
.login-fb .align-right { text-align: right; }
.login-fb img { vertical-align: middle; }

.login-fb-narrow { padding: 0 !important; }
.login-fb-narrow label { color: #2F717A; font-weight: bold; text-transform: uppercase; width: 40px; display: inline-block; text-align: right; line-height: 35px; }
.login-fb-narrow .align-right { width: 109px; text-align: right; padding-right: 15px; }

/* ----------------------------------------- */
/* ------------ OVERRIDES -------------  */
/* ----------------------------------------- */
#fb_login_button { cursor: pointer; }

/* flash AD overlay fix  */
.advertising-lrec div { z-index: 1 !important; }

/* easter recipe yeildbot AD fix */
.twelve.columns.centered .ybot-creative.creative-wrapper { margin: 0 auto; }

/* sponsored mit */
.spon-slug-container { width: 100%; margin-top: -2px; display: inline-block; }
.spon-slug-container * { vertical-align: middle; }
.spon-slug-container a.spon-slug { width: 100%; display: block; background: #2F717A; color: #fff; text-align: center; padding: 3px 0; text-decoration: none; }
.spon-slug-container a.spon-slug img { width: 120px; }

div.OUTBRAIN div.ob_strip_container.AR_1 {
    float:none !important;
}

/* ----------------------------------------- */
/* ------------ MEDIA QUERIES -------------  */
/* ----------------------------------------- */
@media only screen and (max-width: 1030px) { .top-bar { background: #2f717a; } }
@media only screen and (max-width: 1024px) { /* so we get flat buttons on the ipad and iphone too */
  input { -webkit-border-radius: 0; } }
@media only screen and (max-width: 767px) { .snooth { display: none; }
  .header-unit { margin-top: 0; }
  .header-unit div { margin-bottom: 5px; }
  #some-element { display: none; }
  .twelve.columns.centered iframe, .leaderboard iframe { width: 100% !important; }
  input.button, input[type="submit"] { padding: 4px 10px 5px !important; width: auto; }
  .welcome-mat iframe { display: none !important; }
  .make-it-tonight iframe { width: 100% !important; height: 67px; }
  .orbit, .orbit-wrapper { height: 540px !important; }
  .more-recipes.module .orbit, .more-recipes.module .orbit-wrapper { height: auto !important; }
  .slide-show .navigation { margin: 0 0 10px 10px !important; }
  .header .logo { text-align: center; }
  .header .logo img { max-width: 70%; margin-bottom: 10px; padding-top: 15px; padding-left: 15px; } }
@media only screen and (width: 768px) { .fb-activity.fb_iframe_widget iframe { width: 240px !important; } }

/* Print Styles */
@media print { pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 1cm 1.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; page-break-inside: avoid; }
  h2, h3 { page-break-after: avoid; }
  a[href]:after { content: ""; }
  abbr[title]:after { content: ""; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
  .hide-on-print { display: none !important; }
  .print-only { display: block !important; }
  .hide-for-print { display: none !important; }
  .show-for-print { display: inherit !important; }
  body { background-image: none !important; }
  .eight, .row .eight { width: 100%; }
  .panelPopup-content { display: block !important; margin: 0 3em; }
  div#holiday-banner, .welcome-mat, .header, #subad, .header-unit .row, nav.top-bar, div.more-recipes, div.OUTBRAIN, div.subscription, div.subscription *, .module, .toolbar, .small.button.orangelight, .review-link, .reviews-head, .ad-leaderboard, div[class^="fb"], div[id^="fb"], p.taunton-main, p.taunton-main + p, .footer .six.columns { display: none !important; }
  .footer { border-top: none !important; }
  .welcome-mat, #subad, .header-unit .row, nav.top-bar, div.subscription, div.subscription *, .module, .toolbar, .small.button.orangelight, .review-link, .reviews-head, .user-review, .comments, .ad-leaderboard, div[class^="fb"], div[id^="fb"], p.taunton-main, p.taunton-main + p, .footer .six.columns, .serendipity, .recipe-data .stars, .recipe-data .icons, .recipe-content img, .recipe .learn-more, .recipe .photo-credit, .discovery, .snooth, .post-details, .community-link { display: none !important; }
  .moveablefeast .four.columns, .moveablefeast .headerEmailSignup, .moveablefeast .BrightcoveExperience { display: none !important; }
  #siteskin-container { display: none; }
  #gpt-ad-inonboard { display: none !important; }
  
  /* Recipe-specific print styles */
  .recipe .print-logos,
  .recipes .print-logos {
    overflow: hidden;
    margin-bottom: 20px !important;
  }
  
  .recipe .print-logos .print-logos_image,
  .recipes .print-logos .print-logos_image {
    display: block;
    width: 125px;
    float: left;
  }

  .recipe .print-logos .print-logos_url,
  .recipes .print-logos .print-logos_url {
    display: block;
    float: right;
    font-family: fcomnes, sans-serif;
    font-size: 22px;
    margin-top: 20px;
  }

  .recipe .row,
  .recipes .row { 
    clear: both;
    margin-right: 0 !important; 
    margin-left: 0 !important;
    margin-bottom: 10px; 
  }

  .recipe .columns,
  .recipes .columns {
    padding: 0;
  }

  .recipe .main-title,
  .recipes .main-title {
    float: right;
    width: 70%;
    font-family: fcomnes, sans-serif;
    font-size: 28px !important;
    font-weight: 600;
    color: #000000; 
    margin: 0 0 10px 0;
    padding: 0 !important; 
  }

  .recipe .image-primary,
  .recipes .image-primary {
    padding: 0 20px 0 0;
    float: left;
    width: 30%;
    margin-top: -35px;
  }

  .recipe .recipe-data,
  .recipes .recipe-data {
    float: left;
    width: 70%;
    padding: 0;
    margin: 0;
    text-align: left;
  }

  .recipe .recipe-data .yield,
  .recipes .recipe-data .yield {
    font-size: 16px;
    margin-bottom: 0;
  }

  .recipe .recipe-data ul,
  .recipes .recipe-data ul {
    margin: 0;
  }

  .recipe .recipe-data br,
  .recipes .recipe-data br { display: none; }
  
  .recipe .hednote,
  .recipes .hednote {
    margin: 0 0 10px 0;
    border-bottom: 1px solid #5d5d5d;
  }

  .recipe .hednote p,
  .recipes .hednote p {
    font-size: 18px;
  }

  .recipe .recipe-content, 
  .recipes .recipe-content {
    border-top: 1px solid #5d5d5d;
  }
  
  .recipe .ingredients li, 
  .recipes .ingredients li {
    line-height: 1;
    margin-bottom: 10px;
  }

  .recipe .recipe-content p,
  .recipes .recipe-content p {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .recipe .recipe-content .nutrition, 
  .recipes .recipe-content .nutrition {
    font-size: 16px;
    color: #898989 !important;
    padding-top: 10px;
    border-top: 1px solid #898989;
  } 


}
/* End Print Styles */

#events-offers-list {
    list-style: none;
}

#events-offers-list > li {
    border-bottom:1px solid #ccc;
    margin: 0 0 3% 0;
}

#events-offers-list .thumb {
    float:left;
    margin:0 3% 0 0;
}

#events-offers-list .caption {
    float:left;
    width:65%;
}

#events-offers-list .caption > .subtitle {
    font-size:larger;
}

#events-offers-list .caption > h5 {
    margin-top:0;
    margin-bottom:0;
    font-size:17pt;
}

#events-offers-list .caption p a {
    color: #2f717a;
    font-weight: bold;
}

#events-offers-list .clear {
    clear:both;
}