/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;
}
body { margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary { display: block;
}
audio,
canvas,
progress,
video { display: inline-block; vertical-align: baseline;
}
audio:not([controls]) { display: none; height: 0;
}
[hidden],
template { display: none;
}
a { background: transparent;
}
a:active,
a:hover { outline: 0;
}
abbr[title] { border-bottom: 1px dotted;
}
b,
strong { font-weight: bold;
}
dfn { font-style: italic;
}
h1 { font-size: 2em; margin: 0.67em 0;
}
mark { background: #ff0; color: #000;
}
small { font-size: 80%;
}
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;
}
sup { top: -0.5em;
}
sub { bottom: -0.25em;
}
img { border: 0;
}
svg:not(:root) { overflow: hidden;
}
figure { margin: 1em 40px;
}
hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0;
}
pre { overflow: auto;
}
code,
kbd,
pre,
samp { font-family: monospace, monospace; font-size: 1em;
}
button,
input,
optgroup,
select,
textarea { color: inherit; font: inherit; margin: 0;
}
button { overflow: visible;
}
button,
select { text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] { -webkit-appearance: button; cursor: pointer;
}
button[disabled],
html input[disabled] { cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0; padding: 0;
}
input { line-height: normal;
}
input[type="checkbox"],
input[type="radio"] { box-sizing: border-box; padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { height: auto;
}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;
}
legend { border: 0; padding: 0;
}
textarea { overflow: auto;
}
optgroup { font-weight: bold;
}
table { border-collapse: collapse; border-spacing: 0;
}
td,
th { padding: 0;
}
@media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 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; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } select { background: #fff !important; } .navbar { display: none; } .table td, .table th { background-color: #fff !important; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; }
}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
*:before,
*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #ffffff;
}
input,
button,
select,
textarea { font-family: inherit; font-size: inherit; line-height: inherit;
}
a { color: #428bca; text-decoration: none;
}
a:hover,
a:focus { color: #2a6496; text-decoration: underline;
}
a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;
}
figure { margin: 0;
}
img { vertical-align: middle;
}
.img-responsive,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { display: block; width: 100% \9; max-width: 100%; height: auto;
}
.img-rounded { border-radius: 6px;
}
.img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; width: 100% \9; max-width: 100%; height: auto;
}
.img-circle { border-radius: 50%;
}
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee;
}
.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small { font-weight: normal; line-height: 1; color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 { margin-top: 20px; margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small { font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 { margin-top: 10px; margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small { font-size: 75%;
}
h1,
.h1 { font-size: 36px;
}
h2,
.h2 { font-size: 30px;
}
h3,
.h3 { font-size: 24px;
}
h4,
.h4 { font-size: 18px;
}
h5,
.h5 { font-size: 14px;
}
h6,
.h6 { font-size: 12px;
}
p { margin: 0 0 10px;
}
.lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4;
}
@media (min-width: 768px) { .lead { font-size: 21px; } .sampleImage{ float:right; width:25%; } .newsletter-form{ float:left; width:75%; }
}
small,
.small { font-size: 85%;
}
cite { font-style: normal;
}
mark,
.mark { background-color: #fcf8e3; padding: .2em;
}
.text-left { text-align: left;
}
.text-right { text-align: right;
}
.text-center { text-align: center;
}
.text-justify { text-align: justify;
}
.text-nowrap { white-space: nowrap;
}
.text-lowercase { text-transform: lowercase;
}
.text-uppercase { text-transform: uppercase;
}
.text-capitalize { text-transform: capitalize;
}
.text-muted { color: #777777;
}
.text-primary { color: #428bca;
}
a.text-primary:hover { color: #3071a9;
}
.text-success { color: #3c763d;
}
a.text-success:hover { color: #2b542c;
}
.text-info { color: #31708f;
}
a.text-info:hover { color: #245269;
}
.text-warning { color: #8a6d3b;
}
a.text-warning:hover { color: #66512c;
}
.text-danger { color: #a94442;
}
a.text-danger:hover { color: #843534;
}
.bg-primary { color: #fff; background-color: #428bca;
}
a.bg-primary:hover { background-color: #3071a9;
}
.bg-success { background-color: #dff0d8;
}
a.bg-success:hover { background-color: #c1e2b3;
}
.bg-info { background-color: #d9edf7;
}
a.bg-info:hover { background-color: #afd9ee;
}
.bg-warning { background-color: #fcf8e3;
}
a.bg-warning:hover { background-color: #f7ecb5;
}
.bg-danger { background-color: #f2dede;
}
a.bg-danger:hover { background-color: #e4b9b9;
}
.page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee;
}
ul,
ol { margin-top: 0; margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol { margin-bottom: 0;
}
.list-unstyled { padding-left: 0; list-style: none;
}
.list-inline { padding-left: 0; list-style: none; margin-left: -5px;
}
.list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px;
}
dl { margin-top: 0; margin-bottom: 20px;
}
dt,
dd { line-height: 1.42857143;
}
dt { font-weight: bold;
}
dd { margin-left: 0; float: left;
}
@media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; }
}
abbr[title],
abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777;
}
.initialism { font-size: 90%; text-transform: uppercase;
}
blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child { margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before { content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before { content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after { content: '\00A0 \2014';
}
blockquote:before,
blockquote:after { content: "";
}
address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143;
}
.container { margin-right: auto; margin-left: auto; padding-left: 0; padding-right: 0;
}
@media (min-width: 768px) { .container { width: 720px; }
}
@media (min-width: 992px) { .container { width: 940px; }
}
@media (min-width: 1200px) { .container { width: 1140px; }
}
.container-fluid { margin-right: auto; margin-left: auto; padding-left: 0; padding-right: 0;
}
.row { margin-left: 0; margin-right: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 0; padding-right: 0;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left;
}
.col-xs-12 { width: 100%;
}
.col-xs-11 { width: 91.66666667%;
}
.col-xs-10 { width: 83.33333333%;
}
.col-xs-9 { width: 75%;
}
.col-xs-8 { width: 66.66666667%;
}
.col-xs-7 { width: 58.33333333%;
}
.col-xs-6 { width: 50%;
}
.col-xs-5 { width: 41.66666667%;
}
.col-xs-4 { width: 33.33333333%;
}
.col-xs-3 { width: 25%;
}
.col-xs-2 { width: 16.66666667%;
}
.col-xs-1 { width: 8.33333333%;
}
.col-xs-pull-12 { right: 100%;
}
.col-xs-pull-11 { right: 91.66666667%;
}
.col-xs-pull-10 { right: 83.33333333%;
}
.col-xs-pull-9 { right: 75%;
}
.col-xs-pull-8 { right: 66.66666667%;
}
.col-xs-pull-7 { right: 58.33333333%;
}
.col-xs-pull-6 { right: 50%;
}
.col-xs-pull-5 { right: 41.66666667%;
}
.col-xs-pull-4 { right: 33.33333333%;
}
.col-xs-pull-3 { right: 25%;
}
.col-xs-pull-2 { right: 16.66666667%;
}
.col-xs-pull-1 { right: 8.33333333%;
}
.col-xs-pull-0 { right: auto;
}
.col-xs-push-12 { left: 100%;
}
.col-xs-push-11 { left: 91.66666667%;
}
.col-xs-push-10 { left: 83.33333333%;
}
.col-xs-push-9 { left: 75%;
}
.col-xs-push-8 { left: 66.66666667%;
}
.col-xs-push-7 { left: 58.33333333%;
}
.col-xs-push-6 { left: 50%;
}
.col-xs-push-5 { left: 41.66666667%;
}
.col-xs-push-4 { left: 33.33333333%;
}
.col-xs-push-3 { left: 25%;
}
.col-xs-push-2 { left: 16.66666667%;
}
.col-xs-push-1 { left: 8.33333333%;
}
.col-xs-push-0 { left: auto;
}
.col-xs-offset-12 { margin-left: 100%;
}
.col-xs-offset-11 { margin-left: 91.66666667%;
}
.col-xs-offset-10 { margin-left: 83.33333333%;
}
.col-xs-offset-9 { margin-left: 75%;
}
.col-xs-offset-8 { margin-left: 66.66666667%;
}
.col-xs-offset-7 { margin-left: 58.33333333%;
}
.col-xs-offset-6 { margin-left: 50%;
}
.col-xs-offset-5 { margin-left: 41.66666667%;
}
.col-xs-offset-4 { margin-left: 33.33333333%;
}
.col-xs-offset-3 { margin-left: 25%;
}
.col-xs-offset-2 { margin-left: 16.66666667%;
}
.col-xs-offset-1 { margin-left: 8.33333333%;
}
.col-xs-offset-0 { margin-left: 0%;
}
@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; }
}
@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; }
}
@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; }
}
table { background-color: transparent;
}
th { text-align: left;
}
.table { width: 100%; max-width: 100%; margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #dddddd;
}
.table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td { border-top: 0;
}
.table > tbody + tbody { border-top: 2px solid #dddddd;
}
.table .table { background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td { padding: 5px;
}
.table-bordered { border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td { border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td { border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th { background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th { background-color: #f5f5f5;
}
table col[class*="col-"] { position: static; float: none; display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] { position: static; float: none; display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th { background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th { background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th { background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th { background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th { background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc;
}
@media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #dddddd; -webkit-overflow-scrolling: touch; } .sampleImage{ display:none; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; }
}
fieldset { padding: 0; margin: 0; border: 0; min-width: 0;
}
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5;
}
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold;
}
input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; line-height: normal;
}
input[type="file"] { display: block;
}
input[type="range"] { display: block; width: 100%;
}
select[multiple],
select[size] { height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;
}
output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.42857143; color: #555555;
}
.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555555; background-color: #ffffff; background-image: none; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -ms-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder { color: #777777; opacity: 1;
}
.form-control:-ms-input-placeholder { color: #777777;
}
.form-control::-webkit-input-placeholder { color: #777777;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; opacity: 1;
}
textarea.form-control { height: auto;
}
input[type="search"] { -webkit-appearance: none;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] { line-height: 34px; line-height: 1.42857143 \0;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm { line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg { line-height: 46px;
}
.form-group { margin-bottom: 15px;
}
.radio,
.checkbox { position: relative; display: block; min-height: 20px; margin-top: 10px; margin-bottom: 10px;
}
.radio label,
.checkbox label { padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox { margin-top: -5px;
}
.radio-inline,
.checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] { cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline { cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label { cursor: not-allowed;
}
.form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm { padding-left: 0; padding-right: 0;
}
.input-sm,
.form-horizontal .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px;
}
select.input-sm { height: 30px; line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm { height: auto;
}
.input-lg,
.form-horizontal .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px;
}
select.input-lg { height: 46px; line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg { height: auto;
}
.has-feedback { position: relative;
}
.has-feedback .form-control { padding-right: 42.5px;
}
.form-control-feedback { position: absolute; top: 25px; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center;
}
.input-lg + .form-control-feedback { width: 46px; height: 46px; line-height: 46px;
}
.input-sm + .form-control-feedback { width: 30px; height: 30px; line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline { color: #3c763d;
}
.has-success .form-control { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus { border-color: #2b542c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}
.has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8;
}
.has-success .form-control-feedback { color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline { color: #8a6d3b;
}
.has-warning .form-control { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus { border-color: #66512c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3;
}
.has-warning .form-control-feedback { color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline { color: #a94442;
}
.has-error .form-control { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus { border-color: #843534; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}
.has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede;
}
.has-error .form-control-feedback { color: #a94442;
}
.has-feedback label.sr-only ~ .form-control-feedback { top: 0;
}
.help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373;
}
@media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox { min-height: 27px;
}
.form-horizontal .form-group { margin-left: 0; margin-right: 0;
}
@media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; }
}
.form-horizontal .has-feedback .form-control-feedback { top: 0; right: 0;
}
@media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 14.3px; }
}
@media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; }
}
.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;
}
.btn:hover,
.btn:focus { color: #333333; text-decoration: none;
}
.btn:active,
.btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.btn-default { color: #333333; background-color: #ffffff; border-color: #cccccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default { color: #333333; background-color: #e6e6e6; border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default { background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active { background-color: #ffffff; border-color: #cccccc;
}
.btn-default .badge { color: #ffffff; background-color: #333333;
}
.btn-primary { color: #ffffff; background-color: #428bca; border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #3071a9; border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary { background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd;
}
.btn-primary .badge { color: #428bca; background-color: #ffffff;
}
.btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #449d44; border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success { background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c;
}
.btn-success .badge { color: #5cb85c; background-color: #ffffff;
}
.btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #31b0d5; border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info { background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da;
}
.btn-info .badge { color: #5bc0de; background-color: #ffffff;
}
.btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ec971f; border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning { background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236;
}
.btn-warning .badge { color: #f0ad4e; background-color: #ffffff;
}
.btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #c9302c; border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger { background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a;
}
.btn-danger .badge { color: #d9534f; background-color: #ffffff;
}
.btn-link { color: #428bca; font-weight: normal; cursor: pointer; border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active { border-color: transparent;
}
.btn-link:hover,
.btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px;
}
.btn-block { display: block; width: 100%;
}
.btn-block + .btn-block { margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block { width: 100%;
}
.fade { opacity: 0; -moz-transition: opacity 0.15s linear; -ms-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; -webkit-transition: opacity 0.15s linear; transition: opacity 0.15s linear;
}
.fade.in { opacity: 1;
}
.collapse { display: none;
}
.collapse.in { display: block;
}
tr.collapse.in { display: table-row;
}
tbody.collapse.in { display: table-row-group;
}
.collapsing { position: relative; height: 0; overflow: hidden; -moz-transition: height 0.35s ease; -ms-transition: height 0.35s ease; -o-transition: height 0.35s ease; -webkit-transition: height 0.35s ease; transition: height 0.35s ease;
}
.caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;
}
.dropdown { position: relative;
}
.dropdown-toggle:focus { outline: 0;
}
.dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #ffffff; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box;
}
.dropdown-menu.pull-right { right: 0; left: auto;
}
.dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5;
}
.dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.42857143; color: #333333; white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #428bca;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus { color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed;
}
.open > .dropdown-menu { display: block;
}
.open > a { outline: 0;
}
.dropdown-menu-right { left: auto; right: 0;
}
.dropdown-menu-left { left: 0; right: auto;
}
.dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.42857143; color: #777777; white-space: nowrap;
}
.dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990;
}
.pull-right > .dropdown-menu { right: 0; left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px;
}
@media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; }
}
.btn-group,
.btn-group-vertical { position: relative; display: inline-block; vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn { position: relative; float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active { z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus { outline: 0;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group { margin-left: -1px;
}
.btn-toolbar { margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group { float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group { margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0;
}
.btn-group > .btn:first-child { margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0;
}
.btn-group > .btn-group { float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle { outline: 0;
}
.btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle { padding-left: 12px; padding-right: 12px;
}
.btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.btn .caret { margin-left: 0;
}
.btn-lg .caret { border-width: 5px 5px 0; border-bottom-width: 0;
}
.dropup .btn-lg .caret { border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn { float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) { border-bottom-left-radius: 4px; border-top-right-radius: 0; border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0;
}
.btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%;
}
.btn-group-justified > .btn-group .btn { width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu { left: auto;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] { position: absolute; z-index: -1; opacity: 0; filter: alpha(opacity=0);
}
.input-group { position: relative; display: table; border-collapse: separate;
}
.input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0;
}
.input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn { height: 46px; line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn { height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn { height: 30px; line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn { height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control { display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0;
}
.input-group-addon,
.input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle;
}
.input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #cccccc; border-radius: 4px;
}
.input-group-addon.input-sm { padding: 5px 10px; font-size: 12px; border-radius: 3px;
}
.input-group-addon.input-lg { padding: 10px 16px; font-size: 18px; border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] { margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0;
}
.input-group-addon:first-child { border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0;
}
.input-group-addon:last-child { border-left: 0;
}
.input-group-btn { position: relative; font-size: 0; white-space: nowrap;
}
.input-group-btn > .btn { position: relative;
}
.input-group-btn > .btn + .btn { margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active { z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group { margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group { margin-left: -1px;
}
.nav { margin-bottom: 0; padding-left: 0; list-style: none;
}
.nav > li { position: relative; display: block;
}
.nav > li > a { position: relative; display: block; padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus { text-decoration: none; background-color: #eeeeee;
}
.nav > li.disabled > a { color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus { background-color: #eeeeee; border-color: #428bca;
}
.nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5;
}
.nav > li > a > img { max-width: none;
}
.nav-tabs { border-bottom: 1px solid #dddddd;
}
.nav-tabs > li { float: left; margin-bottom: -1px;
}
.nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid transparent; border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { color: #555555; background-color: #ffffff; border: 1px solid #dddddd; border-bottom-color: transparent; cursor: default;
}
.nav-tabs.nav-justified { width: 100%; border-bottom: 0;
}
.nav-tabs.nav-justified > li { float: none;
}
.nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto;
}
@media (min-width: 768px) { .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-tabs.nav-justified > li > a { margin-bottom: 0; }
}
.nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus { border: 1px solid #dddddd;
}
@media (min-width: 768px) { .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #ffffff; }
}
.nav-pills > li { float: left;
}
.nav-pills > li > a { border-radius: 4px;
}
.nav-pills > li + li { margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus { color: #ffffff; background-color: #428bca;
}
.nav-stacked > li { float: none;
}
.nav-stacked > li + li { margin-top: 2px; margin-left: 0;
}
.nav-justified { width: 100%;
}
.nav-justified > li { float: none;
}
.nav-justified > li > a { text-align: center; margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto;
}
@media (min-width: 768px) { .nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a { margin-bottom: 0; }
}
.nav-tabs-justified { border-bottom: 0;
}
.nav-tabs-justified > li > a { margin-right: 0; border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus { border: 1px solid #dddddd;
}
@media (min-width: 768px) { .nav-tabs-justified > li > a { border-bottom: 1px solid #dddddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #ffffff; }
}
.tab-content > .tab-pane { display: none;
}
.tab-content > .active { display: block;
}
.nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0;
}
.breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px;
}
.breadcrumb > li { display: inline-block;
}
.breadcrumb > li + li:before { content: "/\00a0"; padding: 0 5px; color: #cccccc;
}
.breadcrumb > .active { color: #777777;
}
.pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px;
}
.pagination > li { display: inline;
}
.pagination > li > a,
.pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.42857143; text-decoration: none; color: #428bca; background-color: #ffffff; border: 1px solid #dddddd; margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus { color: #2a6496; background-color: #eeeeee; border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { z-index: 2; color: #ffffff; background-color: #428bca; border-color: #428bca; cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus { color: #777777; background-color: #ffffff; border-color: #dddddd; cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span { padding: 10px 16px; font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span { padding: 5px 10px; font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px;
}
.pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center;
}
.pager li { display: inline;
}
.pager li > a,
.pager li > span { display: inline-block; padding: 5px 14px; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus { text-decoration: none; background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span { float: right;
}
.pager .previous > a,
.pager .previous > span { float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span { color: #777777; background-color: #ffffff; cursor: not-allowed;
}
.label { display: inline; padding: .2em .6em .3em; font-size: 75%; font-weight: bold; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: .25em;
}
a.label:hover,
a.label:focus { color: #ffffff; text-decoration: none; cursor: pointer;
}
.label:empty { display: none;
}
.btn .label { position: relative; top: -1px;
}
.label-default { background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus { background-color: #5e5e5e;
}
.label-primary { background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus { background-color: #3071a9;
}
.label-success { background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus { background-color: #449d44;
}
.label-info { background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus { background-color: #31b0d5;
}
.label-warning { background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus { background-color: #ec971f;
}
.label-danger { background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus { background-color: #c9302c;
}
.badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #ffffff; line-height: 1; vertical-align: baseline; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px;
}
.badge:empty { display: none;
}
.btn .badge { position: relative; top: -1px;
}
.btn-xs .badge { top: 0; padding: 1px 5px;
}
a.badge:hover,
a.badge:focus { color: #ffffff; text-decoration: none; cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge { color: #428bca; background-color: #ffffff;
}
.nav-pills > li > a > .badge { margin-left: 3px;
}
.alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px;
}
.alert h4 { margin-top: 0; color: inherit;
}
.alert .alert-link { font-weight: bold;
}
.alert > p,
.alert > ul { margin-bottom: 0;
}
.alert > p + p { margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible { padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close .circle-container svg { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 10px; height: 10px; margin: 6px 0 0 0;
}
.alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d;
}
.alert-success hr { border-top-color: #c9e2b3;
}
.alert-success .alert-link { color: #2b542c;
}
.alert-info { background-color: #80d7ee; border-color: #bce8f1; color: #474949; position:fixed;
top:88%;
margin-left: -150px;
height:11%;
width: 100%;
z-index: 9999;
margin: 0 auto;
font-family: 'Roboto Slab', serif;
font-size: 10px;
font-style: normal;
}
.alert span { padding-left: 5px; display: table-cell;
}
.alert-info hr { border-top-color: #a6e1ec;
}
.alert-info .alert-link { color: #245269;
}
.alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b;
}
.alert-warning hr { border-top-color: #f7e1b5;
}
.alert-warning .alert-link { color: #66512c;
}
.alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442;
}
.alert-danger hr { border-top-color: #e4b9c0;
}
.alert-danger .alert-link { color: #843534;
}
.media,
.media-body { overflow: hidden; zoom: 1;
}
.media,
.media .media { margin-top: 15px;
}
.media:first-child { margin-top: 0;
}
.media-object { display: block;
}
.media-heading { margin: 0 0 5px;
}
.media > .pull-left { margin-right: 10px;
}
.media > .pull-right { margin-left: 10px;
}
.media-list { padding-left: 0; list-style: none;
}
.embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0;
}
.embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 { padding-bottom: 75%;
}
.modal-open { overflow: hidden;
}
.modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0;
}
.modal.fade .modal-dialog { -webkit-transform: translate3d(0, -25%, 0); transform: translate3d(0, -25%, 0); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
}
.modal-open .modal { overflow-x: hidden; overflow-y: auto;
}
.modal-dialog { position: relative; width: auto; margin: 10px;
}
.modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0;
}
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000;
}
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0);
}
.modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50);
}
.modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.42857143px;
}
.modal-header .close { margin-top: -2px;
}
.modal-title { margin: 0; line-height: 1.42857143;
}
.modal-body { position: relative; padding: 15px;
}
.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn { margin-left: -1px;
}
.modal-footer .btn-block + .btn-block { margin-left: 0;
}
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;
}
@media (min-width: 768px) { .modal-dialog { width: 600px; margin: 30px auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; }
}
@media (min-width: 992px) { .modal-lg { width: 900px; }
}
.tooltip { position: absolute; z-index: 1070; display: block; visibility: visible; font-size: 12px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0);
}
.tooltip.in { opacity: 0.9; filter: alpha(opacity=90);
}
.tooltip.top { margin-top: -3px; padding: 5px 0;
}
.tooltip.right { margin-left: 3px; padding: 0 5px;
}
.tooltip.bottom { margin-top: 3px; padding: 5px 0;
}
.tooltip.left { margin-left: -3px; padding: 0 5px;
}
.tooltip-inner { max-width: 200px; padding: 3px 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; border-radius: 4px;
}
.tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid;
}
.tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; top: auto !important;
}
.tooltip.top-left .tooltip-arrow { bottom: 0; left: 5px; border-width: 5px 5px 0; border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow { bottom: 0; right: 5px; border-width: 5px 5px 0; border-top-color: #000000;
}
.tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000;
}
.tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow { top: 0; left: 5px; border-width: 0 5px 5px; border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow { top: 0; right: 5px; border-width: 0 5px 5px; border-bottom-color: #000000;
}
.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; text-align: left; background-color: #ffffff; background-clip: padding-box; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); white-space: normal;
}
.popover.top { margin-top: -10px;
}
.popover.right { margin-left: 10px;
}
.popover.bottom { margin-top: 10px;
}
.popover.left { margin-left: -10px;
}
.popover-title { margin: 0; padding: 8px 14px; font-size: 14px; font-weight: normal; line-height: 18px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0;
}
.popover-content { padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid;
}
.popover > .arrow { border-width: 11px;
}
.popover > .arrow:after { border-width: 10px; content: "";
}
.popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); top: 100% !important;
}
.popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: transparent; top: 95% !important;
}
.popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #ffffff;
}
.popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px;
}
.popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #ffffff;
}
.popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #ffffff; bottom: -10px;
}
.carousel { position: relative;
}
.carousel-inner { position: relative; overflow: hidden; width: 100%;
}
.carousel-inner > .item { display: none; position: relative; -moz-transition: 0.6s ease-in-out left; -ms-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; -webkit-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev { display: block;
}
.carousel-inner > .active { left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev { position: absolute; top: 0; width: 100%;
}
.carousel-inner > .next { left: 100%;
}
.carousel-inner > .prev { left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right { left: 0;
}
.carousel-inner > .active.left { left: -100%;
}
.carousel-inner > .active.right { left: 100%;
}
.carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus { outline: 0; color: #ffffff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; z-index: 5; display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next { width: 20px; height: 20px; margin-top: -10px; font-family: serif;
}
.carousel-control .icon-prev:before { content: '\2039';
}
.carousel-control .icon-next:before { content: '\203a';
}
.carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center;
}
.carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #ffffff; border-radius: 10px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #ffffff;
}
.carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #ffffff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn { text-shadow: none;
}
@media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -15px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -15px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -15px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.pager:before,
.pager:after,
.modal-footer:before,
.modal-footer:after { content: " "; display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.pager:after,
.modal-footer:after { clear: both;
}
.center-block { display: block; margin-left: auto; margin-right: auto;
}
.pull-right { float: right !important;
}
.pull-left { float: left !important;
}
.hide { display: none !important;
}
.show { display: block !important;
}
.invisible { visibility: hidden;
}
.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;
}
.hidden { display: none !important; visibility: hidden !important;
}
.affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
}
@-ms-viewport { width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg { display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important;
}
@media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; }
}
@media (max-width: 767px) { .visible-xs-block { display: block !important; }
}
@media (max-width: 767px) { .visible-xs-inline { display: inline !important; }
}
@media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; }
}
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; }
}
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; }
}
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; }
}
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; }
}
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; }
}
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; }
}
@media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; }
}
@media (min-width: 1200px) { .visible-lg-block { display: block !important; }
}
@media (min-width: 1200px) { .visible-lg-inline { display: inline !important; }
}
@media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; }
}
@media (max-width: 767px) { .hidden-xs { display: none !important; }
}
@media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; }
}
@media (min-width: 1200px) { .hidden-lg { display: none !important; }
}
.visible-print { display: none !important;
}
@media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; }
}
.visible-print-block { display: none !important;
}
@media print { .visible-print-block { display: block !important; }
}
.visible-print-inline { display: none !important;
}
@media print { .visible-print-inline { display: inline !important; }
}
.visible-print-inline-block { display: none !important;
}
@media print { .visible-print-inline-block { display: inline-block !important; }
}
@media print { .hidden-print { display: none !important; }
}
.font-header-semibold { font-family: 'Roboto Slab', serif; font-weight: 400; line-height: 125%;
}
.font-header-bold { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%;
}
.font-light { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; line-height: 125%;
}
.font-reg { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%;
}
.font-semibold { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%;
}
.font-bold { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%;
}
.wingtips-hard:before,
.wingtips-hard:after { position: absolute; width: 50%; height: 12%; content: ""; left: 5px; bottom: 14px; max-width: 50%; max-height: 100px; -webkit-transform: rotate(-5deg) skew(-10deg, 0deg); -moz-transform: rotate(-5deg) skew(-10deg, 0deg); -ms-transform: rotate(-5deg) skew(-10deg, 0deg); -o-transform: rotate(-5deg) skew(-10deg, 0deg); transform: rotate(-5deg) skew(-10deg, 0deg); -webkit-box-shadow: 0 15px 8px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 15px 8px rgba(0, 0, 0, 0.35); box-shadow: 0 15px 8px rgba(0, 0, 0, 0.35);
}
.wingtips-hard:after { left: auto; right: 5px; -webkit-transform: rotate(5deg) skew(10deg, 0deg); -moz-transform: rotate(5deg) skew(10deg, 0deg); -ms-transform: rotate(5deg) skew(10deg, 0deg); -o-transform: rotate(5deg) skew(10deg, 0deg); transform: rotate(5deg) skew(10deg, 0deg);
}
.wingtips-soft:before,
.wingtips-soft:after { position: absolute; width: 50%; height: 12%; content: ""; left: 5px; bottom: 19px; max-width: 48%; max-height: 100px; -webkit-transform: rotate(-3deg) skew(-10deg, 0deg); -moz-transform: rotate(-3deg) skew(-10deg, 0deg); -ms-transform: rotate(-3deg) skew(-10deg, 0deg); -o-transform: rotate(-3deg) skew(-10deg, 0deg); transform: rotate(-3deg) skew(-10deg, 0deg); -webkit-box-shadow: 4px 20px 9px rgba(0, 0, 0, 0.35); -moz-box-shadow: 4px 20px 9px rgba(0, 0, 0, 0.35); box-shadow: 4px 20px 9px rgba(0, 0, 0, 0.35);
}
.safari .wingtips-soft:before,
.safari .wingtips-soft:after { bottom: 21px;
}
.wingtips-soft:after { left: auto; right: 5px; -webkit-transform: rotate(3deg) skew(10deg, 0deg); -moz-transform: rotate(3deg) skew(10deg, 0deg); -ms-transform: rotate(3deg) skew(10deg, 0deg); -o-transform: rotate(3deg) skew(10deg, 0deg); transform: rotate(3deg) skew(10deg, 0deg); -webkit-box-shadow: -4px 20px 9px rgba(0, 0, 0, 0.35); -moz-box-shadow: -4px 20px 9px rgba(0, 0, 0, 0.35); box-shadow: -4px 20px 9px rgba(0, 0, 0, 0.35);
}
.button-reset { background: none repeat scroll 0 0 transparent; border: medium none; border-spacing: 0; font-weight: normal; list-style: none outside none; margin: 0; padding: 0; text-decoration: none; text-indent: 0; outline: 0;
}
.facebook-button-styles.facebook { background: #4e6bad; padding: 0;
}
.facebook-button-styles.facebook .col-xs-1 { width: 12%; padding: 12px 10px; border-right: 1px solid #a7b5d6; min-height: 43px;
}
.facebook-button-styles.facebook .col-xs-11 { width: 88%; padding: 12px 10px;
}
.facebook-button-styles.facebook svg { width: 9px; height: 16px; vertical-align: -10%; margin-right: 0;
}
.facebook-button-styles.facebook svg path { fill: #ffffff;
}
.preserve-3D { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;
}
.reset-vertical-align { top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);
}
.title-ribbon { height: 40px; background: #003366; position: relative; margin: 0 25px;
}
.title-ribbon:before,
.title-ribbon:after { content: ''; position: absolute; display: block; bottom: 0; border: 20px solid #003366; -webkit-transform: scale(0.9999); -moz-transform: scale(0.9999); -o-transform: scale(0.9999);
}
.title-ribbon:before { left: -10px; border-right-width: 0; border-left-width: 10px; border-left-color: transparent;
}
.title-ribbon:after { right: -10px; border-left-width: 0; border-right-width: 10px; border-right-color: transparent;
}
@media (min-width: 768px) { .title-ribbon { margin: 0 10px; }
}
.title-ribbon h3,
.title-ribbon div { font-family: 'Roboto Slab', serif; font-weight: 400; line-height: 125%; font-size: 18px; color: #ffffff; line-height: 40px; height: 40px; padding: 0 10px; margin: 0;
}
.vertical-align { top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
.center-center { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.image-fill-and-center { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; min-height: 100% !important;
}
.header-with-link.with-link { display: table; width: 100%; margin-bottom: 3px !important; margin-top: 8px !important;
}
.header-with-link.with-link .tr { display: table-row; width: 100%;
}
.header-with-link.with-link .tr span { display: table-cell;
}
.header-with-link.with-link .tr span.link { vertical-align: -10px;
}
.header-with-link.with-link .tr a { display: block; text-align: right; font-size: 14px;
}
html { height: 100%; background: url('//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/bg-texture-blue.jpg?yocs=1V_1Y_2b_&yoloc=us') repeat;
}
@-ms-viewport { width: device-width;
}
body { background: url(//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/bg-dot.jpg?yocs=1V_1Y_2b_&yoloc=us) repeat #ffffff; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; font-size: 15px; color: #555555; }
body > .main { float: right; width: 100%; margin-right: 0; -moz-transition: margin-right 200ms ease-in-out; -ms-transition: margin-right 200ms ease-in-out; -o-transition: margin-right 200ms ease-in-out; -webkit-transition: margin-right 200ms ease-in-out; transition: margin-right 200ms ease-in-out;
}
body > .main .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); display: none; z-index: 9999;
}
body.mobile-drawer-open { overflow: hidden; position: fixed; width: 100%;
}
body > form { margin: 0;
}
body.searchOpen > form > .main,
body.searchOpen .kraft-breadcrumb { margin-top: 44px;
}
body.searchOpen .recalls.top { margin-top: 60px;
}
body.searchOpen .recalls.top + .kraft-breadcrumb { margin-top: 0 !important;
}
body.searchOpen .recalls.top + .main { margin-top: 0 !important;
}
body.searchOpen .kraft-breadcrumb + .main { margin-top: 0 !important;
}
img { max-width: 100%;
}
.bg-gradient { position: fixed; top: 0; left: 0; width: 100%; height: 500px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjY1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0.65) 70%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, #ffffff), color-stop(70%, rgba(255, 255, 255, 0.65)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0.65) 70%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0.65) 70%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0.65) 70%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0.65) 70%, rgba(255, 255, 255, 0) 100%); }
.container-fluid { position: relative;
}
.container-fluid .wrapper { width: 100%;
}
.block { display: block;
}
.generic-one-column .row > section:first-child { padding-bottom: 20px;
}
.generic-one-column .row .no-top { margin-bottom: 0;
}
.generic-one-column .row aside { padding-top: 15px; padding-bottom: 15px;
}
.generic-two-column .row aside { padding-top: 15px; padding-bottom: 15px;
}
@media (min-width: 768px) { body { padding-top: 0px; font-size: 17px; } .container-fluid .wrapper { width: 960px; margin: 0 auto; overflow: hidden; } .recipeDetails{ overflow: auto; } .container-fluid .wrapper.max100 { max-width: 100%; } .floating-container { position: fixed; bottom: 0; z-index: 100; left: 0; } .main-left-col { width: 620px; border: 0; }
}
@media (min-width: 768px) and (max-width: 975px) { html { overflow-x: auto; }
}
h1,
.header1 { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; color: #003366; font-size: 25px; margin: 9px 0 0;
}
.homepage-two-column h1
{font-size: 23px; color: #555555;}
h1.with-link,
.header1.with-link { display: table; width: 100%; margin-bottom: 3px !important; margin-top: 8px !important;
}
h1.with-link .tr,
.header1.with-link .tr { display: table-row; width: 100%;
}
h1.with-link .tr span,
.header1.with-link .tr span { display: table-cell;
}
h1.with-link .tr span.link,
.header1.with-link .tr span.link { vertical-align: -10px;
}
h1.with-link .tr a,
.header1.with-link .tr a { display: block; text-align: right; font-size: 14px;
}
h2,
.header2 { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; color: #555555; font-size: 23px;
}
h2.with-link,
.header2.with-link { display: table; width: 100%; margin-bottom: 3px !important; margin-top: 8px !important;
}
h2.with-link .tr,
.header2.with-link .tr { display: table-row; width: 100%;
}
h2.with-link .tr span,
.header2.with-link .tr span { display: table-cell;
}
h2.with-link .tr span.link,
.header2.with-link .tr span.link { vertical-align: -10px;
}
h2.with-link .tr a,
.header2.with-link .tr a { display: block; text-align: right; font-size: 14px;
}
h3,
.header3 { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%; color: #555555; font-size: 15px;
}
h3.header3-serif,
.header3.header3-serif { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; font-size: 14px;
}
h3.with-link,
.header3.with-link { display: table; width: 100%; margin-bottom: 3px !important; margin-top: 8px !important;
}
h3.with-link .tr,
.header3.with-link .tr { display: table-row; width: 100%;
}
h3.with-link .tr span,
.header3.with-link .tr span { display: table-cell;
}
h3.with-link .tr span.link,
.header3.with-link .tr span.link { vertical-align: -10px;
}
h3.with-link .tr a,
.header3.with-link .tr a { display: block; text-align: right; font-size: 14px;
}
aside .header3 { font-size: 16px;
}
.header4 { font-family: 'Roboto Slab', serif; font-weight: 400; line-height: 125%; font-size: 18px;
}
p { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; font-size: 15px;
}
.caption { font-size: 12px;
}
b,
strong { font-weight: 700;
}
ul,
ol { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; padding: 0; margin: 0 19px 10px;
}
ol { margin-left: 22px;
}
a { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; color: #00aeff; cursor: pointer;
}
a:hover { color: #00aeff; text-decoration: none;
}
.alignright { float: right; margin: 0.5em 0 0.5em 1em;
}
.alignleft { float: left; margin: 0.5em 1em 0.5em 0;
}
.aligncenter { display: block; margin-left: auto; margin-right: auto;
}
.right-rail { background-color: #f5f8f9; padding-top: 8px;
}
.mobile-container-padding { padding: 0 15px;
}
.mobile-container-subpadding { padding: 0 10px;
}
.tooltip { max-width: 45%;
}
.tooltip.top .tooltip-arrow { border-top-color: #555555;
}
.tooltip.right .tooltip-arrow { border-right-color: #555555;
}
.tooltip.bottom .tooltip-arrow { border-bottom-color: #555555;
}
.tooltip.left .tooltip-arrow { border-left-color: #555555;
}
.tooltip .tooltip-inner { background-color: #555555;
}
span[data-toggle="tooltip"] svg path { fill: #00aeff;
}
span[data-toggle="tooltip"] svg .st0 { fill: #ffffff;
}
.shadow { -webkit-box-shadow: 0 3px 0 0 #ffffff, 0 -8px 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), -2px 0 13px -7px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 3px 0 0 #ffffff, 0 -8px 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), -2px 0 13px -7px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 0 0 #ffffff, 0 -8px 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), -2px 0 13px -7px rgba(0, 0, 0, 0.4);
}
@media (min-width: 768px) { .shadow.no-bottom { -webkit-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), -2px 0 13px -7px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), -2px 0 13px -7px rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), -2px 0 13px -7px rgba(0, 0, 0, 0.4); } .shadow.no-top { margin-bottom: 20px; -webkit-box-shadow: 0 0 0 0 #ffffff, 0 -3px 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), -2px 0 13px -7px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 0 0 #ffffff, 0 -3px 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), -2px 0 13px -7px rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 0 #ffffff, 0 -3px 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), -2px 0 13px -7px rgba(0, 0, 0, 0.4); } .safari .shadow.no-top { -webkit-box-shadow: 0 0 0 0 #ffffff, 0 -8px 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), -2px 0 13px -7px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 0 0 #ffffff, 0 -8px 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), -2px 0 13px -7px rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 0 #ffffff, 0 -8px 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), -2px 0 13px -7px rgba(0, 0, 0, 0.4); } .shadow.only-right { -webkit-box-shadow: 0 -3px 0 0 #ffffff, 0 -3px 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), 0 0 0 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -3px 0 0 #ffffff, 0 -3px 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), 0 0 0 0 rgba(0, 0, 0, 0.4); box-shadow: 0 -3px 0 0 #ffffff, 0 -3px 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), 0 0 0 0 rgba(0, 0, 0, 0.4); } .shadow.all { margin-bottom: 20px; -webkit-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), -2px 0 13px -7px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), -2px 0 13px -7px rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), -2px 0 13px -7px rgba(0, 0, 0, 0.4); }
}
.bg-white { background: #ffffff;
}
.bg-blue { background: #f0f9fd;
}
.bg-gray { background: #f5f8f9;
}
@media (min-width: 768px) { .right-rail-gradient { height: 100px; position: absolute; top: 0; right: 0; z-index: 0; width: 100%; background: #f5f8f9; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE0JSIgc3RvcC1jb2xvcj0iI2Y1ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY4ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(50%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f8f9', GradientType=0); }
}
.mobile-modal-pg { margin-bottom: 0 !important;
}
.mobile-modal-signin { margin-top: -20px; padding: 5px 0;
}
.mobile-overlay { display: none; opacity: 0.4; position: absolute; top: 0; left: 0; background-color: #000; width: 100%; height: 100%; z-index: 999999;
}
.tag-fragment { height: 24px; line-height: 150%; background-color: #555555; color: #ffffff; border-radius: 20px; display: inline-block; margin: 0 2px 4px 0; padding: 1px 25px 1px 15px; font-size: 14px; position: relative; text-align: left;
}
.tag-fragment svg { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); margin-left: 8px; cursor: pointer; position: absolute; top: 6px; right: 6px;
}
.tag-fragment svg path { fill: #ffffff;
}
.divider.dotted { position: relative; height: 2px; width: 100%;
}
.divider.dotted.vertical { width: 2px; height: 100%;
}
.divider.slitshadow { width: 90%; margin: 0 auto 15px; height: 10px; overflow: hidden; box-sizing: content-box;
}
.divider.slitshadow.reversed .falloff-shadow { top: 71px;
}
.divider.slitshadow .overhang { height: 88px; width: 100%; margin: 0 auto; position: relative; z-index: 5; background: #ffffff;
}
.divider.slitshadow .falloff-shadow { width: 85%; margin: 0 auto; -webkit-box-shadow: 0px -20px 21px 26px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px -20px 21px 26px rgba(0, 0, 0, 0.8); box-shadow: 0px -20px 21px 26px rgba(0, 0, 0, 0.8); position: relative; z-index: 1; height: 1px; top: -21px;
}
.chrome .divider.slitshadow.reversed .falloff-shadow { top: 61px;
}
.lt-ie10 .divider.dotted.vertical { width: auto; padding: 0 2px 0 0;
}
.chrome .divider.slitshadow .falloff-shadow { -webkit-box-shadow: 0px -15px 21px 26px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px -15px 21px 26px rgba(0, 0, 0, 0.8); box-shadow: 0px -15px 21px 26px rgba(0, 0, 0, 0.8);
}
@media all and (-ms-high-contrast: none) { .slitshadow.divider .falloff-shadow { top: -16px !important; }
}
.scallop { position: relative;
}
.scallop .corner { width: 19px; height: 54px; position: absolute; left: 7px;
}
.scallop .border { width: 100%; height: 11px; position: absolute; right: 0;
}
.scallop .mask { width: 100%; height: 35px; position: absolute; right: 0; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY2JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0) 68%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(66%, rgba(255, 255, 255, 0)), color-stop(68%, rgba(255, 255, 255, 0)), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0) 68%, #ffffff 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0) 68%, #ffffff 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0) 68%, #ffffff 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 0) 68%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=1); }
.scallop.top { margin: 0;
}
.scallop.top .corner { background: url(//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/scallop-top.png?yocs=1V_1Y_2b_&yoloc=us) no-repeat; top: 0;
}
.scallop.top .border { background: url(//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/scallop-dot.png?yocs=1V_1Y_2b_&yoloc=us) 0 0 repeat-x; top: 0;
}
.scallop.top .mask { top: 0;
}
.scallop.bottom { margin-top: 25px;
}
.scallop.bottom .corner { background: url(//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/scallop-bottom.png?yocs=1V_1Y_2b_&yoloc=us) no-repeat; bottom: 0;
}
.scallop.bottom .border { background: url(//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/scallop-dot.png?yocs=1V_1Y_2b_&yoloc=us) 0 -11px repeat-x; bottom: 0;
}
.scallop.bottom .mask { bottom: 0;
}
.scallop.right-rail-edge.visible-xs .border { background-color: #f5f8f9;
}
.details-row { margin: 15px 0 12px; font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; width:100%;
}
.prep-time,
.total-time,
.serves { padding: 0 0 0 10px; font-size: 14px; text-align: center;
}
.prep-time .header3-serif,
.total-time .header3-serif,
.serves .header3-serif { margin: 0 0 1px; line-height: 16px; font-size: 14px;
}
.prep-time span,
.total-time span,
.serves span { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; line-height: 125%; font-size: 38px; line-height: 100%;
}
.prep-time p,
.total-time p,
.serves p { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; margin-bottom: 0;
}
.prep-time,
.total-time { padding-left: 2px; width: 36%;
}
.prep-time .time-row .hour,
.total-time .time-row .hour,
.prep-time .time-row .minute,
.total-time .time-row .minute { text-align: center; width: 50%;
}
.prep-time .time-row .hour,
.total-time .time-row .hour { position: relative;
}
.prep-time .time-row .vertical-line,
.total-time .time-row .vertical-line { border-right: 1px solid #cccccc; width: 1px; height: 80%; min-height: 19px; display: inline-block; margin: 0 0 0 3px; position: absolute; top: 10px; right: 0;
}
.serves { width: 33%; text-align: left; padding-right: 0;
}
.serves p:last-child { font-size: 13px; font-weight: normal; margin-top: 4px;
}
.show-more-items { margin: 0 auto; position: relative; background: #ffffff; padding-bottom: 5px; text-align: center; outline: none; border: 0; color: #00aeff; cursor: pointer; display: block; line-height: 40px; font-size: 16px; margin-bottom: 0;
}
.show-more-items span:hover { text-decoration: underline;
}
.show-more-items span.less { display: none;
}
.show-more-items span.more { font-weight: normal;
}
.show-more-items svg { width: 9px; margin: 0 0 0 12px; vertical-align: middle; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.show-more-items svg path { fill: #00aeff;
}
@media (min-width: 768px) { .show-more-items:last-of-type { margin-bottom: 20px; } .show-more-items span.more { font-weight: 700; }
}
.read-more-wrapper { position: relative; max-height: 87px; overflow: hidden; padding-top: 15px; -moz-transition: max-height 1s ease-in-out; -ms-transition: max-height 1s ease-in-out; -o-transition: max-height 1s ease-in-out; -webkit-transition: max-height 1s ease-in-out; transition: max-height 1s ease-in-out;
}
.read-more-wrapper:not(.expanded) { -moz-transition: max-height 250ms ease-in-out; -ms-transition: max-height 250ms ease-in-out; -o-transition: max-height 250ms ease-in-out; -webkit-transition: max-height 250ms ease-in-out; transition: max-height 250ms ease-in-out; -moz-animation: readLessAnimation 250ms; -ms-animation: readLessAnimation 250ms; -o-animation: readLessAnimation 250ms; -webkit-animation: readLessAnimation 250ms; animation: readLessAnimation 250ms;
}
.read-more-wrapper .romance-copy,
.read-more-wrapper .romance-copy p { line-height: 1.5em;
}
.read-more-wrapper .read-more { position: absolute; bottom: 0px; width: 100%; padding-top: 25px; margin-bottom: 0; text-align: center; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, #ffffff), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%, #ffffff 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%, #ffffff 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #ffffff 50%, #ffffff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #ffffff 50%, #ffffff 100%); }
.read-more-wrapper .read-more p { color: #00aeff; cursor: pointer; width: 100%; display: block; line-height: 35px; font-size: 14px; margin-bottom: 0;
}
.read-more-wrapper .read-more p span.less { display: none;
}
.read-more-wrapper .read-more p svg { width: 5px; height: 10px; margin: 0 0 0 4px; vertical-align: middle; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
.read-more-wrapper .read-more p svg path { fill: #00aeff;
}
.read-more-wrapper.expand { max-height: 999999px;
}
.read-more-wrapper.expanded { padding-bottom: 35px;
}
.read-more-wrapper.expanded .read-more { padding-top: 0px;
}
.read-more-wrapper.expanded .read-more svg { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
@media (min-width: 768px) { .lt-ie10 .read-more-wrapper .read-more { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); } .read-more-wrapper { max-height: none; } .read-more-wrapper > div { margin-bottom: 20px; } .no-touch .read-more-wrapper .read-more p:hover { text-decoration: underline; }
}
.lt-ie10 .view-all-link .circle-container svg,
.lt-ie10 .back-to-link .circle-container svg,
.lt-ie10 .shoppingList .edit .circle-container svg,
.lt-ie10 .accountPage .edit .circle-container svg,
.lt-ie10 .buy-online .circle-container svg,
.lt-ie10 .return-to-brand .circle-container svg { margin-bottom: 4px; margin-left: -2px;
}
.lt-ie10 .view-all-row .view-all-link .circle-container svg { margin-bottom: 15px; margin-left: 6px;
}
.view-all-link,
.back-to-link,
.shoppingList .edit,
.accountPage .edit,
.buy-online,
.return-to-brand { display: block;
}
.view-all-link .circle-container,
.back-to-link .circle-container,
.shoppingList .edit .circle-container,
.accountPage .edit .circle-container,
.buy-online .circle-container,
.return-to-brand .circle-container { width: 15px; height: 15px; -webkit-border-radius: 7.5px; -moz-border-radius: 7.5px; border-radius: 7.5px; background-color: #00aeff; float: left; margin-right: 7px;
}
.view-all-link .circle-container svg,
.back-to-link .circle-container svg,
.shoppingList .edit .circle-container svg,
.accountPage .edit .circle-container svg,
.buy-online .circle-container svg,
.return-to-brand .circle-container svg { height: 8px; margin-top: 3px; margin-left: -1px;
}
.view-all-link .circle-container svg path,
.back-to-link .circle-container svg path,
.shoppingList .edit .circle-container svg path,
.accountPage .edit .circle-container svg path,
.buy-online .circle-container svg path,
.return-to-brand .circle-container svg path { fill: #ffffff;
}
.view-all-link.forward svg,
.back-to-link.forward svg,
.shoppingList .edit.forward svg,
.accountPage .edit.forward svg,
.buy-online.forward svg,
.return-to-brand.forward svg { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: -1px;
}
.shoppingList .edit .circle-container { width: 13px; height: 13px; -webkit-border-radius: 6.5px; -moz-border-radius: 6.5px; border-radius: 6.5px; margin: 2px 4px 0 0;
}
.shoppingList .edit .circle-container svg { height: 7px; margin: 3px 0 0 -2px;
}
@media (min-width: 768px) { .shoppingList .edit .circle-container { width: 17px; height: 17px; -webkit-border-radius: 8.5px; -moz-border-radius: 8.5px; border-radius: 8.5px; margin-top: 2px; margin: 1px 4px 0 0; } .shoppingList .edit .circle-container svg { height: 9px; margin: 4px 0 0; }
}
.form-error { color: #ed174f; margin: 5px 0px 15px;
}
.form-error .header3 { color: #ed174f;
}
.checkbox-wrapper { margin-bottom: 25px; cursor: pointer; min-height: 22px; display: block;
}
.checkbox-wrapper input { display: none;
}
.checkbox-wrapper input + label .unchecked { display: inline-block;
}
.checkbox-wrapper input + label .checked { display: none; margin-right: 3px;
}
.checkbox-wrapper input:checked + label .checked { display: inline-block;
}
.checkbox-wrapper input:checked + label .unchecked { display: none;
}
.checkbox-wrapper label { position: relative; display: inline; cursor: pointer; margin-right: 10px; font-weight: 400;
}
.checkbox-wrapper label .checked svg,
.checkbox-wrapper label .unchecked svg { vertical-align: sub;
}
.checkbox-wrapper label .checked svg path,
.checkbox-wrapper label .unchecked svg path { fill: #a9a9a9;
}
.checkbox-wrapper label .checked svg { width: 21px; height: 18px;
}
.checkbox-wrapper label .checked svg path { fill: #0497ac;
}
.checkbox-wrapper label .unchecked { height: 19px; margin-right: 2px;
}
.checkbox-wrapper label .unchecked svg { width: 20px; height: 18px; margin-left: -1px;
}
.checkbox-wrapper.multi-lined label { display: block;
}
.checkbox-wrapper.multi-lined label .unchecked,
.checkbox-wrapper.multi-lined label .checked { float: left;
}
.radio-wrapper label { display: inline-block; cursor: pointer; position: relative; padding-left: 35px; margin-right: 15px; font-size: 13px;
}
.radio-wrapper input { display: none;
}
.radio-wrapper label:before { content: ""; display: inline-block; border-radius: 12px; width: 24px; height: 24px; margin-right: 10px; position: absolute; left: 0; bottom: -3px; background-color: #ffffff; border: 2px solid #a9a9a9;
}
.radio-wrapper input[type=radio]:checked + label:before { border: 2px solid #0497ac; background-color: #0497ac; box-shadow: inset 0px 0px 0px 3px #ffffff;
}
.styled-select { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; width: 290px; height: 30px; outline: none; margin-bottom: 20px; display: block; overflow: hidden; border: 1px solid #a9a9a9; position: relative;
}
.styled-select .arrow { background-color: transparent; width: 30px; height: 30px; position: absolute; right: 0; top: 7px;
}
.styled-select .arrow svg { width: 25px; height: 14px; margin: 0 0 0 4px; vertical-align: middle; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
.styled-select .arrow svg path { fill: #00aeff;
}
.styled-select.error,
.styled-select.error-container { border: 1px solid #ec174f; margin-top: 0 !important;
}
.styled-select select { border: 0 !important; background: transparent; width: 125%; padding: 0 45px 0 8px; border-radius: 0; height: 27px; -webkit-appearance: none; -moz-appearance: none; outline: none; border: 0; position: absolute; cursor: pointer; font-size: 14px;
}
.styled-select select::-ms-expand { display: none;
}
.lt-ie10 .styled-select select { padding-right: 0 !important;
}
label { display: block; font-size: 16px; margin-bottom: 3px;
}
label.radio-inline { display: inline;
}
input[type="text"],
input[type="password"],
input[type="email"] { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #a9a9a9; height: 30px; padding: 0 8px; outline: none; margin-bottom: 20px; width: 100%; display: block; font-size: 16px;
}
textarea { border: 1px solid #a9a9a9; width: 100%; height: 150px; padding: 8px; margin-bottom: 20px; outline: 0; font-size: 16px; color: #555555; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; resize: none;
}
@media (min-width: 768px) { input[type="text"], input[type="password"], input[type="email"], textarea { font-size: 14px; }
}
input.error { border: 1px solid #ec174f;
}
div.error,
div.error-container { color: #ec174f; margin-top: -10px; margin-bottom: 10px;
}
.button { background: url(//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/bg-button.png?yocs=1V_1Y_2b_&yoloc=us) repeat #555555; border-radius: 3px; width: 100%; padding: 12px; text-transform: uppercase; font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; line-height: 150%; font-size: 13px; color: #ffffff; text-align: center; cursor: pointer; outline: 0;
}
.button.primary { background-color: #ed174f; margin-right:15px;
} @media (min-width: 768px) { .button.primary { float: left; margin-right: 0px; }
}
.button.secondary { background-color: #009de6;
}
.button.disabled { opacity: 0.15; cursor: default;
}
.button a,
.button a:hover { display: block; color: #ffffff; padding: 15px; margin: -15px -5px;
}
.button svg { vertical-align: -15%; margin-right: 8px;
}
.button svg path { fill: #ffffff;
}
.button.checkbox svg { width: 18px; height: 16px;
}
.button.shopping-list svg { width: 14px; height: 18px;
}
.button.recipe-card svg { width: 20px; height: 15px;
}
.button.recipe-box svg { width: 19px; height: 17px;
}
.button.pencil svg { width: 18px; height: 18px;
}
.cancel-edit,
.cancel-remove { display: inline-block; width: 100%; text-align: center; margin: 0;
}
.cancel-edit a,
.cancel-remove a { font-size: 14px; line-height: 40px; display: inline-block;
}
@media (min-width: 768px) { .styled-select .arrow { width: 21px; top: 5px; } .styled-select .arrow svg { width: 7px; height: 14px; margin: 2px 0 0 5px; } .lt-ie10 .styled-select .arrow svg { margin: -4px 0 0 6px; } .button a { display: block; padding: 0; margin: 0; } .cancel-edit, .cancel-remove { text-align: left; width: auto; margin: 10px 0 0 20px; } .cancel-edit a, .cancel-remove a { line-height: normal; }
}
.loading { background: url('//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/svg/icon-loading.svg?yocs=1V_1Y_2b_&yoloc=us') no-repeat; background-size: contain; display: inline-block; width: 38px; height: 38px;
}
.loading.center { margin: 0 auto; display: block;
}
.loading + button { margin-top: 10px;
}
svg.default-image { width: 100%; background-color: #dedede;
}
svg.default-image .st0 { fill: #ADADAD;
}
svg.default-image .st1 { fill: #dedede;
}
.popover.bottom > .arrow { left: 20px;
}
.hearts div { float: left; margin-right: 4px;
}
.hearts div.last-child { margin-right: 0;
}
.hearts div svg { width: 30px; height: 34px;
}
.hearts .full svg path.left,
.hearts .full svg path.right { fill: #ec174f;
}
.hearts .full svg path.outline { fill: #a9a9a9;
}
.hearts .half svg path.left { fill: #ec174f;
}
.hearts .half svg path.right { display: none;
}
.hearts .half svg path.outline { fill: #a9a9a9;
}
.hearts .outline svg path.outline { fill: #a9a9a9;
}
.hearts .outline svg path.left,
.hearts .outline svg path.right { display: none;
}
.hearts:after { content: ''; display: block; clear: both;
}
.stars .bv-cleanslate div.bv-inline-rating-container .bv-stars-container { margin: 5px 0 0 !important;
}
.stars .bv-cleanslate .bv-stars-container .bv-rating-stars-container { display: inline-block;
}
.stars .bv-cleanslate .bv-stars-container .bv-rating-stars-container span.bv-rating-stars { cursor: auto !important; border-bottom: none !important; font-size: 19px !important;
}
.stars .bv-cleanslate .bv-stars-container .bv-rating-stars-container span.bv-rating-stars.bv-rating-stars-off { color: #e4e4e4 !important; position: absolute; z-index: 0; display: block;
}
.stars .bv-cleanslate .bv-stars-container .bv-rating-stars-container span.bv-rating-stars.bv-rating-stars-on { color: #ffd300 !important; width: 80% !important; display: block !important; position: relative; z-index: 1; float: left; overflow: hidden;
}
.utility-view { position: relative; margin-top: -8px; margin-right: -12px; width: 92px; float: right;
}
.utility-view .views-divider { height: 15px; width: 2px; border-left: 1px solid #a9a9a9; margin: 13px 23px; display: inline-block; position: absolute; top: -1px; left: 21px;
}
.utility-view .view-grid-trigger,
.utility-view .view-list-trigger { position: absolute; left: 0; width: 44px; height: 44px;
}
.utility-view .view-grid-trigger svg,
.utility-view .view-list-trigger svg { height: 14px; position: absolute; top: 13px; left: 12px;
}
.utility-view .view-grid-trigger svg path,
.utility-view .view-list-trigger svg path { fill: #a9a9a9;
}
.utility-view .view-grid-trigger.active svg path,
.utility-view .view-list-trigger.active svg path { fill: #555555;
}
.utility-view .view-grid-trigger:hover,
.utility-view .view-list-trigger:hover { cursor: pointer;
}
.utility-view .view-list-trigger { right: 0px; left: auto;
}
@media (min-width: 768px) { .utility-view { margin-top: 2px; margin-right: 0; top: 2px; right: 0; height: 20px; width: 50px; } .utility-view .views-divider { display: none; } .utility-view .view-grid-trigger, .utility-view .view-list-trigger { height: 14px; width: 23px; } .utility-view .view-grid-trigger:hover, .utility-view .view-list-trigger:hover { cursor: pointer; } .utility-view .view-grid-trigger:hover svg, .utility-view .view-list-trigger:hover svg { fill: #555555; } .utility-view .view-grid-trigger svg, .utility-view .view-list-trigger svg { position: relative; top: 0; left: 0; height: 12px; } .utility-view .view-grid-trigger { left: 11px; } .utility-view .view-list-trigger { right: -8px; } .lt-ie10 .utility-view { top: -3px; }
}
.video-icon { display: inline-block;
}
.video-icon svg { width: 33px; height: 33px;
}
.video-icon svg .st0 { fill: transparent; stroke: #0497ac; stroke-miterlimit: 10;
}
.video-icon svg .st1 { fill: #0497ac;
}
.healthy-icon { display: inline-block;
}
.healthy-icon svg { width: 21px; height: 20px;
}
.healthy-icon svg path,
.healthy-icon svg circle { fill: #edd340;
}
@media (min-width: 768px) { h1, .header1 { font-size: 33px; margin: 0; } h2, .header2 { font-size: 28px; } h3, .header3 { font-size: 18px; } h3.header3-serif, .header3.header3-serif { font-size: 16px; } p { font-size: 17px; } .button { min-width: 230px; } .no-touch a:hover { text-decoration: underline; color: #00aeff; } .no-touch .button a:hover { text-decoration: none; color: #ffffff; } .tooltip { max-width: 100%; } .details-row .container-xs-height{ clear:both; } .details-row .col-xs-3 { width: 24%; } .details-row .col-xs-4 { width: 32.3333%; } .details-row .prep-time, .details-row .total-time, .details-row .serves { text-align: left; font-size: 13px; } .details-row .prep-time .header3-serif, .details-row .total-time .header3-serif, .details-row .serves .header3-serif { font-size: 16px; } .details-row .prep-time span, .details-row .total-time span, .details-row .serves span { margin-right: 1px; font-size: 30px; line-height: 125%; } .details-row .prep-time .time-row .vertical-line, .details-row .total-time .time-row .vertical-line { position: relative; top: 0; } .details-row .prep-time, .details-row .total-time { padding-left: 15px; width: 33%; border-right: dotted 2px #ccc; } .details-row .prep-time .time-row .hour, .details-row .total-time .time-row .hour, .details-row .prep-time .time-row .minute, .details-row .total-time .time-row .minute { width: auto; text-align: left; } .details-row .prep-time .time-row .hour br, .details-row .total-time .time-row .hour br, .details-row .prep-time .time-row .minute br, .details-row .total-time .time-row .minute br { display: none; } .details-row .prep-time .time-row .hour, .details-row .total-time .time-row .hour { padding-right: 7px; margin-left: 0px; } .details-row .prep-time .time-row .minute, .details-row .total-time .time-row .minute { width: auto; } .details-row .prep-time { padding-left: 0; border-right: dotted 2px #ccc; } .details-row .serves { width: 41%; padding-left: 15px; } .details-row .serves p:last-child { font-size: 12px; } .two-col { position: relative; background: #f5f8f9; background: #ffffff; background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 620px, #f5f8f9 620px, #f5f8f9 320px); background: -webkit-gradient(left top, right top, color-stop(0%, #ffffff), color-stop(620px, #ffffff), color-stop(620px, #f5f8f9), color-stop(320px, #f5f8f9)); background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 620px, #f5f8f9 620px, #f5f8f9 320px); background: -o-linear-gradient(left, #ffffff 0%, #ffffff 620px, #f5f8f9 620px, #f5f8f9 320px); background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 620px, #f5f8f9 620px, #f5f8f9 320px); background: linear-gradient(to right, #ffffff 0%, #ffffff 620px, #f5f8f9 620px, #f5f8f9 320px); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f8f9', GradientType=1); } .radio-wrapper label { padding-left: 25px; } .radio-wrapper label:before { border-radius: 8px; width: 15px; height: 15px; bottom: 3px; background-color: #ffffff; border: 1px solid #a9a9a9; } .radio-wrapper input[type=radio]:checked + label:before { border: 1px solid #0497ac; background-color: #0497ac; box-shadow: inset 0px 0px 0px 2px #ffffff; } .right-rail { margin-left: 10px; padding: 20px 10px 20px 10px; background-color: transparent; } .container-padding { padding: 20px 20px 0; } .mobile-container-padding { padding: 0; }
}
@-moz-document url-prefix() { .shadow.no-top { -webkit-box-shadow: 0 0 0 0 #ffffff, 0 -8px 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), -2px 0 13px -7px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 0 0 #ffffff, 0 -8px 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), -2px 0 13px -7px rgba(0, 0, 0, 0.4); box-shadow: 0 0 0 0 #ffffff, 0 -8px 0 0 #ffffff, 2px 0 13px -7px rgba(0, 0, 0, 0.4), -2px 0 13px -7px rgba(0, 0, 0, 0.4); }
}
header { position: relative; z-index: 105; top: 0; width: 100%;
}
header.predictionsOpen { z-index: 99999999999999;
}
header .brand-slider,
header nav,
header .view-all-brands { display: none;
}
header .utility { display: none;
}
header .utility img { display: none;
}
header .main { position: relative; z-index: 1; width: 100%; background: url('//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/bg-texture-blue.jpg?yocs=1V_1Y_2b_&yoloc=us') repeat; text-align: center;
}
header .main .search { position: absolute; top: 45px; right: 0; margin: 0 0 0 5px; width: 100%; display: none;
}
header .main .search .error { padding: 0 10px 5px; background: #fff; margin: -1px 0 0 0; position: relative; z-index: 1; border-bottom: 1px solid grey; text-align: left;
}
header .main .search .search-bar { position: relative; top: 0; right: 0; display: block; width: 100%; height: 43px; line-height: 43px; border: none; border-bottom: 1px solid #cccccc; outline: 0; padding: 10px 42px 10px 15px; font-size: 17px; margin-bottom: 0; border-radius: 0;
}
header .main .search .search-bar.error { border-top: 1px solid #ec174f; border-bottom: 1px solid #ec174f;
}
header .main .search .search-button { background: none repeat scroll 0 0 transparent; border: medium none; border-spacing: 0; font-weight: normal; list-style: none outside none; margin: 0; text-decoration: none; text-indent: 0; outline: 0; padding: 0; width: 26px; height: 26px; background: #00aeff; border-radius: 13px; position: absolute; top: 8px; right: 14px; z-index: 10;
}
header .main .search .search-button svg { width: 15px; height: 15px;
}
header .main .search .search-button svg path { fill: #ffffff;
}
header .main .search .arrowTop { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #ffffff; position: absolute; top: -8px; right: 20px; float: right;
}
header .main .search .popover { border: none; margin-top: -1px; border-radius: 0; top: 43px !important; width: 100%; left: 0; max-width: 100%;
}
header .main .search .popover .arrow { border-width: 11px; display: block; border-color: transparent; border-style: solid; position: fixed; z-index: 9999;
}
header .main .search .popover .arrow:after { border: 0;
}
header .main .search .popover .bottom { display: none;
}
header .main .search .popover .bottom .arrow { display: none !important;
}
header .main .search .popover .bottom .arrow:after { border: none; padding: 0; margin: 0;
}
header .main .search .popover .popover-content { padding: 0 10px 15px 10px;
}
header .main .search .popover .popover-content .divider { margin: 0 -10px 10px; width: 100%; box-sizing: content-box; padding: 0 10px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(20%, #cccccc), color-stop(40%, rgba(204, 204, 204, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 2px; background-repeat: repeat-x;
}
header .main .search .popover a.tag-item { font-size: 14px; margin: 5px 0; padding: 3px 0; display: block;
}
header .main .search .popover a.tag-item:last-of-type { margin-bottom: 0;
}
header .main .mobile-nav-icon { display: block; padding: 16px 15px; line-height: 0; position: absolute; top: 0; left: 0;
}
header .main .mobile-nav-icon svg { width: 20px; height: 13px;
}
header .main .mobile-nav-icon svg path { fill: #ffffff;
}
header .main .kraft-logo { display: inline-block; padding: 10px; line-height: 0;
}
header .main .kraft-logo svg { width: 65px; height: 25px;
}
header .main .kraft-logo svg path.st1 { fill: #ffffff;
}
header .main .kraft-logo svg path.st0 { fill: #fd2840;
}
header .main .kraft-logo svg path.st2 { fill: #003366;
}
header .jump-links { display: none; margin: -42px 0 0 0; background: #ffffff; text-align: center; position: relative; z-index: 0; height: 38px; border-bottom: 1px solid #e0e0e0; -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.15); -moz-transition: margin 100ms ease-in-out; -ms-transition: margin 100ms ease-in-out; -o-transition: margin 100ms ease-in-out; -webkit-transition: margin 100ms ease-in-out; transition: margin 100ms ease-in-out;
}
header .jump-links a { font-size: 14px; text-decoration: none; text-align: center; color: #003366; display: block; height: 100%; line-height: 38px; cursor: pointer;
}
header .jump-links a.jumpto_our-tastemakers { width: 100%; display: none;
}
header .jump-links a.active { color: #0497ac;
}
header .jump-links .divider { height: 30px !important; float: left; margin-top: 5px; width: 1px !important; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMzM2NiIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMwMDMzNjYiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzAwMzM2NiIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(0, 51, 102, 0.2) 0%, #003366 20%, rgba(0, 51, 102, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 51, 102, 0.2)), color-stop(20%, #003366), color-stop(40%, rgba(0, 51, 102, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(0, 51, 102, 0.2) 0%, #003366 20%, rgba(0, 51, 102, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(top, rgba(0, 51, 102, 0.2) 0%, #003366 20%, rgba(0, 51, 102, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(top, rgba(0, 51, 102, 0.2) 0%, #003366 20%, rgba(0, 51, 102, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to bottom, rgba(0, 51, 102, 0.2) 0%, #003366 20%, rgba(0, 51, 102, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 30px 2.5px; background-repeat: repeat-y;
}
header .jump-links.show { margin: 0; -moz-transition: margin 100ms ease-in-out; -ms-transition: margin 100ms ease-in-out; -o-transition: margin 100ms ease-in-out; -webkit-transition: margin 100ms ease-in-out; transition: margin 100ms ease-in-out;
}
header .closeLink,
header .searchLink { position: absolute; float: right; top: 0px; right: 8px; z-index: 9999; display: none; padding: 12px;
}
header .closeLink svg { height: 17px; width: 17px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);
}
header .closeLink svg path { fill: #ffffff;
}
header .searchLink { display: block;
}
header .searchLink svg { height: 21px; width: 21px;
}
header .searchLink svg path { fill: #ffffff;
}
.comidakraft header .main .kraft-logo { position: relative; margin-left: -102px;
}
.comidakraft header .main .kraft-logo:before { content: "comidakraft.com"; position: absolute; bottom: 22px; width: 100%; font-size: 13px; color: white; letter-spacing: -0.1px; margin-left: 72px; font-family: Helvetica;
}
@media (min-width: 768px) { header { position: relative; z-index: 105; top: auto; } header a.closeLink { display: none !important; } header a.searchLink { display: none !important; } header .jump-links { display: none; } header .shadowed { clear: both; height: 82px; background: #ffffff; position: relative; display: block; } header .shadowed .top-shadow { -webkit-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.6); box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.6); height: 1px; width: 100%; position: absolute; top: 5px; z-index: -1; left: 50%; margin-left: -50%; } header .shadowed .top-shadow:before, header .shadowed .top-shadow:after { content: ""; position: absolute; z-index: 0; top: -5px; left: -19px; width: 19px; height: 82px; background: #ffffff; } header .shadowed .top-shadow:after { right: -19px; left: auto; } header .shadowed:before, header .shadowed:after { content: ""; position: absolute; z-index: -2; bottom: 14px; left: -12px; width: 55%; height: 20%; max-width: 491px; max-height: 100px; -webkit-box-shadow: 0 15px 12px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 15px 12px rgba(0, 0, 0, 0.2); box-shadow: 0 15px 12px rgba(0, 0, 0, 0.2); -moz-transform: rotate(-1deg); -webkit-transform: rotate(-1deg); -o-transform: rotate(-1deg); -ms-transform: rotate(-1deg); transform: rotate(-1deg); } header .shadowed:after { right: -12px; left: auto; -moz-transform: rotate(1deg); -webkit-transform: rotate(1deg); -o-transform: rotate(1deg); -ms-transform: rotate(1deg); transform: rotate(1deg); } header .main { border-top: 5px solid #003366; -webkit-box-shadow: 0 -15px 16px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 -15px 16px 0 rgba(0, 0, 0, 0.2); position: relative; z-index: 1; background: #ffffff; width: 100% !important; height: 125px; } header .main .wrapper { width: 960px; margin: 0 auto; } header .main .mobile-nav-icon { display: none; } header .main .kraft-logo { display: block; float: left; padding: 20px 0; } header .main .kraft-logo svg { width: 104px; height: 40px; } header .main .search { position: relative; float: right; margin: 25px 0 0; width: 245px; display: block; top: 0; } header .main .search .error { border: none; font-size: 12px; background: transparent; margin-top: 0; } header .main .search .search-bar { display: block; width: 245px; height: 32px; border: 1px solid #d4d4d4; border-radius: 15px; outline: 0; padding: 0 30px 0 11px; font-size: 14px; line-height: inherit; } header .main .search .search-bar.error { border: 1px solid #ec174f; } header .main .search .search-button { position: absolute; top: 3px; right: 3px; width: 26px; height: 26px; padding: 0; background: #00aeff; border-radius: 13px; } header .main .search .search-button svg { width: 16px; height: 15px; } header .main .search .arrowTop { display: none; } header .main .search .popover { width: 100%; border: none; border-radius: 0; margin-top: -3px; } header .main .search .popover .arrow { border: 1px; background: url('//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/popover-notch.png?yocs=1V_1Y_2b_&yoloc=us') transparent no-repeat; border-color: transparent; border-style: solid; position: absolute; display: block; width: 37px; height: 15px; left: 40%; top: -15px; padding: 0; margin: 0; } header .main .search .popover .popover-content { padding: 15px 25px 25px; } header .main nav { float: left; display: block; } header .main nav ul { list-style-type: none; margin: 0 6px 0 27px; } header .main nav ul li { display: inline-block; } header .main nav ul li a { display: block; color: #003366; font-size: 16px; font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; padding: 0 14px; line-height: 82px; } header .main nav ul li a svg { visibility: hidden; width: 5px; height: 10px; margin: 0 0 0 7px; vertical-align: middle; } header .main nav ul li a svg path { fill: #00aeff; } header .main nav ul li a:focus, header .main nav ul li a:hover { background: none; } header .main nav ul li a .active { color: #0497ac; } header .main nav ul li.dropdown { position: static; } header .main nav ul li.full .dropdown-menu { left: 0; right: 0; margin-left: 0; } header .main nav ul li.right .dropdown-menu { right: 0; } header .main nav ul li ul.dropdown-menu { margin: 0 0 0 -5px; padding: 20px 8px; z-index: -3; left: auto; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.4); background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY4ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 33%, #f5f8f9 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(33%, #ffffff), color-stop(100%, #f5f8f9)); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 33%, #f5f8f9 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 33%, #f5f8f9 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 33%, #f5f8f9 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 33%, #f5f8f9 100%); } header .main nav ul li ul.dropdown-menu li { width: 100%; margin-bottom: 20px; } header .main nav ul li ul.dropdown-menu li ul li { display: block; } header .main nav ul li ul.dropdown-menu li:last-of-type, header .main nav ul li ul.dropdown-menu li ul li { margin-bottom: 0; } header .main nav ul li ul.dropdown-menu li a { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; font-size: 13px; padding: 0; font-weight: normal; line-height: 120%; padding: 3px 0; color: #555555; } header .main nav ul li ul.dropdown-menu li a:hover { color: #00aeff; } header .main nav ul li ul.dropdown-menu li p { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; color: #003366; margin-bottom: 8px; } header .main nav ul li ul.dropdown-menu .title-row ul, header .main nav ul li ul.dropdown-menu .view-all-row ul { width: 100%; margin: 0 6px 0 13px; } header .main nav ul li ul.dropdown-menu .title-row ul li, header .main nav ul li ul.dropdown-menu .view-all-row ul li { padding: 0 12px 0 0; margin-right: 12px; display: block; float: left; width: 176px; min-height: 20px; } header .main nav ul li ul.dropdown-menu .title-row ul li:last-of-type, header .main nav ul li ul.dropdown-menu .view-all-row ul li:last-of-type { margin-right: 0; } header .main nav ul li ul.dropdown-menu .link-row { display: table-row; width: 188px; } header .main nav ul li ul.dropdown-menu .link-row ul { padding: 10px 10px 40px 12px; margin: 0; display: table-cell; } header .main nav ul li ul.dropdown-menu .link-row ul li { width: 164px; } header .main nav ul li ul.dropdown-menu .link-row .divider.vertical:last-of-type { display: none; } header .main nav ul li ul.dropdown-menu .view-all-row { margin-top: -20px; } header .main nav ul li ul.dropdown-menu .view-all-row a { color: #00aeff; text-decoration: none; padding-left: 20px; } header .main nav ul li ul.dropdown-menu .view-all-row a:hover { text-decoration: underline; } header .main nav ul li ul.dropdown-menu .view-all-row .circle-container { margin-left: -20px; } header .main nav ul li ul.dropdown-menu .view-all-row .circle-container svg { visibility: visible; margin-left: 6px; } header .main nav ul li ul.dropdown-menu .divider { background: none; margin: 0; } header .main nav ul li ul.dropdown-menu .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiM1NTU1NTUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 25%, rgba(85, 85, 85, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(25%, #555555), color-stop(50%, rgba(85, 85, 85, 0.2)), color-stop(50%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 25%, rgba(85, 85, 85, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 25%, rgba(85, 85, 85, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 25%, rgba(85, 85, 85, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 25%, rgba(85, 85, 85, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0 top; background-size: 6px 2px; background-repeat: repeat-x; } header .main nav ul li ul.dropdown-menu .divider.dotted.vertical { position: relative; width: 2px; display: table-cell; float: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNkY2RjZGMiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2RjZGNkYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(220, 220, 220, 0.2) 0%, #dcdcdc 25%, rgba(220, 220, 220, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(220, 220, 220, 0.2)), color-stop(25%, #dcdcdc), color-stop(50%, rgba(220, 220, 220, 0.2)), color-stop(50%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(220, 220, 220, 0.2) 0%, #dcdcdc 25%, rgba(220, 220, 220, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(top, rgba(220, 220, 220, 0.2) 0%, #dcdcdc 25%, rgba(220, 220, 220, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -ms-linear-gradient(top, rgba(220, 220, 220, 0.2) 0%, #dcdcdc 25%, rgba(220, 220, 220, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to bottom, rgba(220, 220, 220, 0.2) 0%, #dcdcdc 25%, rgba(220, 220, 220, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0 top; background-size: 12px 6px; background-repeat: repeat-y; } header .main nav ul > li a svg { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } header .ad-leaderboard { display: block; -webkit-box-shadow: none; box-shadow: none; } header .ad-leaderboard img { display: inline; } header .ad-leaderboard div { margin: 0 auto; } header .brand-slider { float: left; display: block; width: 350px; height: 38px; margin: 0 16px; overflow: visible; } header .brand-slider .jcarousel { height: 100%; overflow: hidden; } header .brand-slider ul { height: 100%; } header .brand-slider ul li { margin: 0; height: 100%; width: 58.3333333333333px; } header .brand-slider ul li a { display: block; width: 100%; height: 100%; text-align: center; opacity: 0.5; } header .brand-slider ul li a img { position: relative; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } header .brand-slider svg { width: 8px; height: 15px; } header .brand-slider svg path { fill: #003366; } header .brand-slider .jcarousel-control-prev { margin-top: -8px; left: -15px; line-height: 0 !important; } header .brand-slider .jcarousel-control-prev svg { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } header .brand-slider .jcarousel-control-next { margin-top: -8px; right: -15px; line-height: 0 !important; } header .view-all-brands { float: left; font-size: 12px; color: #003366; padding: 5px 0 5px 5px; margin: 5px; display: block; } header .utility { float: right; color: #003366; font-size: 12px; display: block; height: 38px; padding: 5px 0; max-width: 486px; position: relative; } header .utility .divider { display: inline-block; height: 18px; margin-bottom: -5px; } header .utility a { display: inline-block; color: inherit; padding: 6px 10px; height: 100%; } header .utility a:last-child { padding-right: 0; } header .utility .divider { height: 18px !important; position: relative; width: 2px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY1NzY4NiIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIxOC41MTg1MTg1MTg1MTg1MiUiIHN0b3AtY29sb3I9IiM2NTc2ODYiLz48c3RvcCBvZmZzZXQ9IjM3LjAzNzAzNzAzNzAzNzA0JSIgc3RvcC1jb2xvcj0iIzY1NzY4NiIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIzNy4wMzcwMzcwMzcwMzcwNCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(101, 118, 134, 0.2) 0%, #657686 18.51851852%, rgba(101, 118, 134, 0.2) 37.03703704%, rgba(0, 0, 0, 0) 37.03703704%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(101, 118, 134, 0.2)), color-stop(18.51851852%, #657686), color-stop(37.03703704%, rgba(101, 118, 134, 0.2)), color-stop(37.03703704%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(101, 118, 134, 0.2) 0%, #657686 18.51851852%, rgba(101, 118, 134, 0.2) 37.03703704%, rgba(0, 0, 0, 0) 37.03703704%); background-image: -o-linear-gradient(top, rgba(101, 118, 134, 0.2) 0%, #657686 18.51851852%, rgba(101, 118, 134, 0.2) 37.03703704%, rgba(0, 0, 0, 0) 37.03703704%); background-image: -ms-linear-gradient(top, rgba(101, 118, 134, 0.2) 0%, #657686 18.51851852%, rgba(101, 118, 134, 0.2) 37.03703704%, rgba(0, 0, 0, 0) 37.03703704%); background-image: linear-gradient(to bottom, rgba(101, 118, 134, 0.2) 0%, #657686 18.51851852%, rgba(101, 118, 134, 0.2) 37.03703704%, rgba(0, 0, 0, 0) 37.03703704%); background-position: 0 top; background-size: 27px 5px; background-repeat: repeat-y; } header .utility .recipe-box { color: #003366; } header .utility .recipe-box svg { width: 16px; height: 14px; margin: 0 5px -2px 0; } header .utility .recipe-box svg path { fill: #003366; } header .utility .welcome-profile { display: none; } header .utility .welcome-profile .username { outline: 0; cursor: pointer; position: relative; padding-right: 16px; } header .utility .welcome-profile .username > div { position: absolute; top: 8px; right: 2px; width: 10px; height: 10px; border-radius: 5px; background: #ffffff; } header .utility .welcome-profile .username > div svg { width: 8px; height: 8px; vertical-align: top; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin: 3px 0 0 0; } header .utility .welcome-profile .username > div svg path { fill: #003366; stroke: #003366; } header .utility .welcome-profile .username:active > div svg, header .utility .welcome-profile .username:focus > div svg { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } header .utility .welcome-profile .my-profile { padding-left: 3px; padding-right: 7px; color: #003366; } header .utility .new-window { color: #00aeff; vertical-align: -1px; } header .utility .new-window svg { width: 15px; height: 13px; margin: 0 2px -2px 0; } header .utility .new-window svg path { fill: #00aeff; } header .utility .sign-in svg { width: 12px; height: 12px; margin: 0 0 -1px 1px; } header .utility .sign-in svg path { fill: #003366; } header .utility.signed-in .register-signin { display: none; } header .utility.signed-in .welcome-profile { display: inline; } header .utility.signed-in .welcome-profile .dropdown { display: none; } header .utility.signed-in .welcome-profile .dropdown a { display: block; } header .utility.signed-in .popover.profile-utility { border-radius: 0; border: none; margin-top: 0; left: initial !important; right: 0; -webkit-box-shadow: 2px 3px 9px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 2px 3px 9px 0 rgba(0, 0, 0, 0.15); box-shadow: 2px 3px 9px 0 rgba(0, 0, 0, 0.15); top: 33px !important; position: absolute !important; } header .utility.signed-in .popover.profile-utility .arrow { display: none; } header .utility.signed-in .popover.profile-utility .popover-content { padding: 0; } header .utility.signed-in .popover.profile-utility a { display: block; padding: 5px 20px; } header .utility.signed-in .popover.profile-utility a:first-child { padding-top: 14px; } header .utility.signed-in .popover.profile-utility a:last-child { padding-bottom: 14px; } header .utility.signed-in .popover.profile-utility a.my-profile svg, header .utility.signed-in .popover.profile-utility a.my-shopping-list svg { width: 14px; height: 14px; vertical-align: middle; margin-right: 6px; } header .utility.signed-in .popover.profile-utility a.my-profile svg path, header .utility.signed-in .popover.profile-utility a.my-shopping-list svg path { fill: #003366; } header .utility.signed-in .popover.profile-utility a.sign-out svg { vertical-align: middle; margin-right: 6px; width: 14px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } header .utility.signed-in .popover.profile-utility a.sign-out svg path { fill: #003366; } .comidakraft header .main .kraft-logo { position: relative; width: 128px; text-align: left; margin-left: 0; } .comidakraft header .main .kraft-logo svg { width: 64px; height: 25px; } .comidakraft header .main .kraft-logo:before { content: 'comidakraft.com'; position: absolute; bottom: 10px; width: 100%; font-size: 18px; color: #0257a4; letter-spacing: -0.1px; font-family: Helvetica; margin-left: 0; } .ie header .shadowed .top-shadow { -webkit-box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.4); top: 4px; } .ie header .shadowed .top-shadow:before, .ie header .shadowed .top-shadow:after { top: -4px; } .ie header .shadowed:before, .ie header .shadowed:after { bottom: 15px; -webkit-box-shadow: 0 15px 12px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 15px 12px rgba(0, 0, 0, 0.15); box-shadow: 0 15px 12px rgba(0, 0, 0, 0.15); } .lt-ie10 header .shadowed:before, .lt-ie10 header .shadowed:after { bottom: 14px; -webkit-transform: rotate(-0.6deg); -moz-transform: rotate(-0.6deg); -ms-transform: rotate(-0.6deg); transform: rotate(-0.6deg); } .lt-ie10 header .shadowed:after { -webkit-transform: rotate(0.6deg); -moz-transform: rotate(0.6deg); -ms-transform: rotate(0.6deg); transform: rotate(0.6deg); } .lt-ie9 header .main nav ul li ul.dropdown-menu { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f8f9', GradientType=0); } .no-touch header .main nav ul li:hover > a { color: #00aeff; text-decoration: none; background-color: transparent; } .no-touch header .main nav ul li.dropdown:hover a svg { visibility: visible !important; } .no-touch header .main nav ul li:focus > a { background-color: transparent; } .no-touch header .main nav ul li.active > a { color: #0497ac !important; } .no-touch header .main nav ul li.active > a svg path { fill: #0497ac !important; } .no-touch header .view-all-brands:hover { color: #003366; } .no-touch header .brand-slider ul li a:hover { opacity: 1; } .no-touch header .utility a:hover { color: #003366; } .no-touch header .utility .recipe-box:hover { text-decoration: none; color: #003366; } .no-touch header .utility .recipe-box:hover span { text-decoration: underline; } .no-touch header .utility .new-window span { font-size: 16px; } .no-touch header .utility .new-window:hover { text-decoration: none; color: #00aeff; } .no-touch header .utility .new-window:hover span { text-decoration: underline; } .no-touch header .utility .sign-in:hover { text-decoration: none; } .no-touch header .utility .sign-in:hover span { text-decoration: underline; } .no-touch header .utility.signed-in .popover.profile-utility a:hover { text-decoration: none; } .no-touch header .utility.signed-in .popover.profile-utility a:hover span { text-decoration: underline; }
}
.kraft-breadcrumb .wrapper { padding: 5px 13px;
}
.kraft-breadcrumb svg { display: none;
}
.kraft-breadcrumb ul { list-style-type: none; margin: 0; font-size: 12px;
}
.kraft-breadcrumb ul li { line-height: 25px; display: none;
}
.kraft-breadcrumb ul li a { display: inline-block; line-height: 25px;
}
.kraft-breadcrumb ul li.parent { display: inline;
}
.kraft-breadcrumb ul li.parent svg { display: block; width: 15px; height: 15px; float: left; margin-right: 5px; margin-top: 5px;
}
.kraft-breadcrumb ul li.parent svg .st0 { fill: #00aeff;
}
.kraft-breadcrumb ul li.longtapped { color: #a9a9a9; display: inline;
}
.kraft-breadcrumb ul li.longtapped:before { content: "\00B7"; font-size: 23px; vertical-align: -4px; margin: 0 6px 0 4px;
}
.kraft-breadcrumb ul li.longtapped.first:before { content: ""; margin: 0;
}
.kraft-breadcrumb ul li.longtapped.parent svg { display: none;
}
.kraft-breadcrumb ul li.longtapped a { text-decoration: underline;
}
.kraft-breadcrumb .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(20%, #cccccc), color-stop(40%, rgba(204, 204, 204, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 2px; background-repeat: repeat-x; z-index: 2;
}
@media (min-width: 768px) { .kraft-breadcrumb { height: auto; min-height: 10px; margin: 8px 0 22px; } .kraft-breadcrumb .wrapper { padding: 0; overflow: unset; } .kraft-breadcrumb svg { display: none; } .kraft-breadcrumb ul li { color: #a9a9a9; display: inline; line-height: 100%; } .kraft-breadcrumb ul li:before { content: "\00B7"; font-size: 23px; vertical-align: -4px; margin: 0 6px 0 4px; } .kraft-breadcrumb ul li:first-child:before { content: ""; margin: 0; } .kraft-breadcrumb ul li.parent svg { display: none; } .kraft-breadcrumb ul li a { color: #555555; text-decoration: underline; line-height: 100%; padding: 0; } .kraft-breadcrumb .divider.dotted { display: none; } .no-touch .kraft-breadcrumb ul li a:hover { text-decoration: none; color: #555555; }
}
.social-bar { position: relative; text-align: center;
}
.social-bar #addthis-toolbox-mobile { height: 100%;
}
.social-bar .wrapper { position: relative;
}
.social-bar .drop-shadow { width: 1px; height: 92%; position: absolute; top: 4%; right: 0; z-index: 0; -webkit-box-shadow: 0 0 23px 1px #000000; -moz-box-shadow: 0 0 23px 1px #000000; box-shadow: 0 0 23px 1px #000000;
}
.social-bar .plus-icon,
.social-bar .minus-icon { margin-left: -4px;
}
.social-bar .plus-icon svg,
.social-bar .minus-icon svg { width: 8px; height: 8px;
}
.social-bar .plus-icon svg path,
.social-bar .minus-icon svg path { fill: #00aeff;
}
.social-bar .fb-like { min-width: 48px; max-width: 25%; width: 100%; float: left; margin-top: 13px; display: inline-block;
}
.social-bar .fb-like span,
.social-bar .fb-like iframe { min-width: 48px !important; min-height: 25px !important;
}
.social-bar a { float: left; display: inline-block; text-align: center; color: #003366; background: #ffffff; position: relative; outline: 0; font-size: 10px; line-height: 6px; min-width: 48px; max-width: 25%; width: 100%; padding: 0 7px; border-right: 1px solid rgba(219, 219, 219, 0.4); vertical-align: top; height: 100%;
}
.social-bar a:last-child { border-right: none;
}
.social-bar a span:not(.plus-icon):not(.minus-icon) { display: block; margin-top: 3px; line-height: 10px;
}
.social-bar a svg { vertical-align: middle;
}
.social-bar a svg path { fill: #003366;
}
.social-bar a.recipe-box,
.social-bar a.shopping-list { padding-top: 8px;
}
.social-bar a.recipe-box span:not(.plus-icon),
.social-bar a.shopping-list span:not(.plus-icon) { margin-top: 1px;
}
.social-bar a.recipe-box .minus-icon,
.social-bar a.shopping-list .minus-icon { display: none;
}
.social-bar a.recipe-box.added .plus-icon,
.social-bar a.shopping-list.added .plus-icon { display: none;
}
.social-bar a.recipe-box.added .minus-icon,
.social-bar a.shopping-list.added .minus-icon { display: inline;
}
.social-bar a.recipe-box > svg { width: 14px; height: 12px;
}
.social-bar a.shopping-list { margin: 0; border-right: 0;
}
.social-bar a.shopping-list > svg { width: 10px; height: 14px;
}
.social-bar a.addthis_button_facebook { padding-top: 11px;
}
.social-bar a.addthis_button_facebook > svg { width: 6px; height: 12px;
}
.social-bar a.addthis_button_twitter { padding-top: 11px;
}
.social-bar a.addthis_button_twitter > svg { width: 12px; height: 12px;
}
.social-bar a.addthis_button_google_plusone_share { padding-top: 11px; border-left: 1px solid rgba(219, 219, 219, 0.4);
}
.social-bar a.addthis_button_google_plusone_share > svg { width: 11px; height: 12px;
}
.social-bar a.addthis_button_pinterest_share { padding-top: 11px; border-left: 1px solid rgba(219, 219, 219, 0.4);
}
.social-bar a.addthis_button_pinterest_share > svg { width: 12px; height: 12px;
}
.social-bar a.addthis_button_email,
.social-bar a.addthis_button_mailto,
.social-bar a.custom_mailto { padding-top: 12px;
}
.social-bar a.addthis_button_email > svg,
.social-bar a.addthis_button_mailto > svg,
.social-bar a.custom_mailto > svg { width: 14px; height: 10px;
}
.social-bar a.addthis_button_print { padding-top: 10px;
}
.social-bar a.addthis_button_print > svg { width: 19px; height: 12px;
}
.social-bar a.addthis_button_expanded { border-bottom: none; border-right: none; padding-top: 11px;
}
.social-bar a.addthis_button_expanded > svg { width: 12px; height: 3px;
}
.social-bar .rdp a { max-width: 16.6%;
}
.social-bar .rdp a.addthis_button_print { padding-top: 9px;
}
.social-bar .rdp a.addthis_button_print > svg { width: 19px; height: 17px;
}
.social-bar .disabled span { opacity: 0.15; cursor: default;
}
.social-bar .disabled .plus-icon { opacity: 1;
}
.social-bar .disabled path { opacity: 0.15; cursor: default;
}
.social-bar.embedded { height: 46px; margin: 0 -15px 15px;
}
.social-bar.embedded > div > a { border-right: none !important; border-left: 1px solid rgba(219, 219, 219, 0.4);
}
.social-bar.embedded .pdp { padding: 0 15px; margin-top: 5px;
}
@media (max-width: 768px) { #at3win { top: 10px !important; left: 10px !important; position: fixed !important; } #at3winshare, #at3wincopy, #at3winemail { padding-bottom: 20px; height: auto !important; max-height: 400px !important; } #at3win #at3wincontent { height: auto !important; }
}
@media (min-width: 768px) { .social-bar a { float: none; display: block; font-size: 12px; line-height: 115%; padding: 9px 4px; width: 62px; border-bottom: 1px solid #dbdbdb; border-right: none; min-width: 0px; max-width: none; height: auto; } .social-bar a:hover { text-decoration: none; } .social-bar a span:not(.plus-icon) { display: block; margin-top: 5px; } .social-bar a span:not(.plus-icon):not(.minus-icon):hover { color: #00aeff; text-decoration: none; } .social-bar a.recipe-box > svg { width: 18px; height: 15px; } .social-bar a.shopping-list > svg { width: 14px; height: 17px; } .social-bar a.addthis_button_facebook > svg { width: 10px; height: 18px; } .social-bar a.addthis_button_twitter { padding-top: 11px; border-left: 0; } .social-bar a.addthis_button_twitter > svg { width: 18px; height: 18px; } .social-bar a.addthis_button_google_plusone_share { padding-top: 11px; border-left: 0; } .social-bar a.addthis_button_google_plusone_share > svg { width: 17px; height: 18px; } .social-bar a.addthis_button_pinterest_share > svg { width: 18px; height: 18px; } .social-bar a.addthis_button_email > svg, .social-bar a.addthis_button_mailto > svg, .social-bar a.custom_mailto > svg { width: 21px; height: 15px; } .social-bar a.addthis_button_print > svg { width: 19px; height: 17px; } .social-bar a.addthis_button_expanded { border-bottom: none; border-right: none; } .social-bar a.addthis_button_expanded > svg { width: 17px; height: 4px; } .social-bar.embedded { height: 46px; margin: 0 0 15px 0; } .social-bar.embedded > div > a { float: left; border-bottom: none !important; } .social-bar.embedded > div > a:first-child { border-left: none !important; } .social-bar.embedded .pdp { margin-top: -20px; padding: 0; } .right-rail .social-bar { float: right; margin-bottom: 15px; margin-top: -25px; max-height: 40px; width: 100%; text-align: right; } .right-rail .social-bar span:not(.plus-icon) { display: block; margin-top: 3px; } .right-rail .social-bar .fb-like { margin: 6px 12px; float: none; width: 48px; } .right-rail .social-bar a { background: none; float: none; display: inline-block; border-bottom: none; border-right: 1px solid #dbdbdb; padding: 6px 0px 4px 0px; width: 56px; } .right-rail .social-bar a.addthis_button_twitter > svg { width: 14px; height: 14px; } .right-rail .social-bar a.addthis_button_google_plusone_share { border-left: 1px solid #dbdbdb; } .right-rail .social-bar a.addthis_button_google_plusone_share > svg { width: 13px; height: 15px; } .right-rail .social-bar a.addthis_button_pinterest_share { border-left: 1px solid #dbdbdb; } .right-rail .social-bar a.addthis_button_pinterest_share > svg { width: 14px; height: 14px; } .right-rail .social-bar a.addthis_button_email, .right-rail .social-bar a.addthis_button_mailto, .right-rail .social-bar a.custom_mailto { border-right: none; } .right-rail .social-bar a.addthis_button_email > svg, .right-rail .social-bar a.addthis_button_mailto > svg, .right-rail .social-bar a.custom_mailto > svg { width: 16px; height: 14px; } .right-rail .social-bar a.addthis_button_print > svg { width: 19px; height: 12px; } .ie .social-bar .drop-shadow { width: 10px; right: -2px; -webkit-box-shadow: 5px 0 23px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 5px 0 23px 0px rgba(0, 0, 0, 0.3); box-shadow: 5px 0 23px 0px rgba(0, 0, 0, 0.3); } .no-touch .social-bar a:hover { text-decoration: none; color: #00aeff; } .no-touch .social-bar a:hover span:not(.plus-icon) { text-decoration: none; } .no-touch .social-bar a.disabled:hover span { text-decoration: none; }
}
footer { background: url('//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/bg-texture-blue.jpg?yocs=1V_1Y_2b_&yoloc=us') repeat; position: relative; z-index: 1; padding-top: 30px; padding-bottom: 89px; color: #ffffff; clear: both;
}
footer .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIxMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0.2) 0%, #ffffff 10%, rgba(255, 255, 255, 0.2) 20%, rgba(0, 0, 0, 0) 20%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(10%, #ffffff), color-stop(20%, rgba(255, 255, 255, 0.2)), color-stop(20%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.2) 0%, #ffffff 10%, rgba(255, 255, 255, 0.2) 20%, rgba(0, 0, 0, 0) 20%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0.2) 0%, #ffffff 10%, rgba(255, 255, 255, 0.2) 20%, rgba(0, 0, 0, 0) 20%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0.2) 0%, #ffffff 10%, rgba(255, 255, 255, 0.2) 20%, rgba(0, 0, 0, 0) 20%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 0%, #ffffff 10%, rgba(255, 255, 255, 0.2) 20%, rgba(0, 0, 0, 0) 20%); background-position: 0 top; background-size: 5px 10px; background-repeat: repeat-x;
}
footer .divider.dotted.vertical { position: relative; left: -10px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNy4yNzI3MjcyNzI3MjcyNyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjU0LjU0NTQ1NDU0NTQ1NDU0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1NC41NDU0NTQ1NDU0NTQ1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, #ffffff 27.27272727%, rgba(255, 255, 255, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(27.27272727%, #ffffff), color-stop(54.54545455%, rgba(255, 255, 255, 0.2)), color-stop(54.54545455%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, #ffffff 27.27272727%, rgba(255, 255, 255, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, #ffffff 27.27272727%, rgba(255, 255, 255, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, #ffffff 27.27272727%, rgba(255, 255, 255, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, #ffffff 27.27272727%, rgba(255, 255, 255, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-position: 0 top; background-size: 22px 6px; background-repeat: repeat-y;
}
footer .logo { display: block; margin: 0 auto 5%; padding: 0; text-align: center;
}
footer .logo svg { width: 20%; min-width: 82px; min-height: 32px;
}
footer .logo svg .st0,
footer .logo svg .st2 { fill: #ffffff;
}
footer .logo svg .st1 { fill: transparent;
}
footer a,
footer a:hover,
footer a:focus { color: #ffffff;
}
footer ul { list-style-type: none; margin: 0;
}
footer ul li { margin-bottom: 8px; line-height: 100%;
}
footer ul li a,
footer ul li a:focus { font-size: 14px; line-height: 100%;
}
footer ul.social { text-align: center;
}
footer ul.social li { display: inline-block; list-style-type: none; margin: 0 0 0 16px; width: 10.1%;
}
body.kraftrecipes footer ul.social li { margin: 0 0 0 10px !important; }
footer ul.social li:first-child { margin-left: 0;
}
footer ul.social li a { display: inline-block; position: relative; width: 100%;
}
footer ul.social li a:hover { text-decoration: none;
}
footer ul.social li a svg { width: 100%; position: relative;
}
footer ul.social li a svg circle { fill: transparent; stroke: #ffffff; stroke-width: 1px;
}
footer ul.social li a svg path { fill: #ffffff;
}
footer .col-sm-height { vertical-align: top; padding-top: 20px;
}
footer .container-fluid.footer-secondary-nav { margin-top: 18px;
}
footer .container-fluid.footer-secondary-nav ul { padding: 25px 15px 14px;
}
footer .container-fluid.footer-secondary-nav ul li { margin-bottom: 8px;
}
footer .container-fluid.footer-secondary-nav ul li a { font-size: 16px;
}
footer .container-fluid.footer-secondary-nav .copyright { font-size: 12px; padding: 0 15px 22px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%;
}
.fixed-toolbar { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999999; -webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
}
.fixed-toolbar .ad-leaderboard { width: 100%; -webkit-box-shadow: inset 0 10px 10px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 10px 10px 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 10px 10px 0 rgba(0, 0, 0, 0.3);
}
.fixed-toolbar .social-bar-toggle-wrapper .social-bar-toggle { background-color: #ffffff; margin-top: -25px; margin-right: 9%; float: right; text-align: center; display: block; height: 25px; width: 50px; border-radius: 50px 50px 0 0; background: #ffffff; -webkit-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.3); cursor: pointer;
}
.fixed-toolbar .social-bar-toggle-wrapper .social-bar-toggle svg { margin-top: 8px; width: 12px; height: 12px; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.fixed-toolbar .social-bar-toggle-wrapper .social-bar-toggle svg path { fill: #003366;
}
.fixed-toolbar .social-bar-toggle-wrapper.closed { border-bottom: 1px solid #ffffff;
}
.fixed-toolbar .social-bar-toggle-wrapper.closed .social-bar-toggle svg { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
.fixed-toolbar .social-bar { background: #ffffff; height: 46px;
}
.fixed-toolbar.keyboardOpen { display: none !important;
}
.comidakraft footer .logo { position: relative; margin: -15px 0 45px 0; text-align: left; padding-left: 15px; min-width: 82px; width: 20%; max-width: 108px;
}
.comidakraft footer .logo svg { width: auto; min-width: 82px; max-width: 100%;
}
.comidakraft footer .logo:before { content: "comidakraft.com"; position: absolute; bottom: -60%; width: auto; font-size: 23px; color: white; letter-spacing: -0.1px; font-family: Helvetica; text-align: left;
}
.comidakraft footer .social { text-align: left; padding-left: 15px;
}
.comidakraft footer .social li a { display: block; float: left; text-align: left;
}
.comidakraft footer .social li a svg { width: auto; height: auto; display: block; text-align: left; max-width: 100%;
}
@media (min-width: 768px) { footer { padding-bottom: 0px; } footer .col-sm-height { vertical-align: top; } footer .divider.dotted:before { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC43Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPjxzdG9wIG9mZnNldD0iNDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZGllbnQpIiAvPjwvc3ZnPg=='); background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(20%, rgba(255, 255, 255, 0.7)), color-stop(40%, rgba(255, 255, 255, 0)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 20%, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 2px; background-repeat: repeat-x; } footer .logo { display: inline-block; margin: 0; text-align: left; } footer .logo svg { width: 140px; height: 55px; } footer .gutter { padding: 0 15px; margin-top: -2px; } footer .gutter.first { padding-left: 18px; } footer .header4 { margin-bottom: 8px; font-size: 16px; } footer ul.social { text-align: left; position: absolute; bottom: -4px; margin: 0; } footer ul.social li { margin: 0 0 0 10px; width: auto; } body.kraftrecipes footer ul.social li { margin: 0 0 0 3px !important; } footer ul.social li a { width: 38px; height: 38px; } footer ul.social li a svg { width: 100%; height: 100%; } footer .container-fluid.footer-secondary-nav { margin-top: 15px; margin-bottom: 10px; } footer .container-fluid.footer-secondary-nav .divider.dotted { margin-bottom: 15px; } footer .container-fluid.footer-secondary-nav ul { padding: 0; } footer .container-fluid.footer-secondary-nav ul li { float: left; margin: 0 30px 6px 0; } footer .container-fluid.footer-secondary-nav .copyright { text-align: right; padding: 0; } .footer-sm-wide { width: 17.66666667%; } .footer-sm-narrow { width: 14.66666667%; } .lt-ie10 footer .divider.dotted.vertical { height: 172px; } .lt-ie10 .col-sm-height { display: table-cell; float: none; } .lt-ie10 .container-sm-height { display: table; padding-left: 0px; padding-right: 0px; } .lt-ie10 .row-sm-height { display: table-row; } .comidakraft footer .logo { position: relative; margin-left: 0; width: auto; max-width: none; padding-left: 0; } .comidakraft footer .logo svg { width: 103px; height: 40px; } .comidakraft footer .logo:before { content: 'comidakraft.com'; position: absolute; bottom: -27px; font-size: 28px; color: white; letter-spacing: -0.1px; margin-left: 0px; font-family: Helvetica; } .comidakraft footer .social { padding-left: 0; }
}
.no-touch footer ul li a:hover { color: #ffffff;
}
.tracking-pixel { display: none !important; width: 1px !important; height: 1px !important;
}
.ad-leaderboard { background: url('//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/bg-texture-blue.jpg?yocs=1V_1Y_2b_&yoloc=us') repeat; text-align: center;
}
.test-ad-leaderboard{ background: url('//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/bg-texture-blue.jpg?yocs=1V_1Y_2b_&yoloc=us') repeat; text-align: center;
}
.ad-footer { background: #000; text-align: center; position: relative;
}
.ad-footer::after { content: ""; background: url('//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/bg-texture-blue.jpg?yocs=1V_1Y_2b_&yoloc=us') repeat; opacity: 0.8; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: 0;
}
.ad-footer .wrapper { position: relative; z-index: 1;
}
.ad-footer div { margin: 0 auto; padding: 3px 0 6px 0 !important;
}
.kft-ad { display: block; width: auto; margin: 10px 0px 25px 0px; text-align: center;
}
@media (min-width: 768px) { .kft-ad { background: #f5f8f9; min-width: 300px; margin: 0; } .right-rail .kft-ad { margin: 0 0 30px 0; } .hpto-left, .hpto-right { position: fixed; left: 0; width: 50%; height: 100%; margin-left: -480px; background-repeat: no-repeat; background-position: top right; top: 124px; z-index: 1; } .hpto-left a, .hpto-right a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; } .hpto-right { left: 50%; margin-left: 480px; background-repeat: no-repeat; background-position: top left; }
}
.mobile-nav-overlay { width: 100%; position: fixed; pointer-events: none; z-index: 99999999; top: 0px; left: 0px; top: 45px; display: none; height: 100%;
}
.mobile-nav-overlay .screen { position: absolute; width: 100%; opacity: 0; background: black; -moz-transition: opacity 200ms ease-in-out; -ms-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; -webkit-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out;
}
.mobile-nav-overlay .loading { background: none; display: none; width: 55px; height: 55px; top: 36%; position: absolute; right: 8%;
}
.mobile-nav-overlay .loading svg { opacity: 0.7; width: 55px; height: 55px;
}
.mobile-nav-overlay .loading svg rect:not(.frame) { fill: #ffffff;
}
.mobile-nav-overlay .loading.active { display: block;
}
body.mobile-nav-open { overflow: hidden !important; -webkit-overflow-scrolling: touch; z-index: 0 !important;
}
body.mobile-nav-open .mobile-nav-overlay { display: block;
}
body.mobile-nav-open .mobile-nav-overlay .screen { opacity: 0.3; pointer-events: all; height: 100%;
}
body.mobile-nav-open .main { overflow: hidden !important;
}
html.mobile-nav-open,
body.mobile-nav-open { overflow-y: hidden; height: 100%;
}
body > form > .main,
body > form > .kraft-breadcrumb,
body > form > .fixed-toolbar { -moz-transition: left 200ms ease-in-out; -ms-transition: left 200ms ease-in-out; -o-transition: left 200ms ease-in-out; -webkit-transition: left 200ms ease-in-out; transition: left 200ms ease-in-out; left: 0px;
}
body.mobile-nav-animating { overflow-x: hidden;
}
body.mobile-nav-open > form > .main,
body.mobile-nav-open > form > .kraft-breadcrumb,
body.mobile-nav-open > form > .fixed-toolbar { left: 66%;
}
.fixed-toolbar .ad-leaderboard { padding-top:10px;
}
.mobile-nav { width: 66%; height: 100%; position: fixed; background: #ffffff; z-index: 999999999; top: 45px; left: -66%; overflow-y: auto; padding-bottom: 45px; -moz-transition: left 200ms ease-in-out; -ms-transition: left 200ms ease-in-out; -o-transition: left 200ms ease-in-out; -webkit-transition: left 200ms ease-in-out; transition: left 200ms ease-in-out;
}
.mobile-nav.open { left: 0;
}
.mobile-nav .ajax-menu ul { overflow: hidden; margin: 0px;
}
.mobile-nav .ajax-menu ul li.selected { background: #079b92;
}
.mobile-nav .ajax-menu ul li.selected a { color: #ffffff;
}
.mobile-nav .ajax-menu ul li { width: 100%; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; list-style-type: none; background: #e6f5f4; border-bottom: 1px solid #e3e3e3; display: table;
}
.mobile-nav .ajax-menu ul li a { padding-left: 4%; padding-right: 3%; padding-top: 10px; padding-bottom: 10px; display: table-cell; vertical-align: middle; text-decoration: none;
}
.mobile-nav .ajax-menu ul.active li { background: #ffffff;
}
.mobile-nav .ajax-menu ul.active li.selected { background: #079b92;
}
.mobile-nav .ajax-menu ul.active li.selected a { color: #ffffff;
}
.mobile-nav .ajax-menu ul.active > li:first-child { background: #079b92;
}
.mobile-nav .ajax-menu ul.active > li:first-child a { color: #ffffff;
}
.mobile-nav .ajax-menu > ul { overflow-y: auto;
}
.mobile-nav .ajax-menu > ul > li a { color: #003366; font-size: 18px;
}
.mobile-nav .ajax-menu > ul > ul > li a { color: #003366; font-size: 18px;
}
.mobile-nav .ajax-menu > ul > ul ul li a { padding-left: 8.5%;
}
.mobile-nav .ajax-menu > ul > ul > ul li a { color: #555555;
}
.mobile-nav .ajax-menu > ul > ul > ul > li a { font-size: 16px;
}
.mobile-nav .ajax-menu > ul > ul > ul ul li a { font-size: 14px;
}
.mobile-nav .non-ajax-menu .my-profile img { width: 36px; height: auto;
}
.mobile-nav .non-ajax-menu .my-profile svg { width: 13px; height: 14px;
}
.mobile-nav .non-ajax-menu .recipe-box .svgholder { margin-top: 1px;
}
.mobile-nav .non-ajax-menu .recipe-box svg { width: 15px; height: 13px;
}
.mobile-nav .non-ajax-menu .shopping-list svg { width: 12px; height: 15px;
}
.mobile-nav .non-ajax-menu .sign-in .svgholder { margin-top: 4px;
}
.mobile-nav .non-ajax-menu .sign-in svg { width: 15px; height: 13px;
}
.mobile-nav .non-ajax-menu .sign-out .svgholder { margin-top: 4px;
}
.mobile-nav .non-ajax-menu .sign-out svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); width: 15px; height: 13px;
}
.mobile-nav .non-ajax-menu .new-window .svgholder { margin-top: 4px;
}
.mobile-nav .non-ajax-menu svg path { fill: #003366;
}
.mobile-nav .non-ajax-menu ul { margin: 0px;
}
.mobile-nav .non-ajax-menu ul li { width: 100%; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; list-style-type: none; padding: 10px 0px; display: table;
}
.mobile-nav .non-ajax-menu ul li:first-child { padding-top: 15px;
}
.mobile-nav .non-ajax-menu ul li:last-child { padding-bottom: 15px;
}
.mobile-nav .non-ajax-menu ul li a { clear: both; padding-left: 20px; padding-right: 3%; display: table-cell; vertical-align: middle; color: #003366; font-size: 14px;
}
.mobile-nav .non-ajax-menu ul li a span { float: left; text-decoration: none;
}
.mobile-nav .non-ajax-menu ul li a .svgholder { width: 32px; float: left;
}
.three-tile-grid,
.four-tile-grid { margin: 0 10px 10px; list-style-type: none;
}
.three-tile-grid li,
.four-tile-grid li { margin: 0 5px 20px;
}
.three-tile-grid .card,
.four-tile-grid .card { width: 140px; float: left;
}
.four-tile-grid { margin: 0; list-style-type: none;
}
.tile { position: relative;
}
.tile .mobile-click-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.tile .inner-tile .tile-top a { display: block; margin: 0 auto;
}
.tile .inner-tile .tile-bottom .title { text-align: center; font-size: 12px; display: block;
}
.lt-ie10 .card a.review-num { vertical-align: top;
}
.card { background: #ffffff; position: relative; width: 100%; }
.card .mobile-click-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.card:before,
.card:after { position: absolute; width: 50%; height: 12%; content: ""; left: 5px; bottom: 14px; max-width: 50%; max-height: 100px; -webkit-transform: rotate(-5deg) skew(-10deg, 0deg); -moz-transform: rotate(-5deg) skew(-10deg, 0deg); -ms-transform: rotate(-5deg) skew(-10deg, 0deg); -o-transform: rotate(-5deg) skew(-10deg, 0deg); transform: rotate(-5deg) skew(-10deg, 0deg); -webkit-box-shadow: 0 15px 8px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 15px 8px rgba(0, 0, 0, 0.35); box-shadow: 0 15px 8px rgba(0, 0, 0, 0.35);
}
.card:after { left: auto; right: 5px; -webkit-transform: rotate(5deg) skew(10deg, 0deg); -moz-transform: rotate(5deg) skew(10deg, 0deg); -ms-transform: rotate(5deg) skew(10deg, 0deg); -o-transform: rotate(5deg) skew(10deg, 0deg); transform: rotate(5deg) skew(10deg, 0deg);
}
.card img { width: 100%;
}
.card a { display: block; font-size: 14px;
}
.card a.review-num { font-size: 11px; color: #555555;
}
.card .hearts { float: left;
}
.card .hearts div { margin-right: 4px;
}
.card .hearts svg { width: 14px; height: 12px;
}
.card .inner-card { position: relative; z-index: 1; background: white; min-height: 196px; height: auto;
}
.card .inner-card:before,
.card .inner-card:after { content: " "; display: table;
}
.card .inner-card:after { clear: both;
}
.card .inner-card:before,
.card .inner-card:after { content: " "; display: table;
}
.card .inner-card:after { clear: both;
}
.card .card-details { position: relative;
}
.card .card-shadow { position: absolute; top: 50%; left: 0; width: 100%; height: 50%; -webkit-box-shadow: 0 -3px 0 0 #ffffff, 0 -3px 0 0 #ffffff, 8px 5px 5px -7px rgba(0, 0, 0, 0.15), -8px 5px 5px -7px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 -3px 0 0 #ffffff, 0 -3px 0 0 #ffffff, 8px 5px 5px -7px rgba(0, 0, 0, 0.15), -8px 5px 5px -7px rgba(0, 0, 0, 0.15); box-shadow: 0 -3px 0 0 #ffffff, 0 -3px 0 0 #ffffff, 8px 5px 5px -7px rgba(0, 0, 0, 0.15), -8px 5px 5px -7px rgba(0, 0, 0, 0.15);
}
.card .card-shadow:before,
.card .card-shadow:after { position: absolute; width: 7px; height: 100%; content: ""; left: -7px; top: 0px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(12%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); }
.card .card-shadow:after { left: auto; right: -7px;
}
.card.recipe,
.card.pin,
.card.product { width: 140px;
}
.card.recipe .inner-card,
.card.pin .inner-card,
.card.product .inner-card { min-height: 220px; padding: 6px;
}
.card.recipe .inner-card .card-top,
.card.pin .inner-card .card-top,
.card.product .inner-card .card-top { height: auto; position: relative;
}
.card.recipe .inner-card .card-top a,
.card.pin .inner-card .card-top a,
.card.product .inner-card .card-top a { height: 94px; overflow: hidden; position: relative;
}
.card.recipe .inner-card .card-top a img,
.card.pin .inner-card .card-top a img,
.card.product .inner-card .card-top a img { position: relative; top: 55px; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; }
.card.recipe .inner-card .rate-review,
.card.pin .inner-card .rate-review,
.card.product .inner-card .rate-review { position: absolute; bottom: 10px; left: 0px; width: 100%; padding: 0 10px;
}
.card.recipe .inner-card .rate-review a,
.card.pin .inner-card .rate-review a,
.card.product .inner-card .rate-review a { display: inline;
}
.card.recipe .title,
.card.pin .title,
.card.product .title { max-height: 51px; overflow: hidden; display: block;
}
.card.recipe .title .healthy-icon svg,
.card.pin .title .healthy-icon svg,
.card.product .title .healthy-icon svg { width: 16px; height: 15px; margin-bottom: -2px;
}
.card.recipe .card-details,
.card.pin .card-details,
.card.product .card-details { padding: 10px 10px 25px 10px;
}
.card.recipe .brand-icon,
.card.pin .brand-icon,
.card.product .brand-icon { height: 17px; width: auto;
}
.card.titled .inner-card { min-height: 230px;
}
.card.titled .card-title { text-align: center; -webkit-box-shadow: 0 -1.5px 1px 0 rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 -1.5px 1px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 -1.5px 1px 0 rgba(0, 0, 0, 0.09); position: relative; padding: 4px 0px; font-family: 'Roboto Slab', serif; font-weight: 400; line-height: 125%; font-size: 16px;
}
.card.titled .card-title .arrow { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; z-index: 1; bottom: -10px; left: 50%; margin-left: -10px; position: absolute; border-top: 10px solid #ffffff;
}
.card.product .card-shadow { top: 15%; height: 85%;
}
.card.product .inner-card { min-height: 205px !important;
}
.card.product .inner-card .card-top a { height: auto !important;
}
.card.product .card-bottom .card-details { padding: 10px;
}
.card.product .card-bottom .card-details .title { height: 51px;
}
.card.product .card-bottom .card-details .size { font-size: 12px; font-weight: 600;
}
.card.product .card-bottom .card-details .upc,
.card.product .card-bottom .card-details .upc a { font-size: 11px; line-height: 12px; color: #555555;
}
.card.product .card-bottom .card-details .upc a { display: inline;
}
.card.product .card-bottom .card-details .rate-review { position: relative; bottom: auto; padding: 0;
}
.card.product.with-upc .inner-card { min-height: 220px !important;
}
.card.product.with-varieties .varieties-container { font-size: 12px; color: #555555; font-weight: 500; position: absolute; margin-top: 5px; margin-left: 12px;
}
.card.product.with-varieties .card-details .varieties-container { position: relative; margin: 0;
}
.card.pin { list-style: none; float: left; margin-bottom: 20px;
}
.card.pin .inner-card .card-top a img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; min-height: 100% !important;
}
.card.pin .inner-card a:nth-child(3) { bottom: 10px; left: 10px; position: absolute !important;
}
.card.article .recipe-teaser { max-height: 52px !important;
}
.card.removable .remove-confirmation { position: absolute; z-index: 10; width: 100%; height: auto; text-align: center; padding: 0; font-size: 16px; display: none;
}
.card.removable .remove-confirmation .text-container { position: absolute; z-index: 10; bottom: 0px;
}
.card.removable .remove-confirmation .image-mask { background-color: #ffffff; opacity: 0.8; height: 94px;
}
.card.removable .remove-confirmation .text-mask { background-color: #ffffff; opacity: 0.96; height: 141px;
}
.card.removable .remove-confirmation span { color: #333; display: block; padding: 10px 5px 0 5px;
}
.card.removable .remove-confirmation a { display: inline-block; width: 100%; line-height: 37px;
}
.card.removable .remove-confirmation .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiM1NTU1NTUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 25%, rgba(85, 85, 85, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(25%, #555555), color-stop(50%, rgba(85, 85, 85, 0.2)), color-stop(50%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 25%, rgba(85, 85, 85, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 25%, rgba(85, 85, 85, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 25%, rgba(85, 85, 85, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 25%, rgba(85, 85, 85, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0 top; background-size: 4px 1px; background-repeat: repeat-x; margin-bottom: 0; width: auto; margin: 0 10px; position: relative;
}
.card.removable .remove-confirmation .confirm-removal { margin-top: 10px;
}
.card.removable .close { position: absolute; z-index: 10; width: 0; height: 0; top: 0px; right: 0px; border-left: 36px solid transparent; border-bottom: 36px solid transparent; border-top: 36px solid rgba(255, 255, 255, 0.95); pointer-events: none;
}
.card.removable .close span { width: 44px; height: 44px; margin: -36px 0px 0px -44px; position: relative; pointer-events: auto; display: block;
}
.card.removable .close span:hover { cursor: pointer;
}
.card.removable .close svg { width: 16px; height: 15px; position: absolute; top: 3px; right: 3px; background-color: rgba(0, 0, 0, 0);
}
.card.removable .close svg path { fill: rgba(0, 0, 0, 0);
}
.card.removable .close svg path.st0 { fill: #00aeff;
}
.card.banner .banner-container { background-color: #003366; font-size: 10px; font-family: 'Roboto Slab', serif; padding-left: 5px; color: #ffffff; position: absolute; line-height: 130%; z-index: 10; min-width: 56px; max-width: 100%; padding-right: 4px; height: 14px; top: -7px; left: -5px;
}
.card.banner .banner-container:after { content: ''; position: absolute; display: block; bottom: 0; border: 7px solid #003366; right: -3.5px; border-left-width: 0; border-right-color: transparent; border-right-width: 3.5px; -o-transform: scale(0.9999); -webkit-transform: scale(0.9999); -moz-transform: scale(0.9999); -ms-transform: scale(0.9999); transform: scale(0.9999);
}
.card.banner .banner-container:before { border-color: #003366 transparent transparent transparent; border-top-width: 4px; border-right-width: 0; border-bottom-width: 0; border-left-width: 5px; bottom: -4px; left: 0; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); position: absolute; display: block; border-style: solid; content: '';
}
.card.banner .banner-container:after { border-right-width: 4px;
}
.card.banner .banner-container span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 1px;
}
.card.sponsored .inner-card { -webkit-box-shadow: 0px 0px 0px 1px #f49204; -moz-box-shadow: 0px 0px 0px 1px #f49204; box-shadow: 0px 0px 0px 1px #f49204;
}
.card.sponsored .banner-container { background-color: #f48b22;
}
.card.sponsored .banner-container:after { content: ''; position: absolute; display: block; bottom: 0; border: 7px solid #f49204; right: -3.5px; border-left-width: 0; border-right-color: transparent; border-right-width: 3.5px; -o-transform: scale(0.9999); -webkit-transform: scale(0.9999); -moz-transform: scale(0.9999); -ms-transform: scale(0.9999); transform: scale(0.9999);
}
.card.sponsored .banner-container:before { border-color: #f49204 transparent transparent transparent; border-top-width: 4px; border-right-width: 0; border-bottom-width: 0; border-left-width: 5px; bottom: -4px; left: 0;
}
.card.sponsored .banner-container:after { border-right-width: 4px;
}
.card.sponsored .banner-corner { border-top-color: #f49204;
}
.card.category { width: 100%; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); margin-bottom: 30px;
}
.productLanding .card.category { width: 100% !important; }
.recipesLanding .category-list li { width: 100% !important;
}
.card.category:last-child { margin-bottom: 20px;
}
.card.category .card-bottom { padding: 7px 10px 5px;
}
.card.category .card-bottom .title { position: relative; padding-right: 50px;
}
.card.category .card-bottom .title h2 a { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; font-size: 20px; color: #555555;
}
.card.category .card-bottom .title .arrow { position: absolute; top: auto; bottom: 2px; right: 0; float: right !important;
}
.card.category .card-bottom .title .arrow .view-all { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; font-size: 14px; color: #00aeff; margin-right: 4px;
}
.card.category .card-bottom .title .arrow svg { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); width: 6px; height: 9px;
}
.card.category .card-bottom .title .arrow svg path { fill: #00aeff;
}
.card.category .card-bottom .sub-category-link { width: 48.4%; float: left; margin-bottom: 0;
}
.card.category .card-bottom .sub-category-link:nth-child(odd) { margin-right: 2.8%;
}
.card.category .card-bottom .sub-category-link span { margin: 9px 0; display: inline-block;
}
.card.category .card-bottom .sub-category-link span:first-child { margin: 0;
}
.card.category .divider { margin: 5px 0 9px;
}
.card.category:before,
.card.category:after { position: absolute; width: 50%; height: 12%; content: ""; left: 5px; bottom: 19px; max-width: 48%; max-height: 100px; -webkit-transform: rotate(-3deg) skew(-10deg, 0deg); -moz-transform: rotate(-3deg) skew(-10deg, 0deg); -ms-transform: rotate(-3deg) skew(-10deg, 0deg); -o-transform: rotate(-3deg) skew(-10deg, 0deg); transform: rotate(-3deg) skew(-10deg, 0deg); -webkit-box-shadow: 4px 20px 9px rgba(0, 0, 0, 0.35); -moz-box-shadow: 4px 20px 9px rgba(0, 0, 0, 0.35); box-shadow: 4px 20px 9px rgba(0, 0, 0, 0.35);
}
.safari .card.category:before,
.safari .card.category:after { bottom: 21px;
}
.card.category:after { left: auto; right: 5px; -webkit-transform: rotate(3deg) skew(10deg, 0deg); -moz-transform: rotate(3deg) skew(10deg, 0deg); -ms-transform: rotate(3deg) skew(10deg, 0deg); -o-transform: rotate(3deg) skew(10deg, 0deg); transform: rotate(3deg) skew(10deg, 0deg); -webkit-box-shadow: -4px 20px 9px rgba(0, 0, 0, 0.35); -moz-box-shadow: -4px 20px 9px rgba(0, 0, 0, 0.35); box-shadow: -4px 20px 9px rgba(0, 0, 0, 0.35);
}
.card.category:before,
.card.category:after,
.card.category .card-shadow { display: none;
}
.card .deal-icon { vertical-align: -1px; margin-left: 3px;
}
.card .deal-icon svg { width: 10px; height: 10px;
}
.card .deal-icon svg .st0 { fill: #ffffff;
}
.card .deal-icon svg path { fill: #6b9736;
}
.card .video-icon { vertical-align: -2px; margin-left: 3px;
}
.card .video-icon svg { width: 14px; height: 14px;
}
.card.video { width: 140px;
}
.card.video .inner-card { min-height: 171px; height: auto;
}
.card.video .inner-card .card-top svg { position: absolute; z-index: 1; top: 50%; left: 50%; margin-left: -21px; margin-top: -21px; width: 42px; height: 42px;
}
.card.video .inner-card .card-top svg path.st0 { fill: #000; opacity: 0.7;
}
.card.video .inner-card .card-top svg path.st1 { fill: #fff;
}
.card.video .title { height: 51px; overflow: hidden; display: block;
}
.card.video .card-details { padding: 10px 10px 10px 10px;
}
.card.recipe-sub-category .inner-card { min-height: 100px;
}
.card.recipe-sub-category .card-details { padding: 10px 15px 17px;
}
.card.recipe-sub-category:before,
.card.recipe-sub-category:after { position: absolute; width: 50%; height: 12%; content: ""; left: 5px; bottom: 19px; max-width: 48%; max-height: 100px; -webkit-transform: rotate(-3deg) skew(-10deg, 0deg); -moz-transform: rotate(-3deg) skew(-10deg, 0deg); -ms-transform: rotate(-3deg) skew(-10deg, 0deg); -o-transform: rotate(-3deg) skew(-10deg, 0deg); transform: rotate(-3deg) skew(-10deg, 0deg); -webkit-box-shadow: 4px 20px 9px rgba(0, 0, 0, 0.35); -moz-box-shadow: 4px 20px 9px rgba(0, 0, 0, 0.35); box-shadow: 4px 20px 9px rgba(0, 0, 0, 0.35);
}
.safari .card.recipe-sub-category:before,
.safari .card.recipe-sub-category:after { bottom: 21px;
}
.card.recipe-sub-category:after { left: auto; right: 5px; -webkit-transform: rotate(3deg) skew(10deg, 0deg); -moz-transform: rotate(3deg) skew(10deg, 0deg); -ms-transform: rotate(3deg) skew(10deg, 0deg); -o-transform: rotate(3deg) skew(10deg, 0deg); transform: rotate(3deg) skew(10deg, 0deg); -webkit-box-shadow: -4px 20px 9px rgba(0, 0, 0, 0.35); -moz-box-shadow: -4px 20px 9px rgba(0, 0, 0, 0.35); box-shadow: -4px 20px 9px rgba(0, 0, 0, 0.35);
}
.card.recipe-sub-category:before,
.card.recipe-sub-category:after,
.card.recipe-sub-category .card-shadow { display: none;
}
.card.addable .add-to { padding-bottom: 1px; padding: 0; position: relative; z-index: 1;
}
.card.addable .add-to a { color: #003366; font-size: 11px; text-decoration: none; text-align: center; padding: 12px 10px;
}
.card.addable .add-to a span svg { height: 6px; width: 6px; vertical-align: 10%;
}
.card.addable .add-to a span svg path { fill: #00aeff;
}
.card.addable .add-to a .icon-minus,
.card.addable .add-to a .remove { display: none;
}
.card.addable .add-to svg { height: 11px; width: 11px; vertical-align: -10%;
}
.card.addable .add-to svg path { fill: #003366;
}
.card.addable .add-to .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiM1NTU1NTUiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 25%, rgba(85, 85, 85, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(25%, #555555), color-stop(50%, rgba(85, 85, 85, 0.2)), color-stop(50%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 25%, rgba(85, 85, 85, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 25%, rgba(85, 85, 85, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 25%, rgba(85, 85, 85, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 25%, rgba(85, 85, 85, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0 top; background-size: 4px 1px; background-repeat: repeat-x; margin-bottom: 0; width: auto; margin: 0 10px;
}
.card.addable .add-to.disabled a { opacity: 0.15; cursor: default;
}
.card.addable[data-in-recipe-box="True"] .add-to a .icon-minus,
.card.addable .add-to a.added .icon-minus,
.card.addable[data-in-recipe-box="True"] .add-to a .remove,
.card.addable .add-to a.added .remove { display: inline;
}
.card.addable[data-in-recipe-box="True"] .add-to a .icon-plus,
.card.addable .add-to a.added .icon-plus,
.card.addable[data-in-recipe-box="True"] .add-to a .add,
.card.addable .add-to a.added .add { display: none;
}
.top-pins .card.pin { width: 140px; margin-right: 10px;
}
.top-pins .card.pin .mobile-click-mask { display: none;
}
.top-pins .sidebar-grid { padding: 0 15px;
}
.top-pins ul { margin: 0 -15px 10px 0;
}
.top-pins .pinterest-actions { margin-top: -10px; padding: 0 15px;
}
.top-pins .pinterest-actions a:last-child { float: right; margin-right: 4px !important;
}
.top-pins #PoweredBy { display: inline-block; margin-bottom: 30px; font-size: 14px;
}
.top-pins #PoweredBy img { margin-top: -5px;
}
.two-tile-grid { margin: 0; list-style-type: none;
}
.two-tile-grid .card { width: 49%; float: left;
}
.two-tile-grid .card:nth-child(odd) { clear: both;
}
.two-tile-grid .card:nth-child(even) { float: right;
}
.recipeBox .three-tile-grid .card .inner-card { min-height: 235px;
}
.recipeBox .three-tile-grid .card .inner-card .card-top a { height: 94px;
}
.recipeBox .three-tile-grid .card .title { height: 75px; overflow: hidden; display: block;
}
.recipeBox .three-tile-grid .card .rate-review { position: relative;
}
.recipeBox .three-tile-grid .card-shadow { top: 30%; height: 70%;
}
.recipeBox .three-tile-grid .card-shadow:before,
.recipeBox .three-tile-grid .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); }
.recipe-teaser,
.card-total-time { display: none;
}
.view-grid .card.product .inner-card .card-top { border-bottom: 1px solid #eeeeee;
}
.view-grid .card.product .push-to-bottom { position: absolute; bottom: 5px; left: 0px; width: 100%; padding: 0 10px;
}
.view-list.three-tile-grid .card.sponsored,
.view-list.four-tile-grid .card.sponsored { background-color: #fef4e5;
}
.view-list.three-tile-grid .card.sponsored .inner-card,
.view-list.four-tile-grid .card.sponsored .inner-card { background-color: #fef4e5; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.view-list.three-tile-grid .card.sponsored .card-top,
.view-list.four-tile-grid .card.sponsored .card-top { margin-top: 0;
}
.view-list.three-tile-grid .card.sponsored .card-top a,
.view-list.four-tile-grid .card.sponsored .card-top a { -webkit-box-shadow: 0px 0px 0px 1px #f49204; -moz-box-shadow: 0px 0px 0px 1px #f49204; box-shadow: 0px 0px 0px 1px #f49204;
}
.view-list.three-tile-grid .card.product .inner-card .card-top a:not(.quick-view),
.view-list.four-tile-grid .card.product .inner-card .card-top a:not(.quick-view) { height: 94px !important;
}
.view-list.three-tile-grid .card.product .rate-review,
.view-list.four-tile-grid .card.product .rate-review { margin-top: 0;
}
.view-list .recipe-teaser,
.view-list .card-total-time { display: block;
}
aside .card .card-shadow:before,
aside .card .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5f8f9 0%, #f5f8f9 12%, rgba(245, 248, 249, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f8f9), color-stop(12%, #f5f8f9), color-stop(100%, rgba(245, 248, 249, 0))); background: -webkit-linear-gradient(top, #f5f8f9 0%, #f5f8f9 12%, rgba(245, 248, 249, 0) 100%); background: -o-linear-gradient(top, #f5f8f9 0%, #f5f8f9 12%, rgba(245, 248, 249, 0) 100%); background: -ms-linear-gradient(top, #f5f8f9 0%, #f5f8f9 12%, rgba(245, 248, 249, 0) 100%); background: linear-gradient(to bottom, #f5f8f9 0%, #f5f8f9 12%, rgba(245, 248, 249, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f8f9', endColorstr='#f5f8f9', GradientType=0); }
@media (min-width: 768px) { .top-pins .sidebar-grid { padding: 0; } .top-pins .card.pin { width: 140px; } .top-pins .card.pin:nth-child(2n) { float: right; } .top-pins .pinterest-actions { padding: 0; } .top-pins ul { margin-right: -10px; } .recipeBox .three-tile-grid .card .inner-card { min-height: 256px; } .recipeBox .three-tile-grid .card .inner-card .card-top a { height: 125px; } .recipeBox .three-tile-grid .card .add-to-shopping a { padding: 6px 0px; } .recipeBox .three-tile-grid .card-shadow { top: 50%; height: 50%; } .recipeBox .three-tile-grid .card-shadow:before, .recipeBox .three-tile-grid .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(12%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); } .two-tile-grid { margin: 0 20px; } .two-tile-grid .card { width: 280px; margin-bottom: 40px; } .two-tile-grid .card:nth-child(odd) { margin-right: 20px; } .two-tile-grid .card-shadow { top: 50%; height: 50%; } .two-tile-grid .card-shadow:before, .two-tile-grid .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(12%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); } .three-tile-grid { margin: 0 18px 10px; } .three-tile-grid li { margin: 0 8px 40px; } .three-tile-grid li:nth-child(3n+1) { margin-left: 1px; clear: both; } .three-tile-grid li:nth-child(3n) { margin-right: 0; } .three-tile-grid li:nth-last-of-type(-n+3) { margin-bottom: 20px !important; } .three-tile-grid .card { width: 183px; } .four-tile-grid { margin-bottom: 10px; } .four-tile-grid li { margin: 0 12px 40px; } .four-tile-grid li:nth-child(4n+1) { margin-left: 0px; clear: both; } .four-tile-grid li:nth-child(4n) { margin-right: 0; } .four-tile-grid li:nth-last-of-type(-n+3) { margin-bottom: 20px; } .four-tile-grid .card { width: 212px; float: left; } .tile .mobile-click-mask { width: auto; height: auto; } .tile .inner-tile .tile-bottom .title { text-align: center; font-size: 14px; } .view-grid .card.product .inner-card .card-top { border-bottom: none; } .view-list.four-tile-grid .card.product .inner-card .card-top a:not(.quick-view) { height: 130px !important; } .card .mobile-click-mask { width: auto; height: auto; } .card.recipe .inner-card .rate-review > a { display: inline-block; vertical-align: 15%; } .card.product .inner-card { min-height: 230px !important; } .card.product .inner-card .card-top a { height: 142px !important; } .card.product .card-bottom .card-details .size { font-size: 16px; } .card.product .card-bottom .card-details .upc { font-size: 12px; } .card.product.with-upc .inner-card { min-height: 245px !important; } .card.product.with-quickview a.quick-view { color: #003366; margin-top: 10px; text-align: center; font-size: 12px; text-decoration: none; height: initial !important; height: auto !important; padding-bottom: 7px; } .card.product.with-quickview a.quick-view svg { height: 10px; width: 10px; margin-right: 5px; vertical-align: middle; } .card.product.with-quickview a.quick-view svg path { fill: #003366; } .card.product.with-varieties .varieties-container { font-weight: 600; } .card.addable .add-to a { padding: 8px 10px; } .card.removable { font-size: 18px; } .card.removable .remove-confirmation { font-size: 18px; } .card.removable .remove-confirmation a { line-height: 29px; display: inline; } .card.removable .remove-confirmation span { padding: 5px 20px 0 20px; margin-bottom: 10px; } .card.removable .remove-confirmation .image-mask { height: 124px; } .card.removable .close span { width: 26px; height: 26px; margin: -36px 0px 0px -26px; } .card.recipe-box .inner-card { min-height: 256px; } .card.recipe-box .card-details { padding: 27px 10px 0 10px; height: 155px; } .card.banner .banner-container { font-size: 15px; padding-left: 20px; line-height: 140%; width: 110px; height: 29px; top: -4px; left: -10px; } .card.banner .banner-container:after { content: ''; position: absolute; display: block; bottom: 0; border: 10px solid #003366; right: -5px; border-left-width: 0; border-right-color: transparent; border-right-width: 5px; -o-transform: scale(0.9999); -webkit-transform: scale(0.9999); -moz-transform: scale(0.9999); -ms-transform: scale(0.9999); transform: scale(0.9999); height: 29px; } .card.banner .banner-container:before { border-color: #003366 transparent transparent transparent; border-top-width: 7px; border-right-width: 0; border-bottom-width: 0; border-left-width: 10px; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); position: absolute; display: block; border-style: solid; bottom: -7px; left: 0; content: ''; } .card.banner .banner-container span { width: 76px; margin-top: 1px; } .card.banner .banner-corner { top: 10px; left: -10px; } .card.banner .divider.dotted { margin-bottom: 5px; } .card.sponsored .banner-container:after { content: ''; position: absolute; display: block; bottom: 0; border: 10px solid #f49204; right: -5px; border-left-width: 0; border-right-color: transparent; border-right-width: 5px; -o-transform: scale(0.9999); -webkit-transform: scale(0.9999); -moz-transform: scale(0.9999); -ms-transform: scale(0.9999); transform: scale(0.9999); height:29px; } .card.sponsored .banner-container:before { border-color: #f49204 transparent transparent transparent; border-top-width: 7px; border-right-width: 0; border-bottom-width: 0; border-left-width: 10px; -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); position: absolute; display: block; border-style: solid; bottom: -7px; left: 0; content: ''; } .card.sponsored .banner-container span { width: 96px; margin-top: 3px; } .card.category { width: 290px; float: left; margin: 0 25px 40px 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .productLanding .card.category { width: 290px !important; } .recipesLanding .category-list li { width: 290px !important; } .card.category:last-child { margin-bottom: 30px; } .card.category .card-bottom .title .arrow .view-all { font-size: 12px; } .card.category .card-bottom .sub-category-link { width: 130px; float: left; } .card.category .card-bottom .sub-category-link:nth-child(odd) { margin-right: 5px; } .card.category .card-bottom .sub-category-link span { margin: 7px 0 0; } .card.category .card-bottom .sub-category-link span:first-child { height: 87px; margin: 0; } .card.category .divider { margin-bottom: 9px !important; } .card.category:before, .card.category:after, .card.category .card-shadow { display: block; } .card.category:before, .card.category:after { max-width: 49%; } .card .deal-icon { display: inline-block; vertical-align: -3px; margin-left: 5px; margin-right: -5px; } .card .deal-icon svg { width: 16px; height: 16px; } .card .video-icon { vertical-align: -3px; margin-left: 8px; } .card .video-icon svg { width: 16px; height: 16px; } .card.recipe-sub-category .card-details { padding: 10px; } .card.recipe-sub-category:before, .card.recipe-sub-category:after, .card.recipe-sub-category .card-shadow { display: block; } .card a.review-num { color: #00aeff; }
}
.card-cta { background: #ffffff; position: relative; width: 100%; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); margin-bottom: 30px;
}
.card-cta a,
.card-cta a:visited,
.card-cta a:hover { text-decoration: none;
}
.card-cta .inner-card { position: relative; z-index: 1; background: #f5f8f9;
}
.card-cta .inner-card .card-top { font-size: 14px; text-align: center; padding: 0 25px; color: #555555;
}
.card-cta .inner-card .card-top h3 { font-family: 'Roboto Slab', serif; font-weight: 600; font-size: 19px; line-height: 110%; color: #0497ac; border-bottom: 1px solid #666; padding: 10px 0 5px 0; margin: 0 0 4px 0;
}
.card-cta .inner-card .card-top h3 span { font-size: 13px; text-decoration: none;
}
.card-cta .inner-card .card-bottom { padding: 8px 0 0; text-align: center;
}
.card-cta .inner-card .card-bottom img { width: 290px;
}
.card-cta .inner-card:before,
.card-cta .inner-card:after,
.card-cta .inner-card .card-shadow { display: none;
}
.right-rail .card-cta { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); margin: 0 10px 20px; display: block; width: auto;
}
.right-rail .card-cta .card-shadow { display: none;
}
.right-rail .card-cta .inner-card { background: #ffffff; height: auto;
}
.right-rail .card-cta .inner-card .card-top { padding: 0 30px; font-size: 14px;
}
.right-rail .card-cta .inner-card .card-top h3 { padding-top: 10px;
}
.right-rail .card-cta .inner-card .card-bottom { padding-top: 5px; text-align: center;
}
.right-rail .card-cta .inner-card .card-bottom img { width: 290px;
}
.right-rail .card-cta .inner-card .card-bottom img.version-big { display: none;
}
.right-rail .card-cta .inner-card .card-bottom img.version-small { display: inline-block;
}
@media (min-width: 768px) { .right-rail .card-cta { margin: 0 25px 30px 0; position: relative; width: 100%; } .right-rail .card-cta:before, .right-rail .card-cta:after { position: absolute; width: 50%; height: 12%; content: ""; left: 5px; bottom: 13px; max-width: 200px; max-height: 100px; -webkit-transform: rotate(-5deg) skew(-2deg, 0deg); -moz-transform: rotate(-5deg) skew(-2deg, 0deg); -ms-transform: rotate(-5deg) skew(-2deg, 0deg); -o-transform: rotate(-5deg) skew(-2deg, 0deg); transform: rotate(-5deg) skew(-2deg, 0deg); -webkit-box-shadow: 4px 16px 13px rgba(0, 0, 0, 0.25); -moz-box-shadow: 4px 16px 13px rgba(0, 0, 0, 0.25); box-shadow: 4px 16px 13px rgba(0, 0, 0, 0.25); } .right-rail .card-cta:after { left: auto; right: 5px; -webkit-transform: rotate(5deg) skew(2deg, 0deg); -moz-transform: rotate(5deg) skew(2deg, 0deg); -ms-transform: rotate(5deg) skew(2deg, 0deg); -o-transform: rotate(5deg) skew(2deg, 0deg); transform: rotate(5deg) skew(2deg, 0deg); -webkit-box-shadow: -4px 16px 13px rgba(0, 0, 0, 0.25); -moz-box-shadow: -4px 16px 13px rgba(0, 0, 0, 0.25); box-shadow: -4px 16px 13px rgba(0, 0, 0, 0.25); } .right-rail .card-cta .card-shadow { display: none; } .right-rail .card-cta .inner-card { position: relative; z-index: 1; } .right-rail .card-cta .inner-card:before, .right-rail .card-cta .inner-card:after { content: " "; display: table; } .right-rail .card-cta .inner-card:after { clear: both; } .right-rail .card-cta .inner-card:before, .right-rail .card-cta .inner-card:after { content: " "; display: table; } .right-rail .card-cta .inner-card:after { clear: both; } .right-rail .card-cta .inner-card .card-top { padding: 0 30px; } .right-rail .card-cta .inner-card .card-top h3 { padding-top: 15px; } .right-rail .card-cta .inner-card .card-bottom img.version-big { display: inline-block; } .right-rail .card-cta .inner-card .card-bottom img.version-small { display: none; }
}
.recipes-by-email { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); background-color: #ffffff; padding: 20px 15px 1px 20px; position: relative;
}
.recipes-by-email .divider.slitshadow { display: none; margin-bottom: 20px;
}
.recipes-by-email .form { position: relative;
}
.recipes-by-email .title { margin-bottom: 10px;
}
.recipes-by-email .title .icon { display: table-cell; vertical-align: middle;
}
.recipes-by-email .title .icon svg { width: 43px; height: 30px; margin-right: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.recipes-by-email .title .icon svg path { fill: #0497ac;
}
.recipes-by-email .title .content { display: table-cell; padding-left: 20px;
}
.recipes-by-email .title .content div { margin: 0; padding: 0; font-family: 'Roboto Slab', serif; font-weight: 400; line-height: 125%; font-size: 24px; line-height: 110%;
}
.recipes-by-email .title .content p { font-size: 14px; margin-bottom: 0; margin-top: 8px; padding: 0;
}
.recipes-by-email .recipe-email { border: 1px solid #cccccc; color: #555555; padding: 0px 45px 0px 16px; outline: none; width: 100%; font-size: 15px; height: 38px; -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px;
}
.recipes-by-email .email-submit { padding: 0; position: absolute; top: 4px; right: 5px; z-index: 1; float: right; outline: none; border: 0; cursor: pointer; height: 30px; width: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;
}
.recipes-by-email .email-submit svg path { fill: #00aeff;
}
.recipes-by-email .email-submit svg path.st0 { fill: #ffffff;
}
.recipes-by-email .email-success { display: none; color: #0497ac; width: 100%; margin-top: -10px; font-size: 15px; padding-bottom: 15px;
}
.recipes-by-email input.error { border: 1px solid #ec174f;
}
.recipes-by-email div.error { color: #ec174f; font-size: 15px;
}
.recipes-by-email .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.recipes-by-email .divider.dotted.vertical { position: relative; width: 2px; display: table-cell; float: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(25%, #a9a9a9), color-stop(50%, rgba(169, 169, 169, 0.2)), color-stop(50%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -ms-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to bottom, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0 top; background-size: 12px 6px; background-repeat: repeat-y;
}
.main-left-col .recipes-by-email { margin: 35px 0px 45px 0;
}
.main-left-col .recipes-by-email .title,
.main-left-col .recipes-by-email .form { max-width: 315px; margin-left: auto; margin-right: auto;
}
.main-left-col .recipes-by-email .divider.slitshadow { margin-bottom: 25px;
}
.main-left-col .recipes-by-email .divider.slitshadow .falloff-shadow { width: 88%; top: -23px;
}
aside.right-rail .recipes-by-email,
.mobile-modal-pg + .recipes-by-email { padding-bottom: 1px; margin-bottom: -3px;
}
@media (max-width: 768px) { .rbe-wrapper + .col-xs-12 { margin-top: 20px; margin-bottom: 10px; }
}
@media (min-width: 768px) { .main-left-col .recipes-by-email .divider.slitshadow .falloff-shadow { top: -21px; } .recipes-by-email { padding: 20px 15px 30px 20px; margin: 0 0 45px; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: none; } .recipes-by-email .divider.slitshadow { display: block; margin-bottom: 15px !important; } .recipes-by-email .divider.slitshadow .falloff-shadow { width: 65%; top: -21px; } .recipes-by-email .title { margin-bottom: 15px; } .recipes-by-email .title .icon svg { width: 33px; height: 23px; margin-right: 15px; } .recipes-by-email .title .content { padding-left: 15px; } aside.right-rail .recipes-by-email { padding-bottom: 10px; margin-bottom: 0; width: 90%; margin: 0 auto; }
}
@media all and (-ms-high-contrast: none) { *::-ms-backdrop, .main-left-col .recipes-by-email .divider.slitshadow .falloff-shadow { top: -16px; }
}
.sidebar-tile { position: relative;
}
.sidebar-tile .title-ribbon { margin-bottom: 20px;
}
@media (min-width: 768px) { .sidebar-grid { overflow: visible !important; } .sidebar-grid .jcarousel ul { width: 300px; margin: 0px; } .sidebar-grid .jcarousel ul li.card { margin: 0 10px 30px 10px !important; } .sidebar-grid .jcarousel ul li:nth-child(odd) { margin-left: 0 !important; } .sidebar-grid .jcarousel ul li:nth-child(even) { margin-right: 0 !important; }
}
.jcarousel-wrapper { overflow: hidden; position: relative;
}
.jcarousel-wrapper .video-wrapper:before,
.jcarousel-wrapper .video-wrapper:after { content: ""; position: absolute; top: 0; left: 0; width: 20%; height: 100%; z-index: 1;
}
.jcarousel-wrapper .video-wrapper:after { left: auto; right: 0;
}
.jcarousel-wrapper.slideshow { padding-bottom: 20px; margin-bottom: -10px;
}
.jcarousel-wrapper.slideshow .jcarousel-pagination { bottom: 0;
}
.jcarousel-wrapper.slideshow .jcarousel-pagination a { font-size: 9px; height: 11px; width: 11px; line-height: 11px; border-radius: 11px; cursor: pointer;
}
.jcarousel-wrapper.slideshow .slide { position: relative; background-color: #dedede; margin-right: 0px; overflow: hidden; height: 100%; } @media all and (max-width: 320px) {
body.kraftrecipes .slide .top .image
{
max-width:290px ;
max-height:125px;
width:100%;
}
}
@media all and (min-width: 321px) and (max-width: 360px) {
body.kraftrecipes .slide .top .image
{
max-width:330px ;
max-height:143px;
width:100%;
}
}
@media all and (min-width: 361px) and (max-width: 639px) {
body.kraftrecipes .slide .top .image
{
max-width:440px ;
max-height:190px;
width:100%;
}
}
@media all and (min-width: 640px) and (max-width: 767px) {
body.kraftrecipes .slide .top .image
{
max-width:480px ;
max-height:200px;
width:100%;
}
}
@media all and (min-width: 768px) {
body.kraftrecipes .slide .top .image
{
max-width:580px;
width:100%;
}
}
@media all and (max-width: 320px) {
body.comidakraft .slide .top .image
{
max-width:290px ;
max-height:125px;
width:100%;
}
}
@media all and (min-width: 321px) and (max-width: 360px) {
body.comidakraft .slide .top .image
{
max-width:330px ;
max-height:143px;
width:100%;
}
}
@media all and (min-width: 361px) and (max-width: 639px) {
body.comidakraft .slide .top .image
{
max-width:440px ;
max-height:190px;
width:100%;
}
}
@media all and (min-width: 640px) and (max-width: 767px) {
body.comidakraft .slide .top .image
{
max-width:480px ;
max-height:200px;
width:100%;
}
}
@media all and (min-width: 768px) {
body.comidakraft .slide .top .image
{
max-width:580px;
width:100%;
}
}
.jcarousel-wrapper.slideshow .slide a.disabled-link { pointer-events: none; cursor: default;
}
.jcarousel-wrapper.slideshow .slide .image { display: block; width: 100%; height: 100%;
}
.jcarousel-wrapper.slideshow .slide .image div { width: 100%; height: 100%;
}
.jcarousel-wrapper.slideshow .slide .image img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; min-height: 100% !important;
}
.jcarousel-wrapper.slideshow .slide .default-image { width: 100%; height: 100% !important; max-width: none !important; max-height: 250px;
}
.jcarousel-wrapper.slideshow .slide .caption { position: absolute; bottom: 0; width: 100%;
}
.jcarousel-wrapper.slideshow .slide .caption p { padding: 0; margin: 0;
}
.jcarousel-wrapper.slideshow .slide .caption .inner { margin: 0 10px 10px 10px; background: rgba(255, 255, 255, 0.9); padding: 15px 20px; position: relative; height: 75px;
}
.jcarousel-wrapper.slideshow .slide .caption .inner .desc { color: #555555; text-align: center;
}
.jcarousel-wrapper.slideshow .slide .caption .inner .desc .rate-review { display: block; margin: auto; width: 50%; padding-left: 50px;
}
.jcarousel-wrapper.slideshow .slide .caption .inner .desc h1,
.jcarousel-wrapper.slideshow .slide .caption .inner .desc h2 { margin: 0;
}
.jcarousel-wrapper.slideshow .slide .caption .inner .desc .title { font-family: 'Roboto Slab', serif; font-weight: 400; line-height: 125%; font-size: 20px; white-space: nowrap; overflow: hidden; display: block; text-overflow: ellipsis; color: #555555;
}
.jcarousel-wrapper.slideshow .slide .caption .inner .desc .title:hover { color: #00aeff; text-decoration: none;
}
.jcarousel-wrapper.slideshow .slide .caption .inner .desc .title .video-icon svg { width: 20px; height: 20px;
}
.jcarousel-wrapper.slideshow .slide .caption .inner .desc .teaser { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; font-size: 14px; text-overflow: ellipsis; width: auto; white-space: nowrap; overflow: hidden; text-align: center;
}
.jcarousel-wrapper.slideshow .slide .caption .view-all-link { position: absolute; bottom: 15px; right: 20px; max-width: 29%;
}
.jcarousel-wrapper.slideshow .slide .caption .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIzMy4zMzMzMzMzMzMzMzMzMyUiIHN0b3AtY29sb3I9IiM1NTU1NTUiLz48c3RvcCBvZmZzZXQ9IjY2LjY2NjY2NjY2NjY2NjY2JSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI2Ni42NjY2NjY2NjY2NjY2NiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 33.33333333%, rgba(85, 85, 85, 0.2) 66.66666667%, rgba(0, 0, 0, 0) 66.66666667%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(33.33333333%, #555555), color-stop(66.66666667%, rgba(85, 85, 85, 0.2)), color-stop(66.66666667%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 33.33333333%, rgba(85, 85, 85, 0.2) 66.66666667%, rgba(0, 0, 0, 0) 66.66666667%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 33.33333333%, rgba(85, 85, 85, 0.2) 66.66666667%, rgba(0, 0, 0, 0) 66.66666667%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 33.33333333%, rgba(85, 85, 85, 0.2) 66.66666667%, rgba(0, 0, 0, 0) 66.66666667%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 33.33333333%, rgba(85, 85, 85, 0.2) 66.66666667%, rgba(0, 0, 0, 0) 66.66666667%); background-position: 0 top; background-size: 3px 1px; background-repeat: repeat-x; margin: 4px 0 2px 0px; width: 100%;
}
.jcarousel-wrapper.slideshow .slide .caption .recipe { font-size: 11px; font-weight: 700; line-height: normal;
}
.jcarousel-wrapper.slideshow .slide .caption .recipe a { font-weight: 400;
}
.jcarousel-wrapper.slideshow .slide .caption.with-recipe .recipe { text-align: center;
}
.jcarousel-wrapper.slideshow .slide .caption.with-recipe .inner { padding: 5px 20px 5px 20px;
}
.jcarousel-wrapper.slideshow .slide .caption.with-rating .desc .teaser { width: 334px;
}
.jcarousel-wrapper.slideshow .slide .caption.with-post .inner { padding: 7px 15px 10px;
}
.jcarousel-wrapper.slideshow .slide .caption.with-post .inner .desc .author { font-weight: 700;
}
.jcarousel-wrapper.slideshow .slide .caption.with-post .inner .desc .author a { display: inline-block; margin-left: 5px; padding: 0 6px; border-left: 1px solid #555555;
}
.fullwidth-slider .jcarousel-wrapper.slideshow .slide .caption.ribbon { width: 368px; height: 138px; bottom: 20px; padding: 5px 6px 5px 0; background: rgba(255, 255, 255, 0.6);
}
.fullwidth-slider .jcarousel-wrapper.slideshow .slide .caption.ribbon:after { content: ''; position: absolute; display: block; bottom: 0; border: 55px solid rgba(255, 255, 255, 0.6); right: -27.5px; border-left-width: 0; border-right-color: transparent; border-right-width: 27.5px; -o-transform: scale(0.9999); -webkit-transform: scale(0.9999); -moz-transform: scale(0.9999); -ms-transform: scale(0.9999); transform: scale(0.9999);
}
.fullwidth-slider .jcarousel-wrapper.slideshow .slide .caption.ribbon .inner { background: #ffffff; margin: 0; height: 100%; padding: 15px 8px 15px 15px;
}
.fullwidth-slider .jcarousel-wrapper.slideshow .slide .caption.ribbon .inner:after { content: ''; position: absolute; display: block; bottom: 0; border: 50px solid #ffffff; right: -25px; border-left-width: 0; border-right-color: transparent; border-right-width: 25px; -o-transform: scale(0.9999); -webkit-transform: scale(0.9999); -moz-transform: scale(0.9999); -ms-transform: scale(0.9999); transform: scale(0.9999);
}
.fullwidth-slider .jcarousel-wrapper.slideshow .slide .caption.ribbon .inner .desc { text-align: left; max-height: 100%; overflow: hidden;
}
.fullwidth-slider .jcarousel-wrapper.slideshow .slide .caption.ribbon .inner .desc h1,
.fullwidth-slider .jcarousel-wrapper.slideshow .slide .caption.ribbon .inner .desc h2 { margin: 0;
}
.fullwidth-slider .jcarousel-wrapper.slideshow .slide .caption.ribbon .inner .desc .title { white-space: normal; font-size: 26px; line-height: 29px; margin-top: -3px; display: block;
}
.fullwidth-slider .jcarousel-wrapper.slideshow .slide .caption.ribbon .inner .desc .teaser { white-space: normal; text-align: left;
}
.jcarousel-wrapper.slideshow .slide .caption .view-all-link { display: none;
}
.jcarousel-wrapper.slideshow .slide .caption .rate-review .hearts { display: inline-block; margin-top: 5px;
}
.jcarousel-wrapper.slideshow .slide .caption .rate-review .hearts svg { width: 14px; height: 12px;
}
.jcarousel-wrapper.slideshow .slide .caption .rate-review .review-num { display: inline-block; vertical-align: 15%;
}
.jcarousel-wrapper.slideshow.nested { padding-bottom: 12px; -webkit-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 3px -22px 10px -7px rgba(0, 0, 0, 0.9), -3px -22px 10px -7px rgba(0, 0, 0, 0.9); -moz-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 3px -22px 10px -7px rgba(0, 0, 0, 0.9), -3px -22px 10px -7px rgba(0, 0, 0, 0.9); box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 3px -22px 10px -7px rgba(0, 0, 0, 0.9), -3px -22px 10px -7px rgba(0, 0, 0, 0.9);
}
.jcarousel-wrapper.slideshow.nested > .jcarousel { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul { height: 558px;
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li { background: none;
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .top { background: #dedede; height: 360px; position: relative; -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .top .image { overflow: hidden;
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom { padding-top: 10px;
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom .jcarousel { padding-bottom: 13px;
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom ul { height: auto; width: 100%;
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom ul li { margin: 0;
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom ul li:last-child { float: right !important;
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom.relatives.two ul > li { padding-left: 10px; position: relative; min-height: 1px; padding-left: 0; padding-right: 0;
}
@media (min-width: 768px) { .jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom.relatives.two ul > li { float: left; width: 50%; }
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom.relatives.two ul > li:first-child { padding-left: 0; padding-right: 10px;
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom.relatives.three ul > li { padding-left: 3px; padding-right: 3px; position: relative; min-height: 1px; padding-left: 0; padding-right: 0;
}
@media (min-width: 768px) { .jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom.relatives.three ul > li { float: left; width: 33.33333333%; }
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom.relatives.three ul > li:first-child { padding-left: 0; padding-right: 7px;
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom.relatives.three ul > li:last-child { padding-right: 0; padding-left: 7px;
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom .card:before,
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom .card:after { position: absolute; width: 50%; height: 12%; content: ""; left: 5px; bottom: 19px; max-width: 48%; max-height: 100px; -webkit-transform: rotate(-3deg) skew(-10deg, 0deg); -moz-transform: rotate(-3deg) skew(-10deg, 0deg); -ms-transform: rotate(-3deg) skew(-10deg, 0deg); -o-transform: rotate(-3deg) skew(-10deg, 0deg); transform: rotate(-3deg) skew(-10deg, 0deg); -webkit-box-shadow: 4px 20px 9px rgba(0, 0, 0, 0.35); -moz-box-shadow: 4px 20px 9px rgba(0, 0, 0, 0.35); box-shadow: 4px 20px 9px rgba(0, 0, 0, 0.35);
}
.safari .jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom .card:before,
.safari .jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom .card:after { bottom: 21px;
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom .card:after { left: auto; right: 5px; -webkit-transform: rotate(3deg) skew(10deg, 0deg); -moz-transform: rotate(3deg) skew(10deg, 0deg); -ms-transform: rotate(3deg) skew(10deg, 0deg); -o-transform: rotate(3deg) skew(10deg, 0deg); transform: rotate(3deg) skew(10deg, 0deg); -webkit-box-shadow: -4px 20px 9px rgba(0, 0, 0, 0.35); -moz-box-shadow: -4px 20px 9px rgba(0, 0, 0, 0.35); box-shadow: -4px 20px 9px rgba(0, 0, 0, 0.35);
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom .card .inner-card { height: 174px; min-height: 0;
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom .card .card-top a { height: 137px; overflow: hidden;
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom .card .card-top a img { max-width: none; max-height: none; min-width: 100%; min-height: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom .card .card-bottom .card-details { padding: 0 10px; height: 37px;
}
.jcarousel-wrapper.slideshow.nested > .jcarousel > ul li .bottom .card .card-bottom .card-details a { position: relative; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
.jcarousel-wrapper.slideshow.nested .jcarousel-control-prev,
.jcarousel-wrapper.slideshow.nested .jcarousel-control-next { top: 66%;
}
.jcarousel-wrapper.slideshow .jcarousel-control-next { display: block; height: 45px; width: 22.5px; -webkit-border-radius: 45px 0 0 45px; -moz-border-radius: 45px 0 0 45px; border-radius: 45px 0 0 45px; background: #ed174f; margin-top: -32px; right: 0; z-index: 5; -moz-transition: right 500ms ease-out; -ms-transition: right 500ms ease-out; -o-transition: right 500ms ease-out; -webkit-transition: right 500ms ease-out; transition: right 500ms ease-out;
}
.jcarousel-wrapper.slideshow .jcarousel-control-next svg { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); margin: 16px 0 0 4px; width: 9px; height: 13px;
}
.jcarousel-wrapper.slideshow .jcarousel-control-next svg path { fill: #ffffff;
}
.jcarousel-wrapper.slideshow .jcarousel-control-next.enabled { right: 0;
}
.jcarousel-wrapper.slideshow .jcarousel-control-next.disabled { right: -23px;
}
.jcarousel-wrapper.slideshow .jcarousel-control-prev { display: block; height: 45px; width: 22.5px; -webkit-border-radius: 45px 0 0 45px; -moz-border-radius: 45px 0 0 45px; border-radius: 0 45px 45px 0; background: #ed174f; margin-top: -32px; left: 0; z-index: 5; -moz-transition: left 500ms ease-out; -ms-transition: left 500ms ease-out; -o-transition: left 500ms ease-out; -webkit-transition: left 500ms ease-out; transition: left 500ms ease-out;
}
.jcarousel-wrapper.slideshow .jcarousel-control-prev svg { margin: 16px 4px 0 0px; width: 9px; height: 13px;
}
.jcarousel-wrapper.slideshow .jcarousel-control-prev svg path { fill: #ffffff;
}
.jcarousel-wrapper.slideshow .jcarousel-control-prev.enabled { left: 0;
}
.jcarousel-wrapper.slideshow .jcarousel-control-prev.disabled { left: -23px;
}
.jcarousel-wrapper.single-peek .jcarousel { height: 208px;
}
.jcarousel-wrapper.single-peek .jcarousel ul li { margin: 0 0 0 5px; height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;
}
.jcarousel-wrapper.single-peek .jcarousel ul li:last-child { margin-right: 5px;
}
.jcarousel-wrapper.single-peek .jcarousel ul li img { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); position: relative; }
.jcarousel-wrapper.single-peek .jcarousel ul li svg.default-image { position: relative; height: 100% !important;
}
.jcarousel-wrapper.double-peek,
.jcarousel-wrapper.double-peek.nested { padding: 0 20px 40px 10px;
}
.jcarousel-wrapper.double-peek .jcarousel-pagination,
.jcarousel-wrapper.double-peek.nested .jcarousel-pagination { bottom: 13px;
}
.jcarousel-wrapper.double-peek .slide,
.jcarousel-wrapper.double-peek.nested .slide { box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.3);
}
.jcarousel-wrapper.double-peek .slide .image,
.jcarousel-wrapper.double-peek.nested .slide .image { display: block; overflow: hidden; position: relative; height: 207px; width: 100%; background-color: #dedede;
}
.jcarousel-wrapper.double-peek .slide .image > div,
.jcarousel-wrapper.double-peek.nested .slide .image > div { height: 100%;
}
.jcarousel-wrapper.double-peek .slide .caption,
.jcarousel-wrapper.double-peek.nested .slide .caption { text-align: left;
}
.jcarousel-wrapper.double-peek .slide .caption .inner,
.jcarousel-wrapper.double-peek.nested .slide .caption .inner { padding: 16px 16px 38px 16px;
}
.jcarousel-wrapper.double-peek .slide .caption .inner .desc,
.jcarousel-wrapper.double-peek.nested .slide .caption .inner .desc { color: #555555; max-height: 95px; overflow: hidden;
}
.jcarousel-wrapper.double-peek .slide .caption .inner .desc h1,
.jcarousel-wrapper.double-peek.nested .slide .caption .inner .desc h1,
.jcarousel-wrapper.double-peek .slide .caption .inner .desc h2,
.jcarousel-wrapper.double-peek.nested .slide .caption .inner .desc h2 { margin: 0;
}
.jcarousel-wrapper.double-peek .slide .caption .inner .desc .title,
.jcarousel-wrapper.double-peek.nested .slide .caption .inner .desc .title { font-family: 'Roboto Slab', serif; font-weight: 400; line-height: 125%; font-size: 17px; margin-bottom: 3px; display: block; color: #555555;
}
.jcarousel-wrapper.double-peek .slide .caption .inner .desc .teaser,
.jcarousel-wrapper.double-peek.nested .slide .caption .inner .desc .teaser { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; font-size: 14px; margin-bottom: 10px; overflow: hidden;
}
.jcarousel-wrapper.double-peek .slide .caption .rate-review,
.jcarousel-wrapper.double-peek.nested .slide .caption .rate-review { margin: 3px 0 -5px 0;
}
.jcarousel-wrapper.double-peek .slide .caption .rate-review .divider.dotted,
.jcarousel-wrapper.double-peek.nested .slide .caption .rate-review .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIzMy4zMzMzMzMzMzMzMzMzMyUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjY2LjY2NjY2NjY2NjY2NjY2JSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI2Ni42NjY2NjY2NjY2NjY2NiUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 33.33333333%, rgba(169, 169, 169, 0.2) 66.66666667%, rgba(0, 0, 0, 0) 66.66666667%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(33.33333333%, #a9a9a9), color-stop(66.66666667%, rgba(169, 169, 169, 0.2)), color-stop(66.66666667%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 33.33333333%, rgba(169, 169, 169, 0.2) 66.66666667%, rgba(0, 0, 0, 0) 66.66666667%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 33.33333333%, rgba(169, 169, 169, 0.2) 66.66666667%, rgba(0, 0, 0, 0) 66.66666667%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 33.33333333%, rgba(169, 169, 169, 0.2) 66.66666667%, rgba(0, 0, 0, 0) 66.66666667%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 33.33333333%, rgba(169, 169, 169, 0.2) 66.66666667%, rgba(0, 0, 0, 0) 66.66666667%); background-position: 0 top; background-size: 3px 1px; background-repeat: repeat-x; margin: 6px 0 6px 0px; width: 100%;
}
.jcarousel-wrapper.double-peek .slide .caption .rate-review .hearts,
.jcarousel-wrapper.double-peek.nested .slide .caption .rate-review .hearts { float: left;
}
.jcarousel-wrapper.double-peek .slide .caption .rate-review .hearts svg,
.jcarousel-wrapper.double-peek.nested .slide .caption .rate-review .hearts svg { width: 14px; height: 12px;
}
.jcarousel-wrapper.double-peek .slide .caption .rate-review .review-num,
.jcarousel-wrapper.double-peek.nested .slide .caption .rate-review .review-num { display: inline-block; margin-top: -2px; color: #555555;
}
.jcarousel-wrapper.double-peek .slide .caption.with-recipe .recipe,
.jcarousel-wrapper.double-peek.nested .slide .caption.with-recipe .recipe { height: 38px; position: relative; z-index: 1; background: rgba(255, 255, 255, 0.9); padding: 5px 16px 5px 16px; box-sizing: content-box; width: 100%; vertical-align: bottom; font-size: 14px; margin: -64px 0 16px -16px;
}
.jcarousel-wrapper.double-peek .slide .caption.with-recipe .recipe > span,
.jcarousel-wrapper.double-peek.nested .slide .caption.with-recipe .recipe > span { display: block; padding-right: 80px; position: relative; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
.jcarousel-wrapper.double-peek .slide .caption.with-recipe .recipe .recipe-link,
.jcarousel-wrapper.double-peek.nested .slide .caption.with-recipe .recipe .recipe-link { position: absolute; right: 16px; display: block; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
.jcarousel-wrapper.double-peek .slide .caption.with-post .inner,
.jcarousel-wrapper.double-peek.nested .slide .caption.with-post .inner { padding-top: 11px;
}
.jcarousel-wrapper.double-peek .slide .caption.with-post .author,
.jcarousel-wrapper.double-peek.nested .slide .caption.with-post .author { position: absolute; bottom: 8px; right: 11px;
}
.jcarousel-wrapper.double-peek .slide .caption.with-post .view-all-link,
.jcarousel-wrapper.double-peek.nested .slide .caption.with-post .view-all-link { position: relative; margin-top: 13px; float: left;
}
.jcarousel-wrapper.double-peek .slide .view-all-link,
.jcarousel-wrapper.double-peek.nested .slide .view-all-link { position: absolute; bottom: 10px; margin: 0; padding: 0;
}
.jcarousel-wrapper.double-peek .jcarousel,
.jcarousel-wrapper.double-peek.nested .jcarousel { height: auto;
}
.jcarousel-wrapper.double-peek .jcarousel ul li,
.jcarousel-wrapper.double-peek.nested .jcarousel ul li { margin: 0 0 0 5px; height: 356px; text-align: center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;
}
.jcarousel-wrapper.double-peek .jcarousel ul li img,
.jcarousel-wrapper.double-peek.nested .jcarousel ul li img { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; min-height: 100% !important;
}
.jcarousel-wrapper.double-peek.nested .jcarousel { height: auto;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li { height: 475px;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .top .caption .inner { position: relative; padding-bottom: 22px;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .top .caption .inner .desc { max-height: 85px;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .top .caption .inner .view-all-link { left: 16px; bottom: 9px;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives { padding: 0 16px; position: relative;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives .falloff-shadow-left { width: 1px; height: 90%; top: 5%; position: absolute; left: -1px; -webkit-box-shadow: -11px 0px 19px 5px rgba(0, 0, 0, 0.8); -moz-box-shadow: -11px 0px 19px 5px rgba(0, 0, 0, 0.8); box-shadow: -11px 0px 19px 5px rgba(0, 0, 0, 0.8); z-index: 6; -moz-transition: opacity 500ms ease-out; -ms-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out; -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives .falloff-shadow-left.enabled { opacity: 1;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives .falloff-shadow-left.disabled { opacity: 0;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives .falloff-shadow-right { width: 1px; height: 90%; top: 5%; position: absolute; right: -1px; -webkit-box-shadow: 11px 0px 19px 5px rgba(0, 0, 0, 0.8); -moz-box-shadow: 11px 0px 19px 5px rgba(0, 0, 0, 0.8); box-shadow: 11px 0px 19px 5px rgba(0, 0, 0, 0.8); z-index: 6; -moz-transition: opacity 500ms ease-out; -ms-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out; -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives .falloff-shadow-right.enabled { opacity: 1;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives .falloff-shadow-right.disabled { opacity: 0;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives .jcarousel-wrapper { padding-bottom: 13px; padding-top: 7px;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives ul li { height: auto; width: 189px; margin: 0 10px 0 0;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives ul li:first-child { margin-left: 4px;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives ul li:last-child { margin-right: 4px;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives ul li .inner-card { height: 115px; min-height: 0;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives ul li .inner-card .card-top a { height: 82px; position: relative; overflow: hidden;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives ul li .inner-card .card-top a img { position: relative; max-width: none !important; max-height: none !important; min-width: 100% !important; min-height: 100% !important; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives ul li .inner-card .card-bottom .card-details { padding: 0 10px; height: 33px; text-align: left;
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives ul li .inner-card .card-bottom .card-details a { position: relative; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives ul li .inner-card .card-bottom .card-details h2,
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives ul li .inner-card .card-bottom .card-details h1 { position: relative; margin: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives ul li .inner-card .card-bottom .card-details h2 a,
.jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .relatives ul li .inner-card .card-bottom .card-details h1 a { top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);
}
.jcarousel-wrapper.multi-peek { margin-top: -8px;
}
.jcarousel-wrapper.multi-peek .jcarousel ul { list-style-type: none; margin: 0; padding: 8px 0px 20px;
}
.jcarousel-wrapper.multi-peek .jcarousel ul li.card { display: block; position: relative; background: transparent; float: left; margin: 0 0 0 10px;
}
.jcarousel-wrapper.multi-peek .jcarousel.single > ul > li { width: 140px; margin-bottom: 10px;
}
.jcarousel-wrapper.clipped { margin: -10px 0 30px;
}
.jcarousel-wrapper.clipped .jcarousel { height: auto; overflow: hidden;
}
.jcarousel-wrapper.clipped .jcarousel ul { padding: 10px 0px;
}
.jcarousel-wrapper.clipped .jcarousel ul li { margin: 0 0px 0 10px;
}
.jcarousel-wrapper.clipped .single > ul > li { width: 140px;
}
.jcarousel-wrapper.clipped .falloff-shadow-left { width: 1px; height: 90%; top: 5%; position: absolute; left: -1px; -webkit-box-shadow: -11px 0px 19px 5px rgba(0, 0, 0, 0.8); -moz-box-shadow: -11px 0px 19px 5px rgba(0, 0, 0, 0.8); box-shadow: -11px 0px 19px 5px rgba(0, 0, 0, 0.8); z-index: 6; -moz-transition: opacity 500ms ease-out; -ms-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out; -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms;
}
.jcarousel-wrapper.clipped .falloff-shadow-left.enabled { opacity: 1;
}
.jcarousel-wrapper.clipped .falloff-shadow-left.disabled { opacity: 0;
}
.jcarousel-wrapper.clipped .falloff-shadow-right { width: 1px; height: 90%; top: 5%; position: absolute; right: -1px; -webkit-box-shadow: 11px 0px 19px 5px rgba(0, 0, 0, 0.8); -moz-box-shadow: 11px 0px 19px 5px rgba(0, 0, 0, 0.8); box-shadow: 11px 0px 19px 5px rgba(0, 0, 0, 0.8); z-index: 6; -moz-transition: opacity 500ms ease-out; -ms-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out; -webkit-transition-delay: 350ms; -moz-transition-delay: 350ms; -o-transition-delay: 350ms; transition-delay: 350ms;
}
.jcarousel-wrapper.clipped .falloff-shadow-right.enabled { opacity: 1;
}
.jcarousel-wrapper.clipped .falloff-shadow-right.disabled { opacity: 0;
}
.jcarousel-wrapper.clipped .jcarousel-control-next { display: block; height: 45px; width: 22.5px; -webkit-border-radius: 45px 0 0 45px; -moz-border-radius: 45px 0 0 45px; border-radius: 45px 0 0 45px; background: #ed174f; margin-top: -22px; right: 0; z-index: 5; -moz-transition: right 500ms ease-out; -ms-transition: right 500ms ease-out; -o-transition: right 500ms ease-out; -webkit-transition: right 500ms ease-out; transition: right 500ms ease-out;
}
.jcarousel-wrapper.clipped .jcarousel-control-next svg { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); margin: 16px 0 0 4px; width: 9px; height: 13px;
}
.jcarousel-wrapper.clipped .jcarousel-control-next svg path { fill: #ffffff;
}
.jcarousel-wrapper.clipped .jcarousel-control-next.enabled { right: 0;
}
.jcarousel-wrapper.clipped .jcarousel-control-next.disabled { right: -23px;
}
.jcarousel-wrapper.clipped .jcarousel-control-prev { display: block; height: 45px; width: 22.5px; -webkit-border-radius: 45px 0 0 45px; -moz-border-radius: 45px 0 0 45px; border-radius: 0 45px 45px 0; background: #ed174f; margin-top: -24px; left: 0; z-index: 5; -moz-transition: left 500ms ease-out; -ms-transition: left 500ms ease-out; -o-transition: left 500ms ease-out; -webkit-transition: left 500ms ease-out; transition: left 500ms ease-out;
}
.jcarousel-wrapper.clipped .jcarousel-control-prev svg { margin: 16px 4px 0 0px; width: 9px; height: 13px;
}
.jcarousel-wrapper.clipped .jcarousel-control-prev svg path { fill: #ffffff;
}
.jcarousel-wrapper.clipped .jcarousel-control-prev.enabled { left: 0;
}
.jcarousel-wrapper.clipped .jcarousel-control-prev.disabled { left: -23px;
}
.jcarousel-wrapper.single-peek-clipped .jcarousel { height: 273px; overflow: hidden;
}
.jcarousel-wrapper.single-peek-clipped .jcarousel ul { overflow: hidden;
}
.jcarousel-wrapper.single-peek-clipped .jcarousel ul li { margin: 0 0px 0 10px; height: 100%; text-align: center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; z-index: 1;
}
.jcarousel-wrapper.single-peek-clipped .jcarousel ul li span,
.jcarousel-wrapper.single-peek-clipped .jcarousel ul li h2 { margin: 0; position: relative; z-index: 1; display: inline-block;
}
.jcarousel-wrapper.single-peek-clipped .jcarousel ul li span img,
.jcarousel-wrapper.single-peek-clipped .jcarousel ul li h2 img { position: relative; z-index: 1;
}
.jcarousel-wrapper.single-peek-clipped .jcarousel ul li span:before,
.jcarousel-wrapper.single-peek-clipped .jcarousel ul li h2:before,
.jcarousel-wrapper.single-peek-clipped .jcarousel ul li span:after,
.jcarousel-wrapper.single-peek-clipped .jcarousel ul li h2:after { position: absolute; width: 50%; height: 12%; content: ""; left: 5px; bottom: 6px; max-width: 167px; max-height: 100px; -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); -webkit-box-shadow: 0 8px 13px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 8px 13px rgba(0, 0, 0, 0.4); box-shadow: 0 8px 13px rgba(0, 0, 0, 0.4);
}
.jcarousel-wrapper.single-peek-clipped .jcarousel ul li span:after,
.jcarousel-wrapper.single-peek-clipped .jcarousel ul li h2:after { left: auto; right: 5px; -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg);
}
.jcarousel-wrapper .single > ul { width: 100%;
}
.jcarousel-wrapper .single > ul > li { margin-right: 0; width: 100% !important;
}
.jcarousel-wrapper .single.desktop { margin: 0; padding: 0;
}
.jcarousel-wrapper .single.desktop ~ .jcarousel-control-next,
.jcarousel-wrapper .single.desktop ~ .jcarousel-control-prev { display: none !important;
}
.jcarousel-wrapper .single.mobile { width: 100%;
}
.jcarousel-wrapper.double-peek .single.mobile { margin-bottom: -20px;
}
.ie .jcarousel-wrapper.single-peek .jcarousel ul li { height: 208px;
}
.ie .clipped .falloff-shadow-left { -webkit-box-shadow: -9px 0px 30px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: -9px 0px 30px 5px rgba(0, 0, 0, 0.4); box-shadow: -9px 0px 30px 5px rgba(0, 0, 0, 0.4);
}
.ie .clipped .falloff-shadow-right { -webkit-box-shadow: 9px 0px 30px 5px rgba(0, 0, 0, 0.4); -moz-box-shadow: 9px 0px 30px 5px rgba(0, 0, 0, 0.4); box-shadow: 9px 0px 30px 5px rgba(0, 0, 0, 0.4);
}
.slider-control-right { display: block; height: 45px; width: 22.5px; -webkit-border-radius: 45px 0 0 45px; -moz-border-radius: 45px 0 0 45px; border-radius: 0 45px 45px 0; background: #ed174f; position: relative; cursor: pointer;
}
.slider-control-right .arrow { display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #ffffff; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-left: -5px;
}
.slider-control-right:hover { background: #930b2f;
}
.slider-control-right:hover .arrow { border-left-color: #ffffff;
}
.slider-control-left { display: block; height: 45px; width: 22.5px; -webkit-border-radius: 45px 0 0 45px; -moz-border-radius: 45px 0 0 45px; border-radius: 45px 0 0 45px; background: #ed174f; position: relative; cursor: pointer;
}
.slider-control-left .arrow { display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #ffffff; position: absolute; top: 50%; left: 50%; margin-top: -5px; margin-right: -5px;
}
.slider-control-left:hover { background: #930b2f;
}
.slider-control-left:hover .arrow { border-right-color: #ffffff;
}
.jcarousel { position: relative; width: 100%;
}
.jcarousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0;
}
.jcarousel li { width: 200px; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 15px;
}
.jcarousel img { display: block; height: 100%; max-width: 100%; max-height: 200px; height: auto !important; position: relative;
}
.jcarousel-control-prev,
.jcarousel-control-next { display: block; position: absolute; top: 50%; text-align: center; text-decoration: none;
}
.jcarousel-pagination { position: absolute; bottom: 10px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); margin: 0;
}
.jcarousel-pagination a { text-decoration: none; display: inline-block; font-size: 11px; height: 13px; width: 13px; line-height: 13px; background: #cccccc; color: #cccccc; border-radius: 13px; text-indent: -9999px; margin-right: 7px; cursor: default;
}
.jcarousel-pagination a.active { background: #0497ac; opacity: 1;
}
.jcarousel img { display: block; height: 100%; max-width: 100%; max-height: 100%; height: auto !important; position: relative;
}
.jcarousel li { width: auto; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 15px;
}
@media (min-width: 768px) { .jcarousel-wrapper .video-clickmask-left, .jcarousel-wrapper .video-clickmask-right { display: none; } .jcarousel-wrapper.multi-peek.sidebar-grid .jcarousel ul li.card { margin-bottom: 20px; }
}
.scrollable-tabs-container { margin: 0; overflow-y: hidden; overflow-x: auto; margin-top: 10px;
}
.scrollable-tabs-container::-webkit-scrollbar { height: 0;
}
.nav-tabs { border: none; height: 45px; margin: 0; background: url(//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/bg-tab-dot.jpg?yocs=1V_1Y_2b_&yoloc=us) 0 bottom repeat-x;
}
.nav-tabs > li { background: url(//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/bg-tab-dot.jpg?yocs=1V_1Y_2b_&yoloc=us) 0 0 repeat-x; margin-left: -1px; max-width: 270px; padding-top: 3px; list-style-type: none;
}
.nav-tabs > li > a { border: none; border-color: none; padding: 0; margin: 0; display: inline-block; text-align: center; overflow: hidden; width: 100%; height: 100%; padding: 0 25px;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus { border: none; outline: 0; background: none;
}
.nav-tabs > li > a h2.header2-tab { font-family: 'Roboto Slab', serif; font-weight: 400; line-height: 125%; color: #00aeff; display: inline-block; vertical-align: middle; height: 100%; line-height: 40px; font-size: 16px; text-align: center; margin: 0; padding: 0;
}
.nav-tabs > li > a .num { font-size: 12px;
}
.nav-tabs > li.active > a { border: none;
}
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus { border: none; outline: 0; background: #ffffff;
}
.nav-tabs > li.active > a h2.header2-tab { color: #555555; font-weight: 700;
}
.nav-tabs .tab-border { background: url(//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/bg-tab-before.jpg?yocs=1V_1Y_2b_&yoloc=us) 0 0 no-repeat; height: 100%; width: 2px; margin-left: -3px; position: relative; z-index: 1;
}
.nav-tabs .tab-border.before { width: 10px; margin-right: -7px; margin-left: 20px; margin-top: -2px; background-position: 0 2px;
}
.nav-tabs .tab-border.after { background: url(//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/bg-tab-after.jpg?yocs=1V_1Y_2b_&yoloc=us) 0 0 no-repeat; width: 9px; margin-left: -8px; margin-top: -2px; background-position: 0 2px;
}
.scrollable-tabs-container { height: 45px; overflow-y: hidden;
}
.cssvwunit .nav-tabs > li:not(.tab-border) { width: 70vw;
}
.cssvwunit .nav-tabs > li > a { padding: 0;
}
@media (min-width: 768px) { .nav-tabs { width: auto; height: 40px; } .nav-tabs > li { height: 100%; } .nav-tabs > li > a h2.header2-tab { line-height: 33px; } .nav-tabs > li > a .num { font-weight: 700; } .nav-tabs .tab-border.before { width: 6px; margin-right: -3px; margin-left: 0; } .tab-content { background: none; margin-top: 0; } .cssvwunit .nav-tabs > li:not(.tab-border) { width: auto; } .cssvwunit .nav-tabs > li > a { padding: 0 23px; }
}
.play-button { width: 50px; height: 50px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px; background: rgba(0, 0, 0, 0.3); position: relative; display: block; cursor: pointer;
}
.play-button .arrow { display: block; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 10px solid #ffffff; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -4px;
}
.play-button:hover { background: rgba(0, 0, 0, 0.6);
}
.play-button:hover .arrow { border-left-color: #ed174f;
}
.view-grid { padding-top: 4px;
}
.view-grid .recipe-teaser,
.view-grid .card-total-time { display: none;
}
.view-grid.three-tile-grid li,
.view-grid.four-tile-grid li { list-style-type: none;
}
.view-grid.three-tile-grid .card .inner-card,
.view-grid.four-tile-grid .card .inner-card { min-height: 205px;
}
.view-grid.three-tile-grid .card .card-details,
.view-grid.four-tile-grid .card .card-details { padding: 10px; position: static;
}
.view-grid.three-tile-grid .card .card-details .title,
.view-grid.four-tile-grid .card .card-details .title { height: 76px;
}
.view-grid.three-tile-grid .recipe-teaser,
.view-grid.four-tile-grid .recipe-teaser,
.view-grid.three-tile-grid .divider.dotted,
.view-grid.four-tile-grid .divider.dotted { display: none;
}
.view-grid.four-tile-grid { margin: 0 0 0 15px;
}
.view-grid.four-tile-grid li { margin: 0 9px 20px 0;
}
.view-grid.four-tile-grid li:nth-child(4n+1) { clear: none;
}
.view-grid.four-tile-grid li li:nth-child(4n) { margin: 0 5px 20px 0;
}
.view-grid.four-tile-grid .card { width: 140px;
}
.view-grid.four-tile-grid .card .card-top a { height: auto;
}
.view-grid.four-tile-grid .card .card-top a img { width: 140px;
}
.view-list.three-tile-grid,
.view-list.four-tile-grid { margin: 0 0 20px 0 !important; padding: 0 !important;
}
.view-list.three-tile-grid .card,
.view-list.four-tile-grid .card { min-height: 115px; width: 100%; margin: 0 !important;
}
.view-list.three-tile-grid .card .inner-card,
.view-list.four-tile-grid .card .inner-card { min-height: 120px;
}
.view-list.three-tile-grid .card .card-shadow,
.view-list.four-tile-grid .card .card-shadow,
.view-list.three-tile-grid .card:before,
.view-list.four-tile-grid .card:before,
.view-list.three-tile-grid .card:after,
.view-list.four-tile-grid .card:after { display: none;
}
.view-list.three-tile-grid .card .rate-review,
.view-list.four-tile-grid .card .rate-review { margin: 5px 0; position: relative; bottom: auto; padding: 0;
}
.view-list.three-tile-grid .card .recipe-teaser,
.view-list.four-tile-grid .card .recipe-teaser { display: none;
}
.view-list.three-tile-grid .card .card-bottom,
.view-list.four-tile-grid .card .card-bottom { display: inline-block; width: 47%;
}
.view-list.three-tile-grid .card .card-top,
.view-list.four-tile-grid .card .card-top { display: inline-block; width: 140px; margin: 1px 10px 0 0; vertical-align: top;
}
.view-list.three-tile-grid .card .card-top a img,
.view-list.four-tile-grid .card .card-top a img { height: auto; width: 100%;
}
.view-list.three-tile-grid .card .card-details,
.view-list.four-tile-grid .card .card-details { min-height: 99px; position: relative; padding: 0 0 15px 0; margin-right: -5px;
}
.view-list.three-tile-grid .card .card-details a.title,
.view-list.four-tile-grid .card .card-details a.title { font-size: 14px; max-height: none; margin-top: -2px;
}
.view-list.three-tile-grid .card .card-total-time,
.view-list.four-tile-grid .card .card-total-time { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; font-size: 12px; position: absolute; bottom: -17px; padding-left: 0; margin-left: 0;
}
.view-list.three-tile-grid .card .card-total-time .time,
.view-list.four-tile-grid .card .card-total-time .time { font-family: 'Roboto Slab', serif; font-weight: 400; line-height: 125%; font-weight: 700; font-size: 11px;
}
.view-list.three-tile-grid .card .card-total-time .hour,
.view-list.four-tile-grid .card .card-total-time .hour,
.view-list.three-tile-grid .card .card-total-time .min,
.view-list.four-tile-grid .card .card-total-time .min { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; line-height: 125%; font-size: 20px;
}
.view-list.three-tile-grid .card .card-total-time .hour,
.view-list.four-tile-grid .card .card-total-time .hour { margin-left: 5px;
}
.view-list.three-tile-grid .card .divider.dotted,
.view-list.four-tile-grid .card .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(21.42857143%, #cccccc), color-stop(42.85714286%, rgba(204, 204, 204, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: -20px;
}
.view-list.three-tile-grid .card.product .size,
.view-list.four-tile-grid .card.product .size { display: inline;
}
.view-list.three-tile-grid .card.product .upc,
.view-list.four-tile-grid .card.product .upc { display: inline; margin-left: 10px;
}
.view-list.three-tile-grid .card { padding: 20px 15px;
}
.view-list.three-tile-grid .card .mobile-click-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.view-list.three-tile-grid .card .card-top a { height: 94px;
}
.view-list.four-tile-grid { padding: 0;
}
.view-list.four-tile-grid li { padding: 20px 15px; box-sizing: border-box;
}
.view-list.four-tile-grid .card .card-top { float: left;
}
.view-list.four-tile-grid .card .card-top a { width: 140px; height: 94px;
}
@media (min-width: 768px) { .view-grid.three-tile-grid .card .card-details, .view-grid.four-tile-grid .card .card-details { padding: 8px 10px 0; } .view-grid.three-tile-grid .card .card-details .title, .view-grid.four-tile-grid .card .card-details .title { height: 76px; } .view-grid.three-tile-grid .card .brand-icon, .view-grid.four-tile-grid .card .brand-icon { margin-top: 3px; margin-bottom: 4px; } .view-grid.three-tile-grid .card .card-footer, .view-grid.four-tile-grid .card .card-footer { position: absolute; bottom: 0; } .view-grid.three-tile-grid .card .inner-card { min-height: 233px; } .view-grid.three-tile-grid .card .card-top a { height: 122px; } .view-grid.four-tile-grid { margin: 0; } .view-grid.four-tile-grid ul { margin-right: -20px; } .view-grid.four-tile-grid li { margin: 0 23px 50px 0 !important; } .view-grid.four-tile-grid li:nth-child(4n+1) { clear: none; } .view-grid.four-tile-grid li li:nth-child(4n) { margin: 0 12px 40px 0; } .view-grid.four-tile-grid li.search-ad { margin-bottom: 0 !important; } .view-grid.four-tile-grid .card { width: 210px; } .view-grid.four-tile-grid .card .inner-card { min-height: 250px; } .view-grid.four-tile-grid .card .card-top a { height: auto; } .view-grid.four-tile-grid .card .card-top a img { width: 212px; } .view-list.three-tile-grid .card, .view-list.four-tile-grid .card { min-height: 136px; margin: 0 !important; padding-bottom: 20px; } .view-list.three-tile-grid .card .recipe-teaser, .view-list.four-tile-grid .card .recipe-teaser { display: block; font-size: 14px; max-height: 34px; overflow: hidden; padding-left: 0; margin-left: 0; clear: both; text-align: left; margin-bottom: 5px; } .view-list.three-tile-grid .card .recipe-teaser, .view-list.four-tile-grid .card .recipe-teaser {	max-height: 85px !important; } .view-list.three-tile-grid .card .card-top, .view-list.four-tile-grid .card .card-top { width: 195px; height: 130px; margin: 4px 21px 0 0; } .view-list.three-tile-grid .card .card-top a, .view-list.four-tile-grid .card .card-top a { height: 100%; width: 100%; display: block; } .view-list.three-tile-grid .card .card-bottom, .view-list.four-tile-grid .card .card-bottom { width: 344px; } .view-list.three-tile-grid .card .card-total-time, .view-list.four-tile-grid .card .card-total-time { font-size: 14px; bottom: -14px; padding-left: 0; position: relative; } .view-list.three-tile-grid .card .card-total-time .time, .view-list.four-tile-grid .card .card-total-time .time { font-size: 12px; } .view-list.three-tile-grid .card .card-total-time .hour, .view-list.four-tile-grid .card .card-total-time .hour, .view-list.three-tile-grid .card .card-total-time .min, .view-list.four-tile-grid .card .card-total-time .min { font-size: 24px; } .view-list.three-tile-grid .card .card-total-time span:first-of-type, .view-list.four-tile-grid .card .card-total-time span:first-of-type { margin-left: 5px; } .view-list.three-tile-grid .card .divider.dotted, .view-list.four-tile-grid .card .divider.dotted { margin-top: 20px; } .view-list.three-tile-grid .card.recipe .inner-card .rate-review, .view-list.four-tile-grid .card.recipe .inner-card .rate-review { bottom: 0; } .view-list.three-tile-grid li { clear: both; margin: 0; } .view-list.three-tile-grid .card .card-details { min-height: 137px; padding-bottom: 22px; } .view-list.three-tile-grid .card .card-details a.title { font-size: 18px; } .view-list.four-tile-grid { margin: 0; padding: 0; } .view-list.four-tile-grid li { clear: both; margin: 0; } .view-list.four-tile-grid .card { width: 600px; float: left; padding: 20px; } .view-list.four-tile-grid .card .card-details { min-height: 100px; padding-bottom: 0px; } .view-list.four-tile-grid .card .card-details a.title { font-size: 18px; }
}
.recalls { display: none; position: relative; width: 100%; max-width: 960px; margin: 15px auto; text-align: center;
}
.recalls .inner-wrapper { padding: 0; background-color: #ffffff;
}
.recalls .inner-wrapper .recall-cont { position: relative; border: 1px solid #ed174f; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.26); -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.26); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.26); display: block; font-size: 12px; padding: 15px 15px 0 15px; margin: 15px 15px 0 15px;
}
.recalls .inner-wrapper .recall-cont ul { display: block; width: 100%; margin: 0; padding: 0;
}
.recalls .inner-wrapper .recall-cont ul:before,
.recalls .inner-wrapper .recall-cont ul:after { content: " "; display: table;
}
.recalls .inner-wrapper .recall-cont ul:after { clear: both;
}
.recalls .inner-wrapper .recall-cont ul:before,
.recalls .inner-wrapper .recall-cont ul:after { content: " "; display: table;
}
.recalls .inner-wrapper .recall-cont ul:after { clear: both;
}
.recalls .inner-wrapper .recall-cont ul li { list-style: none; float: left; width: 100%; padding: 0;
}
.recalls .inner-wrapper .recall-cont ul li .recall-copy { margin-bottom: 10px; text-align: left; display: table; float: none;
}
.recalls .inner-wrapper .recall-cont ul li .recall-copy span { margin-right: 10px;
}
.recalls .inner-wrapper .recall-cont ul li:last-child .divider.dotted { display: none;
}
.recalls .inner-wrapper .recall-cont ul li .circle-container { width: 13px; height: 13px; -webkit-border-radius: 6.5px; -moz-border-radius: 6.5px; border-radius: 6.5px; background-color: #ed174f; margin: 2px 7px 0 0; float: left;
}
.recalls .inner-wrapper .recall-cont ul li .circle-container svg { width: 8px; height: 8px; margin-top: 3px;
}
.recalls .inner-wrapper .recall-cont ul li .circle-container svg path { fill: #ffffff;
}
.recalls .inner-wrapper .recall-cont .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(20%, #a9a9a9), color-stop(40%, rgba(169, 169, 169, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 2px; background-repeat: repeat-x; margin-bottom: 10px; clear: both; box-sizing: content-box;
}
.recalls .inner-wrapper .recall-cont .close { position: absolute; top: -16px; right: -15px; height: 40px; width: 40px;
}
.recalls .inner-wrapper .recall-cont .close .circle-container { width: 22px; height: 22px; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; background-color: #00aeff; float: right; margin-top: 8px; margin-right: 9px;
}
.recalls .inner-wrapper .recall-cont .close .circle-container svg { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 10px; height: 10px; margin: 6px 0 0 0;
}
.recalls .inner-wrapper .recall-cont .close .circle-container svg path { fill: #ffffff;
}
.recalls.bottom { padding-bottom: 20px; background: #ffffff; position: relative; z-index: 0;
}
.recalls.bottom:before { content: ""; display: inline-block; width: 100%; height: 5px; -webkit-box-shadow: inset 0 7px 7px -7px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 7px 7px -7px rgba(0, 0, 0, 0.4); box-shadow: inset 0 7px 7px -7px rgba(0, 0, 0, 0.4);
}
@media (min-width: 768px) { .recalls .inner-wrapper { width: 960px; margin: 0 auto; } .recalls .inner-wrapper .recall-cont { margin: 0; } .recalls .inner-wrapper .recall-cont .close { top: 14px; right: 10px; height: 16px; width: 16px; } .recalls .inner-wrapper .recall-cont .close .circle-container { width: 16px; height: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin-top: 0; margin-right: 0; } .recalls .inner-wrapper .recall-cont .close .circle-container svg { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); width: 8px; height: 8px; margin: 4px 0 0 0; } .recalls .inner-wrapper .recall-cont ul li .circle-container { width: 15px !important; height: 15px !important; -webkit-border-radius: 7.5px !important; -moz-border-radius: 7.5px !important; border-radius: 7.5px !important; margin: 0px 7px 0 0; } .recalls .inner-wrapper .recall-cont ul li .circle-container svg { margin: 3px 0 0 1px !important; } .recalls.top.homepageTwoColumn:after { content: ""; position: absolute; bottom: -20px; left: 0; width: 100%; height: 20px; z-index: 1; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjIiLz4KICAgIDxzdG9wIG9mZnNldD0iMTIlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODglIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, #ffffff 12%, #ffffff 88%, rgba(255, 255, 255, 0.8) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.2)), color-stop(12%, #ffffff), color-stop(88%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0.8))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, #ffffff 12%, #ffffff 88%, rgba(255, 255, 255, 0.8) 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, #ffffff 12%, #ffffff 88%, rgba(255, 255, 255, 0.8) 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2) 0%, #ffffff 12%, #ffffff 88%, rgba(255, 255, 255, 0.8) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 0%, #ffffff 12%, #ffffff 88%, rgba(255, 255, 255, 0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33ffffff', endColorstr='#ccffffff', GradientType=0); } .recalls.bottom { margin-bottom: -1px; margin-top: 0; padding: 0; background: none; z-index: 1; } .recalls.bottom:before { display: none; }
}
.sidebar-card { margin: 0 10px 20px 10px; position: relative;
}
.sidebar-card .title-ribbon { margin: 0 16px; z-index: 10; color: #ffffff;
}
.sidebar-card .visible-xs.divider.slitshadow { position: absolute; top: -4px; z-index: 0;
}
.sidebar-card .visible-xs.divider.slitshadow .falloff-shadow { width: 100%; -webkit-box-shadow: 0px -15px 17px 30px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px -15px 17px 30px rgba(0, 0, 0, 0.8); box-shadow: 0px -15px 17px 30px rgba(0, 0, 0, 0.8);
}
.sidebar-card > .card { background: #ffffff; position: relative; width: 100%; margin: -19px auto 0 auto; padding-top: 24px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.sidebar-card > .card:before,
.sidebar-card > .card:after { display: none;
}
@media (min-width: 768px) { .sidebar-card { margin: 0 0 20px 0; } .sidebar-card .title-ribbon { margin: 0 20px; } .sidebar-card > .card { padding-top: 31px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin: -20px auto 0 auto; } .sidebar-card > .card:before, .sidebar-card > .card:after { display: inline; position: absolute; width: 50%; height: 12%; content: ""; left: 5px; bottom: 13px; max-width: 200px; max-height: 100px; -webkit-transform: rotate(-5deg) skew(-2deg, 0deg); -moz-transform: rotate(-5deg) skew(-2deg, 0deg); -ms-transform: rotate(-5deg) skew(-2deg, 0deg); -o-transform: rotate(-5deg) skew(-2deg, 0deg); transform: rotate(-5deg) skew(-2deg, 0deg); -webkit-box-shadow: 4px 16px 13px rgba(0, 0, 0, 0.25); -moz-box-shadow: 4px 16px 13px rgba(0, 0, 0, 0.25); box-shadow: 4px 16px 13px rgba(0, 0, 0, 0.25); } .sidebar-card > .card:after { left: auto; right: 5px; -webkit-transform: rotate(5deg) skew(2deg, 0deg); -moz-transform: rotate(5deg) skew(2deg, 0deg); -ms-transform: rotate(5deg) skew(2deg, 0deg); -o-transform: rotate(5deg) skew(2deg, 0deg); transform: rotate(5deg) skew(2deg, 0deg); -webkit-box-shadow: -4px 16px 13px rgba(0, 0, 0, 0.25); -moz-box-shadow: -4px 16px 13px rgba(0, 0, 0, 0.25); box-shadow: -4px 16px 13px rgba(0, 0, 0, 0.25); }
}
.modal button.close { -webkit-appearance: none; cursor: pointer; background: 0 0; border: 0;
}
.modal .cancel-remove { text-align: center; width: 100%; display: inline-block; margin: 10px 0px 0px 0px;
}
.modal .close { float: right; font-size: 14px; font-weight: normal; color: #00aeff; outline: 0; padding: 20px; margin: 0;
}
.modal .close svg { width: 16px; height: 16px; vertical-align: middle; margin: -2px 2px 0 0;
}
.modal .close svg path { fill: #00aeff;
}
.modal .close:hover span { text-decoration: underline;
}
.modal.generic .modal-content { padding: 8px !important; border-radius: 0; box-shadow: none; background: url(//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/bg-texture-blue.jpg?yocs=1V_1Y_2b_&yoloc=us) repeat; border: none;
}
.modal.generic .modal-content-inner { position: relative; background: #ffffff; -webkit-box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.9); -moz-box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.9); box-shadow: 0 0 16px 1px rgba(0, 0, 0, 0.9);
}
.modal.generic .modal-header { position: relative; top: 0; right: 0; padding: 0; border: none; z-index: 1; float: right; margin-bottom: -50px;
}
.modal.generic .modal-body { padding: 0 10px 10px 10px; clear: both;
}
.modal.recipe-style .close { padding: 18px;
}
.modal.recipe-style .modal-dialog.modal-lg { width: 950px;
}
.modal.recipe-style .modal-content { border-radius: 0; -webkit-box-shadow: 2px 0 11px -3px rgba(0, 0, 0, 0.4); -moz-box-shadow: 2px 0 11px -3px rgba(0, 0, 0, 0.4); box-shadow: 2px 0 11px -3px rgba(0, 0, 0, 0.4); background: transparent; border: none; position: relative;
}
.modal.recipe-style .modal-content:before,
.modal.recipe-style .modal-content:after { z-index: -1; position: absolute; content: ""; bottom: 11px; left: 6px; width: 40%; top: 80%; max-width: 300px; background: rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.4); box-shadow: 0 15px 20px rgba(0, 0, 0, 0.4); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);
}
.modal.recipe-style .modal-content:after { -webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 6px; left: auto;
}
.modal.recipe-style .modal-content-inner { position: relative; background: #ffffff;
}
.modal.recipe-style .modal-header { position: relative; top: 0; right: 0; padding: 0; border: none; z-index: 1; float: right; margin-bottom: -50px;
}
.modal.recipe-style .modal-body { padding: 60px 55px 45px 60px; clear: both;
}
.modal-form-wrapper { padding: 15px; background: #ffffff; font-size: 14px;
}
.modal-form-wrapper h2 { color: #003366; font-size: 28px; margin-top: 0;
}
.modal-form-wrapper .newsletter-mtd-days-wrapper div.error { margin-top: 10px;
}
.modal-form-wrapper .styled-select { width: 100%;
}
.modal-form-wrapper .styled-select.error { margin-bottom: 20px; color: #555555;
}
.modal-form-wrapper .remember-me-wrapper label { display: inline;
}
.modal-form-wrapper .remember-me-wrapper span[data-toggle="tooltip"] { vertical-align: -10%;
}
.modal-form-wrapper .remember-me-wrapper span[data-toggle="tooltip"] svg { width: 16px; height: 16px;
}
.modal-form-wrapper .remember-me-wrapper span[data-toggle="tooltip"] svg path { fill: #00aeff;
}
.modal-form-wrapper .remember-me-wrapper span[data-toggle="tooltip"] svg path.st0 { fill: #ffffff;
}
.modal-form-wrapper select { margin-bottom: 20px;
}
.modal-form-wrapper .button { display: inline-block; border: 0; width: 100%; margin-bottom: 12px;
}
.modal-form-wrapper .button.facebook { background: #4e6bad; padding: 0;
}
.modal-form-wrapper .button.facebook .col-xs-1 { width: 12%; padding: 12px 10px; border-right: 1px solid #a7b5d6; min-height: 43px;
}
.modal-form-wrapper .button.facebook .col-xs-11 { width: 88%; padding: 12px 10px;
}
.modal-form-wrapper .button.facebook svg { width: 9px; height: 16px; vertical-align: -10%; margin-right: 0;
}
.modal-form-wrapper .button.facebook svg path { fill: #ffffff;
}
.modal-form-wrapper .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.modal-form-wrapper .divider.dotted.vertical { position: relative; display: table-cell; float: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNy4yNzI3MjcyNzI3MjcyNyUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjU0LjU0NTQ1NDU0NTQ1NDU0JSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1NC41NDU0NTQ1NDU0NTQ1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 27.27272727%, rgba(169, 169, 169, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(27.27272727%, #a9a9a9), color-stop(54.54545455%, rgba(169, 169, 169, 0.2)), color-stop(54.54545455%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 27.27272727%, rgba(169, 169, 169, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -o-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 27.27272727%, rgba(169, 169, 169, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -ms-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 27.27272727%, rgba(169, 169, 169, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: linear-gradient(to bottom, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 27.27272727%, rgba(169, 169, 169, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-position: 0 top; background-size: 22px 6px; background-repeat: repeat-y;
}
@media (min-width: 768px) { .modal-form-wrapper h2 { margin: 10px 0 25px 0; } .modal-form-wrapper input[type="text"], .modal-form-wrapper input[type="password"], .modal-form-wrapper input[type="email"] { width: 290px; } .modal-form-wrapper textarea, .modal-form-wrapper .styled-select { width: 290px; } .modal-form-wrapper .button { width: 230px; } .modal .modal-form-wrapper { padding: 0; } .modal .cancel-remove { margin-left: 20px; text-align: left; width: auto; } .modal.generic .modal-content { padding: 15px !important; } .modal.generic .modal-body { padding: 0 20px 20px 20px; }
}
@media (min-width: 992px) { .modal-lg { width: 778px; }
}
@media (min-width: 768px) { .modal-lg { width: 778px; } .modal-form-wrapper .button.facebook .col-xs-1 { border-right: 0; } .modal-form-wrapper .button.facebook .col-xs-11 { padding-left: 0; } .modal-form-wrapper .button.facebook svg { margin-right: 4px; }
}
.modal-form-wrapper.signin .col-signin { padding-bottom: 12px;
}
.modal-form-wrapper.signin .col-signin .forgot { display: block; font-size: 14px; margin-bottom: 20px;
}
.modal-form-wrapper.signin .col-join p { font-size: 14px; margin-bottom: 13px;
}
.modal-form-wrapper.signin .col-join p strong { font-size: 16px;
}
.modal-form-wrapper.signin .col-join h2 { margin-top: 10px;
}
.modal-form-wrapper.signin .col-forgot p { font-size: 14px; margin-bottom: 13px; padding-right: 20px;
}
.modal-form-wrapper.signin .col-forgot p strong { font-size: 16px;
}
.modal-form-wrapper.signin .divider.slitshadow .falloff-shadow { width: 75%;
}
.modal-form-wrapper.signin .forgot-error { color: #ed174f; display: none;
}
.modal-form-wrapper.signin .forgot-confirmation { display: none; color: #0497ac;
}
.modal-form-wrapper.signin .remember-me-wrapper label { margin-right: 5px;
}
.modal-form-wrapper.signin .remember-me-wrapper label .unchecked { margin-right: 7px;
}
.modal-form-wrapper.signin .remember-me-wrapper label .checked { margin-right: 5px;
}
@media (min-width: 768px) { .modal-form-wrapper.signin .form { position: relative; } .modal-form-wrapper.signin .divider.dotted.vertical { height: 90% !important; display: block; margin-top: 10%; position: absolute; top: 0; right: 0; } .modal-form-wrapper.signin .col-signin { padding-bottom: 0; } .modal-form-wrapper.signin .col-join { padding-left: 50px; } .modal-form-wrapper.signin .col-join h2 { margin-top: 20px; } .modal-form-wrapper.signin .loading { margin-left: 20px; vertical-align: -70%; } .no-touch .modal-form-wrapper.signin .forgot a:hover { text-decoration: underline; }
}
.modal-form-wrapper.registration h2 span,
.modal-form-wrapper.recipes-by-email-modal h2 span { color: #ec174f;
}
.modal-form-wrapper.registration p,
.modal-form-wrapper.recipes-by-email-modal p { font-size: 14px;
}
.modal-form-wrapper.registration p.header2,
.modal-form-wrapper.recipes-by-email-modal p.header2 { font-size: 20px;
}
.modal-form-wrapper.registration .sidebar-hints,
.modal-form-wrapper.recipes-by-email-modal .sidebar-hints { margin-top: 20px;
}
.modal-form-wrapper.registration .registration-header,
.modal-form-wrapper.recipes-by-email-modal .registration-header,
.modal-form-wrapper.registration .recipes-by-email-header,
.modal-form-wrapper.recipes-by-email-modal .recipes-by-email-header { margin-bottom: 10px;
}
.modal-form-wrapper.registration .registration-header .required-indication,
.modal-form-wrapper.recipes-by-email-modal .registration-header .required-indication,
.modal-form-wrapper.registration .recipes-by-email-header .required-indication,
.modal-form-wrapper.recipes-by-email-modal .recipes-by-email-header .required-indication { font-size: 14px; padding: 5px 0 8px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%;
}
.modal-form-wrapper.registration .remember-me-wrapper.checkbox-wrapper label,
.modal-form-wrapper.recipes-by-email-modal .remember-me-wrapper.checkbox-wrapper label { font-weight: normal; font-size: 14px; margin-right: 5px;
}
.modal-form-wrapper.registration .remember-me-wrapper.checkbox-wrapper span,
.modal-form-wrapper.recipes-by-email-modal .remember-me-wrapper.checkbox-wrapper span { margin-right: 15px;
}
.modal-form-wrapper.registration .remember-me-wrapper.checkbox-wrapper span.checked,
.modal-form-wrapper.recipes-by-email-modal .remember-me-wrapper.checkbox-wrapper span.checked { margin-right: 13px;
}
.modal-form-wrapper.registration .remember-me-wrapper.checkbox-wrapper span.unchecked,
.modal-form-wrapper.recipes-by-email-modal .remember-me-wrapper.checkbox-wrapper span.unchecked { margin-right: 15px;
}
.modal-form-wrapper.registration .newsletters,
.modal-form-wrapper.recipes-by-email-modal .newsletters { margin-top: 10px;
}
.modal-form-wrapper.registration .newsletters .divider.slitshadow,
.modal-form-wrapper.recipes-by-email-modal .newsletters .divider.slitshadow { margin-bottom: 20px;
}
.modal-form-wrapper.registration .newsletters .header2,
.modal-form-wrapper.recipes-by-email-modal .newsletters .header2 { font-size: 20px;
}
.modal-form-wrapper.registration .newsletters .checkbox-wrapper,
.modal-form-wrapper.recipes-by-email-modal .newsletters .checkbox-wrapper { margin: 20px 0;
}
.modal-form-wrapper.registration .newsletters .checkbox-wrapper label span.description,
.modal-form-wrapper.recipes-by-email-modal .newsletters .checkbox-wrapper label span.description { margin-left: 35px; font-weight: normal; display: block;
}
.modal-form-wrapper.registration .newsletters .checkbox-wrapper span,
.modal-form-wrapper.recipes-by-email-modal .newsletters .checkbox-wrapper span { margin-right: 15px;
}
.modal-form-wrapper.registration .newsletters .checkbox-wrapper span.checked,
.modal-form-wrapper.recipes-by-email-modal .newsletters .checkbox-wrapper span.checked { margin-right: 13px;
}
.modal-form-wrapper.registration .newsletters .checkbox-wrapper .description-link,
.modal-form-wrapper.recipes-by-email-modal .newsletters .checkbox-wrapper .description-link { margin-left: 35px; display: block; margin-top: 5px;
}
.modal-form-wrapper.registration .newsletters .newsletter-mtd-days-wrapper,
.modal-form-wrapper.recipes-by-email-modal .newsletters .newsletter-mtd-days-wrapper { display: none; margin-left: 37px; margin-bottom: 25px;
}
.modal-form-wrapper.registration .newsletters .newsletter-mtd-days-wrapper .which-days,
.modal-form-wrapper.recipes-by-email-modal .newsletters .newsletter-mtd-days-wrapper .which-days { font-size: 16px; font-weight: bold; margin-bottom: 15px;
}
.modal-form-wrapper.registration .newsletters .newsletter-mtd-days-wrapper ul,
.modal-form-wrapper.recipes-by-email-modal .newsletters .newsletter-mtd-days-wrapper ul { margin: 0;
}
.modal-form-wrapper.registration .newsletters .newsletter-mtd-days-wrapper .checkbox-wrapper,
.modal-form-wrapper.recipes-by-email-modal .newsletters .newsletter-mtd-days-wrapper .checkbox-wrapper { float: left; width: 50%; margin: 8px 0;
}
.modal-form-wrapper.registration .newsletters .newsletter-mtd-days-wrapper .checkbox-wrapper label,
.modal-form-wrapper.recipes-by-email-modal .newsletters .newsletter-mtd-days-wrapper .checkbox-wrapper label { font-size: 14px; font-weight: normal;
}
.modal-form-wrapper.registration .newsletters .newsletter-mtd-days-wrapper .checkbox-wrapper:nth-of-type(2n + 1),
.modal-form-wrapper.recipes-by-email-modal .newsletters .newsletter-mtd-days-wrapper .checkbox-wrapper:nth-of-type(2n + 1) { clear: both;
}
.modal-form-wrapper.registration .newsletters .newsletter-club-movil-wrapper,
.modal-form-wrapper.recipes-by-email-modal .newsletters .newsletter-club-movil-wrapper { margin-left: 37px;
}
.modal-form-wrapper.registration .submit-registration,
.modal-form-wrapper.recipes-by-email-modal .submit-registration,
.modal-form-wrapper.registration .submit-registration-confirmation,
.modal-form-wrapper.recipes-by-email-modal .submit-registration-confirmation,
.modal-form-wrapper.registration .submit-recipes-by-email,
.modal-form-wrapper.recipes-by-email-modal .submit-recipes-by-email,
.modal-form-wrapper.registration .submit-recipes-by-email-confirmation,
.modal-form-wrapper.recipes-by-email-modal .submit-recipes-by-email-confirmation { display: inline; margin-right: 0;
}
.modal-form-wrapper.registration .disclaimer,
.modal-form-wrapper.recipes-by-email-modal .disclaimer { color: #a9a9a9; margin-top: 10px;
}
.modal-form-wrapper.registration .divider.slitshadow .falloff-shadow,
.modal-form-wrapper.recipes-by-email-modal .divider.slitshadow .falloff-shadow { width: 75%;
}
.modal-form-wrapper.registration.confirmation .registration-header,
.modal-form-wrapper.recipes-by-email-modal.confirmation .registration-header,
.modal-form-wrapper.registration.confirmation .recipes-by-email,
.modal-form-wrapper.recipes-by-email-modal.confirmation .recipes-by-email { margin-bottom: 15px;
}
.modal-form-wrapper.registration.confirmation .recipes-by-email-header .button.primary,
.modal-form-wrapper.recipes-by-email-modal.confirmation .recipes-by-email-header .button.primary { margin-top: 20px;
}
.modal-form-wrapper.registration.confirmation .stores-header,
.modal-form-wrapper.recipes-by-email-modal.confirmation .stores-header { display: table-row;
}
.modal-form-wrapper.registration.confirmation .stores-header p,
.modal-form-wrapper.recipes-by-email-modal.confirmation .stores-header p { font-size: 16px; font-weight: bold; display: inline;
}
.modal-form-wrapper.registration.confirmation .stores-header .change-zip-wrapper,
.modal-form-wrapper.recipes-by-email-modal.confirmation .stores-header .change-zip-wrapper { display: table; padding: 10px 0;
}
.modal-form-wrapper.registration.confirmation .stores-header .change-zip-wrapper span,
.modal-form-wrapper.recipes-by-email-modal.confirmation .stores-header .change-zip-wrapper span { padding-right: 10px;
}
.modal-form-wrapper.registration.confirmation .stores-header .change-zip-wrapper .change-zip,
.modal-form-wrapper.recipes-by-email-modal.confirmation .stores-header .change-zip-wrapper .change-zip,
.modal-form-wrapper.registration.confirmation .stores-header .change-zip-wrapper .change-zip-reg,
.modal-form-wrapper.recipes-by-email-modal.confirmation .stores-header .change-zip-wrapper .change-zip-reg { font-size: 14px; padding-left: 10px;
}
.modal-form-wrapper.registration.confirmation .store-list,
.modal-form-wrapper.recipes-by-email-modal.confirmation .store-list { margin: 10px 0 0 0; max-width: 400px;
}
.modal-form-wrapper.registration.confirmation .store-list li,
.modal-form-wrapper.recipes-by-email-modal.confirmation .store-list li { margin: 20px 0; width: 100%; max-width: 250px; float: left; margin: 10px 0;
}
.modal-form-wrapper.registration.confirmation .store-list li label span.description,
.modal-form-wrapper.recipes-by-email-modal.confirmation .store-list li label span.description { margin-left: 35px; font-weight: normal; display: block;
}
.modal-form-wrapper.registration.confirmation .store-list li span,
.modal-form-wrapper.recipes-by-email-modal.confirmation .store-list li span { margin-right: 15px;
}
.modal-form-wrapper.registration.confirmation .store-list li span.checked,
.modal-form-wrapper.recipes-by-email-modal.confirmation .store-list li span.checked { margin-right: 13px;
}
.modal-form-wrapper.registration.confirmation .store-list li .description-link,
.modal-form-wrapper.recipes-by-email-modal.confirmation .store-list li .description-link { margin-left: 35px; display: block; margin-top: 5px;
}
.modal-form-wrapper.registration.confirmation .store-list li:nth-child(odd),
.modal-form-wrapper.recipes-by-email-modal.confirmation .store-list li:nth-child(odd) { clear: both;
}
.modal-form-wrapper.registration.confirmation .store-list li label span.address,
.modal-form-wrapper.recipes-by-email-modal.confirmation .store-list li label span.address { margin-left: 37px; font-weight: normal; display: block; font-size: 14px;
}
.modal-form-wrapper.registration.confirmation .store-list li span.checked,
.modal-form-wrapper.recipes-by-email-modal.confirmation .store-list li span.checked { height: 19px;
}
.modal-form-wrapper.registration.confirmation .disclaimer,
.modal-form-wrapper.recipes-by-email-modal.confirmation .disclaimer { color: #555555; margin-bottom: 30px;
}
.modal-form-wrapper.registration.confirmation .no-thanks,
.modal-form-wrapper.recipes-by-email-modal.confirmation .no-thanks { display: block; text-align: center; line-height: 30px;
}
.modal-form-wrapper.registration.confirmation .slitshadow,
.modal-form-wrapper.recipes-by-email-modal.confirmation .slitshadow { margin: 16px auto;
}
.modal-form-wrapper.registration.confirmation .slitshadow .falloff-shadow,
.modal-form-wrapper.recipes-by-email-modal.confirmation .slitshadow .falloff-shadow { width: 75%;
}
.modal-form-wrapper.registration.confirmation .you-may-also .header2,
.modal-form-wrapper.recipes-by-email-modal.confirmation .you-may-also .header2 { font-size: 17px; margin-bottom: 0;
}
.modal-form-wrapper.registration.confirmation .you-may-also p a,
.modal-form-wrapper.recipes-by-email-modal.confirmation .you-may-also p a { line-height: 175%;
}
.modal-form-wrapper.registration.confirmation .facebook-connect-wrapper,
.modal-form-wrapper.recipes-by-email-modal.confirmation .facebook-connect-wrapper { margin-top: 30px;
}
.modal-form-wrapper.registration.confirmation .facebook-connect-wrapper button,
.modal-form-wrapper.recipes-by-email-modal.confirmation .facebook-connect-wrapper button { float: left; margin-right: 25px;
}
.modal-form-wrapper.registration.confirmation .facebook-connect-wrapper p,
.modal-form-wrapper.recipes-by-email-modal.confirmation .facebook-connect-wrapper p { padding-top: 5px; max-width: 700px;
}
.modal-form-wrapper.recipes-by-email-modal .newsletters { margin-top: 0;
}
.modal-form-wrapper.recipes-by-email-modal .newsletters .checkbox-wrapper { margin: 10px 0 25px 0;
}
.rbeSimple .newsletters .newsletter-mtd-days-wrapper .checkbox-wrapper { float: left; width: 50%; margin: 8px 0;
}
.rbe-simple .newsletters .newsletter-mtd-days-wrapper .checkbox-wrapper label { font-size: 14px; font-weight: normal;
}
.rbe-simple .newsletters .newsletter-mtd-days-wrapper .checkbox-wrapper:nth-of-type(2n + 1) { clear: both;
}
@media (min-width: 768px) { .modal-form-wrapper.registration .newsletters .newsletter-mtd-days-wrapper .checkbox-wrapper, .modal-form-wrapper.recipes-by-email-modal .newsletters .newsletter-mtd-days-wrapper .checkbox-wrapper { width: 25%; } .modal-form-wrapper.registration .newsletters .newsletter-mtd-days-wrapper .checkbox-wrapper:nth-of-type(2n + 1), .modal-form-wrapper.recipes-by-email-modal .newsletters .newsletter-mtd-days-wrapper .checkbox-wrapper:nth-of-type(2n + 1) { clear: none; } .modal-form-wrapper.registration .newsletters .newsletter-mtd-days-wrapper .checkbox-wrapper:nth-of-type(4n + 1), .modal-form-wrapper.recipes-by-email-modal .newsletters .newsletter-mtd-days-wrapper .checkbox-wrapper:nth-of-type(4n + 1) { clear: both; } .modal-form-wrapper.registration .newsletters p.header2, .modal-form-wrapper.recipes-by-email-modal .newsletters p.header2 { font-size: 26px; } .modal-form-wrapper.registration .loading, .modal-form-wrapper.recipes-by-email-modal .loading { margin-left: 0px; margin-right: 30px; vertical-align: -60%; } .modal-form-wrapper.registration .cancel-remove, .modal-form-wrapper.recipes-by-email-modal .cancel-remove { margin-left: 0; } .modal-form-wrapper.registration .submit-registration, .modal-form-wrapper.recipes-by-email-modal .submit-registration, .modal-form-wrapper.registration .submit-recipes-by-email, .modal-form-wrapper.recipes-by-email-modal .submit-recipes-by-email { margin-right: 30px; } .modal-form-wrapper.registration.confirmation .registration-header h2, .modal-form-wrapper.recipes-by-email-modal.confirmation .registration-header h2, .modal-form-wrapper.registration.confirmation .recipes-by-email-header h2, .modal-form-wrapper.recipes-by-email-modal.confirmation .recipes-by-email-header h2 { margin-bottom: 15px; } .modal-form-wrapper.registration.confirmation .stores-header p, .modal-form-wrapper.recipes-by-email-modal.confirmation .stores-header p { display: block; float: left; } .modal-form-wrapper.registration.confirmation .stores-header .change-zip-wrapper, .modal-form-wrapper.recipes-by-email-modal.confirmation .stores-header .change-zip-wrapper { padding: 0; } .modal-form-wrapper.registration.confirmation .stores-header .change-zip-wrapper span, .modal-form-wrapper.recipes-by-email-modal.confirmation .stores-header .change-zip-wrapper span { padding-left: 15px; } .modal-form-wrapper.registration.confirmation .store-list li, .modal-form-wrapper.recipes-by-email-modal.confirmation .store-list li { width: 50%; } .modal-form-wrapper.registration.confirmation .submit-registration-confirmation, .modal-form-wrapper.recipes-by-email-modal.confirmation .submit-registration-confirmation { margin: 0 30px 55px 0; } .modal-form-wrapper.registration.confirmation .loading, .modal-form-wrapper.recipes-by-email-modal.confirmation .loading { margin-left: -5px; } .modal-form-wrapper.registration.confirmation .no-thanks, .modal-form-wrapper.recipes-by-email-modal.confirmation .no-thanks { display: inline; text-align: left; } .modal-form-wrapper.registration.confirmation .you-may-also .header2, .modal-form-wrapper.recipes-by-email-modal.confirmation .you-may-also .header2 { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; font-size: 23px; margin-bottom: 10px; } .modal-form-wrapper.registration.confirmation .you-may-also p a, .modal-form-wrapper.recipes-by-email-modal.confirmation .you-may-also p a { line-height: 125%; } .modal-form-wrapper.recipes-by-email { margin: 0; }
}
@-moz-document url-prefix() { .modal-form-wrapper.registration.confirmation .stores-header .change-zip-wrapper { float: left; }
}
.modal-form-wrapper.add-photo-form p { font-size: 14px;
}
.modal-form-wrapper.add-photo-form .file-upload { margin: 15px 0;
}
.modal-form-wrapper.add-photo-form .file-upload .button { overflow: hidden; position: relative; float: left; margin: 0px;
}
.modal-form-wrapper.add-photo-form .file-upload .button input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block;
}
.modal-form-wrapper.add-photo-form .file-upload .file-list { line-height: 43px; text-align: center; display: block; margin-bottom: -5px;
}
.modal-form-wrapper.add-photo-form .error { margin-bottom: 15px;
}
.modal-form-wrapper.add-photo-form .checkbox-wrapper { margin-top: 30px;
}
.modal-form-wrapper.add-photo-form .checkbox-wrapper label span.description { margin-left: 37px; font-weight: normal; display: block; margin-top: -20px; font-size: 14px; line-height: 125%;
}
.modal-form-wrapper.add-photo-form .checkbox-wrapper span { margin-right: 15px;
}
.modal-form-wrapper.add-photo-form .checkbox-wrapper span.checked { margin-right: 13px;
}
.modal-form-wrapper.add-photo-form .slitshadow { margin: -20px auto 20px;
}
.modal-form-wrapper.add-photo-form .submit-photo-success,
.modal-form-wrapper.add-photo-form .submit-photo-error { display: none; padding-top: 5px; font-size: 16px;
}
.modal-form-wrapper.add-photo-form .submit-photo-success { color: #0497ac;
}
.modal-form-wrapper.add-photo-form .submit-photo-error { color: #ec174f;
}
.modal-form-wrapper.add-photo-form .submit-photo-error span { display: block;
}
@media (min-width: 768px) { .modal-form-wrapper.add-photo-form .file-upload .button { margin: 0 20px 15px 0; } .modal-form-wrapper.add-photo-form .file-upload .file-list { margin-bottom: 0; text-align: left; display: inline; } .modal-form-wrapper.add-photo-form .submit-photo { display: inline-block; margin-right: 10px; } .modal-form-wrapper.add-photo-form .loading { margin-right: 20px; vertical-align: -70%; }
}
.modal-form-wrapper.image-gallery .gallery-col { margin: 0 -15px;
}
.modal-form-wrapper.image-gallery .jcarousel-wrapper .jcarousel { height: 226px;
}
.modal-form-wrapper.image-gallery .jcarousel-wrapper .jcarousel ul li { height: 100%;
}
.modal-form-wrapper.image-gallery .jcarousel-wrapper .jcarousel ul li span,
.modal-form-wrapper.image-gallery .jcarousel-wrapper .jcarousel ul li h2 { display: inline-block; margin: 0; height: 206px;
}
.modal-form-wrapper.image-gallery .jcarousel-wrapper .jcarousel ul li .credit { font-size: 10px; padding-left: 10px; text-align: left; margin-top: 4px;
}
.modal-form-wrapper.image-gallery .jcarousel-wrapper .jcarousel-pagination { display: none;
}
.modal-form-wrapper.image-gallery .upload-photo-link { text-decoration: none; margin: 20px 15px; display: block;
}
.modal-form-wrapper.image-gallery .upload-photo-link svg { width: 21px; height: 17px; margin-right: 5px; vertical-align: -10%;
}
.modal-form-wrapper.image-gallery .upload-photo-link svg path { fill: #00aeff;
}
.modal-form-wrapper.image-gallery .upload-photo-link span:hover { text-decoration: underline;
}
.modal-form-wrapper.image-gallery .ad-col span { font-size: 12px; display: block; margin-top: 2px;
}
.modal-form-wrapper.image-gallery .video-wrapper .video-wrapper-inner { position: relative; height: 0; padding-bottom: 56.25%;
}
.modal-form-wrapper.image-gallery .video-wrapper .video-wrapper-inner .BrightcoveExperience,
.modal-form-wrapper.image-gallery .video-wrapper .video-wrapper-inner object { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
@media (min-width: 768px) { .modal-image-gallery .modal-lg { width: 822px; } .modal-form-wrapper.image-gallery .falloff-shadow-left { width: 1px; height: 90%; top: 5%; position: absolute; left: -1px; -webkit-box-shadow: -11px 0px 19px 5px rgba(0, 0, 0, 0.8); -moz-box-shadow: -11px 0px 19px 5px rgba(0, 0, 0, 0.8); box-shadow: -11px 0px 19px 5px rgba(0, 0, 0, 0.8); z-index: 2; } .modal-form-wrapper.image-gallery .falloff-shadow-right { width: 1px; height: 90%; top: 5%; position: absolute; right: -1px; -webkit-box-shadow: 11px 0px 19px 5px rgba(0, 0, 0, 0.8); -moz-box-shadow: 11px 0px 19px 5px rgba(0, 0, 0, 0.8); box-shadow: 11px 0px 19px 5px rgba(0, 0, 0, 0.8); z-index: 2; } .modal-form-wrapper.image-gallery .jcarousel-wrapper { padding-top: 10px; } .modal-form-wrapper.image-gallery .jcarousel-wrapper .jcarousel { height: 273px; } .modal-form-wrapper.image-gallery .jcarousel-wrapper .jcarousel ul li span, .modal-form-wrapper.image-gallery .jcarousel-wrapper .jcarousel ul li h2 { height: auto; } .modal-form-wrapper.image-gallery .jcarousel-wrapper .jcarousel ul li img { max-height: 250px; } .modal-form-wrapper.image-gallery .jcarousel-wrapper .jcarousel ul li .credit { font-size: 10px; padding-left: 2px; } .modal-form-wrapper.image-gallery .gallery-col { width: 390px; float: left; margin-left: 27px; margin-right: 35px; } .modal-form-wrapper.image-gallery .gallery-wrapper { position: relative; } .modal-form-wrapper.image-gallery .gallery-wrapper .jcarousel-control-next { display: block; height: 45px; width: 22.5px; -webkit-border-radius: 45px 0 0 45px; -moz-border-radius: 45px 0 0 45px; border-radius: 0 45px 45px 0; background: #ed174f; margin-top: -22px; right: -22px; } .modal-form-wrapper.image-gallery .gallery-wrapper .jcarousel-control-next svg { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); margin: 16px 0 0 -1px; width: 9px; height: 13px; } .modal-form-wrapper.image-gallery .gallery-wrapper .jcarousel-control-next svg path { fill: #ffffff; } .modal-form-wrapper.image-gallery .gallery-wrapper .jcarousel-control-prev { display: block; height: 45px; width: 22.5px; -webkit-border-radius: 45px 0 0 45px; -moz-border-radius: 45px 0 0 45px; border-radius: 45px 0 0 45px; background: #ed174f; margin-top: -24px; left: -22px; } .modal-form-wrapper.image-gallery .gallery-wrapper .jcarousel-control-prev svg { margin: 16px -1px 0 0px; width: 9px; height: 13px; } .modal-form-wrapper.image-gallery .gallery-wrapper .jcarousel-control-prev svg path { fill: #ffffff; } .modal-form-wrapper.image-gallery .jcarousel-pagination { display: none; } .modal-form-wrapper.image-gallery .upload-photo-link { margin: 20px 10px 10px 0; } .modal-form-wrapper.image-gallery .ad-col { width: 300px; float: left; padding-top: 10px; }
}
@media (min-width: 768px) { .modal-recipe-card h1 { margin: 0; } .modal-recipe-card svg.default-image { height: initial; } .modal-recipe-card .rating { margin-bottom: 11px; } .modal-recipe-card .rating .hearts { display: inline-block; margin-top: 5px; } .modal-recipe-card .rating .hearts div svg { width: 18px; height: 20px; } .modal-recipe-card .rating span { font-size: 13px; vertical-align: 6px; } .modal-recipe-card .recipe-overview { padding: 0; width: 580px; } .modal-recipe-card .recipe-overview .details-row { margin: 14px 0 9px; } .modal-recipe-card .recipe-overview .details-row .prep-time, .modal-recipe-card .recipe-overview .details-row .total-time { width: 19%; } .modal-recipe-card .recipe-overview .details-row .total-time { width: 21%; } .modal-recipe-card .recipe-overview .details-row .serves { width: 60%; } .modal-recipe-card .recipe-overview .details-row .serves p { width: 60%; } .modal-recipe-card .recipe-overview .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(21.42857143%, #cccccc), color-stop(42.85714286%, rgba(204, 204, 204, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; } .modal-recipe-card .recipe-overview .divider.dotted.vertical { position: relative; width: 2px; display: table-cell; float: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNjY2NjY2MiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 25%, rgba(204, 204, 204, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(25%, #cccccc), color-stop(50%, rgba(204, 204, 204, 0.2)), color-stop(50%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 25%, rgba(204, 204, 204, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 25%, rgba(204, 204, 204, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -ms-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 25%, rgba(204, 204, 204, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to bottom, rgba(204, 204, 204, 0.2) 0%, #cccccc 25%, rgba(204, 204, 204, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0 top; background-size: 12px 6px; background-repeat: repeat-y; } .modal-recipe-card .right-content { width: 230px; margin-left: 20px; } .modal-recipe-card .recipe-card-img { text-align: right; position: relative; z-index: 0; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); } .modal-recipe-card .recipe-card-img:before, .modal-recipe-card .recipe-card-img:after { z-index: -1; position: absolute; content: ""; bottom: 12px; left: 2px; width: 40%; top: 80%; max-width: 200px; background: rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 15px 14px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 15px 14px rgba(0, 0, 0, 0.3); box-shadow: 0 15px 14px rgba(0, 0, 0, 0.3); -moz-transform: rotate(-9deg); -webkit-transform: rotate(-9deg); -o-transform: rotate(-9deg); -ms-transform: rotate(-9deg); transform: rotate(-9deg); } .modal-recipe-card .recipe-card-img:after { -moz-transform: rotate(9deg); -webkit-transform: rotate(9deg); -o-transform: rotate(9deg); -ms-transform: rotate(9deg); transform: rotate(9deg); right: 2px; left: auto; } .modal-recipe-card .recipe-card-img img { width: 230px; } .modal-recipe-card .button { width: 230px; margin-top: 17px; } .modal-recipe-card .what-you-need { padding: 0; margin-bottom: 0; width: 360px; } .modal-recipe-card .what-you-need h2 { margin: 0; } .modal-recipe-card .what-you-need .button, .modal-recipe-card .what-you-need .unchecked, .modal-recipe-card .what-you-need .checked { display: none; } .modal-recipe-card .what-you-need ul { margin: 0; } .modal-recipe-card .what-you-need ul li { padding-bottom: 3px; margin-bottom: 5px; font-size: 14px; } .modal-recipe-card .what-you-need ul li:last-child { border: 0; } .modal-recipe-card .what-you-need .deals-headline { margin-bottom: 8px; } .modal-recipe-card .what-you-need .deals-headline .deals-text { display: block; float: none !important; width: 100%; } .modal-recipe-card .what-you-need .deals-headline .utility { width: 100%; margin-bottom: 5px; text-align: left; } .modal-recipe-card .what-you-need .deals-headline .utility a, .modal-recipe-card .what-you-need .deals-headline .utility span { vertical-align: 9px; } .modal-recipe-card .what-you-need .deals-headline .utility .divider.dotted.vertical { height: 22px; margin: 0 10px 0 5px; } .modal-recipe-card .what-you-need .checkbox-wrapper label .checkbox-label { margin-left: 0; width: 100%; } .modal-recipe-card .what-you-need .checkbox-wrapper label .checkbox-label.deal-present { width: 98%; } .modal-recipe-card .what-you-need .divider.visible-modal { display: block !important; margin: 8px 0 30px; } .modal-recipe-card .what-you-need .hidden-modal { display: none; } .modal-recipe-card .what-you-need .deal-content { font-size: 13px; margin-top: 1px; } .modal-recipe-card .make-it { padding: 0; width: 360px; float: right; } .modal-recipe-card .make-it ul li { font-size: 14px; } .modal-recipe-card .make-it ul li div { width: 100%; } .modal-recipe-card .make-it .button { display: none; } .modal-recipe-card .make-it .divider { margin-bottom: 30px; } .modal-recipe-card .trademark-info { clear: both; width: 360px; float: right; font-size: 10px; color: #a9a9a9; } .modal-recipe-card .container-sm-height { padding-top: 50px; } .modal-recipe-card .container-sm-height .divider.dotted.vertical { position: relative; left: 3px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNy4yNzI3MjcyNzI3MjcyNyUiIHN0b3AtY29sb3I9IiNjY2NjY2MiLz48c3RvcCBvZmZzZXQ9IjU0LjU0NTQ1NDU0NTQ1NDU0JSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1NC41NDU0NTQ1NDU0NTQ1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(27.27272727%, #cccccc), color-stop(54.54545455%, rgba(204, 204, 204, 0.2)), color-stop(54.54545455%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -o-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -ms-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: linear-gradient(to bottom, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-position: 0 top; background-size: 22px 6px; background-repeat: repeat-y; } .modal-recipe-card .col-sm-height { vertical-align: top; }
}
.modal-form-wrapper.add-my-recipe input[type="text"],
.modal-form-wrapper.add-my-recipe textarea { margin-bottom: 30px;
}
.modal-form-wrapper.add-my-recipe .ingredient-items .popover .popover-content { padding: 10px 15px;
}
.modal-form-wrapper.add-my-recipe .ingredient-items .popover .popover-content a { padding: 2px 0; display: block; margin: 0;
}
.modal-form-wrapper.add-my-recipe .ingredient-items .popover .popover-content .divider { display: none !important;
}
.modal-form-wrapper.add-my-recipe textarea { height: 95px;
}
.modal-form-wrapper.add-my-recipe p { font-size: 14px;
}
.modal-form-wrapper.add-my-recipe label { font-size: 14px;
}
.modal-form-wrapper.add-my-recipe .error-grouping > div.error ~ div.error { display: none !important;
}
.modal-form-wrapper.add-my-recipe .popover.bottom > .arrow { left: 20%;
}
.modal-form-wrapper.add-my-recipe .required-indication { font-weight: 700;
}
.modal-form-wrapper.add-my-recipe .popover { left: 0 !important;
}
.modal-form-wrapper.add-my-recipe .public-recipes { margin-bottom: 30px;
}
.modal-form-wrapper.add-my-recipe .makes-example,
.modal-form-wrapper.add-my-recipe .serves-example { margin-top: -15px; margin-bottom: 20px;
}
.modal-form-wrapper.add-my-recipe .prep-time,
.modal-form-wrapper.add-my-recipe .total-time { margin-top: -20px; margin-bottom: 20px; width: 100%; text-align: left;
}
.modal-form-wrapper.add-my-recipe .quantity-ingredients { margin-bottom: 17px;
}
.modal-form-wrapper.add-my-recipe .add-my-recipe-header { margin-bottom: 14px;
}
.modal-form-wrapper.add-my-recipe .add-my-recipe-header h2 { margin: 10px 0 5px 0;
}
.modal-form-wrapper.add-my-recipe .radio { margin-bottom: 20px;
}
.modal-form-wrapper.add-my-recipe .radio label { display: inline-block;
}
.modal-form-wrapper.add-my-recipe .radio input { margin-top: 1px;
}
.modal-form-wrapper.add-my-recipe .radio .radio-main-label { font-weight: bold; padding-left: 0; margin-bottom: 5px;
}
.modal-form-wrapper.add-my-recipe .radio .radio-wrapper label { font-size: 14px;
}
.modal-form-wrapper.add-my-recipe .styled-select { margin-bottom: 30px;
}
.modal-form-wrapper.add-my-recipe .styled-select select { padding: 0 10px 0 6px; height: 28px;
}
.modal-form-wrapper.add-my-recipe .styled-select .arrow { padding-top: 0; padding-left: 1px;
}
.modal-form-wrapper.add-my-recipe .ingredient-items { margin-bottom: 10px;
}
.modal-form-wrapper.add-my-recipe .ingredient-items .ingredient-item { margin-bottom: 30px;
}
.modal-form-wrapper.add-my-recipe .ingredient-items .ingredient-quantity { width: 70px; margin-bottom: 10px; display: inline-block; text-align: center;
}
.modal-form-wrapper.add-my-recipe .ingredient-items .styled-select { width: 36%; display: inline-block; position: absolute; left: 90px;
}
.modal-form-wrapper.add-my-recipe .ingredient-items a { display: block;
}
.modal-form-wrapper.add-my-recipe .ingredient-items a svg { -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); height: 16px; vertical-align: top; margin-right: 2px;
}
.modal-form-wrapper.add-my-recipe .ingredient-items a svg path { fill: #00aeff;
}
.modal-form-wrapper.add-my-recipe .ingredient-items a .mobile-plus svg { -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);
}
.modal-form-wrapper.add-my-recipe div.error { margin-top: 2px; margin-bottom: 20px;
}
.modal-form-wrapper.add-my-recipe .checkbox-wrapper { margin-bottom: 8px;
}
.modal-form-wrapper.add-my-recipe .checkbox-wrapper label { margin-right: 0; font-size: 14px;
}
.modal-form-wrapper.add-my-recipe .remember-me-wrapper { width: 90%;
}
.modal-form-wrapper.add-my-recipe .total-time-container .styled-select { width: 28%; display: inline-block;
}
.modal-form-wrapper.add-my-recipe .total-time-container .total-time-label { display: inline-block; top: -43px; position: relative; margin-left: 6px; margin-right: 12px;
}
.modal-form-wrapper.add-my-recipe .button-container { margin-top: 0;
}
.modal-form-wrapper.add-my-recipe .button-container button { display: inline-block;
}
.modal-form-wrapper.add-my-recipe .button-container .button-label { text-align: center; width: 100%; display: inline-block;
}
.modal-form-wrapper.add-my-recipe .button-container .browse-recipe-photos { margin-top: 20px;
}
.modal-form-wrapper.add-my-recipe .button-container .submit-my-recipe { margin-right: 10px;
}
.modal-form-wrapper.add-my-recipe .disclaimer { color: #a9a9a9; margin-top: 14px; padding-bottom: 5px;
}
.modal-form-wrapper.add-my-recipe .divider.slitshadow { margin-top: 25px;
}
.modal-form-wrapper.add-my-recipe .add-photo-mobile { font-weight: 900; display: block;
}
.modal-form-wrapper.add-my-recipe .file-upload { margin: 27px 0 15px 0;
}
.modal-form-wrapper.add-my-recipe .file-upload .button { overflow: hidden; position: relative; float: left; margin: 0px;
}
.modal-form-wrapper.add-my-recipe .file-upload .button input[type=file] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; display: block;
}
.modal-form-wrapper.add-my-recipe .file-upload .file-list { line-height: 43px; display: inline-block; margin-top: 5px; margin-bottom: -5px; width: 100%; text-align: center;
}
.modal-form-wrapper.add-my-recipe .thank-you-public,
.modal-form-wrapper.add-my-recipe .thank-you-private,
.modal-form-wrapper.add-my-recipe .form-error-message { display: none; padding-bottom: 5px; font-size: 16px;
}
.modal-form-wrapper.add-my-recipe .thank-you-public,
.modal-form-wrapper.add-my-recipe .thank-you-private { color: #0497ac;
}
.modal-form-wrapper.add-my-recipe .form-error-message { color: #ec174f;
}
@media (min-width: 768px) { .modal-form-wrapper.add-my-recipe input[type="text"], .modal-form-wrapper.add-my-recipe textarea { margin-bottom: 20px; } .modal-form-wrapper.add-my-recipe textarea { height: 130px; } .modal-form-wrapper.add-my-recipe label { font-size: 16px; } .modal-form-wrapper.add-my-recipe .add-my-recipe-header { margin-bottom: 0; } .modal-form-wrapper.add-my-recipe .add-my-recipe-header h2 { margin-bottom: 25px; } .modal-form-wrapper.add-my-recipe .required-indication { font-weight: 500; } .modal-form-wrapper.add-my-recipe .ingredient-items { margin-bottom: 20px; } .modal-form-wrapper.add-my-recipe .styled-select { margin-bottom: 18px; } .modal-form-wrapper.add-my-recipe .styled-select .arrow { padding-top: 0; padding-left: 5px; width: 30px; } .modal-form-wrapper.add-my-recipe .radio { margin-bottom: 10px; } .modal-form-wrapper.add-my-recipe .radio input { margin-top: 2px; } .modal-form-wrapper.add-my-recipe .radio .radio-main-label { margin-bottom: 3px; } .modal-form-wrapper.add-my-recipe .add-my-recipe-header { margin-bottom: 2px; } .modal-form-wrapper.add-my-recipe .ingredient-items a { margin-top: -10px; } .modal-form-wrapper.add-my-recipe .ingredient-items .ingredient-item { margin-bottom: 20px; } .modal-form-wrapper.add-my-recipe .ingredient-items .ingredient-quantity { width: 45px; } .modal-form-wrapper.add-my-recipe .ingredient-items .styled-select { left: 60px; width: 30%; } .modal-form-wrapper.add-my-recipe .sidebar-hints { position: absolute; width: 100%; left: 330px; color: #a9a9a9; } .modal-form-wrapper.add-my-recipe .public-recipes { top: 97px; margin-bottom: 0; } .modal-form-wrapper.add-my-recipe .makes-example { top: 307px; margin-bottom: 0; } .modal-form-wrapper.add-my-recipe .serves-example { top: 375px; margin-bottom: 0; } .modal-form-wrapper.add-my-recipe .prep-time { top: 450px; margin-bottom: 0; } .modal-form-wrapper.add-my-recipe .total-time { top: 510px; margin-bottom: 0; } .modal-form-wrapper.add-my-recipe .quantity-ingredients { top: 683px; margin-bottom: 0; } .modal-form-wrapper.add-my-recipe .checkbox-wrapper { margin-bottom: 5px; } .modal-form-wrapper.add-my-recipe .add-photo-mobile { font-weight: 400; display: inline; } .modal-form-wrapper.add-my-recipe div.error { margin-bottom: 10px; } .modal-form-wrapper.add-my-recipe .button-container { margin-top: 15px; } .modal-form-wrapper.add-my-recipe .button-container p:first-of-type { margin-bottom: 3px; } .modal-form-wrapper.add-my-recipe .button-container .button-label { display: inline; } .modal-form-wrapper.add-my-recipe .button-container .submit-my-recipe { margin-top: 20px; } .modal-form-wrapper.add-my-recipe .button-container .error { margin-top: 0; } .modal-form-wrapper.add-my-recipe .button-container .loading { position: relative; top: 14px; margin-right: 20px; } .modal-form-wrapper.add-my-recipe .remember-me-wrapper { width: 100%; } .modal-form-wrapper.add-my-recipe .disclaimer { padding-bottom: 0; } .modal-form-wrapper.add-my-recipe .total-time-container .styled-select { width: 22%; margin-bottom: 12px; } .modal-form-wrapper.add-my-recipe .total-time-container .total-time-label { top: -22px; } .modal-form-wrapper.add-my-recipe .file-upload .file-list { width: 40%; text-align: left; margin-left: 30px; margin-top: 0; } .modal-form-wrapper.add-my-recipe .thank-you-public, .modal-form-wrapper.add-my-recipe .thank-you-private, .modal-form-wrapper.add-my-recipe .form-error-message { padding-top: 5px; }
}
.modal-form-wrapper.ingredient h2 { margin-top: 0;
}
.modal-form-wrapper.ingredient .ingredient-attr.qty-wrapper { float: left; width: 50%;
}
.modal-form-wrapper.ingredient .ingredient-attr.qty-wrapper input { width: 90%;
}
.modal-form-wrapper.ingredient .ingredient-attr.unit-wrapper { float: left; width: 50%;
}
.modal-form-wrapper.ingredient .ingredient-attr.unit-wrapper:after { clear: both;
}
.modal-form-wrapper.ingredient .ingredient-attr .header,
.modal-form-wrapper.ingredient .ingredient-attr label { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%; font-size: 14px; margin-bottom: 3px;
}
.modal-form-wrapper.ingredient .ingredient-attr .info { font-size: 16px; line-height: 120%; margin-bottom: 20px;
}
.modal-form-wrapper.ingredient textarea { width: 100%;
}
@media (min-width: 768px) { .modal-edit-ingredient .modal-lg { width: 660px; } .modal-form-wrapper.ingredient .ingredient-attr { float: left; width: 20%; } .modal-form-wrapper.ingredient .ingredient-attr.qty-wrapper { width: 29%; } .modal-form-wrapper.ingredient .ingredient-attr.qty-wrapper input { width: 130px; font-size: 13px; } .modal-form-wrapper.ingredient .ingredient-attr.unit-wrapper { width: 29%; } .modal-form-wrapper.ingredient .ingredient-attr.unit-wrapper .styled-select { width: 130px; } .modal-form-wrapper.ingredient .ingredient-attr.unit-wrapper .styled-select select { font-size: 13px; } .modal-form-wrapper.ingredient .ingredient-attr .header { margin-bottom: 5px; padding-right: 15px; } .modal-form-wrapper.ingredient .ingredient-attr .info { font-size: 13px; padding-right: 15px; margin-bottom: 0; } .modal-form-wrapper.ingredient .button { width: 195px; min-width: 195px; } .modal-form-wrapper.ingredient .button.primary { margin-right: 10px; margin-bottom: 12px; } .modal-form-wrapper.ingredient textarea { margin-bottom: 25px; height: 60px; }
}
.modal-form-wrapper.change-zip-code h2 { margin-top: 0;
}
@media (min-width: 768px) { .modal-change-zip .modal-lg { width: 660px; } .modal-form-wrapper.change-zip-code input[type="text"] { width: 195px; } .modal-form-wrapper.change-zip-code .button { width: 195px; min-width: 195px; } .modal-form-wrapper.change-zip-code .button.primary { margin-right: 10px; }
}
.modal-form-wrapper.add-shopping-list h2 { margin-top: 0;
}
.modal-form-wrapper.add-shopping-list .button.primary { margin-bottom: 10px;
}
.modal-form-wrapper.add-shopping-list .required { margin-bottom: 15px; font-weight: 700;
}
@media (min-width: 768px) { .modal-add-shopping-list .modal-lg { width: 660px; } .modal-form-wrapper.add-shopping-list h2 { margin-bottom: 15px; } .modal-form-wrapper.add-shopping-list .button { width: 195px; min-width: 195px; } .modal-form-wrapper.add-shopping-list .button.primary { margin-right: 10px; margin-bottom: 12px; } .modal-form-wrapper.add-shopping-list .required { margin-bottom: 0; font-weight: 400; }
}
.modal-form-wrapper.email-shopping-list .loading { margin: 0 auto; display: block;
}
.modal-form-wrapper.email-shopping-list .required { margin-bottom: 10px;
}
.modal-form-wrapper.email-shopping-list .gserror { margin-top: 5px; text-align: center;
}
.modal-form-wrapper.email-shopping-list.confirmation .done-email-shopping-list { margin-top: 10px;
}
@media (min-width: 768px) { .modal-form-wrapper.email-shopping-list h2 { margin-bottom: 15px; } .modal-form-wrapper.email-shopping-list .loading { display: inline-block; margin: 0 0 -15px 15px; } .modal-form-wrapper.email-shopping-list .gserror { margin: 0; text-align: left; } .modal-form-wrapper.email-shopping-list.confirmation .done-email-shopping-list { margin-top: 15px; } .modal-form-wrapper.email-shopping-list.confirmation p { font-size: 14px; }
}
.modal-form-wrapper.add-to-shopping-list h2 { margin-top: 0;
}
.modal-form-wrapper.add-to-shopping-list .button.primary { margin-bottom: 10px;
}
@media (min-width: 768px) { .modal-add-to-shopping-list .modal-lg { width: 660px; } .modal-form-wrapper.add-to-shopping-list .button { width: 195px; min-width: 195px; } .modal-form-wrapper.add-to-shopping-list .button.primary { margin-right: 10px; margin-bottom: 12px; }
}
.modal-form-wrapper.buy-product-online h2 { margin-bottom: 10px;
}
.modal-form-wrapper.buy-product-online p { font-size: 14px;
}
.modal-form-wrapper.buy-product-online .disclaimer { color: #cccccc;
}
.modal-form-wrapper.buy-product-online ul { margin: auto 0px;
}
.modal-form-wrapper.buy-product-online li { list-style: none; margin: 25px 3px; display: inline-block;
}
@media (min-width: 768px) { .modal-form-wrapper.buy-product-online .disclaimer { width: 90%; } .modal-form-wrapper.buy-product-online li { margin: 25px 20px 33px; } .modal-form-wrapper.buy-product-online li:first-child { margin-left: 10px; } .modal-form-wrapper.buy-product-online li:last-child { margin-right: 10px; }
}
.modal-form-wrapper.product-quickview h2 { margin-bottom: 10px; margin-right: 54px;
}
.modal-form-wrapper.product-quickview p { font-size: 14px;
}
.modal-form-wrapper.product-quickview .disclaimer { color: #cccccc;
}
.modal-form-wrapper.product-quickview ul { margin: auto 0px;
}
.modal-form-wrapper.product-quickview li { list-style: none; margin: 25px 3px; display: inline-block; text-align: center; width: 135px; vertical-align: top;
}
.modal-form-wrapper.product-quickview li a { display: block; margin: 2px 0;
}
.modal-form-wrapper.product-quickview li a:first-child { height: 100px; overflow: hidden; position: relative;
}
.modal-form-wrapper.product-quickview li a:first-child img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; min-height: 100% !important; min-height: inherit !important;
}
.modal-form-wrapper.product-quickview .quickview-item { display: inline-block; width: 24%; text-align: center;
}
.modal-form-wrapper.product-quickview .quickview-item img { width: 100%;
}
@media (min-width: 768px) { .modal-form-wrapper.product-quickview .disclaimer { width: 90%; } .modal-form-wrapper.product-quickview li { margin: 10px 19px 20px; } .modal-form-wrapper.product-quickview li:first-child { margin-left: 10px; } .modal-form-wrapper.product-quickview li:lnth-child(4n+4) { margin-right: 10px; } .modal-form-wrapper.product-quickview li:nth-child(5n+5) { margin-left: 10px; }
}
.promo-banner { margin-bottom: 8px;
}
.promo-banner a { display: block;
}
.recipeDetails h1 { padding: 0 15px; margin: 10px 0;
}
.recipeDetails h1 .video-icon { vertical-align: -15%;
}
.recipeDetails h2 { font-size: 21px;
}
.recipeDetails .scallop.bottom:last-of-type .border { background-color: #f5f8f9;
}
.recipeDetails .recipe-tags ul { margin-bottom: 25px;
}
.recipeDetails .return-to-brand { color: #00aeff; cursor: pointer; font-size: 14px;
}
.recipeDetails .return-to-brand .circle-container svg { margin-left: -2px;
}
.recipeDetails .recipe-id-container { position: absolute; bottom: 3px; right: 0;
}
.recipeDetails .recipe-id { font-size: 12px; text-align: right; padding: 10px 15px; margin: 0;
}
.recipeDetails .nav-tabs { margin: 10px 0; height: 55px;
}
.recipeDetails .nav-tabs .tab-border.before { margin-left: 15px;
}
.recipeDetails .nav-tabs li { height: 55px;
}
.recipeDetails .nav-tabs li a { display: table; overflow: hidden;
}
.recipeDetails .nav-tabs li a h2.header2-tab { display: table-cell; vertical-align: middle; font-size: 16px; text-align: center; height: 50px; line-height: 120%; padding-bottom: 3px;
}
.recipeDetails .nav-tabs > li:not(.tab-border) { width: 45%;
}
.recipeDetails .trademark-info { margin: -10px 0 30px 0; padding: 0 15px; font-size: 10px; color: #a9a9a9;
}
.recipeDetails .rbe-wrapper + .col-xs-12 { margin-bottom: 20px;
}
.recipeDetails .deal-content { padding: 0 10px;
}
.recipeDetails .row { position: relative;
}
.recipeDetails .row.recipe-id-container { position: relative; width: 100%;
}
.recipeDetails aside.right-rail .recipes-by-email { padding-bottom: 20px;
}
.floating-container { position: fixed; bottom: 46px; z-index: 99; left: 0; top: auto;
}
@media (min-width: 768px) { .recipeDetails .row { clear: both; } .recipeDetails .recipe-tags ul { margin-bottom: 0; } .recipeDetails .return-to-brand { padding-left: 55px; float: left; margin-top: 33px; } .recipeDetails .main-left-col { padding-bottom: 30px; } .recipeDetails h1 { padding: 0 30px 0 55px; margin: 15px 0 25px; } .recipeDetails h2 { font-size: 30px; } .recipeDetails .scallop.top { margin: 35px 0 15px; } .recipeDetails .scallop .border { width: 542px; } .recipeDetails .scallop.bottom:last-of-type .border { background-color: #ffffff; } .recipeDetails .recipe-id-container { position: relative; } .recipeDetails .recipe-id { padding: 0 15px; } .recipeDetails .nav-tabs { margin: 0 30px 0 55px; } .recipeDetails .nav-tabs > li:not(.tab-border) { width: auto; } .recipeDetails .trademark-info { padding: 0 30px 0 55px; } .right-rail-wrapper { width: 960px; position: absolute; top: 0; left: 50%; margin-left: -480px !important; } .right-rail-wrapper .right-rail { position: absolute; top: 0; right: 10px; padding: 20px 10px; } .recipe-overview { margin-top: 0; } .floating-container { position: absolute; top: 21px; left: 0; } .recipe-id { position: absolute; bottom: 10px; right: 358px; }
}
@media (min-width: 768px) and (max-width: 975px) { .right-rail-wrapper { width: 960px; position: absolute; top: 0; left: 0 !important; margin-left: 0 !important; }
}
.recipe-imagery { overflow: hidden; }
.recipe-imagery h2 { margin: 0; height: 100%;
}
.recipe-imagery .imagery-actions { float: right;
}
.recipe-imagery .view-all-images,
.recipe-imagery .add-photo { font-size: 13px; padding: 10px 15px; display: block;
}
.recipe-imagery .view-all-images svg,
.recipe-imagery .add-photo svg { width: 21px; height: 16px; margin-right: 5px; vertical-align: sub; display: block;
}
.recipe-imagery .view-all-images svg path,
.recipe-imagery .add-photo svg path { fill: #00aeff;
}
.recipe-imagery .view-all-images span,
.recipe-imagery .add-photo span { display: block; padding-left: 25px; margin-top: -16px;
}
.recipe-imagery.add-photo svg { width: 20px; height: 16px;
}
.recipe-imagery .jcarousel-pagination { margin: 12px 15px; position: relative; bottom: auto; left: auto; float: left; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);
}
.recipe-imagery .jcarousel { height: 208px;
}
.recipe-imagery .jcarousel.single.mobile ul { width: 100% !important; padding: 0 5px !important;
}
.recipe-imagery .jcarousel.single.mobile li { width: 100% !important; margin: 0 !important;
}
.recipe-imagery .jcarousel ul li.video-still .video-wrapper { display: block;
}
.recipe-imagery .jcarousel ul li.video-still h2 { display: block;
}
.recipe-imagery .video-wrapper { position: relative;
}
.recipe-imagery .video-wrapper .video-wrapper-inner { position: relative; height: 0; padding-bottom: 56.25%;
}
.recipe-imagery .video-wrapper .video-wrapper-inner .BrightcoveExperience,
.recipe-imagery .video-wrapper .video-wrapper-inner object { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.recipe-imagery .recipe-video .video-additional-images ul { margin: 0;
}
.recipe-imagery .recipe-video .video-additional-images ul li { display: none;
}
.recipe-imagery .recipe-video .video-additional-images ul li.imagery-actions { display: block; width: 100%;
}
.recipe-imagery .recipe-video .video-additional-images ul li.imagery-actions .view-all-images { float: left;
}
.recipe-imagery .recipe-video .video-additional-images ul li.imagery-actions .add-photo { float: right;
}
.positionFixed{position: fixed !important;width:100%;
-webkit-transform: translate3d(0,0,0);top:0;left:0;right:0;z-index:200;} .AdPositionFixed{position: relative;width:100%;
-webkit-transform: translate3d(0,0,0);top:91px;left:0;right:0;z-index:100;background-color: #ffffff;
-webkit-transform: translate3d(0,0,0);top:216px;left:0;right:0;z-index:100;}
@media only screen and (min-device-width: 320px){
.mobileHoverBannerWrapper{ z-index:450; position:fixed; width:100%; bottom:0px; margin-left:-160px;
}
}
.nav-up-66 { top:-66px;
}
.nav-up-90 { top:-90px;
}
.nav-up-250 { top:-250px;
}
.nav-largead-up{	top: -418px;
}
header{
top:0px;
}
.nav-down {
}
@media (min-width: 768px) {
.recall-down{
padding-top:220px;
}
}
a.kraft-red, footer ul li a.kraft-red:hover
{ color: #ed174f;}
@media (max-width: 768px){
#div-gpt-mob-square-fixed-1{
text-align: center;
clear: both; // Add this to align the Ad as expected in Mobile view
}
.recipeDetails .row{ clear: both;
}
}
span.segment-title {
font-family: 'Roboto Slab', serif !important;
font-weight: 400;
color: #ffffff;
line-height: 125%;
font-size: 16px !important;
} .container-fluid.footer-secondary-nav ul.mnalinks-alignment li { float: left; margin: 0px !important; border-left: 1px solid #fff; padding: 0px 7px;
} .container-fluid.footer-secondary-nav ul.mnalinks-alignment li:nth-child(1),.container-fluid.footer-secondary-nav ul.mnalinks-alignment li:nth-child(2){ border-left:0px; }
.container-fluid.footer-secondary-nav ul.mnalinks-alignment { margin-left: 20px !important;
}
@media (max-device-width: 767px) {
.container-fluid.footer-secondary-nav ul.mnalinks-alignment
{ margin-left: 0px !important; }
.container-fluid.footer-secondary-nav ul.mnalinks-alignment li
{ float: none !important; margin: 0px 0px 8px 0px !important; border-left: 0px solid #fff; padding: 0px 7px; }
}
.header-label { margin-left: 0; width: 100%; font-weight:bold; }
@media (max-device-width: 767px){
.top-pins ul {
margin: 0px !important;
}
}
@media screen and (min-device-width: 322px) and (max-device-width: 767px) {
.top-pins .card.pin {
width: 44%;
margin: 10px !important;
}
}
@media screen and (max-device-width: 365px) and (min-device-width: 322px){ .top-pins .card.pin { width: 43%;}}
@media (max-device-width: 321px) {
.top-pins .card.pin {
width: 42%;
margin: 10px !important;
}
}
@media (max-device-width: 767px){
.homepage-one-column .fullwidth-slider .jcarousel-wrapper.double-peek  .single ul li {
background-color:#ffffff;
width:100% !important;
height:260px;
}
.homepage-one-column .fullwidth-slider{
background: #ffffff !important;
}
}
@media (min-width: 768px){
.homepage-one-column .fullwidth-slider {
background: #ffffff !important;
margin-top: 0;
margin-bottom: 10px !important;
}
}
.card-top img.nxt-spotlight {
width: 70% !important;
top: -10px !important;
opacity: 1 !important;
left: -10px !important;
}
.rate-review dl dd
{ margin-left: 0 !important; float: left !important; }
@media (min-width: 768px) { .recipe-imagery { padding: 0 30px 0 55px; position: relative; height: auto; overflow-x: auto; } .recipe-imagery.no-alternates { } .recipe-imagery.no-alternates .video-additional-images { position: absolute; bottom: -30px; right: 0; z-index: 1; } .recipe-imagery h2 { height: auto; } .recipe-imagery .video-wrapper { top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel { height: auto; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul { width: auto !important; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li { display: none; height: auto; margin-left: 0; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li:only-child { cursor: default !important; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li:only-child img { cursor: default !important; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li img { cursor: pointer; -webkit-box-shadow: none; box-shadow: none; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li:nth-child(2), .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li:nth-child(3) { display: block; margin-right: 10px; width: 111px; height: 74px; overflow: hidden; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li:nth-child(2) h2, .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li:nth-child(3) h2 { height: 100%; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li:nth-child(2) img, .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li:nth-child(3) img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; min-height: 100% !important; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li.initial { margin: 0 0 10px 0 !important; display: block; float: none; width: 100%; height: 322px; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li.initial h2 { height: 100%; overflow: hidden; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li.initial img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; min-height: 100% !important; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li.video-still .video-wrapper { display: none; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li.video-still h2 { display: block; } .recipe-imagery .imagery-actions { position: absolute; bottom: 13px; right: 0; max-width: 256px; float: none; height: 32px; } .recipe-imagery .imagery-actions a { text-decoration: none; float: left; padding: 0; } .recipe-imagery .imagery-actions a.view-all-images { width: 115px; margin-right: 20px; } .recipe-imagery .imagery-actions a.add-photo { max-width: 100px; float: right; } .recipe-imagery .imagery-actions.relative { position: relative; bottom: auto; float: right; max-width: none; height: 20px; margin-top: 5px; } .recipe-imagery .imagery-actions.relative a { width: auto; max-width: none; } .recipe-imagery .imagery-actions.hide-view-all .view-all-images { display: none; } .recipe-imagery .recipe-video { position: relative; } .recipe-imagery .recipe-video ul { margin: 10px 0 0 0 !important; float: left; width: 100%; } .recipe-imagery .recipe-video ul li.video-still { height: auto; margin-left: 0; display: block; margin-right: 10px; max-width: 111px; max-height: 69px; overflow: hidden; float: left; } .recipe-imagery .recipe-video ul li.video-still img { cursor: pointer; -webkit-box-shadow: none; box-shadow: none; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .recipe-imagery .recipe-video ul li.video-still img { width: auto; height: auto; } .recipe-imagery .recipe-video ul li.imagery-actions { width: auto !important; } .recipe-imagery .recipe-video ul li.imagery-actions:not(.relative) { height: 32px; bottom: 12px; } .no-touch .recipe-imagery .imagery-actions a:hover { color: #00aeff; } .no-touch .recipe-imagery .imagery-actions a:hover span { text-decoration: underline; }
}
.recipe-overview { padding: 0 15px;
}
.recipe-overview .author { font-size: 13px; padding-bottom: 12px;
}
.recipe-overview .ratings-utility-bar { margin-left: -10px; margin-right: -10px;
}
.recipe-overview .ratings-utility-bar .rating { padding: 15px 10px; font-size: 13px;
}
.recipe-overview .ratings-utility-bar .rating .hearts { float: left;
}
.recipe-overview .ratings-utility-bar .rating .hearts div svg { width: 20px; height: 17px;
}
.recipe-overview .ratings-utility-bar .rating .hearts.add { display: none;
}
.recipe-overview .ratings-utility-bar .rating span { float: left; color: #00aeff; cursor: pointer;
}
.recipe-overview .ratings-utility-bar .rating .num-reviews { float: right;
}
.recipe-overview .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.recipe-overview .divider.dotted.vertical { position: relative; display: table-cell; float: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(25%, #a9a9a9), color-stop(50%, rgba(169, 169, 169, 0.2)), color-stop(50%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -ms-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to bottom, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0 top; background-size: 12px 6px; background-repeat: repeat-y;
}
@-webkit-keyframes readLessAnimation { from { padding-bottom: 35px; } to { padding-bottom: 0px; }
}
@-moz-keyframes readLessAnimation { from { padding-bottom: 35px; } to { padding-bottom: 0px; }
}
@-o-keyframes readLessAnimation { from { padding-bottom: 35px; } to { padding-bottom: 0px; }
}
@keyframes readLessAnimation { from { padding-bottom: 35px; } to { padding-bottom: 0px; }
}
@media (min-width: 768px) { .recipe-overview { padding: 0 30px 0 55px; } .recipe-overview .author { margin-top: 10px; } .recipe-overview .ratings-utility-bar { margin-left: 0; margin-right: 0; } .recipe-overview .ratings-utility-bar .rating { padding: 15px 0 13px 0; } .recipe-overview .ratings-utility-bar .rating .hearts.add { display: block; float: left; } .recipe-overview .ratings-utility-bar .rating .hearts.add svg path { fill: #00aeff; } .recipe-overview .ratings-utility-bar .rating .num-reviews { float: left; } .recipe-overview .ratings-utility-bar .rating span { margin-top: -2px; margin-right: 30px; } .recipe-overview .read-more-wrapper > div { margin-bottom: 0; } .no-touch .recipe-overview .ratings-utility-bar .rating span:hover { text-decoration: underline; }
}
.what-you-need { padding: 0 15px; margin-bottom: 30px;
}
.what-you-need .deals-headline { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%; font-size: 14px; margin-bottom: 5px;
}
.what-you-need .deals-headline span { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%;
}
.what-you-need .deals-headline svg { width: 20px; height: 20px; vertical-align: -5px;
}
.what-you-need .deals-headline svg path { fill: #555555;
}
.what-you-need .deals-headline svg .st0 { fill: #ffffff;
}
.what-you-need .deals-headline .utility { width: 100%; color: #cccccc; margin-bottom: 10px;
}
.what-you-need .deals-headline .utility span { color: #00aeff; vertical-align: 3px; display: inline-block; line-height: 200%;
}
.what-you-need .deals-headline .utility .divider.dotted.vertical { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNy4yNzI3MjcyNzI3MjcyNyUiIHN0b3AtY29sb3I9IiNjY2NjY2MiLz48c3RvcCBvZmZzZXQ9IjU0LjU0NTQ1NDU0NTQ1NDU0JSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1NC41NDU0NTQ1NDU0NTQ1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(27.27272727%, #cccccc), color-stop(54.54545455%, rgba(204, 204, 204, 0.2)), color-stop(54.54545455%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -o-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -ms-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: linear-gradient(to bottom, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-position: 0 top; background-size: 22px 6px; background-repeat: repeat-y; height: 17px; display: inline-block; margin: 0 5px;
}
.what-you-need ul { list-style-type: none; margin: 0 0 10px;
}
.what-you-need ul li { border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-bottom: 13px;
}
.what-you-need ul svg { width: 20px; height: 20px; vertical-align: -5px; float: right;
}
.what-you-need ul svg path { fill: #6b9736;
}
.what-you-need ul svg .st0 { fill: #ffffff;
}
.what-you-need .divider { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 18px;
}
.what-you-need .divider.visible-xs { margin: 3px 0 8px;
}
.what-you-need .button { width: 100%; margin-bottom: 25px; margin-left: 0;
}
.what-you-need .checkbox-wrapper { margin-bottom: 0;
}
.what-you-need .checkbox-wrapper label { display: inline-block; position: relative; margin: 0; padding-right: 20px; width: 100%;
}
.what-you-need .checkbox-wrapper label .unchecked,
.what-you-need .checkbox-wrapper label .checked { position: absolute; top: 50%; margin-top: -10px;
}
.what-you-need .checkbox-wrapper label .checkbox-label { display: inline-block; margin-left: 32px; width: 93%;
}
.what-you-need .checkbox-wrapper label .checkbox-label.deal-present { width: 80%;
}
.what-you-need .checkbox-wrapper label .deal { position: absolute; top: 50%; right: 0; margin-top: -10px;
}
.what-you-need .checkbox-wrapper label .deal span { width: 90%; max-width: 350px;
}
.what-you-need .deal-content { display: none; color: #6b9736; font-size: 14px; margin: 7px 0 0 0;
}
@media (min-width: 768px) { .what-you-need { padding: 0 30px 0 55px; } .what-you-need .divider { margin-bottom: 25px; } .what-you-need .button { width: 230px; display: inline-block; margin: 0; } .what-you-need .button.primary { margin-right: 18px; } .what-you-need .deals-headline .deals-text { width: 273px; float: left; font-size: 17px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%; } .what-you-need .deals-headline .deals-text span { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; } .what-you-need .deals-headline .utility { float: right; text-align: right; margin-top: 1px; width: 210px; } .what-you-need .deals-headline .utility span { line-height: 125%; } .what-you-need .deal-content { font-size: 15px; }
}
.no-touch .what-you-need .deals-headline .utility span:hover { text-decoration: underline; cursor: pointer;
}
.make-it { padding: 0 15px; margin-bottom: 30px;
}
.make-it h2 { margin: 0;
}
.make-it p { margin-bottom: 7px;
}
.make-it .divider { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 18px; width: 99%;
}
.make-it ul { list-style-type: none; margin: 0; position: relative;
}
.make-it ul li { border-bottom: 1px solid #cccccc; padding-bottom: 10px; padding-top: 10px; position: relative; width: 100%; color: #555555; font-size: 13px; line-height: 125%;
}
.make-it ul li:first-child { padding-top: 0;
}
.make-it ul li div { display: inline-block; padding-right: 35px;
}
.make-it ul li svg { position: absolute; top: 50%; right: 0; margin-top: -14px; width: 27px; height: 27px;
}
.make-it ul li svg .st1 { fill: #ffffff;
}
.make-it ul li svg .st0 { fill: #cccccc;
}
.make-it ul li.complete { color: #cccccc;
}
.make-it ul li.complete svg .st0 { fill: #0497ac;
}
.make-it ul.with-images li { min-height: 60px;
}
.make-it ul.with-images li.complete img { opacity: 0.3;
}
.make-it ul.with-images div { width: 100%; padding: 0 35px 0 89px;
}
.make-it ul.with-images img { position: absolute; top: 50%; width: 76px; height: 50px; margin-top: -30px;
}
@media (min-width: 768px) { .make-it { padding: 0 30px 0 55px; } .make-it .divider { margin-bottom: 25px; } .make-it ul { list-style-type: none; margin: 0 0 20px; } .make-it ul li { border-bottom: 1px solid #cccccc; font-size: 17px; } .make-it ul li div { width: 450px; } .make-it ul li svg { margin-top: -10px; width: 20px; height: 20px; } .make-it ul.with-images li { min-height: 77px; padding-bottom: 4px; margin-bottom: 4px; } .make-it ul.with-images div { width: 485px; padding: 0 35px 0 122px; } .make-it ul.with-images img { margin-top: -38px; width: 108px; height: 72px; } .make-it .button { width: 230px; display: inline-block; } .make-it .button.primary { margin-right: 18px; }
}
.no-touch .make-it ul li:hover { text-decoration: none; color: #555555; cursor: pointer;
}
.no-touch .make-it ul li:hover svg .st0 { fill: #cdeaee;
}
.no-touch .make-it ul li.complete:hover { color: #cccccc;
}
.no-touch .make-it ul li.complete:hover svg .st0 { fill: #0497ac;
}
.member-notes { padding: 0 15px;
}
.member-notes h2 { margin: 0 0 7px;
}
.member-notes .divider { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 12px;
}
@media (min-width: 768px) { .member-notes { padding: 0 30px 22px 55px; }
}
.kitchen-tips { padding: 0 15px;
}
.kitchen-tips h3 { font-size: 16px;
}
.kitchen-tips p { font-size: 14px;
}
.kitchen-tips .jcarousel-wrapper { margin: -8px -15px 0 -15px;
}
@media (min-width: 768px) { .kitchen-tips { padding: 0 30px 0 58px; } .kitchen-tips .jcarousel-wrapper { overflow: visible; margin: -10px 0 0 -10px; } .kitchen-tips .jcarousel-wrapper .outer-mask { pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .kitchen-tips .jcarousel-wrapper .outer-mask .falloff-shadow-left, .kitchen-tips .jcarousel-wrapper .outer-mask .falloff-shadow-right { opacity: 1 !important; } .kitchen-tips .jcarousel-wrapper .jcarousel-control-prev { display: block; height: 45px; width: 22.5px; -webkit-border-radius: 45px 0 0 45px; -moz-border-radius: 45px 0 0 45px; border-radius: 45px 0 0 45px; background: #ed174f; left: -22px !important; } .kitchen-tips .jcarousel-wrapper .jcarousel-control-prev svg { margin-right: 0; } .kitchen-tips .jcarousel-wrapper .jcarousel-control-next { display: block; height: 45px; width: 22.5px; -webkit-border-radius: 45px 0 0 45px; -moz-border-radius: 45px 0 0 45px; border-radius: 0 45px 45px 0; background: #ed174f; right: -22px !important; } .kitchen-tips .jcarousel-wrapper .jcarousel-control-next svg { margin-left: 0; } .kitchen-tips .jcarousel-wrapper .jcarousel ul li { margin: 0 7px 0 14px; } .kitchen-tips .jcarousel-wrapper.inactive .jcarousel-control-next, .kitchen-tips .jcarousel-wrapper.inactive .jcarousel-control-prev { display: none; } .kitchen-tips .jcarousel-wrapper.inactive .outer-mask { display: none; }
}
.nutrition { padding: 0 15px;
}
.nutrition h3 { font-size: 16px; margin-bottom: 2px;
}
.nutrition ul { font-size: 14px; list-style-type: none; margin-left: 0;
}
.nutrition p { font-size: 14px;
}
.nutrition p.caption { font-size: 14px; margin-top: 20px;
}
.nutrition table { font-size: 14px; line-height: 125%; width: 100%;
}
.nutrition table tr { border-bottom: 1px solid #a9a9a9;
}
.nutrition table tr.border-emphasis { border-bottom-width: 3px;
}
.nutrition table tr.border-none { border: 0;
}
.nutrition table tr.overhead-space td { padding-top: 15px;
}
.nutrition table tr td { padding: 2px 0;
}
.nutrition table .data-emphasis { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%;
}
.nutrition table .data-left-indent { padding-left: 10%;
}
.nutrition table .data-right-align { text-align: right;
}
.nutrition .divider { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-top: 21px;
}
.nutrition-left { margin-top: -8px;
}
@media (min-width: 768px) { .nutrition { padding: 0 30px 0 55px; } .nutrition p.caption { width: 210px; font-size: 12px; } .nutrition table { font-size: 12px; width: 210px; } .nutrition table .data-left-indent { padding-left: 35px; } .nutrition-left { padding-right: 15px; margin-top: 0; } .nutrition-right .nutrition-wrapper { border-left: 1px solid #cccccc; padding-left: 25px; }
}
.ratings-reviews { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
}
.toggle-ratings-reviews { background-color: #0497ac; padding: 7px 15px 9px; cursor: pointer; display: block; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); margin-top: 5px;
}
.toggle-ratings-reviews h2 { color: #ffffff; margin: 0;
}
.toggle-ratings-reviews svg { float: right; width: 11px; height: 17px; margin: 7px 7px 0 4px; vertical-align: middle; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
.toggle-ratings-reviews svg path { fill: #ffffff;
}
.toggle-ratings-reviews.expanded svg { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.ratings-reviews-content { padding: 20px 15px 0; display: none;
}
.ratings-reviews-content h2 { margin-bottom: 7px;
}
.ratings-reviews-content h3 { margin-top: 0;
}
.ratings-reviews-content .set-rating { margin-bottom: 10px;
}
.ratings-reviews-content .set-rating:before,
.ratings-reviews-content .set-rating:after { content: " "; display: table;
}
.ratings-reviews-content .set-rating:after { clear: both;
}
.ratings-reviews-content .set-rating:before,
.ratings-reviews-content .set-rating:after { content: " "; display: table;
}
.ratings-reviews-content .set-rating:after { clear: both;
}
.ratings-reviews-content .set-rating div { margin-right: 6px; float: left;
}
.ratings-reviews-content .set-rating div svg { width: 30px; height: 34px;
}
.ratings-reviews-content .review-form { padding-bottom: 1px;
}
.ratings-reviews-content .review-form .review-text { border: 1px solid #dedede; width: 100%; height: 150px; padding: 15px; margin: 8px 0 20px 0; outline: 0; font-size: 14px; color: #555555; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; resize: none;
}
.ratings-reviews-content .review-form .review-submit-btn { outline: 0; border: 0; max-width: 100%; margin-bottom: 18px;
}
.ratings-reviews-content .review-form .error { font-size: 14px;
}
.ratings-reviews-content .review-list-wrapper { position: relative; -moz-transition: max-height 1s ease-in-out; -ms-transition: max-height 1s ease-in-out; -o-transition: max-height 1s ease-in-out; -webkit-transition: max-height 1s ease-in-out; transition: max-height 1s ease-in-out; margin-top: -12px;
}
.ratings-reviews-content .review-list-wrapper .review-list { list-style-type: none; margin: 0;
}
.ratings-reviews-content .review-list-wrapper .review-list li { margin: 20px 0;
}
.ratings-reviews-content .review-list-wrapper .review-list li .hearts div svg { width: 20px; height: 17px;
}
.ratings-reviews-content .review-list-wrapper .review-list li p { font-size: 13px; line-height: 1.5;
}
.ratings-reviews-content .review-list-wrapper .review-list li .review-details { font-size: 12px; color: #a9a9a9; margin: 6px 0;
}
.ratings-reviews-content .review-list-wrapper .review-list li .review-details .author { font-size: 16px; color: #555555; padding-bottom: 6px;
}
.ratings-reviews-content .review-list-wrapper .review-list li .review-details .pipe { padding: 0 5px; display: none;
}
.ratings-reviews-content .review-list-wrapper .review-list li .review-details .date { display: block;
}
.ratings-reviews-content .review-list-wrapper .review-list li .divider { margin-top: 20px;
}
.ratings-reviews-content .review-list-wrapper .review-list li:last-of-type .divider { display: none;
}
.ratings-reviews-content .show-more-items { margin: 0 auto; width: 100%;
}
.ratings-reviews-content .show-more-items .divider { margin: 0 auto;
}
.ratings-reviews-content .divider { margin-bottom: 25px;
}
.ratings-reviews-content .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.ratings-reviews-content .divider.lt-gray { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 15px;
}
@media (min-width: 768px) { .ratings-reviews { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .toggle-ratings-reviews { display: none; } .ratings-reviews-content { padding: 0 30px 0 55px; display: block; } .ratings-reviews-content h3 { margin-top: 15px; } .ratings-reviews-content .set-rating div { cursor: pointer; } .ratings-reviews-content .set-rating div svg { width: 26px; height: 29px; } .ratings-reviews-content .review-form { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding-bottom: 0; } .ratings-reviews-content .review-form .review-submit-btn { margin-bottom: 22px; max-width: 230px; } .ratings-reviews-content .review-form .loading { margin-left: 20px; vertical-align: -60%; } .ratings-reviews-content .review-list-wrapper { margin-top: 0; } .ratings-reviews-content .review-list-wrapper .review-list li .review-details .author { font-size: 12px; padding-bottom: 0; } .ratings-reviews-content .review-list-wrapper .review-list li .review-details .pipe, .ratings-reviews-content .review-list-wrapper .review-list li .review-details .date { display: inline; }
}
.recipe-tags { padding: 0 15px;
}
.recipe-tags h2 { margin-bottom: 7px;
}
.recipe-tags ul { list-style-type: none; margin: 17px 0 0;
}
.recipe-tags ul li { display: inline-block; margin: 6px 0 6px 2px;
}
.recipe-tags ul li a { font-size: 13px; color: #ffffff; background: #555555; border-radius: 12px; padding: 2px 13px 3px;
}
.recipe-tags .divider { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
@media (min-width: 768px) { .recipe-tags { padding: 0 30px 0 55px; } .recipe-tags ul { margin: 27px 0 30px; } .no-touch .recipe-tags a:hover { color: #ffffff; }
}
.what-on-hand p { font-size: 14px;
}
.what-on-hand .modal-form-wrapper { padding: 0 15px 10px 15px;
}
.what-on-hand .modal-form-wrapper button { width: 100%;
}
.what-on-hand .modal-form-wrapper input { margin: 0 0 15px 0; width: 100%;
}
.what-on-hand .modal-form-wrapper .styled-select { width: 100%;
}
.what-on-hand .modal-form-wrapper .popover-content a { display: block; padding: 3px 0;
}
.what-on-hand .modal-form-wrapper .popover-content .divider { display: none !important;
}
.what-on-hand .clear-ingredients-form { margin: 0 0 0 10px; text-align: center;
}
@media (min-width: 768px) { .what-on-hand { margin: 0 0 30px 0; } .what-on-hand .modal-form-wrapper { padding: 5px 20px 25px 20px; }
}
.inappropriate-flag { margin: 0 15px;
}
.inappropriate-flag .error { margin-top: 10px;
}
.flagInappropriate { width: 100%; margin: 30px 0 10px;
}
.inappropriate-flag-confirmation button { margin-top: 20px;
}
@media (max-width: 768px) { h3 { font-size: 17px; margin-top: 0; }
}
@media (min-width: 768px) { .inappropriate-flag { margin: 0; } .inappropriate-flag .error { text-align: right; float: right; width: 100%; margin: -10px 30px 10px; } .flagInappropriate { float: right; width: 230px; margin: 20px 30px; }
}
.recipesLanding h1 { margin-top: 11px; margin-bottom: 20px;
}
.recipesLanding h1 .icon { display: inline-block;
}
.recipesLanding h1 .icon svg { width: 21px; height: 20px;
}
.recipesLanding h1 .icon svg path { fill: #edd340;
}
.recipesLanding h2 { margin: 0 0 7px;
}
.recipesLanding .view-all-link { margin-bottom: 15px; font-size: 14px;
}
.recipesLanding .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 10px;
}
.recipesLanding .container-padding { padding-bottom: 20px;
}
.recipesLanding .scallop.top { margin-bottom: 30px;
}
.recipesLanding .scallop.bottom { margin-top: 0; margin-bottom: 10px;
}
.recipesLanding .scallop.bottom:last-of-type .border { background-color: #f5f8f9;
}
.recipesLanding .category-list { list-style-type: none; margin: 0;
}
.recipesLanding .category-list li { float: left;
}
.recipesLanding .category-list li:nth-of-type(3n+1) { clear: both;
}
.recipesLanding .category-list li:nth-of-type(3n) { margin-right: 0;
}
.recipesLanding .jcarousel-wrapper.double-peek { padding-bottom: 25px; margin-bottom: -5px;
}
.recipesLanding .jcarousel-wrapper.double-peek .jcarousel-pagination { bottom: 0;
}
.recipesLanding div.right-rail { background: transparent; box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3);
}
.recipesLanding div.right-rail .kft-ad { margin-bottom: 10px;
}
.recipesLanding .category-list .card-cta { margin: 0 15px 5px 15px; width: auto;
}
.recipesLanding .category-list .card-cta .card-bottom img.version-big { display: none;
}
.recipesLanding .category-list .card-cta .card-bottom img.version-small { display: inline;
}
.recipesLanding .no-bottom .main-left-col { background-color: #f5f8f9; padding-bottom: 1px;
}
.recipesLanding .no-bottom .main-left-col .card .card-shadow:before,
.recipesLanding .no-bottom .main-left-col .card .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5f8f9 0%, #f5f8f9 12%, rgba(245, 248, 249, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f8f9), color-stop(12%, #f5f8f9), color-stop(100%, rgba(245, 248, 249, 0))); background: -webkit-linear-gradient(top, #f5f8f9 0%, #f5f8f9 12%, rgba(245, 248, 249, 0) 100%); background: -o-linear-gradient(top, #f5f8f9 0%, #f5f8f9 12%, rgba(245, 248, 249, 0) 100%); background: -ms-linear-gradient(top, #f5f8f9 0%, #f5f8f9 12%, rgba(245, 248, 249, 0) 100%); background: linear-gradient(to bottom, #f5f8f9 0%, #f5f8f9 12%, rgba(245, 248, 249, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f8f9', endColorstr='#f5f8f9', GradientType=0); }
@media (min-width: 768px) { .recipesLanding h1 { margin: -7px 0 9px 0; } .recipesLanding .view-all-link { margin-bottom: 0px; } .recipesLanding .bg-white-lg { background: #ffffff; } .recipesLanding .container-padding { padding-top: 7px; } .recipesLanding .divider.slitshadow { margin: 12px auto 30px; } .recipesLanding .divider.slitshadow .falloff-shadow { width: 55%; } .recipesLanding .divider.dotted { margin-bottom: 20px; } .recipesLanding .romance-copy { text-align: center; width: 765px; margin: 0 auto 10px; } .recipesLanding .main-left-col { padding-right: 0; } .recipesLanding .two-col .main-left-col { padding-right: 20px; } .recipesLanding .jcarousel-wrapper.slideshow ul { height: 250px; } .recipesLanding div.right-rail { box-shadow: none; } .recipesLanding .category-list .card-cta { width: 290px; float: left; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .recipesLanding .category-list .card-cta:before, .recipesLanding .category-list .card-cta:after { position: absolute; width: 50%; height: 12%; content: ""; left: 5px; bottom: 19px; max-width: 58%; max-height: 100px; -webkit-transform: rotate(-3deg) skew(-10deg, 0deg); -moz-transform: rotate(-3deg) skew(-10deg, 0deg); -ms-transform: rotate(-3deg) skew(-10deg, 0deg); -o-transform: rotate(-3deg) skew(-10deg, 0deg); transform: rotate(-3deg) skew(-10deg, 0deg); -webkit-box-shadow: 4px 20px 10px rgba(0, 0, 0, 0.35); -moz-box-shadow: 4px 20px 10px rgba(0, 0, 0, 0.35); box-shadow: 4px 20px 10px rgba(0, 0, 0, 0.35); } .recipesLanding .category-list .card-cta:after { left: auto; right: 5px; -webkit-transform: rotate(3deg) skew(10deg, 0deg); -moz-transform: rotate(3deg) skew(10deg, 0deg); -ms-transform: rotate(3deg) skew(10deg, 0deg); -o-transform: rotate(3deg) skew(10deg, 0deg); transform: rotate(3deg) skew(10deg, 0deg); -webkit-box-shadow: -4px 20px 10px rgba(0, 0, 0, 0.35); -moz-box-shadow: -4px 20px 10px rgba(0, 0, 0, 0.35); box-shadow: -4px 20px 10px rgba(0, 0, 0, 0.35); } .recipesLanding .category-list .card-cta .inner-card { height: 362px; background-color: #f5f8f9; } .recipesLanding .category-list .card-cta .inner-card .card-top { line-height: 120%; max-height: 116px; } .recipesLanding .category-list .card-cta .inner-card .card-top h3 { font-size: 20px; padding:20px 0 5px 0; font-weight: 500; } .recipesLanding .category-list .card-cta .inner-card .card-top h3 span { font-size: 18px; } .recipesLanding .category-list .card-cta .inner-card .card-bottom { padding: 28px 0 0; height: 245px; position: relative; } .recipesLanding .category-list .card-cta .inner-card .card-bottom img { position: absolute; bottom: 0; width: 290px; } .recipesLanding .category-list .card-cta .inner-card .card-bottom img.version-big { display: block; } .recipesLanding .category-list .card-cta .inner-card .card-bottom img.version-small { display: none; } .recipesLanding .category-list .card-cta .card-shadow { position: absolute; top: 50%; left: 0; width: 100%; height: 50%; -webkit-box-shadow: 0 -3px 0 0 #ffffff, 0 -3px 0 0 #ffffff, 8px 5px 5px -7px rgba(0, 0, 0, 0.15), -8px 5px 5px -7px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 -3px 0 0 #ffffff, 0 -3px 0 0 #ffffff, 8px 5px 5px -7px rgba(0, 0, 0, 0.15), -8px 5px 5px -7px rgba(0, 0, 0, 0.15); box-shadow: 0 -3px 0 0 #ffffff, 0 -3px 0 0 #ffffff, 8px 5px 5px -7px rgba(0, 0, 0, 0.15), -8px 5px 5px -7px rgba(0, 0, 0, 0.15); } .recipesLanding .category-list .card-cta .card-shadow:before, .recipesLanding .category-list .card-cta .card-shadow:after { position: absolute; width: 7px; height: 100%; content: ""; left: -7px; top: 0px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(12%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); } .recipesLanding .category-list .card-cta .card-shadow:after { left: auto; right: -7px; } .recipesLanding .category-list .card-cta:before, .recipesLanding .category-list .card-cta:after, .recipesLanding .category-list .card-cta .card-shadow { display: block; } .recipesLanding .category-list li:nth-last-child(-n+3) { margin-bottom: 10px; } .recipesLanding .no-bottom .main-left-col { background-color: #ffffff; padding-bottom: 20px; } .recipesLanding .no-bottom .main-left-col .card .card-shadow:before, .recipesLanding .no-bottom .main-left-col .card .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(12%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); } .lt-ie10 .recipesLanding .bg-white { background-color: #ffffff; }
}
.recipeBox .recipe-box-hero { padding: 0 15px;
}
.recipeBox .recipe-box-hero h1 { margin-bottom: 18px;
}
.recipeBox .recipe-box-hero label { float: left; margin: 4px 15px 0 0; font-size: 14px;
}
.recipeBox .recipe-box-hero .button { min-width: 290px;
}
.recipeBox .recipe-box-hero .sort-container { padding-top: 18px;
}
.recipeBox .recipe-box-hero .sort-container label { float: left; width: 70px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: block; position: relative; top: 10px;
}
.recipeBox .recipe-box-hero .styled-select { height: 30px; width: 70%; font-size: 13px; float: left;
}
.recipeBox .recipe-box-hero .styled-select select { padding: 0 75px 4px 5px;
}
.recipeBox .three-tile-grid { margin-bottom: 0px;
}
.recipeBox .scallop.bottom { margin-top: 15px;
}
.recipeBox .scallop.bottom .border { background-color: #f5f8f9;
}
.recipeBox .slitshadow { margin: 28px auto 25px;
}
@media (min-width: 768px) { .recipeBox .recipe-box-hero { height: 110px; margin: 4px 15px 0; } .recipeBox .recipe-box-hero h1 { margin-bottom: 10px; } .recipeBox .recipe-box-hero label { margin-right: 10px; } .recipeBox .recipe-box-hero .sort-container { padding-top: 10px; float: right; margin-right: 35px; } .recipeBox .recipe-box-hero .sort-container label { width: 80px; text-align: right; } .recipeBox .recipe-box-hero .button { min-width: 0; width: 230px; } .recipeBox .recipe-box-hero .styled-select { width: 140px; font-size: 12px; } .recipeBox .recipe-box-hero .styled-select select { height: 30px; padding: 0 0 4px 5px; } .recipeBox .three-tile-grid { margin-bottom: 10px; }
}
.shopping-list ul { list-style-type: none; margin: 0;
}
.shopping-list ul li { border-bottom: 1px solid #e3e3e3; margin: 0; padding: 8px 0; color: #000;
}
.shopping-list ul li:last-child { border-bottom: none;
}
.shopping-list .back-to-list { margin: 10px 0;
}
.shopping-list .card { font-size: 12px;
}
.shopping-list .card .inner-card { padding: 0; min-height: 170px; margin: 0 15px;
}
@media (min-width: 768px) { .shopping-list ul { margin: 0 5px; } .shopping-list ul li { padding: 5px 0; margin: 0 15px; } .shopping-list .back-to-list { margin: 20px 25px 0 17px; } .shopping-list .card .inner-card { padding-bottom: 20px; margin: 0; }
}
.recipe-listing-shell h1 { margin-bottom: 9px;
}
.recipe-listing-shell .divider.slitshadow { margin: 0 auto;
}
.recipe-listing-shell .divider.slitshadow.visible-xs { width: 100%;
}
.recipe-listing-shell .divider.slitshadow.visible-xs .falloff-shadow { -webkit-box-shadow: 0px -15px 17px 26px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px -15px 17px 26px rgba(0, 0, 0, 0.8); box-shadow: 0px -15px 17px 26px rgba(0, 0, 0, 0.8);
}
.recipe-listing-shell .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.recipe-listing-shell h2 + .divider.dotted { margin: -5px 0 10px 0;
}
.recipe-listing-shell .view-all-link { margin-bottom: 15px; font-size: 14px;
}
.recipe-listing-shell .read-more-wrapper { -webkit-box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3); box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3);
}
.recipe-listing-shell .recipe-listing-utility { position: relative; padding: 25px 15px 0;
}
.recipe-listing-shell .recipe-listing-utility .utility-title h3 { font-size: 15px; margin: 0 0 11px;
}
.recipe-listing-shell .recipe-listing-utility .utility-show,
.recipe-listing-shell .recipe-listing-utility .utility-sort { height: auto;
}
.recipe-listing-shell .recipe-listing-utility .utility-show label,
.recipe-listing-shell .recipe-listing-utility .utility-sort label { margin-bottom: 1px; font-size: 12px;
}
.recipe-listing-shell .recipe-listing-utility .utility-show .styled-select,
.recipe-listing-shell .recipe-listing-utility .utility-sort .styled-select { width: 95%; min-width: 140px; font-size: 13px;
}
.recipe-listing-shell .recipe-listing-utility .utility-show .styled-select select,
.recipe-listing-shell .recipe-listing-utility .utility-sort .styled-select select { font-size: 12px; width: 120%; padding: 4px 55px 4px 5px;
}
.recipe-listing-shell .view-grid { padding-top: 20px;
}
.recipe-listing-shell .card.deals .deal-icon svg { width: 12px; height: 12px;
}
.recipe-listing-shell .scallop.bottom { margin-top: 10px;
}
.recipe-listing-shell .scallop.bottom.bottom .border { background-color: #f5f8f9;
}
.recipe-listing-shell .additional-content { padding: 0 15px 15px;
}
.recipe-listing-shell .additional-content .jcarousel-wrapper { margin: 0 -15px;
}
@media (min-width: 768px) { .recipe-listing-shell h1 { padding: 0 20px; } .recipe-listing-shell .view-all-link { margin-bottom: 0px; } .recipe-listing-shell .jcarousel-wrapper.slideshow { margin: 0 20px 20px 20px; } .recipe-listing-shell .jcarousel-wrapper.slideshow ul { height: 250px; } .recipe-listing-shell .read-more-wrapper { padding: 0 20px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .recipe-listing-shell .recipe-listing-utility { min-height: 30px; padding: 0; margin: 44px 21px 10px; } .recipe-listing-shell .recipe-listing-utility .utility-title, .recipe-listing-shell .recipe-listing-utility .utility-show, .recipe-listing-shell .recipe-listing-utility .utility-sort { width: auto; position: absolute; top: 0; } .recipe-listing-shell .recipe-listing-utility .utility-view { position: absolute; top: 0; } .recipe-listing-shell .recipe-listing-utility .utility-title { position: relative; } .recipe-listing-shell .recipe-listing-utility .utility-title h3 { font-size: 14px; width: 180px; } .recipe-listing-shell .recipe-listing-utility .utility-show, .recipe-listing-shell .recipe-listing-utility .utility-sort { height: 30px; top: -5px; } .recipe-listing-shell .recipe-listing-utility .utility-show label, .recipe-listing-shell .recipe-listing-utility .utility-sort label { float: left; margin: 3px 0 0; font-size: 14px; } .recipe-listing-shell .recipe-listing-utility .utility-show .styled-select, .recipe-listing-shell .recipe-listing-utility .utility-sort .styled-select { float: left; min-width: 85px; margin-left: 3px; font-size: 11px; } .recipe-listing-shell .recipe-listing-utility .utility-show .styled-select select, .recipe-listing-shell .recipe-listing-utility .utility-sort .styled-select select { padding: 0 40px 0 4px; } .recipe-listing-shell .recipe-listing-utility .utility-show { left: 190px; } .recipe-listing-shell .recipe-listing-utility .utility-show .styled-select { width: 151px; } .recipe-listing-shell .recipe-listing-utility .utility-sort { left: 396px; } .recipe-listing-shell .recipe-listing-utility .utility-sort .styled-select { width: 97px; } .recipe-listing-shell .view-grid { padding-top: 4px; } .recipe-listing-shell .card.deals .deal-icon svg { width: 16px; height: 16px; } .recipe-listing-shell .additional-content { padding: 0 20px 20px; } .recipe-listing-shell .additional-content .jcarousel-wrapper { margin-right: -20px; margin-left: 0; } .recipe-listing-shell .additional-content .three-tile-grid { margin: 0 0 0 1px; width: auto; padding-left: 0 !important; } .recipe-listing-shell .additional-content .three-tile-grid .card { margin: 0px 8px 40px; } .recipe-listing-shell .additional-content .three-tile-grid .card:nth-child(3n+1) { margin-left: 1px; clear: both; } .recipe-listing-shell .additional-content .three-tile-grid .card .inner-card { min-height: 228px; } .recipe-listing-shell .additional-content .three-tile-grid .card .inner-card .card-top a { height: 122px; } .recipe-listing-shell .additional-content .three-tile-grid .card-shadow { top: 50%; height: 50%; } .recipe-listing-shell .additional-content .three-tile-grid .card-shadow:before, .recipe-listing-shell .additional-content .three-tile-grid .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(12%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); }
}
.recipe-sub-category h1 { margin-bottom: 9px;
}
.recipe-sub-category .mobile-container-padding h2 { margin-bottom: 3px;
}
.recipe-sub-category .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin: 0 0 15px; width: 100%;
}
.recipe-sub-category .view-all-link { padding: 0 15px 15px;
}
.recipe-sub-category .scallop.bottom { margin-top: 10px;
}
.recipe-sub-category .scallop.bottom.bottom .border { background-color: #f5f8f9;
}
.recipe-sub-category .read-more-wrapper { -webkit-box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3); box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) { .recipe-sub-category h1.mobile-container-padding, .recipe-sub-category .mobile-container-padding h2 { padding: 0 20px; } .recipe-sub-category .divider.dotted { margin: 0 20px 30px; width: 93%; } .recipe-sub-category .divider.slitshadow { margin-bottom: 30px; } .recipe-sub-category .jcarousel-wrapper { margin: 0 20px 37px; } .recipe-sub-category .jcarousel-wrapper.slideshow { margin: 0 20px 20px 20px; } .recipe-sub-category .jcarousel-wrapper.slideshow ul { height: 250px; } .recipe-sub-category .read-more-wrapper { padding: 0 20px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
}
.one-bag-five-dinners .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 10px;
}
.one-bag-five-dinners .main-left-col { padding-bottom: 25px;
}
.one-bag-five-dinners h2 { margin: 0 0 7px 0; padding-top: 20px; font-size: 21px;
}
.one-bag-five-dinners .main-image { margin: 10px 0 0; width: 100%;
}
.one-bag-five-dinners .read-more-wrapper { -webkit-box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3); box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3);
}
.one-bag-five-dinners .view-all-link { margin-top: 0; font-size: 14px;
}
.one-bag-five-dinners .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 10px;
}
.one-bag-five-dinners .scallop { padding-bottom: 10px;
}
.one-bag-five-dinners .scallop.top { margin-top: 0;
}
@media (min-width: 768px) { .one-bag-five-dinners h2 { margin: 0 0 7px; font-size: 28px; } .one-bag-five-dinners .container-padding { padding-top: 0; } .one-bag-five-dinners .main-image { margin: 10px 0 0; display: block; } .one-bag-five-dinners .read-more-wrapper { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .one-bag-five-dinners .read-more-wrapper p.note { font-size: 14px; } .one-bag-five-dinners .view-all-link { margin-top: -20px; } .one-bag-five-dinners .divider.slitshadow .falloff-shadow { width: 55%; } .one-bag-five-dinners .divider.dotted { margin-bottom: 20px; }
}
@media all and (-ms-high-contrast: none) { *::-ms-backdrop, .one-bag-five-dinners .slitshadow.divider .falloff-shadow { top: -16px; }
}
.shopping-list-landing .mobile-container-padding.title { margin-bottom: 0;
}
.shopping-list-landing .mobile-container-padding.title .button { float: left; width: 100%; margin-top: 20px;
}
.shopping-list-landing h1 { width: auto; float: left;
}
.shopping-list-landing .shopping-list-wrapper { clear: both; padding: 0;
}
.shopping-list-landing .shopping-list-wrapper ul { margin: 15px 0 0 0; padding: 0; list-style: none;
}
.shopping-list-landing .shopping-list-wrapper ul li.shopping-list-card { padding: 15px 0;
}
.shopping-list-landing .shopping-list-wrapper ul li.shopping-list-card a { display: block;
}
.shopping-list-landing .shopping-list-wrapper ul li.shopping-list-card:last-child { margin-bottom: -5px;
}
.shopping-list-landing .shopping-list-wrapper ul li.shopping-list-card:last-child .title-link { padding-bottom: 0;
}
.shopping-list-landing .shopping-list-wrapper .card { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); display: inline-block;
}
.shopping-list-landing .shopping-list-wrapper .card:before,
.shopping-list-landing .shopping-list-wrapper .card:after { display: none;
}
.shopping-list-landing .shopping-list-wrapper .card .inner-card { min-height: 154px; padding: 0 10px 15px 10px; position: relative; z-index: 1; background: #ffffff;
}
.shopping-list-landing .shopping-list-wrapper .card .inner-card .images { position: relative; padding-bottom: 33%; margin-bottom: 10px; height: 0; width: 100%;
}
.shopping-list-landing .shopping-list-wrapper .card .inner-card .images img,
.shopping-list-landing .shopping-list-wrapper .card .inner-card .images .default-image { width: 48.5%; position: absolute; top: 0; right: 0; height: 100%; float: left;
}
.shopping-list-landing .shopping-list-wrapper .card .inner-card .images img:first-child,
.shopping-list-landing .shopping-list-wrapper .card .inner-card .images .default-image:first-child { margin-right: 3%; left: 0; right: inherit;
}
.shopping-list-landing .shopping-list-wrapper .card .inner-card .images img { float: left;
}
.shopping-list-landing .shopping-list-wrapper .card .inner-card .images + .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; background-size: 5px 1px;
}
.shopping-list-landing .shopping-list-wrapper .card .inner-card .title-link { font-size: 15px; text-align: center;
}
.shopping-list-landing .shopping-list-wrapper .card .inner-card .title-link svg { display: none;
}
.shopping-list-landing .shopping-list-wrapper .card .inner-card .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(20%, #555555), color-stop(40%, rgba(85, 85, 85, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-repeat: repeat-x; background-size: 5px 2px;
}
.shopping-list-landing .shopping-list-wrapper .title { position: relative; padding-right: 0; margin: 10px 0;
}
.shopping-list-landing .shopping-list-wrapper .title h2 { font-size: 18px; margin: 0; padding: 0; width: 100%; float: left; font-family: 'Roboto Slab', serif; font-weight: 400; line-height: 125%; padding-right: 20px;
}
.shopping-list-landing .shopping-list-wrapper .title h2 svg { float: right; margin-top: 5px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-right: -20px;
}
.shopping-list-landing .shopping-list-wrapper .title h2 svg path { fill: #555555;
}
.shopping-list-landing .shopping-list-wrapper .title .view-all { position: absolute; top: auto; bottom: 2px; right: 0; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; font-size: 14px; color: #00aeff; margin-right: 4px;
}
.shopping-list-landing .shopping-list-wrapper .title .view-all svg { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); width: 6px; height: 9px;
}
.shopping-list-landing .shopping-list-wrapper .title .view-all svg path { fill: #00aeff;
}
.shopping-list-landing .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(20%, #a9a9a9), color-stop(40%, rgba(169, 169, 169, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 2px; background-repeat: repeat-x; margin-bottom: 15px; box-sizing: content-box;
}
.shopping-list-landing .scallop.bottom { margin-top: 0;
}
.shopping-list-landing .recipe-box-summary { margin-bottom: 15px; clear: both;
}
.shopping-list-landing .recipe-box-summary a { font-size: 14px;
}
@media (min-width: 768px) { .shopping-list-landing h1 { margin: 20px 0 0 0; padding: 0; } .shopping-list-landing .mobile-container-padding.title { padding: 0 15px; } .shopping-list-landing .mobile-container-padding.title .button { width: 230px; float: right; } .shopping-list-landing .shopping-list-wrapper { padding: 0 0 0 15px; padding: 0; } .shopping-list-landing .shopping-list-wrapper ul { margin: 0 0 0 0; padding: 0 15px; list-style: none; } .shopping-list-landing .shopping-list-wrapper ul li.shopping-list-card { margin-bottom: 10px; float: left; } .shopping-list-landing .shopping-list-wrapper ul li.shopping-list-card:nth-child(odd) { clear: left; } .shopping-list-landing .shopping-list-wrapper ul li.shopping-list-card:nth-child(even) { margin-left: 18px; } .shopping-list-landing .shopping-list-wrapper .card { margin-top: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 285px; } .shopping-list-landing .shopping-list-wrapper .card .inner-card { padding: 0 10px 0 10px; } .shopping-list-landing .shopping-list-wrapper .card .inner-card .title-link { font-size: 12px; } .shopping-list-landing .shopping-list-wrapper .card .inner-card .title-link svg { float: right; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin: 2px 0 0 0; height: 10px; width: 10px; } .shopping-list-landing .shopping-list-wrapper .card .inner-card .title-link svg path { fill: #00aeff; } .shopping-list-landing .shopping-list-wrapper .card:before, .shopping-list-landing .shopping-list-wrapper .card:after { display: inline; position: absolute; width: 50%; height: 12%; content: ""; left: 8px; bottom: 13px; max-width: 200px; max-height: 100px; -webkit-transform: rotate(-5deg) skew(-10deg, 0deg); -moz-transform: rotate(-5deg) skew(-10deg, 0deg); -ms-transform: rotate(-5deg) skew(-10deg, 0deg); -o-transform: rotate(-5deg) skew(-10deg, 0deg); transform: rotate(-5deg) skew(-10deg, 0deg); -webkit-box-shadow: 0 15px 13px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 15px 13px rgba(0, 0, 0, 0.25); box-shadow: 0 15px 13px rgba(0, 0, 0, 0.25); } .shopping-list-landing .shopping-list-wrapper .card:after { left: auto; right: 8px; -webkit-transform: rotate(5deg) skew(10deg, 0deg); -moz-transform: rotate(5deg) skew(10deg, 0deg); -ms-transform: rotate(5deg) skew(10deg, 0deg); -o-transform: rotate(5deg) skew(10deg, 0deg); transform: rotate(5deg) skew(10deg, 0deg); } .shopping-list-landing .shopping-list-wrapper .card .images img { min-width: 125px !important; width: auto; height: auto; float: left; } .shopping-list-landing .shopping-list-wrapper .card .images img:first-child { margin-right: 10px; } .shopping-list-landing .shopping-list-wrapper .card .images svg.default-image { min-width: 125px !important; width: auto; min-height: 85px !important; height: auto; float: left; } .shopping-list-landing .shopping-list-wrapper .card .images svg.default-image:first-child { margin-right: 10px; } .shopping-list-landing .shopping-list-wrapper .title { padding-right: 63px; } .shopping-list-landing .shopping-list-wrapper .title .view-all { font-size: 12px; } .shopping-list-landing .shopping-list-wrapper .title h2 { font-size: 20px; float: left; padding-right: 0; } .shopping-list-landing .shopping-list-wrapper .title h2 svg { display: none !important; } .shopping-list-landing .divider.slitshadow { margin-top: 25px; } .shopping-list-landing .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; box-sizing: border-box; } .shopping-list-landing .recipe-box-summary { top: -30px; position: relative; z-index: 1; }
}
.tips-ideas h1 { padding: 0 15px; margin: 11px 0 18px 0;
}
.tips-ideas .collection { margin: 0 0 30px; padding: 0;
}
.tips-ideas .scallop.bottom .border { background-color: #f5f8f9;
}
@media (min-width: 768px) { .tips-ideas .main-left-col { padding-bottom: 20px; } .tips-ideas h1 { padding: 0 30px 0 20px; margin: 0; } .tips-ideas h2 { margin-top: 10px; margin-bottom: 4px; line-height: 100%; } .tips-ideas .scallop.top { margin: 35px 0 15px; } .tips-ideas .scallop .border { width: 542px; } .tips-ideas .collection { margin: 0 0 20px; padding: 0 20px; }
}
.tips-ideas-section > img { -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15);
}
.tips-ideas-section .subsection-container { padding: 0;
}
.tips-ideas-section .subsection-container p { margin: 0 5px 15px;
}
.tips-ideas-section .subsection-container h2 { font-size: 18px;
}
.tips-ideas-section .subsection-container h2 svg { float: right; margin-right: -10px; margin-top: 5px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.tips-ideas-section .subsection-container h2 a { color: #555555; font-family: 'Roboto Slab', serif;
}
.tips-ideas-section .subsection-container h2 a:hover { text-decoration: none; color: #00aeff;
}
.tips-ideas-section .subsection-container h2 a:hover svg path { fill: #00aeff;
}
.tips-ideas-section .subsection-container ul { margin: 0;
}
.tips-ideas-section .subsection-container li { list-style-type: none; font-size: 15px; border-top: 1px solid #cccccc; padding: 10px 0;
}
.tips-ideas-section .subsection-container li a { display: block; padding: 0 10px 0 25px;
}
.tips-ideas-section .subsection-container li a svg { float: right; margin-right: 0; margin-top: 2px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.tips-ideas-section .subsection-container li a svg path { fill: #00aeff;
}
.tips-ideas-section .subsection-container .row { -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}
.tips-ideas-section .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(20%, #555555), color-stop(40%, rgba(85, 85, 85, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 2px; background-repeat: repeat-x; margin-bottom: 10px; margin-left: -5px; padding-left: 10px; box-sizing: content-box;
}
.tips-ideas-section .main-thumb { float: none; width: 100%; height: auto;
}
@media (min-width: 768px) { .tips-ideas-section > img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tips-ideas-section .subsection-container { padding: 0 0 5px 20px; margin-left: 214px; } .tips-ideas-section .subsection-container .row { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tips-ideas-section .subsection-container p { font-size: 14px; margin: 0 0 5px; } .tips-ideas-section .subsection-container h2 { font-size: 28px; } .tips-ideas-section .subsection-container h2 svg { float: right; margin-right: 0; margin-top: 5px; height: 20px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .tips-ideas-section .subsection-container h2 svg path { fill: #555555; } .tips-ideas-section .subsection-container ul li { border-top: none; padding: 0; } .tips-ideas-section .subsection-container ul li a { border-top: none; font-size: 14px; padding: 4px 0; } .tips-ideas-section .subsection-container ul li a svg { display: none; } .tips-ideas-section .main-thumb { float: left; width: 214px; height: 145px; } .tips-ideas-section .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-left: 0; padding-left: 0; box-sizing: border-box; }
}
.taste-author .latest-posts,
.tastemakers-landing .latest-posts { padding: 20px 0 0 0; clear: both;
}
.taste-author .latest-posts ul,
.tastemakers-landing .latest-posts ul { margin: 0 0 10px 0;
}
.taste-author .latest-posts ul li,
.tastemakers-landing .latest-posts ul li { list-style-type: none;
}
.taste-author .latest-posts ul li:last-child .tips-ideas-section,
.tastemakers-landing .latest-posts ul li:last-child .tips-ideas-section { margin-bottom: 0;
}
.taste-author .latest-posts ul li:last-child .tips-ideas-section .row,
.tastemakers-landing .latest-posts ul li:last-child .tips-ideas-section .row { box-shadow: none;
}
.taste-author .latest-posts .tips-ideas-section,
.tastemakers-landing .latest-posts .tips-ideas-section { margin-bottom: 30px;
}
.taste-author .latest-posts .tips-ideas-section .main-thumb,
.tastemakers-landing .latest-posts .tips-ideas-section .main-thumb { margin: 5px 0;
}
.taste-author .latest-posts .tips-ideas-section time,
.tastemakers-landing .latest-posts .tips-ideas-section time { font-size: 14px; margin: 0 15px 0 15px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%; line-height: 200%;
}
.taste-author .latest-posts .tips-ideas-section h2,
.tastemakers-landing .latest-posts .tips-ideas-section h2 { font-size: 20px; margin: 5px 15px; padding-top: 0;
}
.taste-author .latest-posts .tips-ideas-section h2 svg,
.tastemakers-landing .latest-posts .tips-ideas-section h2 svg { margin-top: 5px; margin-right: 0;
}
.taste-author .latest-posts .tips-ideas-section p,
.tastemakers-landing .latest-posts .tips-ideas-section p { margin: 0 15px 10px 15px;
}
.taste-author .latest-posts .tips-ideas-section .subsection-container h2 a,
.tastemakers-landing .latest-posts .tips-ideas-section .subsection-container h2 a { color: #555555; font-family: 'Roboto Slab', serif; font-size: 20px; font-weight: 500; padding: 0; display: table; width: 100%; position: relative;
}
.taste-author .latest-posts .tips-ideas-section .subsection-container h2 a:hover,
.tastemakers-landing .latest-posts .tips-ideas-section .subsection-container h2 a:hover { text-decoration: none; color: #00aeff;
}
.taste-author .latest-posts .tips-ideas-section .subsection-container h2 a:hover svg path,
.tastemakers-landing .latest-posts .tips-ideas-section .subsection-container h2 a:hover svg path { fill: #00aeff;
}
.taste-author .latest-posts .tips-ideas-section .subsection-container h2 a div.title,
.tastemakers-landing .latest-posts .tips-ideas-section .subsection-container h2 a div.title { width: 95% !important; float: left !important; padding-right: 5px;
}
.taste-author .latest-posts .tips-ideas-section .subsection-container h2 a div.arrow,
.tastemakers-landing .latest-posts .tips-ideas-section .subsection-container h2 a div.arrow { position: absolute; right: 0px; bottom: 5px;
}
.taste-author .latest-posts .tips-ideas-section .subsection-container li,
.tastemakers-landing .latest-posts .tips-ideas-section .subsection-container li { padding: 0; border-top: none;
}
.taste-author .latest-posts .tips-ideas-section .subsection-container li a,
.tastemakers-landing .latest-posts .tips-ideas-section .subsection-container li a { padding: 0 15px 15px 15px;
}
.taste-author .latest-posts .tips-ideas-section .subsection-container .divider.dotted,
.tastemakers-landing .latest-posts .tips-ideas-section .subsection-container .divider.dotted { margin: 0 15px 5px 15px; width: auto;
}
.tastemakers-landing { background-color: #ffffff;
}
.tastemakers-landing .scallop.bottom { margin-top: 15px;
}
.tastemakers-landing .scallop.bottom .border { background-color: #f5f8f9;
}
.tastemakers-landing .slitshadow { margin: 0 auto 20px;
}
.tastemakers-landing h1 { margin: 10px 0 20px 0; padding: 5px 20px;
}
.tastemakers-landing p { font-size: 14px;
}
.tastemakers-landing p.summary { font-size: 18px; margin-bottom: 20px;
}
.tastemakers-landing p.note { color: #a9a9a9;
}
.tastemakers-landing .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.tastemakers-landing .latest-posts h1 { font-size: 25px; padding: 0; margin: 0 15px; color: #555555;
}
.tastemakers-landing .latest-posts .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(20%, #555555), color-stop(40%, rgba(85, 85, 85, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 2px; background-repeat: repeat-x; margin-bottom: 15px; margin-left: 0; box-sizing: content-box;
}
.tastemakers-landing .recipe-tags { padding: 10px 0 30px 0;
}
@media (min-width: 768px) { .taste-author .latest-posts, .tastemakers-landing .latest-posts { padding: 50px 0 0 0; } .taste-author .latest-posts .tips-ideas-section, .tastemakers-landing .latest-posts .tips-ideas-section { margin-bottom: 40px; } .taste-author .latest-posts .tips-ideas-section .main-thumb, .tastemakers-landing .latest-posts .tips-ideas-section .main-thumb { margin: 0; } .taste-author .latest-posts .tips-ideas-section time, .tastemakers-landing .latest-posts .tips-ideas-section time { font-size: 14px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%; margin: 0 0 0 20px; } .taste-author .latest-posts .tips-ideas-section h2, .tastemakers-landing .latest-posts .tips-ideas-section h2 { font-size: 20px !important; margin: 5px 0; padding-top: 0; } .taste-author .latest-posts .tips-ideas-section h2 svg, .tastemakers-landing .latest-posts .tips-ideas-section h2 svg { margin-top: 0; } .taste-author .latest-posts .tips-ideas-section p, .tastemakers-landing .latest-posts .tips-ideas-section p { margin: 0; } .taste-author .latest-posts .tips-ideas-section .subsection-container li, .tastemakers-landing .latest-posts .tips-ideas-section .subsection-container li { padding: 0; border-top: none; } .taste-author .latest-posts .tips-ideas-section .subsection-container li a, .tastemakers-landing .latest-posts .tips-ideas-section .subsection-container li a { padding: 0 0 15px 0; } .taste-author .latest-posts .tips-ideas-section .subsection-container .divider.dotted, .tastemakers-landing .latest-posts .tips-ideas-section .subsection-container .divider.dotted { margin: 0 0 5px 0; width: auto; } .tastemakers-landing .main-left-col { padding: 0 20px 0 20px; } .tastemakers-landing h1 { margin: 0 0 10px 0; padding: 0 0 10px; } .tastemakers-landing p { padding: 0; font-size: 14px; } .tastemakers-landing p.summary { font-size: 20px; margin-bottom: 25px; } .tastemakers-landing .jcarousel-wrapper.slideshow ul { height: 250px; } .tastemakers-landing .latest-posts h1 { font-size: 25px; padding: 0; margin: 0; color: #555555; } .tastemakers-landing .latest-posts .divider { margin-bottom: 5px; } .tastemakers-landing .latest-posts .divider.dotted { margin-bottom: 30px; box-sizing: border-box; } .tastemakers-landing .recipe-tags { padding: 10px 0 0; }
}
.our-tastemakers { padding: 0 10px 20px 10px;
}
.our-tastemakers .card { margin-top: -20px;
}
.our-tastemakers .card .inner-card { min-height: 110px; height: auto; padding: 0;
}
.our-tastemakers .card .tastemakers-list { padding: 0 15px;
}
.our-tastemakers .card .tastemakers-list .loading { margin-top: 10px;
}
.our-tastemakers .card .tastemakers-list .authors-list { clear: both; margin-bottom: 0;
}
.our-tastemakers .card .tastemakers-list .authors-list ul { display: block; margin: 0;
}
.our-tastemakers .card .tastemakers-list .authors-list ul li { list-style-type: none; margin-top: 20px;
}
.our-tastemakers .card .tastemakers-list .authors-list img { margin-bottom: 20px;
}
.our-tastemakers .card .tastemakers-list .authors-list .author-content { clear: both;
}
.our-tastemakers .card .tastemakers-list .authors-list .author-content .author-details { margin-top: -10px;
}
.our-tastemakers .card .tastemakers-list .authors-list .author-content ul { display: block; margin: 3px 0 0;
}
.our-tastemakers .card .tastemakers-list .authors-list .author-content ul li { list-style-type: none; margin-top: 0;
}
.our-tastemakers .card .tastemakers-list .authors-list .author-content .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; background-size: 5px 2px;
}
.our-tastemakers .card .tastemakers-list .authors-list .divider.dotted { clear: both; margin-bottom: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; background-size: 5px 2px;
}
.our-tastemakers .card .tastemakers-list .show-more-tastemakers { margin-top: 0; clear: both;
}
@media (min-width: 768px) { .our-tastemakers { padding: 0 0 20px 0; } .our-tastemakers .show-more-tastemakers { margin-top: 5px; margin-bottom: -20px; } .our-tastemakers .show-more-tastemakers span.more { font-weight: 600; } .our-tastemakers .card .inner-card { padding-bottom: 20px; } .our-tastemakers .card .tastemakers-list .authors-list { margin-top: 0; } .our-tastemakers .card .tastemakers-list .authors-list ul li { margin-top: 0; } .our-tastemakers .card .tastemakers-list .authors-list img { margin-bottom: 0; } .our-tastemakers .card .tastemakers-list .authors-list .author-content { padding-top: 20px; } .our-tastemakers .card .tastemakers-list .authors-list .author-content .author-details { margin-top: 0px; } .our-tastemakers .card .tastemakers-list .show-more-tastemakers.show-more-items { line-height: 15px; padding: 15px 0 10px; }
}
.taste-author { background-color: #ffffff;
}
.taste-author .kft-ad { background: transparent;
}
.taste-author .author { padding: 0 10px; margin-bottom: 15px; font-size: 14px; text-align: center;
}
.taste-author .author .author-imagery { text-align: center; width: 100%;
}
.taste-author .author .author-imagery img { border-radius: 50%; height: 150px; margin-top: 20px;
}
.taste-author .author .author-imagery p { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%; margin-top: 20px;
}
.taste-author .author .author-imagery .social { list-style: none; text-align: center; width: 230px; margin: 0 auto;
}
.taste-author .author .author-imagery .social li { position: relative; display: inline-block; text-align: center; margin-bottom: 15px; border-right: 1px solid #a9a9a9;
}
.taste-author .author .author-imagery .social li a { padding: 10px 0;
}
.taste-author .author .author-imagery .social li a svg { width: 15px; height: 15px; margin: 0 10px; margin-top: 0;
}
.taste-author .author .author-imagery .social li a svg path { fill: #003366;
}
.taste-author .author .author-imagery .social li:nth-child(6n) { border-right: none;
}
.taste-author .author .author-imagery .social li:last-child { border-right: none;
}
.taste-author .author .author-details { text-align: center; font-size: 14px; width: 100%; clear: both;
}
.taste-author .author .author-details h3 a { font-size: 16px; color: #555555; font-family: 'Source Sans Pro', sans-serif; font-weight: 600;
}
.taste-author .author .author-details h3 a:hover { text-decoration: none; color: #00aeff;
}
.taste-author .author .author-details h3 a:hover svg path { fill: #00aeff;
}
.taste-author .author .author-details .location { display: inline-block; margin-bottom: 15px;
}
.taste-author .author .author-details .location .logo { float: left; margin-right: 15px;
}
.taste-author .author .author-details .location .logo img { border-radius: 5px; height: 25px; width: 25px; margin-top: 0;
}
.taste-author .author .author-details .location .location-details { float: left; padding-top: 5px;
}
.taste-author .author .author-details .location .location-details ul { margin: 0; float: left;
}
.taste-author .author .author-details .location .location-details ul li { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%; list-style: none; display: inline-block;
}
.taste-author .author .author-details .back-to-link .circle-container { float: none; display: inline-block;
}
.taste-author .author .author-details .back-to-link .circle-container svg { height: 9px;
}
.taste-author .author .author-details p { clear: both; font-size: 15px;
}
.taste-author .latest-posts .h1 { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; color: #003366; font-size: 25px; margin: 9px 0 0; font-size: 21px; padding: 0 0 5px 0; margin: 0; color: #555555;
}
.taste-author .latest-posts .h1.with-link { display: table; width: 100%; margin-bottom: 3px !important; margin-top: 8px !important;
}
.taste-author .latest-posts .h1.with-link .tr { display: table-row; width: 100%;
}
.taste-author .latest-posts .h1.with-link .tr span { display: table-cell;
}
.taste-author .latest-posts .h1.with-link .tr span.link { vertical-align: -10px;
}
.taste-author .latest-posts .h1.with-link .tr a { display: block; text-align: right; font-size: 14px;
}
.taste-author .latest-posts .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(20%, #555555), color-stop(40%, rgba(85, 85, 85, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 2px; background-repeat: repeat-x; margin-bottom: 15px; margin-left: 0; box-sizing: content-box;
}
.taste-author .latest-posts .collection { margin-bottom: 30px;
}
.taste-author .latest-posts .show-more-posts.show-more-items { margin-top: -8px; margin-bottom: 0;
}
.taste-author .scallop.bottom { margin-top: 15px;
}
.taste-author .scallop.bottom.bottom { margin-top: 0;
}
.taste-author .scallop.bottom.bottom .border { background-color: #f5f8f9;
}
@media (min-width: 768px) { .taste-author h1 { padding: 0 0 20px 0; } .taste-author .author { text-align: left; padding: 0 20px; margin-bottom: 30px; } .taste-author .author .author-imagery { float: left; margin-left: 15px; width: 176px; box-sizing: content-box; } .taste-author .author .author-imagery img { height: 175px; margin-top: 0; } .taste-author .author .author-imagery p { font-size: 14px; margin-bottom: 5px; } .taste-author .author .author-imagery .social { width: 172px; } .taste-author .author .author-imagery .social li a svg { width: 15px; height: 15px; margin: 0 8px; } .taste-author .author .author-imagery .social li:nth-child(5n) { border-right: none !important; clear: left; } .taste-author .author .author-imagery .social li:nth-child(6n) { border-right: 1px solid #a9a9a9; } .taste-author .author .author-details { width: 354px; float: left; text-align: left; clear: none; margin: 0px 0 0 35px; } .taste-author .author .author-details .location { margin-top: 0; width: 100%; } .taste-author .author .author-details .location .logo img { height: 50px; width: 50px; } .taste-author .author .author-details .location .location-details { text-align: left; padding-top: 0; } .taste-author .author .author-details .location .location-details ul { width: 246px; } .taste-author .author .author-details .location .location-details ul li { width: 100%; float: none; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%; } .taste-author .author .author-details .location .location-details ul li span { display: none; } .taste-author .author .author-details p { font-size: 14px; padding-right: 20px; } .taste-author .author .author-details a { margin-top: 15px; } .taste-author .latest-posts { padding: 0 20px; } .taste-author .latest-posts .h1 { font-size: 25px; padding: 0; } .taste-author .latest-posts .divider { margin-bottom: 5px; } .taste-author .latest-posts .collection { margin-bottom: 30px; } .taste-author .latest-posts .divider.dotted { margin-bottom: 20px; box-sizing: border-box; }
}
.most-viewed { margin: 0 15px 30px 15px;
}
.most-viewed ul { margin: 10px 0 0 0;
}
.most-viewed ul li { float: left; list-style: none; position: relative;
}
.most-viewed ul li:last-child .divider.dotted { display: none;
}
.most-viewed .card { font-size: 12px; margin-top: -20px; padding-top: 30px;
}
.most-viewed .card .inner-card { padding: 0; min-height: 170px; margin: 0 0;
}
.most-viewed .post { margin-bottom: 0; width: 100%; padding: 0 5px;
}
.most-viewed .post .inner-post { padding: 0 10px;
}
.most-viewed .post .inner-post .post-top { margin: 0 0 15px 0; width: 120px; float: left;
}
.most-viewed .post .inner-post .post-top a { height: 71px; width: 107px; display: block; overflow: hidden;
}
.most-viewed .post .inner-post .post-top a img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; min-height: 100% !important;
}
.most-viewed .post .inner-post .post-bottom { float: left; margin: 0 0 0 0px; width: 53%;
}
.most-viewed .post .inner-post .post-bottom .card-details { line-height: 16px; text-align: left; height: 70px; display: table;
}
.most-viewed .post .inner-post .post-bottom .card-details time { display: none;
}
.most-viewed .post .inner-post .post-bottom .card-details a { font-size: 16px; margin: 0; display: table-cell; vertical-align: middle; line-height: normal;
}
.most-viewed .post .inner-post .post-bottom .card-details p { font-size: 11px; display: none;
}
.most-viewed .post .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(20%, #a9a9a9), color-stop(40%, rgba(169, 169, 169, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 2px; background-repeat: repeat-x; margin: 0 0 10px 0; padding: 0; width: 100%; clear: both; margin-bottom: 15px; box-sizing: content-box;
}
.most-viewed .show-more-items { margin-bottom: 10px;
}
@media (min-width: 768px) { .most-viewed { margin: 0 -10px 30px -10px; } .most-viewed ul { list-style-type: none; } .most-viewed ul li { list-type: none; float: left; } .most-viewed ul li:nth-child(odd) { clear: both; } .most-viewed ul li:nth-child(even) { margin-left: 20px; clear: right; } .most-viewed .card .inner-card { padding-bottom: 0; margin: 0; padding-left: 9px; } .most-viewed .post { width: 130px; margin-bottom: 20px; padding: 0 10px; } .most-viewed .post .inner-post { margin: 0; padding: 0; } .most-viewed .post .inner-post .post-top { margin-bottom: 5px; } .most-viewed .post .inner-post .post-top a { width: 130px; height: 86px; } .most-viewed .post .inner-post .post-bottom { margin: 0; float: none; clear: both; } .most-viewed .post .inner-post .post-bottom .card-details { width: 130px; display: block; height: auto; } .most-viewed .post .inner-post .post-bottom .card-details time { font-size: 10px; display: block; } .most-viewed .post .inner-post .post-bottom .card-details a { font-size: 12px; margin: 0 0 5px 0; display: block; } .most-viewed .post .inner-post .post-bottom .card-details p { font-size: 10px; display: block; } .most-viewed .post .divider.dotted { display: none; } .most-viewed .show-more-items { display: none; }
}
.tastemakers .kft-ad { background: transparent;
}
.tastemakers .main-left-col { padding: 0 0 20px 0;
}
.tastemakers .blog-imagery { margin-bottom: 15px;
}
.tastemakers .blog-imagery img { width: 100%; margin-bottom: 20px;
}
.tastemakers .blog-imagery .data { font-weight: bold; margin: 0 15px;
}
.tastemakers .blog-imagery .data a { margin-left: 20px;
}
.tastemakers .scallop.bottom { margin-top: 0;
}
.tastemakers .scallop.bottom .border { background-color: #f5f8f9;
}
.tastemakers .blog-recipe .card { margin-bottom: 20px; box-shadow: none; transform: none;
}
.tastemakers .blog-recipe .card .recipe-img { display: block; margin: 4px 10px 10px 0;
}
.tastemakers .blog-recipe .card .recipe-img img { width: auto;
}
.tastemakers .blog-recipe .card .card-details { min-height: none; width: 100%; padding: 0; float: left;
}
.tastemakers .blog-recipe .card .card-details a.title { font-size: 15px; max-height: none;
}
.tastemakers .blog-recipe .card .card-details p { padding: 0;
}
.tastemakers .blog-recipe .card .card-details p.recipe-teaser { margin-top: 5px; display: block;
}
.tastemakers .blog-recipe .card .card-details .review-num { display: block; float: left;
}
.tastemakers .blog-recipe .card .card-total-time { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; font-size: 12px; padding-left: 0; margin-left: 0; display: block;
}
.tastemakers .blog-recipe .card .card-total-time .time { font-family: 'Roboto Slab', serif; font-weight: 400; line-height: 125%; font-weight: 700; font-size: 11px;
}
.tastemakers .blog-recipe .card .card-total-time .hour,
.tastemakers .blog-recipe .card .card-total-time .min { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; line-height: 125%; font-size: 20px;
}
.tastemakers .blog-recipe .card .card-total-time .hour { margin-left: 5px;
}
.tastemakers .blog-recipe .card.review-num { color: #555555;
}
.tastemakers .blog-recipe .card:before { display: none;
}
.tastemakers .blog-recipe .card:after { display: none;
}
.tastemakers .blog-recipe p { clear: both;
}
.tastemakers .blog-recipe .rate-review { margin: 5px 0; height: 12px;
}
.tastemakers .slitshadow { margin: 20px auto;
}
.tastemakers h1 { margin: 10px 0 20px 0; padding: 5px 20px;
}
.tastemakers h2.summary { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; font-size: 18px; margin-bottom: 20px;
}
.tastemakers p { font-size: 14px;
}
.tastemakers p.note { color: #a9a9a9;
}
.tastemakers .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.tastemakers .divider.dotted.vertical { position: relative; width: 2px; display: table-cell; float: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(25%, #a9a9a9), color-stop(50%, rgba(169, 169, 169, 0.2)), color-stop(50%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -ms-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to bottom, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0 top; background-size: 12px 6px; background-repeat: repeat-y;
}
.tastemakers .author-module { margin-bottom: 10px;
}
.tastemakers .author-module .card:before,
.tastemakers .author-module .card:after { display: none;
}
.tastemakers .author-module .card .inner-card { padding: 20px 15px 15px 20px; min-height: 125px; background-color: #f5f8f9; height: auto;
}
.tastemakers .author-module .author-details .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(20%, #555555), color-stop(40%, rgba(85, 85, 85, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 2px; background-repeat: repeat-x;
}
.tastemakers .recipe-tags { margin-bottom: 20px;
}
@media (min-width: 768px) { .tastemakers .main-left-col { padding: 0 20px 20px 20px; } .tastemakers .main-left-col .blog-imagery { padding: 0; } .tastemakers .main-left-col .blog-imagery img { max-width: 580px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tastemakers .main-left-col .blog-imagery .data { margin: 0; } .tastemakers .main-left-col .recipes-by-email { margin-top: 0; } .tastemakers h1 { margin: 0 0 10px 0; padding: 0 0 10px; } .tastemakers h2.summary { font-size: 20px; margin-bottom: 25px; } .tastemakers p { padding: 0; font-size: 14px; } .tastemakers .blog-recipe .card { margin-bottom: 20px; box-shadow: none; transform: none; } .tastemakers .blog-recipe .card .recipe-img { margin: 4px 21px 0 0; float: left; display: inline-block; } .tastemakers .blog-recipe .card .recipe-img img { height: 132px; width: 195px; } .tastemakers .blog-recipe .card .card-details { min-height: 132px; width: 48%; position: relative; padding: 0; float: left; } .tastemakers .blog-recipe .card .card-details a.title { font-size: 18px; max-height: none; } .tastemakers .blog-recipe .card .card-details p { padding-top: 0; } .tastemakers .blog-recipe .card .card-details p.recipe-teaser { margin-top: 3px; margin-bottom: 3px; } .tastemakers .blog-recipe .card .card-details .card-total-time { font-size: 14px; padding: 20px 0 0 0; } .tastemakers .blog-recipe .card .card-details .card-total-time .time { font-size: 12px; } .tastemakers .blog-recipe .card .card-details .card-total-time .hour, .tastemakers .blog-recipe .card .card-details .card-total-time .min { font-size: 24px; } .tastemakers .blog-recipe .card .card-details .card-total-time span:first-of-type { margin-left: 30px; } .tastemakers .author-module { margin-bottom: 30px; } .tastemakers .author-module .card:before, .tastemakers .author-module .card:after { display: inline; position: absolute; width: 50%; height: 12%; content: ""; left: 8px; bottom: 13px; max-width: 200px; max-height: 100px; -webkit-transform: rotate(-5deg) skew(-10deg, 0deg); -moz-transform: rotate(-5deg) skew(-10deg, 0deg); -ms-transform: rotate(-5deg) skew(-10deg, 0deg); -o-transform: rotate(-5deg) skew(-10deg, 0deg); transform: rotate(-5deg) skew(-10deg, 0deg); -webkit-box-shadow: 0 15px 13px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 15px 13px rgba(0, 0, 0, 0.35); box-shadow: 0 15px 13px rgba(0, 0, 0, 0.35); } .tastemakers .author-module .card:after { left: auto; right: 8px; -webkit-transform: rotate(5deg) skew(10deg, 0deg); -moz-transform: rotate(5deg) skew(10deg, 0deg); -ms-transform: rotate(5deg) skew(10deg, 0deg); -o-transform: rotate(5deg) skew(10deg, 0deg); transform: rotate(5deg) skew(10deg, 0deg); } .tastemakers .author-module .card .inner-card { background-color: #ffffff; min-height: 112px; } .tastemakers .recipe-tags { padding: 10px 0 0; }
}
@media all and (-ms-high-contrast: none) { *::-ms-backdrop, .tastemakers .slitshadow.divider .falloff-shadow { top: -16px !important; }
}
.author-content img { min-width: 80px; width: 30%; float: left; margin-right: 20px; border-radius: 50%;
}
.author-content .author-details { width: 60%; float: left; margin-top: -5px;
}
.author-content .author-details h3 { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%; font-size: 16px; margin: 0; padding: 0 0 4px 0;
}
.author-content .author-details h3 a { font-size: 16px; color: #555555; font-family: 'Source Sans Pro', sans-serif; font-weight: 600;
}
.author-content .author-details h3 a:hover { text-decoration: none; color: #00aeff;
}
.author-content .author-details h3 a:hover svg path { fill: #00aeff;
}
.author-content .author-details .author-links { list-type: none; display: block; padding: 0; margin: 2px 0 0;
}
.author-content .author-details .author-links li { list-style: none; padding: 10px 0; border-bottom: 1px solid #cccccc;
}
.author-content .author-details .author-links li:last-child { border: none;
}
.author-content .author-details .author-links li svg path { fill: #00aeff;
}
.author-content .author-details svg { float: right; margin-right: 0; margin-top: 4px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.author-content .author-details svg path { fill: #555555;
}
@media (min-width: 768px) { .author-content img { float: left; min-width: 65px; width: 65px; } .author-content .author-details { margin-top: 0; width: 175px; } .author-content .author-details h3 { margin: 0 0 3px 0; padding: 0; } .author-content .author-details .author-links svg { display: none; } .author-content .author-details .author-links li { padding: 4px 0; } .author-content .author-details svg { float: right; margin-right: 0; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .author-content .author-details svg path { fill: #555555; }
}
.blog-comments .blog-comments-content { padding: 0 15px 0;
}
.blog-comments .blog-comments-content h2 { margin-bottom: 7px;
}
.blog-comments .blog-comments-content h3 { margin: 20px 0 0 0; padding: 0;
}
.blog-comments .blog-comments-content .comment-form { padding-bottom: 1px;
}
.blog-comments .blog-comments-content .comment-form .comment-text { border: 1px solid #dedede; width: 100%; height: 150px; padding: 15px; margin: 8px 0 20px 0; outline: 0; font-size: 14px; color: #555555; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; resize: none;
}
.blog-comments .blog-comments-content .comment-form .comment-submit-btn { outline: 0; border: 0; max-width: 100%; margin-bottom: 5px;
}
.blog-comments .blog-comments-content .comment-form .error { font-size: 14px;
}
.blog-comments .blog-comments-content .comment-form .comment-submit-btn + .error { margin-top: 5px;
}
.blog-comments .blog-comments-content .comments-list-wrapper { position: relative; -moz-transition: max-height 1s ease-in-out; -ms-transition: max-height 1s ease-in-out; -o-transition: max-height 1s ease-in-out; -webkit-transition: max-height 1s ease-in-out; transition: max-height 1s ease-in-out; margin-top: -12px;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list { list-style-type: none; margin: 0;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li { margin: 20px 0;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li:last-child .divider { display: none;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li .hearts div { margin-right: 1px;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li .hearts div svg { width: 20px; height: 17px;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li p { font-size: 13px; line-height: 1.5;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li .review-details { font-size: 12px; color: #a9a9a9; margin: 5px 0 8px;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li .review-details .author { font-size: 16px; color: #555555; padding-bottom: 6px;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li .review-details .pipe { padding: 0 5px; display: none;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li .review-details .date { display: block;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li .divider { margin-top: 20px;
}
.blog-comments .blog-comments-content .read-more-comments { margin: 0 auto; position: relative; background: #ffffff; padding-bottom: 5px; text-align: center; outline: none; border: 0; color: #00aeff; cursor: pointer; display: block; line-height: 40px; font-size: 16px; margin-bottom: 0;
}
.blog-comments .blog-comments-content .read-more-comments span:hover { text-decoration: underline;
}
.blog-comments .blog-comments-content .read-more-comments span.less { display: none;
}
.blog-comments .blog-comments-content .read-more-comments span.more { font-weight: normal;
}
.blog-comments .blog-comments-content .read-more-comments svg { width: 9px; margin: 0 0 0 12px; vertical-align: middle; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.blog-comments .blog-comments-content .read-more-comments svg path { fill: #00aeff;
}
@media (min-width: 768px) { .blog-comments .blog-comments-content .read-more-comments:last-of-type { margin-bottom: 20px; } .blog-comments .blog-comments-content .read-more-comments span.more { font-weight: 700; }
}
.blog-comments .blog-comments-content .read-more-comments .divider { margin: 0;
}
.blog-comments .blog-comments-content .divider { margin-bottom: 25px;
}
.blog-comments .blog-comments-content .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.blog-comments .blog-comments-content .divider.lt-gray { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 15px;
}
@media (min-width: 768px) { .blog-comments .blog-comments-content { padding: 20px 0 0; display: block; } .blog-comments .blog-comments-content h3 { margin-top: 15px; } .blog-comments .blog-comments-content .comment-form .comment-submit-btn { margin-bottom: 22px; max-width: 230px; } .blog-comments .blog-comments-content .comment-form .comment-submit-btn + .error { margin-top: -10px; } .blog-comments .blog-comments-content .comment-form .loading { margin: 0 0 -15px 10px; }
}
.article .jcarousel-wrapper { margin-top: 5px;
}
.article .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 5px;
}
.article .main-left-col { padding: 0 0 20px 0; }
.article .main-left-col ul { padding-left: 30px; font-size: 14px;
}
.article .main-left-col ul li { margin: 5px 0;
}
.article .main-left-col .video-wrapper { margin-bottom: 35px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
}
.article .main-left-col .video-wrapper .video-wrapper-inner { position: relative; height: 0; padding-bottom: 56.25%;
}
.article .main-left-col .video-wrapper .video-wrapper-inner .BrightcoveExperience,
.article .main-left-col .video-wrapper .video-wrapper-inner object { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.article .main-left-col .recipe-overview { padding: 0 0 25px;
}
.article .main-left-col .recipe-overview .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.article .main-left-col .recipe-overview .divider.dotted.vertical { position: relative; width: 2px; display: table-cell; float: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(25%, #a9a9a9), color-stop(50%, rgba(169, 169, 169, 0.2)), color-stop(50%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -ms-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to bottom, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0 top; background-size: 12px 6px; background-repeat: repeat-y;
}
.article .main-left-col table { width: auto !important; color: #555555 !important; background: none !important;
}
.article .main-left-col table td { font-size: 14px; line-height: 125%;
}
.article .main-left-col div { color: #555555 !important; font-size: 14px; line-height: 125%;
}
.article .main-left-col div.error { color: #ec174f !important;
}
.article .article-imagery.video { padding: 0px 5px;
}
.article .article-imagery img { margin-bottom: 18px; width: 100%;
}
.article .scallop.bottom { margin-top: 0;
}
.article .scallop.bottom .border { background-color: #f5f8f9;
}
.article .slitshadow { margin: 30px auto 0px;
}
.article h1 { margin-top: 0; padding: 5px 20px;
}
.article h2 { font-weight: 400; font-size: 28px; margin-bottom: 3px;
}
.article h3 { margin-bottom: 2px;
}
.article p { font-size: 14px;
}
.article p.summary { font-size: 18px; margin-bottom: 18px;
}
.article .details-row { margin-bottom: 15px;
}
.article .show-more-recipes { margin: 0 auto; position: relative; background: #ffffff; padding-bottom: 5px; text-align: center; outline: none; border: 0; color: #00aeff; cursor: pointer; display: block; line-height: 40px; font-size: 16px; margin-bottom: 0;
}
.article .show-more-recipes span:hover { text-decoration: underline;
}
.article .show-more-recipes span.less { display: none;
}
.article .show-more-recipes span.more { font-weight: normal;
}
.article .show-more-recipes svg { width: 9px; margin: 0 0 0 12px; vertical-align: middle; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.article .show-more-recipes svg path { fill: #00aeff;
}
@media (min-width: 768px) { .article .show-more-recipes:last-of-type { margin-bottom: 20px; } .article .show-more-recipes span.more { font-weight: 700; }
}
@media (min-width: 768px) { .article .main-left-col { padding: 0 20px 20px 20px; } .article .main-left-col .article-imagery { padding: 0; } .article .main-left-col .article-imagery img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 35px; } .article .main-left-col .article-imagery .video-wrapper { margin-bottom: 35px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .article h1 { padding: 0 0 10px; } .article p { padding: 0; } .article p.summary { margin-bottom: 25px; } .article .jcarousel-wrapper { margin-top: 16px; margin-right: -20px; } .article .three-tile-grid { margin: 0 0 0 1px; width: auto; padding-left: 0 !important; } .article .three-tile-grid .card { margin: 0px 8px 40px; } .article .three-tile-grid .card:nth-child(3n+1) { margin-left: 1px; clear: both; } .article .three-tile-grid .card .inner-card { min-height: 256px; } .article .three-tile-grid .card .inner-card .card-top a { height: 122px; } .article .three-tile-grid .card.recipe:nth-of-type(2n+1) { clear: none; } .article .three-tile-grid .card-shadow { top: 50%; height: 50%; } .article .three-tile-grid .card-shadow:before, .article .three-tile-grid .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(12%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); }
}
.more-articles .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 5px;
}
.more-articles ul { margin: 0; padding: 0 !important; list-style-type: none;
}
.more-articles ul li { margin: 0 !important;
}
.more-articles ul li:last-child a { border-bottom-width: 2px;
}
.more-articles a { display: block; border-bottom: 1px solid #eeeeee; font-size: 14px; padding: 10px 0;
}
.more-articles a.single-indent { padding-left: 32px; font-weight: bold;
}
.more-articles a.double-indent { padding-left: 42px;
}
.more-articles a.no-border { border-bottom: none;
}
.more-articles a svg { float: right; margin-right: 20px; margin-top: 2px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.more-articles a svg path { fill: #00aeff;
}
@media (min-width: 768px) { .more-articles { padding-bottom: 20px; } .more-articles .divider.dotted { margin-bottom: 20px; } .more-articles a { border: none; padding: 6px 0 7px; } .more-articles a.single-indent { margin-left: 50px; padding-left: 0; } .more-articles a.double-indent { margin-left: 90px; padding-left: 0; } .more-articles a svg { display: none; }
}
.related-articles { margin: 0 10px 20px 10px;
}
.related-articles ul { list-style-type: none; margin: 0;
}
.related-articles ul li { border-bottom: 1px solid #e3e3e3; margin: 0; padding: 8px 0;
}
.related-articles ul li:last-child { border-bottom: none;
}
.related-articles .card a { display: inline-block; width: 100%; padding: 0 15px; position: relative;
}
.related-articles .card a .text { float: left; padding-right: 22px;
}
.related-articles .card a .icon-arrow-right { padding-top: 2px; font-size: 115%; margin-left: -30px; position: absolute; top: 50%; margin-top: -9px; right: 10px;
}
.related-articles .card .inner-card svg { float: right; margin-right: 0; margin-top: 2px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.related-articles .card .inner-card svg path { fill: #00aeff;
}
@media (min-width: 768px) { .related-articles { margin: 0 0 30px 0; } .related-articles ul { margin: 0 10px; } .related-articles ul li { padding: 5px 0; margin: 0 15px; } .related-articles .inner-card { padding-bottom: 20px; } .related-articles .inner-card a { padding: 0; font-size: 12px; font-weight: 400; } .related-articles .inner-card a .text { padding-right: 0; } .related-articles .inner-card svg { display: none; }
}
.collection-list { margin-bottom: 20px;
}
.collection-list ul { list-style-type: none; margin: 0;
}
.collection-list ul li { border-bottom: 1px solid #e3e3e3; margin: 0; padding: 7px 0;
}
.collection-list ul li span { color: #555555; font-size: 12px; font-weight: bold;
}
.collection-list ul li:last-child { border-bottom: none;
}
.collection-list .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 5px;
}
.collection-list .level3 { margin-left: 10px;
}
.collection-list .card .mobile-click-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.collection-list .card .inner-card { padding: 10px 24px 40px 24px;
}
.collection-list .card .inner-card a,
.collection-list .card .inner-card span { display: block; font-size: 12px; font-weight: 400; text-decoration: none; line-height: 125%;
}
.collection-list .card .inner-card .back-to-parent { padding-bottom: 6px;
}
.collection-list .card .inner-card .back-to-parent .back-to-link { font-size: 14px;
}
.collection-list .card .inner-card .back-to-parent .back-to-link .circle-container svg { margin-left: -2px;
}
@media (min-width: 768px) { .collection-list { margin-bottom: 30px; } .collection-list .divider.dotted { margin-bottom: 8px; background-size: 4px 1px; } .collection-list .left { padding-right: 4px; } .collection-list .right { padding-left: 4px; } .no-touch .collection-list a:hover { text-decoration: underline; }
}
.magazine-hero { position: relative;
}
.magazine-hero .main-image { padding: 0; position: relative; left: 0;
}
.magazine-hero .main-image img { max-height: 317px; width: auto; margin: 0 auto; display: block;
}
.magazine-hero .content-wrapper { position: static; right: 0; top: 0; width: 100%; padding: 0 24px;
}
.magazine-hero .content-wrapper .title-wrapper .title { font-family: 'Roboto Slab'; font-size: 17px; line-height: 140%; margin-right: 10px; margin-top: 25px; margin-bottom: 10px;
}
.magazine-hero .content-wrapper .title-wrapper .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(20%, #cccccc), color-stop(40%, rgba(204, 204, 204, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 2px; background-repeat: repeat-x; margin-bottom: 10px;
}
.magazine-hero .content-wrapper .summary-wrapper { position: relative; width: 100%;
}
.magazine-hero .content-wrapper .summary-wrapper .content { padding: 0 0 10px;
}
.magazine-hero .content-wrapper .summary-wrapper .content ul { line-height: 150%; margin-left: 25px;
}
.magazine-hero .content-wrapper .summary-wrapper .content ul li { font-size: 14px; line-height: 125%;
}
.magazine-hero .content-wrapper .summary-wrapper .content p,
.magazine-hero .content-wrapper .summary-wrapper .content span { font-size: 14px; font-weight: bold;
}
.magazine-hero .button { width: 100%; font-size: 13px; font-weight: normal; padding: 15px 30px;
}
.magazineDetails .magazine-hero .main-image img { max-height: 317px; width: auto; margin: 0 auto; display: block;
}
.magazineDetails .magazine-hero .content-wrapper { margin-top: 25px; padding: 0 18px;
}
.magazineDetails .magazine-hero .content-wrapper .title-wrapper { top: 50px; width: 28vw; right: 0;
}
.magazineDetails .magazine-hero .content-wrapper .title-wrapper .title { display: none;
}
.magazineDetails .magazine-hero .content-wrapper .content p,
.magazineDetails .magazine-hero .content-wrapper .content span { font-weight: normal; font-size: 17px;
}
.magazineDetails .magazine-hero .content-wrapper .content span { display: block; margin-bottom: 10px;
}
.magazineDetails .magazine-hero .button { padding: 15px 5px; margin-bottom: 30px;
}
.lt-ie10 .magazine-hero .button .circle-container svg { vertical-align: 5px;
}
@media (min-width: 768px) { .magazine-hero .main-image { left: 0; float: left; } .magazine-hero .main-image img { max-height: 240px; max-width: 275px; } .magazine-hero .content-wrapper { width: auto; margin-left: 40px; padding: 0; float: left; } .magazine-hero .content-wrapper .title-wrapper { position: static; width: 250px; } .magazine-hero .content-wrapper .title-wrapper .title { font-size: 20px; width: auto; padding: 0 0 8px; line-height: 120%; margin-top: 0; margin-bottom: 0; } .magazine-hero .content-wrapper .title-wrapper .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 5px; } .magazine-hero .content-wrapper .title-wrapper .divider.dotted:first-child { display: none; } .magazine-hero .content-wrapper .summary-wrapper { position: static; padding: 0; margin-top: 0; } .magazine-hero .content-wrapper .summary-wrapper .content { width: 285px; padding: 0; } .magazine-hero .content-wrapper .summary-wrapper .content ul { padding-left: 14px; line-height: 120%; font-size: 14px; } .magazine-hero .content-wrapper .summary-wrapper .content ul li { margin: 4px 0; } .magazine-hero .content-wrapper .summary-wrapper .content p.bold { font-size: 16px; font-weight: bold; margin: 0 0 5px; } .magazine-hero .button { width: 230px; padding: 14px 30px; margin-top: 35px; } .magazine-hero .button .circle-container { display: none; } .magazineDetails .magazine-hero .main-image { float: left; } .magazineDetails .magazine-hero .main-image img { max-height: 200px; max-width: 275px; } .magazineDetails .magazine-hero .content-wrapper { float: left; margin-left: 40px; padding: 0; } .magazineDetails .magazine-hero .content-wrapper .title-wrapper { top: 40px; width: 100%; } .magazineDetails .magazine-hero .content-wrapper .title-wrapper .title { display: none; } .magazineDetails .magazine-hero .content-wrapper .content { width: 253px; } .magazineDetails .magazine-hero .content-wrapper .content p, .magazineDetails .magazine-hero .content-wrapper .content span { font-size: 14px; line-height: 125%; } .magazineDetails .magazine-hero .content-wrapper .content span { display: block; margin-bottom: 10px; } .magazineDetails .magazine-hero .button { background: none; font-weight: normal; text-transform: none; padding: 0; margin-bottom: 0; width: auto; text-align: left; } .magazineDetails .magazine-hero .button .circle-container { display: block; width: 14px; height: 14px; -webkit-border-radius: 8.5px; -moz-border-radius: 8.5px; border-radius: 8.5px; background-color: #00aeff; float: left; margin: 2px 8px 0 0; } .magazineDetails .magazine-hero .button .circle-container svg { height: 8px; margin: 3px 0 0 0px; } .magazineDetails .magazine-hero .button a { color: #00aeff; margin: 0; padding: 0; font-size: 14px; } .magazineDetails .magazine-hero .button a:hover { text-decoration: underline; }
}
.magazineLanding .main-left-col { padding: 0 0 20px;
}
.magazineLanding h1 { padding: 0 15px 14px 15px; line-height: 100%; text-align: center;
}
.magazineLanding .scallop.bottom:last-of-type .border { background-color: #f5f8f9;
}
@media (min-width: 768px) { .magazineLanding .main-left-col { padding-left: 20px; } .magazineLanding h1 { padding: 0; margin: 10px 0 14px; font-size: 33px; text-align: left; }
}
.magazineDetails .main-left-col { padding: 0 0 20px;
}
.magazineDetails .main-left-col .divider.dotted.header { margin: 0 0 10px 20px; width: 92%; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.magazineDetails .main-left-col .mobile-header-container h1 { text-align: center; margin-bottom: 9px;
}
.magazineDetails .main-left-col .mobile-header-container h1 span { display: block;
}
.magazineDetails .main-left-col h2 { padding-left: 20px; margin: 20px 0 5px;
}
.magazineDetails .main-left-col .notation { padding: 10px 0 0 20px;
}
.magazineDetails .main-left-col .notation .icon { display: block; float: left; margin: -3px 10px 0 0;
}
.magazineDetails .main-left-col .notation .icon svg { width: 21px; height: 20px;
}
.magazineDetails .main-left-col .notation .icon svg path { fill: #edd340;
}
.magazineDetails .main-left-col .notation p { font-size: 12px;
}
.magazineDetails .main-left-col .notation:after { clear: both;
}
.magazineDetails .show-more-recipes { margin: 0 auto; position: relative; background: #ffffff; padding-bottom: 5px; text-align: center; outline: none; border: 0; color: #00aeff; cursor: pointer; display: block; line-height: 40px; font-size: 16px; margin-bottom: 0;
}
.magazineDetails .show-more-recipes span:hover { text-decoration: underline;
}
.magazineDetails .show-more-recipes span.less { display: none;
}
.magazineDetails .show-more-recipes span.more { font-weight: normal;
}
.magazineDetails .show-more-recipes svg { width: 9px; margin: 0 0 0 12px; vertical-align: middle; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.magazineDetails .show-more-recipes svg path { fill: #00aeff;
}
@media (min-width: 768px) { .magazineDetails .show-more-recipes:last-of-type { margin-bottom: 20px; } .magazineDetails .show-more-recipes span.more { font-weight: 700; }
}
.magazineDetails .scallop.bottom { margin-top: 15px;
}
.magazineDetails .three-tile-grid .card .inner-card { min-height: 235px;
}
.magazineDetails .three-tile-grid .card .inner-card .card-top a { height: 94px;
}
.magazineDetails .three-tile-grid .card .title { height: 75px; overflow: hidden; display: block;
}
.magazineDetails .three-tile-grid .card .rate-review { position: relative;
}
.magazineDetails .three-tile-grid .card-shadow { top: 30%; height: 70%;
}
.magazineDetails .three-tile-grid .card-shadow:before,
.magazineDetails .three-tile-grid .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); }
@media (min-width: 768px) { .magazineDetails .main-left-col { padding-left: 20px; } .magazineDetails .main-left-col .divider.dotted.header { margin: 0 20px 16px 1px; width: 580px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; } .magazineDetails .main-left-col .mobile-header-container { position: static; } .magazineDetails .main-left-col .mobile-header-container .divider.dotted { display: none; } .magazineDetails .main-left-col .mobile-header-container h1 { margin-top: 0; text-align: left; position: static; font-size: 33px; } .magazineDetails .main-left-col .mobile-header-container h1 span { display: inline; } .magazineDetails .main-left-col h2 { padding-left: 0; } .magazineDetails .main-left-col .notation { padding-left: 0; padding-top: 30px; clear: both; } .magazineDetails .view-more-recipes:last-child { margin-bottom: 20px; } .magazineDetails .three-tile-grid { margin: 0 0 0 1px; width: auto; } .magazineDetails .three-tile-grid .card { margin: 0px 8px 40px; } .magazineDetails .three-tile-grid .card:nth-child(3n+1) { margin-left: 1px; clear: both; } .magazineDetails .three-tile-grid .card .inner-card { min-height: 256px; } .magazineDetails .three-tile-grid .card .inner-card .card-top a { height: 122px; } .magazineDetails .three-tile-grid .card.recipe:nth-of-type(2n+1) { clear: none; } .magazineDetails .three-tile-grid .card-shadow { top: 50%; height: 50%; } .magazineDetails .three-tile-grid .card-shadow:before, .magazineDetails .three-tile-grid .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(12%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); } .magazineDetails .magazine-hero { position: relative; }
}
.shoppingList .deal-results.loading { display: none;
}
.shoppingList .deal-content { padding: 0;
}
.shoppingList .shopping-list-header { padding: 0 15px 16px; clear: both;
}
.shoppingList .shopping-list-header h1 { float: left; width: 81%;
}
.shoppingList .shopping-list-header .edit { float: right; margin-top: 20px; color: #00aeff; cursor: pointer; font-size: 14px;
}
.shoppingList ul { list-style-type: none; margin: 0;
}
.shoppingList h2 { font-size: 17px; margin-bottom: 4px; margin-top: 5px;
}
.shoppingList .nav-tabs.mobile-three-tab > li:not(.tab-border) { width: 29.25%; width: 28.25vw;
}
.shoppingList .nav-tabs.mobile-two-tab > li:not(.tab-border) { width: 42%; width: 43vw;
}
.shoppingList .nav-tabs > li > a { padding: 0;
}
.shoppingList .tab-pane { padding: 20px 15px 0;
}
.shoppingList .right-rail .view-shopping-list { margin-bottom: 10px;
}
.shoppingList .right-rail .view-shopping-list label { font-size: 12px; float: left; margin: 10px 16px 0 15px;
}
.shoppingList .right-rail .view-shopping-list .styled-select { background: #ffffff; width: 68%; font-size: 13px; margin: 4px 0; float: left;
}
.shoppingList .right-rail .view-shopping-list .styled-select select { padding: 0 50px 0 4px;
}
.shoppingList .right-rail .recipe-box-summary { margin-bottom: 15px; clear: both;
}
.shoppingList .right-rail .recipe-box-summary a { font-size: 14px;
}
.shopping-list-content h3 { float: left; margin: 0 0 15px; font-size: 16px;
}
.shopping-list-content .tool-tip { float: left; margin: -1px 0 0 10px;
}
.shopping-list-content .tool-tip svg { width: 21px; height: 21px;
}
.shopping-list-content .list-add { padding-bottom: 15px;
}
.shopping-list-content .list-add .list-add-quantity { float: left; margin-right: 5%; width: 47.5%;
}
.shopping-list-content .list-add .list-add-quantity input { width: 100%;
}
.shopping-list-content .list-add .list-add-unit { float: left; width: 47.5%;
}
.shopping-list-content .list-add .list-add-unit .styled-select { width: 100%; margin-bottom: 20px;
}
.shopping-list-content .list-add .list-add-unit .styled-select.error { color: #555555;
}
.shopping-list-content .list-add .list-add-ingredient { margin-bottom: 25px;
}
.shopping-list-content .list-add .button.primary { width: 100%; border: 0;
}
.shopping-list-content .list-add .clear-add-ingredient { font-size: 14px; display: block; text-align: center; margin-top: 18px;
}
.shopping-list-content .divider.slitshadow { margin-bottom: 5px; display :block !important;
}
.shopping-list-content .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 10px;
}
.shopping-list-content ul { margin-bottom: 25px;
}
.shopping-list-content ul li { position: relative; border-bottom: 1px solid #cccccc; margin-bottom: 10px;
}
.shopping-list-content ul li:last-child { border: 0;
}
.shopping-list-content .checkbox-wrapper { margin: 10px 0;
}
.shopping-list-content .checkbox-wrapper label { display: inline-block; margin: 0; padding-right: 70px; width: 100%;
}
.shopping-list-content .checkbox-wrapper label .unchecked,
.shopping-list-content .checkbox-wrapper label .checked { position: absolute; top: 12px; margin-top: -10px;
}
.shopping-list-content .ingredient { display: inline-block; width: 100%; margin: 0 0 0 38px; padding-right: 40px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%; font-size: 15px;
}
.shopping-list-content .ingredient span { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%;
}
.shopping-list-content .ingredient .notes { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; font-size: 13px; margin-top: 3px;
}
.shopping-list-content .ingredient .notes span { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%; margin-left: 3px;
}
.shopping-list-content .ingredient .notes { margin-left: 12px;
}
.shopping-list-content .ingredient .ingredient-recipe { font-weight: normal; font-size: 14px;
}
.shopping-list-content .deal { position: absolute; right: 43px; top: 11px; margin-top: -10px;
}
.shopping-list-content .deal svg { width: 21px; height: 21px; vertical-align: -5px;
}
.shopping-list-content .deal svg path { fill: #6b9736;
}
.shopping-list-content .deal svg .st0 { fill: #ffffff;
}
.shopping-list-content .edit,
.shopping-list-content .add,
.shopping-list-content .add-missing { position: absolute; right: 0; top: 12px; margin-top: -9px; color: #00aeff; font-size: 14px; z-index: 1;
}
.shopping-list-content .edit:hover,
.shopping-list-content .add:hover,
.shopping-list-content .add-missing:hover { cursor: pointer; text-decoration: underline;
}
.shopping-list-content.by-recipe .hide-ingredients svg { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin-top: -2px;
}
.shopping-list-content.by-recipe ul.missing-ingredients { display: none; background: #f5f8f9; padding: 3px 35px 10px 38px; margin-top: 30px;
}
.shopping-list-content.by-recipe ul.missing-ingredients li { padding: 7px 0 0; border: 0; border-top: 1px solid #cccccc;
}
.shopping-list-content.by-recipe ul.missing-ingredients li:first-child { border: 0;
}
.shopping-list-content.by-recipe ul.missing-ingredients li:last-child { margin-bottom: 2px;
}
.shopping-list-content.by-recipe ul.missing-ingredients li .ingredient { padding-right: 60px; margin-left: 0;
}
.shopping-list-content.by-recipe ul.missing-ingredients .add-missing { right: 0; margin-top: -4px;
}
.lt-ie10 .shoppingList .shopping-list-header .edit .circle-container svg { vertical-align: 2px;
}
@media (min-width: 768px) { .shoppingList .shopping-list-header { padding: 0 40px 20px 20px; } .shoppingList .deal-content { padding: 0 20px; } .shoppingList .edit .circle-container { margin-top: 0; } .shoppingList h2 { font-size: 25px; margin-top: 20px; } .shoppingList .nav-tabs { margin: 0 20px; height: 40px; } .shoppingList .nav-tabs > li { padding-top: 5px; } .shoppingList .nav-tabs.mobile-three-tab > li:not(.tab-border), .shoppingList .nav-tabs.mobile-two-tab > li:not(.tab-border) { width: auto; } .shoppingList .nav-tabs > li > a h2.header2-tab { line-height: 30px; } .shoppingList .tab-pane { padding: 0 20px; } .shoppingList .col-sm-height { vertical-align: top; } .shoppingList .right-rail .view-shopping-list { margin-top: -2px; margin-bottom: 20px; } .shoppingList .right-rail .view-shopping-list label { font-size: 14px; float: left; margin: 0 5px 0 -3px; } .shoppingList .right-rail .view-shopping-list .styled-select { width: 130px; font-size: 12px; margin: -4px 0 0; } .shoppingList .right-rail .view-shopping-list .styled-select select { padding: 0 50px 0 4px; width: 150%; font-size: 11px; } .shoppingList .right-rail .view-shopping-list .social-bar { margin: -7px -8px 0 0; width: 115px; float: right; } .shoppingList .right-rail .recipe-box-summary { top: -30px; position: relative; z-index: 1; } .cssvwunit .shoppingList .nav-tabs > li > a { padding: 0 25px; } .shopping-list-content { padding: 25px 20px 0; } .shopping-list-content .tool-tip { margin-top: 2px; } .shopping-list-content .tool-tip svg { width: 16px; height: 16px; } .shopping-list-content .list-add .list-add-quantity { margin-right: 35px; width: 130px; } .shopping-list-content .list-add .list-add-unit { width: 130px; } .shopping-list-content .list-add .button.primary { width: 230px; margin-right: 20px; } .shopping-list-content .list-add .clear-add-ingredient { display: inline; text-align: left; margin-top: 0; float:left; padding:12px; } .shopping-list-content .divider.dotted { margin-bottom: 13px; } .shopping-list-content ul { margin-bottom: 35px; } .shopping-list-content .checkbox-wrapper label { padding-right: 75px; } .shopping-list-content .ingredient { font-size: 16px; } .shopping-list-content .ingredient .notes { font-size: 14px; } .shopping-list-content .ingredient .notes:first-child { margin-top: 3px; } .shopping-list-content .ingredient .notes { margin-left: 35px; } .shopping-list-content.by-recipe .notes { margin-top: 3px; } .shopping-list-content.by-recipe ul.missing-ingredients { padding-right: 42px; }
}
#deals-tab { padding-top: 10px;
}
.deal-content { position: relative; padding: 0 20px;
}
.deal-content .deal-wrapper { position: relative; overflow: hidden;
}
.deal-content .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(21.42857143%, #cccccc), color-stop(42.85714286%, rgba(204, 204, 204, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-top: 18px; margin-bottom: -18px;
}
.deal-content ul { list-style: none; position: relative; z-index: 2; vertical-align: top; margin-right: 3px; margin-left: 3px;
}
.deal-content ul li { margin-right: 10px; margin-bottom: 0px; padding-top: 18px; padding-bottom: 18px; list-style: none; display: table; width: 100%; overflow-wrap: break-word; word-wrap: break-word;
}
.deal-content ul:last-child { z-index: 0;
}
.deal-content ul:last-child li:last-child { margin-bottom: 0;
}
.deal-content ul:last-child li:last-child .divider.dotted { display: none;
}
.deal-content .image-wrapper { width: 119px; min-height: 79px; float: left; overflow: hidden; padding-left: 12px;
}
.deal-content .image-wrapper img { width: 100%;
}
.deal-content .product-info { float: none; padding: 0 5px 0 0; width: auto; margin-left: 134px;
}
.deal-content .product-info div:first-child { margin-bottom: 8px;
}
.deal-content .product-info svg { display: none;
}
.deal-content a { display: block; font-size: 16px; margin-bottom: 2%;
}
.deal-content p { font-size: 14px;
}
.deal-content p.deal-details { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%; display: inline-block; color: #6b9736; margin-bottom: 4px; width: auto;
}
.deal-content p.store-name { color: #555555; margin-bottom: 13px;
}
.shoppingList button.show-more-deals,
.deals-store button.show-more-deals { margin: 0 auto; position: relative; background: #ffffff; padding-bottom: 5px; text-align: center; outline: none; border: 0; color: #00aeff; cursor: pointer; display: block; line-height: 40px; font-size: 16px; margin-bottom: 0; margin-top: 0px !important;
}
.shoppingList button.show-more-deals span:hover,
.deals-store button.show-more-deals span:hover { text-decoration: underline;
}
.shoppingList button.show-more-deals span.less,
.deals-store button.show-more-deals span.less { display: none;
}
.shoppingList button.show-more-deals span.more,
.deals-store button.show-more-deals span.more { font-weight: normal;
}
.shoppingList button.show-more-deals svg,
.deals-store button.show-more-deals svg { width: 9px; margin: 0 0 0 12px; vertical-align: middle; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.shoppingList button.show-more-deals svg path,
.deals-store button.show-more-deals svg path { fill: #00aeff;
}
@media (min-width: 768px) { .shoppingList button.show-more-deals:last-of-type, .deals-store button.show-more-deals:last-of-type { margin-bottom: 20px; } .shoppingList button.show-more-deals span.more, .deals-store button.show-more-deals span.more { font-weight: 700; }
}
.deals-store button.show-more-deals { background: none !important;
}
@media (min-width: 768px) { .deal-content { display: table; } .deal-content + .clearfix, .deal-content + .dl-horizontal dd, .deal-content + .container, .deal-content + .container-fluid, .deal-content + .row, .deal-content + .form-horizontal .form-group, .deal-content + .btn-toolbar, .deal-content + .btn-group-vertical > .btn-group, .deal-content + .nav, .deal-content + .pager, .deal-content + .modal-footer { display: table-row; } .deal-content .divider.dotted { width: 100%; } .deal-content ul { width: 270px; padding: 0 10px 0 0; display: inline-block; margin-right: 14px; vertical-align: top; margin-left: 0; display: table-cell; } .deal-content ul:last-child { margin-right: 0; padding: 0 0 0 20px; } .deal-content ul li { display: table; margin-right: 0; } .deal-content ul li:last-child .divider.dotted { display: none; } .deal-content .image-wrapper { margin-left: 0; width: 101px; min-height: 67px; padding-left: 0; } .deal-content .product-info { width: 135px; padding-right: 0; margin-left: 115px; } .deal-content .product-info svg { display: block; float: left; margin-right: 5px; width: 21px; height: 21px; vertical-align: -5px; } .deal-content .product-info svg path { fill: #6b9736; } .deal-content .product-info svg .st0 { fill: #ffffff; } .deal-content .falloff-wrapper { z-index: 1; height: 100%; position: absolute; left: 263px; padding-top: 30px; padding-bottom: 30px; } .deal-content .falloff-wrapper .falloff-shopping-list { height: 100%; width: 1px; -webkit-box-shadow: -2px 0px 19px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px 0px 19px 5px rgba(0, 0, 0, 0.3); box-shadow: -2px 0px 19px 5px rgba(0, 0, 0, 0.3); } .deal-content a { font-size: 18px; } .deal-content p.deal-details { color: #555555; max-width: 101px; } .deal-content p.store-name { color: #a9a9a9; margin: 5px 0 0; } ul.deals-column-one { -webkit-box-shadow: -2px 0px 20px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: -2px 0px 20px 2px rgba(0, 0, 0, 0.1); box-shadow: -2px 0px 20px 2px rgba(0, 0, 0, 0.1); } .ie .deal-content ul { width: 263px; float: left; padding: 0 0 0 6px; } .ie .deal-content ul:last-child { padding: 0 6px 0 0; } .ie .deal-content ul li svg { vertical-align: top; } .ie .deal-content .falloff-wrapper .falloff-shopping-list { margin-left: -2px; -webkit-box-shadow: -2px 0px 19px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px 0px 19px 2px rgba(0, 0, 0, 0.3); box-shadow: -2px 0px 19px 2px rgba(0, 0, 0, 0.3); } .ie .deal-content ul.deals-column-one { -webkit-box-shadow: -2px 0px 20px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: -2px 0px 20px 2px rgba(0, 0, 0, 0.1); box-shadow: -2px 0px 20px 2px rgba(0, 0, 0, 0.1); }
}
.deals-store .show-more.loading { display: block; margin: 20px auto 0;
}
.deals-store h2 { margin-bottom: 4px;
}
.deals-store h2 + .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 20px;
}
.deals-store button { outline: none; border: none;
}
.deals-store label,
.deals-store button,
.deals-store select,
.deals-store .styled-select,
.deals-store input { font-size: 14px;
}
.deals-store.hidden { display: none;
}
.deals-store .main-left-col .recipes-by-email { margin: 0;
}
.deals-store .mobile-container-padding { padding: 0 12px 25px;
}
.deals-store .scallop.bottom { margin-top: 11px;
}
.deals-store .tab-content { padding: 30px 0px 0;
}
.deals-store .deal-content .product-info svg { vertical-align: top;
}
.deals-store .preferences { margin-bottom: 20px;
}
.deals-store .preferences div.error,
.deals-store .preferences label.error { color: #EC174F; font-weight: normal; margin-top: -10px; margin-bottom: 10px; font-size: 14px;
}
.deals-store .preferences h2 { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; margin-bottom: 16px; font-weight: normal;
}
.deals-store .preferences .column { display: block; float: left; margin-left: 5%; width: 47.5%; vertical-align: top;
}
.deals-store .preferences .column:first-child { margin-left: 0;
}
.deals-store .preferences input,
.deals-store .preferences button,
.deals-store .preferences .styled-select { width: 100%;
}
.deals-store .preferences .styled-select { margin-bottom: 0;
}
.deals-store .tab-form .styled-select { width: 100%; font-size: 14px; font-weight: normal;
}
.deals-store .tab-form button.primary { margin-top: 20px; margin-bottom: 10px;
}
.deals-store .tab-form button.plain-text { background: none; font-weight: normal; color: #00aeff; padding: 0; cursor: pointer; outline: none; border: 0; display: block; margin-top: 3px;
}
.deals-store .tab-form button.plain-text.reset-form { text-align: center; width: initial; margin: 0 auto; line-height: 40px;
}
.deals-store .tab-form button.plain-text:hover { text-decoration: underline;
}
.deals-store .tab-form .tag-fragment { margin-right: 10px;
}
.deals-store .store-input { font-size: 14px; font-weight: bold;
}
.deals-store .store-input div.success { font-weight: normal; position: relative; margin-top: -10px; margin-bottom: 10px;
}
.deals-store .item-input { font-size: 14px;
}
.deals-store .item-input .add-item-form { margin-top: 15px; position: relative;
}
.deals-store .item-input .add-item-form input[type="text"] { margin-bottom: 10px;
}
.deals-store .item-input .add-item-form button { background: #00aeff; color: #ffffff; border-radius: 3px; width: 38px; position: absolute; right: 0; top: 0; height: 30px; font-size: 30px;
}
.deals-store .item-input .column:last-child { font-weight: bold;
}
.deals-store .item-input .column:last-child .styled-select { margin-top: 15px;
}
.deals-store .deal-results.loading { display: block; margin: 0 auto;
}
.deals-store .deal-results.intro,
.deals-store .deal-results.none { margin-top: 20px;
}
.deals-store .deal-results.items .deal-content { padding: 0;
}
.deals-store .deal-results.items .show-more-deals { margin-bottom: 0;
}
.deals-store .interactive-wrapper { position: relative; min-height: 440px; margin: auto 0;
}
.deals-store #zip-loading { position: absolute; width: 100%; height: 100%; background: #ffffff; opacity: 0.5; z-index: 10;
}
.deals-store #zip-loading .loading { margin-top: 368px; position: relative; left: 50%; margin-left: -19px;
}
.deals-store .nav-tabs { margin: 0 -12px; padding: 0 8px;
}
.deals-store .nav-tabs.mobile-two-tab > li:not(.tab-border) { width: 44vw;
}
.deals-store .nav-tabs .tab-border.before { margin-left: 10px;
}
.deals-store .divider.slitshadow { margin-top: 20px;
}
@media (min-width: 768px) { .deals-store .nav-tabs { margin: 0; padding: 0; } .deals-store .nav-tabs.mobile-two-tab > li:not(.tab-border) { width: auto; } .deals-store .nav-tabs .tab-border.before { margin-left: 0; } .deals-store .tab-content { padding: 30px 20px 0; } .deals-store h2 { text-transform: capitalize; font-family: 'Source Sans Pro', sans-serif; } .deals-store h2 + .divider.dotted { margin-bottom: 30px; } .deals-store .main-left-col { padding: 0 20px; } .deals-store .main-left-col .recipes-by-email { margin: 15px 0px 30px 0; } .deals-store .mobile-container-padding { padding: 0; } .deals-store .preferences { margin-bottom: 50px; } .deals-store .preferences div.error, .deals-store .preferences label.error { font-size: 17px; } .deals-store .preferences h2 { font-family: 'Source Sans Pro', sans-serif; font-size: 23px; margin-bottom: 4px; font-weight: bold; } .deals-store .preferences button { width: 275px; display: block; clear: both; } .deals-store .tab-form button.primary { width: 262px; } .deals-store .tab-form button.plain-text { display: inline; } .deals-store .tab-form button.plain-text.reset-form { text-align: left; width: auto; display: inline; margin-left: 30px; line-height: normal; } .deals-store .tab-form .column { width: 258px; display: inline-block; margin-left: 20px; vertical-align: top; } .deals-store .tab-form .column:first-child { margin-left: 0; font-weight: normal; } .deals-store .tab-form select:disabled, .deals-store .tab-form .styled-select.disabled, .deals-store .tab-form button.disabled { opacity: 0.5; } .deals-store .item-input .column { margin-left: 35px; width: 230px; margin-bottom: 85px; } .deals-store .item-input .column:first-child { border-right: 1px solid #222222; width: 266px; padding-right: 35px; } .deals-store .item-input .column:last-child { font-weight: normal; } .deals-store .item-input button.primary { width: 230px; } .deals-store .item-input .button-wrapper { position: absolute; } .deals-store .store-input div.success { margin-top: -15px; } .deals-store .deal-results.loading { display: inline-block; margin: auto; } .deals-store #zip-loading .loading { margin-top: 259px; } .lt-ie10 .deals-store .deal-results.items .deals-column-one { padding-right: 15px; box-shadow: 8px 0 6px -6px rgba(0, 0, 0, 0.1); } .lt-ie10 .deals-store .deal-results.items li { display: block; }
}
.product-locator-form { padding-bottom: 30px;
}
.product-locator-form .tt-dropdown-menu { width: 100%; background: #ffffff; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); padding: 15px 0 25px 25px; border-radius: 6px; border: 1px solid #CCC; border: 1px solid rgba(0, 0, 0, 0.2); margin-top: 13px;
}
.product-locator-form .tt-dropdown-menu p.itemDesc { font-size: 14px; margin: 10px 0; display: inline-block; color: #00aeff; padding-right: 25px;
}
.product-locator-form .tt-dropdown-menu p.itemDesc:last-of-type { margin-bottom: 0;
}
.product-locator-form .tt-dropdown-menu .arrow { border-width: 11px; display: block; border-color: transparent; border-style: solid; position: fixed; z-index: 9999;
}
.product-locator-form .tt-dropdown-menu .arrow:after { border: 0;
}
.product-locator-form .twitter-typeahead { display: block !important;
}
.product-locator-form .twitter-typeahead .tt-hint { display: none !important;
}
.product-locator-form span.divider { display: block; text-transform: uppercase; text-align: center; margin-bottom: 20px; font-style: italic;
}
.product-locator-form .styled-select { max-width: auto; width: 100%;
}
.product-locator-form #dropdown-section { margin-bottom: 40px;
}
.product-locator-form #dropdown-section select { text-transform: capitalize; width: 107%;
}
.product-locator-form .distance-section select { width: 107%;
}
.product-locator-form label[for="zip-code"] { font-weight: normal;
}
.product-locator-form .column { margin-top: 5px; overflow: hidden; float: left; width: 80px; position: relative;
}
.product-locator-form .column span { display: inline;
}
.product-locator-form .column:last-child { margin-top: 0; overflow: visible; float: none; width: auto; margin-left: 95px;
}
.product-locator-form .button.primary { border: none; outline: none; margin: 30px auto 0;
}
#mobile-filter-container .product-locator-form { padding-top: 30px;
}
.product-locator .hidden { display: none !important;
}
.product-locator .disabled { opacity: 0.5;
}
.product-locator .form-wrapper { position: relative;
}
.product-locator #form-loading { position: absolute; width: 100%; height: 100%; background: #ffffff; opacity: 0.5; z-index: 20;
}
.product-locator #form-loading .loading { margin: -21px auto 0; position: relative; display: block;
}
.product-locator .row.bg-white { z-index: 0; position: relative;
}
.product-locator .shadow.no-top { margin-bottom: 0;
}
.product-locator .page-heading p { font-size: 17px; margin-top: 8px;
}
.product-locator .divider.slitshadow { margin: 15px auto;
}
.product-locator .refine-results-trigger { width: 100%; padding: 4px 8px; border: 1px solid #a9a9a9; background-color: #ffffff; text-align: left; height: 30px; display: inline-block; z-index: 11; color: #555555; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%; position: relative; margin: 0 auto 20px;
}
.product-locator .refine-results-trigger:focus,
.product-locator .refine-results-trigger:active { outline: 0; text-decoration: none;
}
.product-locator .refine-results-trigger:hover { text-decoration: none;
}
.product-locator .refine-results-trigger > .indicator { background-color: transparent; width: 15px; height: 15px; position: absolute; top: 7px; right: 11px; padding: 0; z-index: 1;
}
.product-locator .refine-results-trigger > .indicator span { display: none;
}
.product-locator .refine-results-trigger > .indicator span svg { width: 15px; height: 15px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
.product-locator .refine-results-trigger > .indicator span svg path { fill: #00aeff;
}
.product-locator .refine-results-trigger > .indicator span.active { display: block;
}
.product-locator .refine-results-trigger > .indicator span.minus svg { -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);
}
.product-locator .right-rail { float: none;
}
.product-locator .locator-product { margin: 2px 10px 10px; position: relative;
}
.product-locator .locator-product .error { position: absolute; margin-top: 10px;
}
.product-locator .locator-product .card { text-align: center; font-size: 14px;
}
.product-locator .locator-product .card h3 { font-family: 'Roboto Slab'; font-size: 17px; margin-bottom: 3px;
}
.product-locator .locator-product .card img { margin: 20px auto; display: block; padding: 0 40px;
}
.product-locator .locator-product .card .buy-online { margin: 20px auto; display: inline-block; cursor: pointer; color: #00aeff;
}
.product-locator .locator-product .card .buy-online .circle-container { display: inline-block; margin-top: 3px;
}
.product-locator .locator-product .card .buy-online:hover { text-decoration: underline;
}
.product-locator .locator-product .card .buy-online:hover .circle-container { text-decoration: none;
}
@media (min-width: 768px) { .product-locator-form { padding-bottom: 60px !important; position: relative; } .product-locator-form .tt-dropdown-menu .arrow { border: 1px; background: url('//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/popover-notch.png?yocs=1V_1Y_2b_&yoloc=us') transparent no-repeat; border-color: transparent; border-style: solid; position: absolute; display: block; width: 37px; height: 15px; left: 40%; top: -15px; padding: 0; margin: 0; } .product-locator-form .type-ahead-section { width: 280px; display: inline-block; } .product-locator-form .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 20px; } .product-locator-form span.divider { text-transform: none; font-style: normal; display: inline-block; margin-left: 25px; position: absolute; top: 26px; left: 295px; } .product-locator-form #dropdown-section { margin-bottom: 0px; } .product-locator-form #dropdown-section .styled-select { width: 280px; margin-right: 16px; display: inline-block; } .product-locator-form #dropdown-section .styled-select:nth-child(2n) { margin-right: 0; } .product-locator-form .distance-section { display: inline-block; margin-right: 39px; } .product-locator-form .distance-section .styled-select { width: 135px; display: inline-block; margin-right: 20px; margin-bottom: 0; vertical-align: middle; } .product-locator-form .distance-section .styled-select select { width: 115%; } .product-locator-form .distance-section label[for="zip-code"] { font-weight: bold; margin-right: 10px; } .product-locator-form .distance-section input[type="text"] { width: 65px; margin-bottom: 0; } .product-locator-form .distance-section .column { vertical-align: middle; float: none; display: inline-block; margin-left: 0 !important; } .product-locator-form .distance-section div.error, .product-locator-form .distance-section label.error { position: absolute; top: 50px; width: 300px; } .product-locator-form .button.primary { width: 230px; margin: 0; vertical-align: middle; } .product-locator .mobile-container-padding { padding: 0 20px; } .product-locator .page-heading { margin-bottom: 50px; } .product-locator .page-heading p { font-weight: 700; font-size: 16px; } .product-locator .page-heading p a { font-weight: 700; } .product-locator #form-loading .loading { margin: 258px auto 0; } .product-locator .right-rail { float: left; } .product-locator .locator-product { margin: -10px 0 0 -20px; padding: 10px; background: #f5f8f9; } .product-locator .locator-product .card h3 { font-size: 18px; } .product-locator .locator-product .card img { margin-bottom: 30px; } .product-locator .row.bg-white.divider-shadow { -webkit-box-shadow: 0 10px 7px -7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 10px 7px -7px rgba(0, 0, 0, 0.3); box-shadow: 0 10px 7px -7px rgba(0, 0, 0, 0.3); z-index: 2; } .product-locator #product-not-found { color: #555555; width: 670px; margin: 80px auto; } .product-locator .recipes-by-email { margin: 0; } .product-locator .recipes-by-email .divider.slitshadow { visibility: hidden; margin-bottom: 20px !important; } .product-locator .recipes-by-email .title, .product-locator .recipes-by-email .form { max-width: 315px; margin-left: auto; margin-right: auto; } .product-locator .recipes-by-email .form { padding-bottom: 50px; }
}
#product-not-found { font-family: "Roboto Slab", serif; font-weight: bold; color: #003366; font-size: 20px; text-align: center; margin: 30px auto; line-height: 1.25em;
}
.map { position: relative;
}
.map .jcarousel-wrapper { position: static;
}
.map .results-title .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 15px;
}
.map #map-canvas { background: url('//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/svg/icon-loading.svg?yocs=1V_1Y_2b_&yoloc=us') no-repeat center center;
}
.map #map-results { display: none; position: absolute; top: 0; left: 20px; padding: 0 10px 10px; background: rgba(255, 255, 255, 0.55);
}
.map #map-results ul { background: rgba(255, 255, 255, 0.8); overflow-y: auto; height: 595px; width: 272px; margin: 0;
}
.map #map-results ul li { padding: 20px 20px 0 50px; position: relative; margin: 0 !important;
}
.map #map-results ul li .incrementer { border-radius: 50%; background: #555555; position: absolute; top: 22px; left: 20px; text-align: center; color: white; line-height: 19px; font-size: 12px; height: 19px; width: 19px;
}
.map #map-results ul li .link { font-size: 14px;
}
.map #map-results ul li .distance { font-weight: 300; font-size: 14px; margin-right: 7px;
}
.map #map-results ul li .distance .miles { font-size: 18px;
}
.map #map-results ul li .distance .bearing { margin: 0 7px 0 5px;
}
.map #map-results ul li .result-info { display: block;
}
.map #map-results ul li .result-info > * { display: block; font-size: 14px;
}
.map #map-results ul li .result-info .title { line-height: 1.1em; font-weight: bold;
}
.map #map-results ul li .result-info .address { font-size: 12px; margin-top: 2px;
}
.map #map-results ul li .result-info .phone-info { margin: 2px 0 13px;
}
.map #map-results ul li .result-info .phone-info svg { margin: 0 11px 0 -23px;
}
.map #map-results ul li .result-info .phone-info .phone a { cursor: default; text-decoration: none; color: #555555;
}
.map #map-results ul li .divider.dotted { margin-top: 15px; display: block; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(21.42857143%, #cccccc), color-stop(42.85714286%, rgba(204, 204, 204, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.map #map-results ul li:last-child .divider.dotted { display: none;
}
.map .map-size { height: 235px;
}
.map .map-size.long { height: 640px;
}
.map .markers { font-size: 14px; margin-top: -42px !important; margin-left: -11px !important; color: #850808; text-align: center; width: 21px;
}
.product-locator-map .recipes-by-email .slitshadow { margin-top: 0 !important;
}
@media (min-width: 768px) { .map .results-title { display: none !important; } .map #map-results ul { padding-bottom: 20px; }
}
.productDetail #find-in-store { position: relative;
}
.productDetail #find-in-store .map-header { padding-bottom: 5px;
}
.productDetail #find-in-store .view-all-link { position: absolute; right: 0; top: 8px;
}
.productDetail .map { padding-top: 20px;
}
.productDetail .map .jcarousel-wrapper { position: relative;
}
.productDetail .map #map-canvas { height: 350px;
}
.productDetail .map .results-title { display: none !important;
}
.productDetail .map #map-results { display: block !important; position: relative; left: 0; padding-left: 0;
}
.productDetail .map #map-results #store-repeater { margin-top: 8px; width: 100%; height: 180px; overflow-y: initial;
}
.productDetail .map #map-results #store-repeater li { float: left; width: 200px; padding: 10px 10px 0 50px; margin-right: 0 !important; margin-bottom: 0 !important;
}
.productDetail .map #map-results #store-repeater li .incrementer { top: 12px;
}
.productDetail .map #map-results #store-repeater li .result-info .title { font-size: 16px; font-weight: 600;
}
.productDetail .map #map-results #store-repeater li .result-info .address { font-size: 14px;
}
.productDetail .map #map-results #store-repeater li .distance { display: none;
}
.productDetail .map #map-results #store-repeater li .divider.dotted { position: absolute; height: 120px; top: 0; right: 0; width: 2px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNy4yNzI3MjcyNzI3MjcyNyUiIHN0b3AtY29sb3I9IiNjY2NjY2MiLz48c3RvcCBvZmZzZXQ9IjU0LjU0NTQ1NDU0NTQ1NDU0JSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1NC41NDU0NTQ1NDU0NTQ1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(27.27272727%, #cccccc), color-stop(54.54545455%, rgba(204, 204, 204, 0.2)), color-stop(54.54545455%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -o-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -ms-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: linear-gradient(to bottom, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-position: 0 top; background-size: 22px 6px; background-repeat: repeat-y;
}
@media (max-width: 768px) { .productDetail #find-in-store .view-all-link { position: relative; } .productDetail #find-in-store .map-bottom-divider { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(21.42857143%, #cccccc), color-stop(42.85714286%, rgba(204, 204, 204, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; } .productDetail .map .map-size { height: 180px !important; } .productDetail .map #map-results #store-repeater { width: 20000em; padding-bottom: 0; height: 149px; } .productDetail .map #map-results #store-repeater li .result-info .title { font-size: 14px; margin-bottom: 5px; } .productDetail .map #map-results #store-repeater li .result-info .address { font-size: 12px; } .productDetail .map #map-results #store-repeater .phone-info { margin-top: 20px; } .productDetail .map #map-results #store-repeater .phone-info .phone a { cursor: pointer; text-decoration: none; color: #00aeff; } .product-locator-map .map-size { height: 180px !important; } .product-locator-map #map-results { position: relative; height: auto; left: 0; } .product-locator-map #map-results #store-repeater { height: auto; overflow: auto; width: auto; } .product-locator-map #map-results #store-repeater .relative-location { display: block !important; } .product-locator-map #map-results #store-repeater .relative-location .link { display: none; } .product-locator-map #map-results #store-repeater .relative-location .distance { position: absolute; top: 20px; right: 0; } .product-locator-map #map-results #store-repeater .relative-location .bearing:before { content: ' |'; padding-right: 5px; } .product-locator-map #map-results #store-repeater .relative-location .pipe { display: none; }
}
.search { background-color: #ffffff;
}
.search .container-padding { margin-bottom: 0;
}
.search .scallop { margin: 0;
}
.search .scallop .border { background-color: #f5f8f9;
}
.search .divider.slitshadow .falloff-shadow { width: 65%;
}
.search .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.search .divider.dotted.vertical { position: relative; width: 2px; display: table-cell; float: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(25%, #a9a9a9), color-stop(50%, rgba(169, 169, 169, 0.2)), color-stop(50%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -ms-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to bottom, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0 top; background-size: 12px 6px; background-repeat: repeat-y;
}
.search .scrollable-tabs-container { margin-top: 13px;
}
.search .search-utility { margin: 20px 0 0;
}
.search .search-utility .search-filter-container { position: relative; width: 100%; cursor: pointer; margin-bottom: 10px;
}
.search .search-utility .search-filter-container .applied-filters { width: 100%; padding-top: 12px;
}
.search .search-utility .search-filter-container .applied-filters .clear-all-applied { display: block; margin: 10px 0 0 0; text-align: center; font-size: 14px; padding: 0 10px; height: 22px; line-height: 22px;
}
.search .search-utility .search-filter-container .filter-trigger { width: 100%; padding: 4px 8px; border: 1px solid #a9a9a9; background-color: #ffffff; text-align: left; height: 30px; display: inline-block; z-index: 11; color: #555555; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%;
}
.search .search-utility .search-filter-container .filter-trigger:focus,
.search .search-utility .search-filter-container .filter-trigger:active { outline: 0;
}
.search .search-utility .search-filter-container .filter-trigger:hover { text-decoration: none;
}
.search .search-utility .search-filter-container .filter-trigger > .indicator { background-color: transparent; width: 15px; height: 15px; position: absolute; top: 0; right: 4px; padding: 8px 21px 0 0; z-index: 1;
}
.search .search-utility .search-filter-container .filter-trigger > .indicator span { display: none;
}
.search .search-utility .search-filter-container .filter-trigger > .indicator span svg { width: 15px; height: 15px; margin: 0 0 0 4px; vertical-align: inherit; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
.search .search-utility .search-filter-container .filter-trigger > .indicator span svg path { fill: #00aeff;
}
.search .search-utility .search-filter-container .filter-trigger > .indicator span.active { display: block;
}
.search .search-utility .search-filter-container .filter-trigger > .indicator span.minus svg { -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);
}
.search .search-utility .utility-view-col { float: right; padding: 5px 0 10px 0; width: 100%;
}
.search .search-utility .utility-view-col h2 { margin: 0; font-size: 17px; line-height: 17px;
}
.search .search-utility .utility-view-col .utility-view { margin-top: -10px;
}
.search .search-utility .utility-view-col .utility-view .view-list-trigger { right: -1px;
}
.search .search-ad { background-color: none; display: block; width: auto; text-align: center; margin: 0;
}
.search .search-ad img { width: 300px; height: 50px;
}
.search .search-ad:nth-child(odd) + li { clear: both;
}
.search .search-ad:nth-child(even) + li + li + li { clear: both;
}
.search .search-results-cont { position: relative; margin-bottom: 20px !important;
}
.search .search-results-cont ul { margin: 0; list-style-type: none;
}
.search .search-results-cont .video-icon { vertical-align: -3px; margin-left: 8px;
}
.search .search-results-cont .video-icon svg { width: 16px; height: 16px;
}
.search .search-results-cont.view-grid { padding-top: 20px; max-width: 300px; margin: 0 auto;
}
.search .search-results-cont.view-grid.fablet { max-width: 610px; margin: 0 auto;
}
.search .search-results-cont.view-grid.fablet .search-ad { float: left; margin-right: 5px; margin-left: 5px;
}
.search .search-results-cont.view-grid.fablet.fablet-plus { max-width: 650px; overflow-x: hidden;
}
.search .search-results-cont.view-grid.fablet.fablet-plus > ul { margin-left: 15px; margin-right: -5px;
}
.search .search-results-cont.view-grid.fablet.fablet-plus > ul > li { margin-right: 20px; margin-left: 0;
}
.search .search-results-cont.view-grid .card { margin-left: 5px; margin-right: 5px;
}
.search .search-results-cont.view-grid .card.with-upc .inner-card .rate-review .upc { display: block;
}
.search .search-results-cont.view-grid .search-ad { margin-left: 0;
}
.search .search-results-cont.view-grid .search-ad .divider.dotted { display: none;
}
.search .search-results-cont.view-list ul.list-items { margin-bottom: 20px;
}
.search .search-results-cont.view-list .search-ad { clear: both;
}
.search .search-results-cont.view-list .search-ad > div:not(.divider) { margin-left: -5px;
}
.search .search-results-cont.view-list .search-ad .divider.dotted { margin: 20px 0 -20px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(21.42857143%, #cccccc), color-stop(42.85714286%, rgba(204, 204, 204, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.search .search-results-cont.view-list .card.with-upc .inner-card { min-height: 136px !important;
}
.search .search-results-cont.view-list .card.with-upc .inner-card .rate-review .upc { display: inline;
}
.search .search-results-cont.view-list .card.with-upc .card-details { padding-bottom: 0;
}
.search .card.deals .deal-icon svg { width: 12px; height: 12px;
}
.search .card.with-upc .inner-card { min-height: 223px !important;
}
.search.products .search-results-cont.view-grid { padding-top: 20px;
}
.search.products .search-results-cont.view-grid .search-ad { top: 0;
}
.search.products .search-results-cont.view-grid .inner-card { min-height: 223px !important;
}
.search.products .list-items .card.product.with-upc .card-details { min-height: inherit;
}
.search.products .list-items .card.product.with-upc .card-details .title { height: inherit;
}
.search.products .list-items .card.product.with-upc .inner-card .rate-review .size { display: inline;
}
.search aside { padding-top: 0;
}
.search aside .kft-ad { margin-bottom: 20px;
}
.search .divider.slitshadow { margin: 20px auto 0px;
}
.search .no-results-found-wrapper { margin: 40px 0 50px; width: 100%; text-align: center; color: #003366;
}
.search .no-results-found-wrapper .no-results { display: inline-block;
}
.search .no-results-found-wrapper .no-results h2 { font-size: 16px; text-align: left; margin: 0 0 10px 0; color: #003366;
}
.search .no-results-found-wrapper .no-results p { text-align: left; font-size: 14px; font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%;
}
.search .no-results-found-wrapper .no-results ul { margin: 0 0 0 25px; padding: 0;
}
.search .no-results-found-wrapper .no-results ul li { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; font-size: 14px; text-align: left; font-weight: normal;
}
.search.video-tips { margin-top: 15px;
}
.search.video-tips .search-results-cont.view-list { padding-bottom: 0 !important;
}
.search.video-tips .search-results-cont.view-list .search-ad .divider.dotted { display: none;
}
.search.video-tips .search-results-cont.view-list ul.list-items { clear: both; list-style: none; margin-left: 0; width: auto;
}
.search.video-tips .search-results-cont.view-list ul.list-items li { margin-bottom: 0; border-bottom: 1px solid #dedede;
}
.search.video-tips .search-results-cont.view-list ul.list-items li:last-child { border: none;
}
.search.video-tips .search-results-cont.view-list ul.list-items li p { margin-bottom: 0;
}
@media (min-width: 768px) { .search .container-padding { padding-bottom: 1px; padding-top: 0; } .search.products .filter-contents-container .filter-contents { margin-bottom: 60px; } .search.products .search-results-cont.view-grid { padding-top: 10px; } .search.products .search-results-cont.view-grid .inner-card { min-height: 284px !important; } .search .search-utility .search-filter-container { position: relative; width: 100%; cursor: pointer; margin-bottom: 0; } .search .search-utility .search-filter-container > .applied-filters { float: right; width: 425px; } .search .search-utility .search-filter-container > .applied-filters .tag-fragment { font-size: 12px; line-height: 22px; } .search .search-utility .search-filter-container .filter-exclude-container .tag-container { width: 515px; } .search .search-utility .search-filter-container .applied-filters { padding-top: 0; } .search .search-utility .search-filter-container .applied-filters .clear-all-applied { display: inline-block; margin: 0 0 0 10px; text-align: left; border-left: 1px solid #a9a9a9; } .search .search-utility .search-filter-container .filter-trigger { width: 175px; position: relative; padding: 7px 8px 0 8px; border: 1px solid #a9a9a9; background-color: #ffffff; text-align: left; border-radius: 6px; font-size: 13px; } .search .search-utility .search-filter-container .filter-trigger:focus, .search .search-utility .search-filter-container .filter-trigger:active { outline: 0; } .search .search-utility .search-filter-container .filter-trigger > .indicator { width: 11px; height: 11px; position: absolute; top: 0; right: 4px; z-index: 10; } .search .search-utility .search-filter-container .filter-trigger > .indicator span { display: none; } .search .search-utility .search-filter-container .filter-trigger > .indicator span svg { width: 11px; height: 11px; margin: 1px 0 0 4px; } .search .search-utility .search-filter-container .filter-trigger > .indicator span.active { display: block; } .search .search-utility .utility-sort { float: right; } .search .search-utility .utility-sort label { float: left; font-size: 13px; margin-top: 7px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%; } .search .search-utility .utility-sort .styled-select { width: 158px; float: left; font-size: 12px; height: 30px; margin: 0 0 0 7px; } .search .search-utility .utility-view-col { padding: 0; width: auto; margin-left: 3px; margin-right: 4px; } .search .search-utility .utility-view-col .utility-view { margin-top: 7px; width: 58px; } .search .search-utility .utility-view-col .utility-view .view-list-trigger { right: -7px; } .search .search-ad { float: left; text-align: left; position: relative; } .search .search-ad img { width: 300px; height: 250px; } .search .search-ad:nth-child(odd) + li { clear: both; } .search .search-results-cont.view-grid { max-width: none; padding-bottom: 10px !important; } .search .search-results-cont.view-grid ul.list-items { margin-right: -20px; } .search .search-results-cont.view-grid .search-ad { background-color: #f5f8f9; width: 447px; height: 285px; top: -15px; text-align: center; margin: 0 23px 0 0; padding: 15px; } .search .search-results-cont.view-list { padding-bottom: 0px !important; } .search .search-results-cont.view-list ul.list-items { margin-left: -20px; } .search .search-results-cont.view-list .search-ad { clear: none; position: absolute !important; top: 15px; right: 0; width: 300px; padding: 0; } .search .search-results-cont.view-list .search-ad:nth-of-type(2n) { top: 300px; } .search .search-results-cont.view-list .search-ad .divider.dotted { display: none; } .search .search-results-cont.view-list .search-left-col { padding: 0; margin: 0; float: left; } .search .card.deals .deal-icon svg { width: 16px; height: 16px; } .search .card.with-upc .inner-card { min-height: 284px !important; } .search .recipes-by-email .divider.slitshadow { margin-bottom: 25px !important; } .search .recipes-by-email .title, .search .recipes-by-email .form { max-width: 315px; margin-left: auto; margin-right: auto; } .search .no-results-found-wrapper { margin: 40px 0 50px 0; } .search .no-results-found-wrapper .no-results h2 { font-size: 30px; font-weight: normal; } .search .no-results-found-wrapper .no-results p { font-size: 20px; } .search .no-results-found-wrapper .no-results ul li { font-size: 18px; } .search.video-tips .search-results-cont.view-list ul.list-items { width: 580px; margin-top: 15px; } .search.video-tips .search-results-cont.view-list ul.list-items li.search-ad { border-bottom: 0; } .search .show-more-items { margin-bottom: 0; }
}
.lt-ie11 .search-utility .search-filter-container .filter-trigger > .indicator { padding-top: 4px;
}
.search-utility { margin: 20px 0 0;
}
.search-utility .divider { display: none;
}
.search-utility .search-filter-container { position: relative; width: 100%; cursor: pointer; margin-bottom: 10px;
}
.search-utility .search-filter-container .applied-filters { width: 100%; padding-top: 12px;
}
.search-utility .search-filter-container .applied-filters .clear-all-applied { display: block; margin: 10px 0 0 0; text-align: center; font-size: 14px; padding: 0 10px; height: 22px; line-height: 22px;
}
.search-utility .search-filter-container .filter-trigger { width: 100%; padding: 4px 8px; border: 1px solid #a9a9a9; background-color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: left; height: 30px; display: inline-block; z-index: 11; color: #555555; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%;
}
.search-utility .search-filter-container .filter-trigger:focus,
.search-utility .search-filter-container .filter-trigger:active { outline: 0;
}
.search-utility .search-filter-container .filter-trigger:hover { text-decoration: none;
}
.search-utility .search-filter-container .filter-trigger > .indicator { background-color: transparent; width: 15px; height: 15px; position: absolute; top: 0; right: 4px; padding: 8px 21px 0 0; z-index: 1;
}
.search-utility .search-filter-container .filter-trigger > .indicator span { display: none;
}
.search-utility .search-filter-container .filter-trigger > .indicator span svg { width: 15px; height: 15px; margin: 0 0 0 4px; vertical-align: inherit; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
.search-utility .search-filter-container .filter-trigger > .indicator span svg path { fill: #00aeff;
}
.search-utility .search-filter-container .filter-trigger > .indicator span.active { display: block;
}
.search-utility .search-filter-container .filter-trigger > .indicator span.minus svg { -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);
}
.search-utility .utility-view-col { float: right; padding: 5px 0 10px 0; width: 100%; min-height: 25px;
}
.search-utility .utility-view-col h2 { margin: 0; font-size: 17px; line-height: 17px;
}
.search-utility .utility-view-col .utility-view { margin-top: -10px;
}
.search-utility .utility-view-col .utility-view .view-list-trigger { right: -1px;
}
@media (min-width: 768px) { .search-utility .divider { display: block; } .search-utility .search-filter-container { position: relative; width: 100%; cursor: pointer; margin-bottom: 0; } .search-utility .search-filter-container > .applied-filters { float: right; width: 425px; } .search-utility .search-filter-container > .applied-filters .tag-fragment { font-size: 12px; line-height: 22px; } .search-utility .search-filter-container .filter-exclude-container .tag-container { width: 515px; } .search-utility .search-filter-container .applied-filters { padding-top: 0; } .search-utility .search-filter-container .applied-filters .clear-all-applied { display: inline-block; margin: 0 0 0 10px; text-align: left; border-left: 1px solid #a9a9a9; } .search-utility .search-filter-container .filter-trigger { width: 175px; position: relative; padding: 7px 8px 0 8px; border: 1px solid #a9a9a9; background-color: #ffffff; text-align: left; border-radius: 6px; font-size: 13px; } .search-utility .search-filter-container .filter-trigger:focus, .search-utility .search-filter-container .filter-trigger:active { outline: 0; } .search-utility .search-filter-container .filter-trigger > .indicator { width: 11px; height: 11px; position: absolute; top: 0; right: 4px; z-index: 10; } .search-utility .search-filter-container .filter-trigger > .indicator span { display: none; } .search-utility .search-filter-container .filter-trigger > .indicator span svg { width: 11px; height: 11px; margin: 1px 0 0 4px; } .search-utility .search-filter-container .filter-trigger > .indicator span.active { display: block; } .search-utility .utility-sort { float: right; } .search-utility .utility-sort label { float: left; font-size: 13px; margin-top: 7px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%; } .search-utility .utility-sort .styled-select { width: 140px; float: left; font-size: 12px; height: 30px; margin: 0 0 0 15px; } .search-utility .utility-sort .styled-select select { padding-left: 4px; } .search-utility .utility-view-col { padding: 0; width: auto; margin-left: 5px; margin-right: 4px; } .search-utility .utility-view-col .utility-view { margin-top: 7px; width: 58px; } .search-utility .utility-view-col .utility-view .view-list-trigger { right: -7px; }
}
#desktop-filter-container { display: none;
}
#mobile-filter-container { display: none; position: fixed; bottom: 0; z-index: 9999999; background: #ffffff; width: 100%; height: 0; overflow-y: scroll;
}
.filter-contents-container h4 { position: relative; font-weight: 600; font-family: 'Source Sans Pro', sans-serif; background-color: #ffffff; padding: 0 8px; margin: 0; color: #555555;
}
.filter-contents-container h4 a { color: #555555; text-decoration: none; display: block; cursor: default; font-weight: 600; font-size: 12px; padding-top: 12px; padding-bottom: 12px;
}
.filter-contents-container h4 a:hover { text-decoration: none; color: #555555;
}
.filter-contents-container h4 .arrow { position: absolute; top: 12px; right: 15px;
}
.filter-contents-container h4 .arrow svg { -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); cursor: pointer; width: 15px; height: 15px;
}
.filter-contents-container h4 .arrow svg path { fill: #555555;
}
.filter-contents-container h4.accordion-active { background-color: #0497ac; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
}
.filter-contents-container h4.accordion-active a { color: #ffffff;
}
.filter-contents-container h4.accordion-active .arrow svg { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.filter-contents-container h4.accordion-active .arrow svg path { fill: #ffffff;
}
.filter-contents-container select,
.filter-contents-container option { width: 100%; font-size: 13px;
}
.filter-contents-container .desktop-selects { display: none;
}
.filter-contents-container .styled-select { width: inherit;
}
.filter-contents-container .filter-top-nav-container { text-align: center; padding-top: 20px;
}
.filter-contents-container .filter-top-nav-container .primary,
.filter-contents-container .filter-top-nav-container .secondary { width: 45%; display: block; float: left;
}
.filter-contents-container .filter-top-nav-container .primary { float: right;
}
.filter-contents-container .filter-top-nav-container .clear { padding: 15px; display: block;
}
.filter-contents-container .utility-sort,
.filter-contents-container .mobile-selects { clear: both;
}
.filter-contents-container .utility-sort label,
.filter-contents-container .mobile-selects label { float: left; font-size: 12px; width: 70px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: block; position: relative; top: 15px; padding-right: 5px;
}
.filter-contents-container .divider.dotted { margin-top: 10px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(20%, #a9a9a9), color-stop(40%, rgba(169, 169, 169, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 1px; background-repeat: repeat-x;
}
.filter-contents-container .mobile-filter-padding { margin: 0 15px;
}
.filter-contents-container .mobile-base { margin-bottom: 20px;
}
.filter-contents-container .filter-contents .filter-column-wrapper { padding-bottom: 5px;
}
.filter-contents-container .filter-contents .filter-column-wrapper .mobile-filter-padding { margin: 0 5px;
}
.filter-contents-container .filter-contents .filter-column-shadow { -webkit-box-shadow: inset 0 -5px 9px -5px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 -5px 9px -5px rgba(0, 0, 0, 0.4); box-shadow: inset 0 -5px 9px -5px rgba(0, 0, 0, 0.4); padding-bottom: 6px;
}
.filter-contents-container .filter-contents .filter-column-border { border-bottom: 1px solid #cccccc;
}
.filter-contents-container .filter-contents .checkbox-wrapper { margin: 10px 10px 7px 10px;
}
.filter-contents-container .filter-contents .checkbox-wrapper label { font-size: 14px; width: 100%; display: inline-block; position: relative; padding-left: 25px;
}
.filter-contents-container .filter-contents .checkbox-wrapper label .checked,
.filter-contents-container .filter-contents .checkbox-wrapper label .unchecked { position: absolute; left: 0;
}
.filter-contents-container .filter-contents .checkbox-wrapper label .checked svg path { fill: #0497ac;
}
.filter-contents-container .filter-contents .filter-column ul { list-style-type: none; margin: 0;
}
.filter-contents-container .filter-contents .filter-column ul li { border-bottom: 1px solid #cccccc;
}
.filter-contents-container .filter-contents .filter-column ul:last-child li:last-child { border-bottom: none;
}
.filter-contents-container .filter-contents .filter-column .filter-column-secondary { display: block;
}
.filter-contents-container .popover.excludePredictions .popover-content { min-height: 0 !important; font-size: 14px;
}
.filter-contents-container .popover.excludePredictions .popover-content a { display: block; padding: 3px 0;
}
.filter-contents-container .popover.excludePredictions .divider { display: none !important;
}
.filter-contents-container .filter-exclude-container { display: table; width: 100%; margin: 0; padding: 20px 15px; position: relative;
}
.filter-contents-container .filter-exclude-container .add-exclusion-submit { background: none repeat scroll 0 0 transparent; border: medium none; border-spacing: 0; font-weight: normal; list-style: none outside none; margin: 0; padding: 0; text-decoration: none; text-indent: 0; outline: 0; position: absolute; right: 15px; top: 20px; z-index: 1; cursor: pointer; height: 30px; width: 30px; background: #00aeff; color: #ffffff; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; font-size: 37px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; line-height: 30px; font-weight: 300;
}
.filter-contents-container .filter-exclude-container h4 { display: table-cell; width: 70px; padding: 0; font-size: 12px; vertical-align: top;
}
.filter-contents-container .filter-exclude-container input[type=text] { width: 100%; display: table-cell; height: 30px; margin: 0; padding-right: 30px;
}
.filter-contents-container .filter-exclude-container .tag-container { margin-top: 10px; clear: both;
}
@media (min-width: 768px) { .search-filter-container .popover-notch { background: transparent url("//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/popover-notch.png?yocs=1V_1Y_2b_&yoloc=us") no-repeat top left; width: 40px; height: 16px; position: absolute; z-index: 2000; left: 70px; top: 21px; display: none; z-index: 102; } .search-filter-container .shadow-mask-white { display: none; height: 7px; width: 600px; z-index: 1060; position: absolute; top: 34px; z-index: 102; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 60%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(60%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 60%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, #ffffff 0%, #ffffff 60%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 60%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, #ffffff 0%, #ffffff 60%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); } .search-filter-container .popover:not(.excludePredictions) { max-width: none; width: 920px; border-radius: 0; box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.2), 0 12px 20px 0 rgba(0, 0, 0, 0.15); border: none; left: 0 !important; z-index: 101; } .search-filter-container .popover:not(.excludePredictions) > .arrow { display: none; } .search-filter-container .popover:not(.excludePredictions) .popover-content { min-height: 350px; } .search-filter-container .filter-contents-container h4 { font-size: 16px; margin-bottom: 2px; padding: 0; } .search-filter-container .filter-contents-container h4 a { font-size: 16px; padding-bottom: 0; font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; } .search-filter-container .filter-contents-container h4 .arrow { display: none; } .search-filter-container .filter-contents-container .mobile-selects { display: none; } .search-filter-container .filter-contents-container .filter-top-nav-container { position: absolute; bottom: 25px; right: 25px; } .search-filter-container .filter-contents-container .filter-top-nav-container .button { min-width: inherit; width: 115px; display: inline-block; margin-right: 30px; float: none; } .search-filter-container .filter-contents-container .filter-top-nav-container .clear { display: inline-block; padding: 0; margin: 0 15px 0 5px; font-size: 14px; } .search-filter-container .filter-contents-container .divider.dotted { margin-top: 2px; margin-bottom: 6px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; } .search-filter-container .filter-contents-container .mobile-filter-padding { margin: 0; } .search-filter-container .filter-contents-container .filter-contents .filter-column-wrapper { vertical-align: top; display: inline-block; } .search-filter-container .filter-contents-container .filter-contents .filter-column-shadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .search-filter-container .filter-contents-container .filter-contents .filter-column-border { border-bottom: none; } .search-filter-container .filter-contents-container .filter-contents .checkbox-wrapper { margin: 4px 0 4px 0; } .search-filter-container .filter-contents-container .filter-contents .checkbox-wrapper label { font-size: 14px; } .search-filter-container .filter-contents-container .filter-contents .filter-column { vertical-align: top; display: inline-block; width: 155px; margin-right: 15px; } .search-filter-container .filter-contents-container .filter-contents .filter-column ul li { border-bottom: none; } .search-filter-container .filter-contents-container .filter-contents .filter-column .filter-column-secondary { display: none; } .search-filter-container .filter-contents-container .filter-contents .show-more-items { padding-left: 0; margin-top: 0; text-align: left; font-size: 14px; font-weight: normal; line-height: inherit; } .search-filter-container .filter-contents-container .filter-contents .show-more-items svg { height: 11px; margin-left: 6px; } .search-filter-container .filter-contents-container .filter-contents .show-more-items.expanded svg { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .search-filter-container .filter-contents-container .filter-exclude-container { width: 520px; float: left; display: block; padding-bottom: 25px; padding-left: 5px; padding-top: 35px; } .search-filter-container .filter-contents-container .filter-exclude-container .add-exclusion-submit { display: none; } .search-filter-container .filter-contents-container .filter-exclude-container .tag-container .tag-fragment { font-size: 12px; line-height: 22px; } .search-filter-container .filter-contents-container .filter-exclude-container h4 { float: none; width: auto; margin-bottom: 5px; display: block; font-size: 16px; font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; padding-right: 5px; } .search-filter-container .filter-contents-container .filter-exclude-container input[type=text] { width: 290px; height: 35px; font-size: 14px; }
}
.global-error section { padding: 50px 0; text-align: center;
}
.global-error h1 { font-size: 1.4em; font-weight: normal; letter-spacing: 0; line-height: 1.13em; margin: 22px auto 27px; width: 210px;
}
.global-error p { font-size: 17px; width: 260px; margin-left: auto; margin-right: auto;
}
.kraft-logo-error-page { display: inline-block; padding: 10px; line-height: 0;
}
.kraft-logo-error-page svg { height: 46px; width: 120px;
}
.kraft-logo-error-page svg path.st1 { fill: #ffffff;
}
.kraft-logo-error-page svg path.st0 { fill: #fd2840;
}
.kraft-logo-error-page svg path.st2 { fill: #003366;
}
.comidakraft .global-error .kraft-logo-error-page { position: static; margin: -15px 0 20px 0;
}
.comidakraft .global-error .kraft-logo-error-page:before { content: "comidakraft.com"; position: absolute; top: 0; width: 100%; font-size: 25px; color: #0257a4; letter-spacing: -0.1px; font-family: Helvetica; display: block; left: 0; margin-top: 110px;
}
@media (min-width: 768px) { .global-error section { padding: 180px 0; } .global-error h1 { line-height: 1.1em; margin: 6px auto 27px; font-weight: bold; display: block; width: 473px; font-size: 2em; } .global-error p { width: auto; } .kraft-logo-error-page svg { width: 156px; height: 60px; } .comidakraft .global-error .kraft-logo-error-page { position: static; margin: -15px 0 50px 0; } .comidakraft .global-error .kraft-logo-error-page:before { content: "comidakraft.com"; position: absolute; width: 100%; font-size: 42px; color: #0257a4; letter-spacing: -0.1px; font-family: Helvetica; display: block; left: 0; margin-top: 261px; }
}
.not-found .not-found-hero { padding-bottom: 60px; position: relative; overflow: hidden;
}
.not-found .not-found-hero .message { position: absolute; bottom: 146px; left: 10px;
}
.not-found .not-found-hero .message h1 { font-size: 15px; width: 41vw;
}
.not-found .not-found-hero p { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; font-size: 14px; color: #555555; position: absolute; bottom: 7px; left: 0; width: 100%; text-align: center;
}
.not-found .not-found-hero img { height: 225px; float: right; margin-right: -20px;
}
.not-found .not-found-hero .scallop { clear: both;
}
.not-found .not-found-hero .scallop.top .border { margin-top: -10px;
}
.not-found .recipes-by-email { padding-bottom: 20px;
}
@media (min-width: 768px) { .not-found .not-found-hero { padding-bottom: 0; } .not-found .not-found-hero img { height: 370px; } .not-found .not-found-hero .message { bottom: 140px; left: 40px; } .not-found .not-found-hero .message h1 { font-size: 29px; width: auto; } .not-found .not-found-hero .message h1 .spacer { width: 74px; height: 1em; display: block; float: left; } .not-found .not-found-hero .slitshadow { margin: 14px 0 0 5px; width: 100%; } .not-found .not-found-hero p { font-size: 20px; font-weight: bold; color: #003366; top: 241px; left: 71px; text-align: left; width: auto; bottom: auto; } .not-found .not-found-hero .fade-up { width: 100%; position: absolute; height: 67px; bottom: 0px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 9%, #ffffff 79%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(9%, rgba(255, 255, 255, 0)), color-stop(79%, #ffffff), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 9%, #ffffff 79%, #ffffff 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 9%, #ffffff 79%, #ffffff 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 9%, #ffffff 79%, #ffffff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 9%, #ffffff 79%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); } .not-found .recipes-by-email { padding-bottom: 0px; } .not-found .recipes-by-email .divider.slitshadow { margin-bottom: 25px !important; } .not-found .recipes-by-email .title, .not-found .recipes-by-email .form { max-width: 315px; margin-left: auto; margin-right: auto; } .not-found .four-tile-grid { width: auto; padding-left: 20px; padding-top: 10px; }
}
.accountPage { background-color: #ffffff;
}
.accountPage .facebook-connect-wrapper { clear: both; margin-top: 30px;
}
.accountPage .facebook-connect-wrapper button { display: block; border: 0; width: 100%; min-width: 0; margin-bottom: 12px;
}
.accountPage .facebook-connect-wrapper button.facebook { background: #4e6bad; padding: 0;
}
.accountPage .facebook-connect-wrapper button.facebook .col-xs-1 { width: 12%; padding: 12px 10px; border-right: 1px solid #a7b5d6; min-height: 43px;
}
.accountPage .facebook-connect-wrapper button.facebook .col-xs-11 { width: 88%; padding: 12px 10px;
}
.accountPage .facebook-connect-wrapper button.facebook svg { width: 9px; height: 16px; vertical-align: -10%; margin-right: 0;
}
.accountPage .facebook-connect-wrapper button.facebook svg path { fill: #ffffff;
}
.accountPage .facebook-connect-wrapper button .col-xs-1 { border-right: none !important;
}
.accountPage .facebook-connect-wrapper p { padding-top: 5px; font-size: 14px;
}
.accountPage .main-left-col { padding: 15px 0 15px 0;
}
.accountPage h1 { text-align: center;
}
.accountPage h3 { margin: 20px 0 0 0;
}
.accountPage h2 { font-size: 22px;
}
.accountPage a.edit { font-size: 14px; margin: 12px 0 0 0;
}
.accountPage .dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(20%, #555555), color-stop(40%, rgba(85, 85, 85, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 bottom; background-size: 5px 2px; background-repeat: repeat-x;
}
.accountPage .picture { position: relative; padding-bottom: 10px;
}
.accountPage .picture .frame { width: 150px; height: 150px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; margin: 13px auto; position: relative; overflow: hidden;
}
.accountPage .picture .frame img
{ height: 100%; width: 100%; }
.accountPage .divider.dotted { clear: both; margin-bottom: 20px;
}
.accountPage .account-info p { font-size: 16px; margin-bottom: 3px;
}
.accountPage .account-info p.phone { margin-top: 15px; margin-bottom: 20px;
}
.accountPage .account-info p.phone svg { width: 9px; height: 12px; vertical-align: -10%; margin-right: 5px;
}
.accountPage .account-info p.phone svg path { fill: #555555;
}
.accountPage .subscriptions { margin: 20px 0 0 0;
}
.accountPage .subscriptions .title { margin-top: 20px; font-weight: bold; font-size: 14px;
}
.accountPage .subscriptions .desc { font-weight: normal;
}
.accountPage .subscriptions .desc .subtitle { font-weight: bold; font-size: 18px; display: block;
}
.accountPage .subscriptions .mailings { margin-bottom: 10px;
}
@media (min-width: 768px) { .accountPage .facebook-connect-wrapper { margin-top: 0px; } .accountPage .facebook-connect-wrapper button { float: left; margin-right: 25px; display: inline-block; width: auto; } .accountPage .main-left-col { padding: 8px 20px 27px 20px; } .accountPage h1 { text-align: left; } .accountPage h2, .accountPage h3 { margin: 0; } .accountPage .account-info { padding-top: 10px; } .accountPage .account-info p { font-size: 14px; } .accountPage .account-info:first-of-type { margin-top: 35px; } .accountPage a.edit { font-size: 14px; line-height: 32px; } .accountPage a.edit.text { margin: 0; text-align: right; } .accountPage aside { padding-top: 0; } .accountPage .picture { margin-bottom: 35px; } .accountPage .picture .frame { width: 164px; height: 164px; -moz-border-radius: 820px; -webkit-border-radius: 820px; border-radius: 820px; margin: 11px 0 0 3px; } .accountPage .picture .frame img
{ height: 100%; width: 100%; } .accountPage .subscriptions .title { font-weight: bold; font-size: 16px; margin-bottom: 0; } .accountPage .subscriptions .desc { margin-bottom: 10px; font-weight: normal; font-size: 14px; } .accountPage .subscriptions .desc .subtitle { display: inline-block; font-weight: normal; font-size: 14px; } .accountPage .subscriptions .desc .subtitle:after { content: "\00B7"; } .accountPage .subscriptions .mailings { margin: 3px 0; }
}
.password-reset .error { margin-top: 0;
}
.accountPage.edit { font-size: 14px;
}
.accountPage.edit h2 { margin-top: 25px; margin-bottom: 5px;
}
.accountPage.edit p,
.accountPage.edit label { font-size: 14px;
}
.accountPage.edit h3.section-title { margin: 21px 0 5px 0px;
}
.accountPage.edit .styled-select { width: 100%;
}
.accountPage.edit .side-hint { padding: 23px 0 0 15px; line-height: 115%;
}
.accountPage.edit .remember-me-wrapper { margin: 10px 0 0 3px; font-size: 13px;
}
.accountPage.edit .remember-me-wrapper label { font-size: 13px; display: block; padding-left: 30px; float: none !important;
}
.accountPage.edit .remember-me-wrapper label span { font-weight: 600;
}
.accountPage.edit .remember-me-wrapper .unchecked,
.accountPage.edit .remember-me-wrapper .checked { margin-left: -30px;
}
.accountPage.edit .remember-me-wrapper .unchecked { margin-right: 8px;
}
.accountPage.edit .remember-me-wrapper .checked { margin-right: 6px;
}
.accountPage.edit .remember-me-wrapper a { margin-left: 30px; display: block; margin-top: 15px; float: left;
}
.accountPage.edit .button.primary { margin: 13px auto 12px; border: 0; position: relative;
}
.accountPage.edit .radio-wrapper { margin: 0 0 15px; clear: both;
}
.accountPage.edit .newsletter-item.mb10 { margin-bottom: 10px;
}
.accountPage.edit .newsletter-item .checkbox-wrapper { display: block; margin-bottom: 10px;
}
.accountPage.edit .newsletter-item .checkbox-wrapper .description { padding-left: 25px;
}
.accountPage.edit .newsletter-item .checkbox-wrapper label .checked { margin-right: 0;
}
.accountPage.edit .newsletter-item .newsletter-item-mtd-days-wrapper { display: none; margin-left: 25px; margin-bottom: 15px;
}
.accountPage.edit .newsletter-item .newsletter-item-mtd-days-wrapper .which-days { margin-top: 10px; margin-bottom: 5px;
}
.accountPage.edit .newsletter-item .newsletter-item-mtd-days-wrapper ul { margin: 0;
}
.accountPage.edit .newsletter-item .newsletter-item-mtd-days-wrapper .checkbox-wrapper { float: left; width: 50%; margin: 8px 0;
}
.accountPage.edit .newsletter-item .newsletter-item-mtd-days-wrapper .checkbox-wrapper label { font-weight: normal;
}
.accountPage.edit .newsletter-item .newsletter-item-mtd-days-wrapper .checkbox-wrapper:nth-of-type(2n + 1) { clear: both;
}
.accountPage.edit .newsletter-item .newsletter-club-movil-wrapper { padding-left: 25px;
}
.accountPage.edit .account-info { padding-top: 0px;
}
.accountPage.edit .account-info p.text { margin: 5px 0 0;
}
.accountPage.edit .account-info p.req-field { margin: 10px 0 10px 0; font-weight: normal; font-weight: bold;
}
.accountPage.edit .account-info label.floated { float: left;
}
.accountPage.edit .account-info .tip { float: left; margin-left: 4px; vertical-align: -10%;
}
.accountPage.edit .account-info .tip svg { width: 17px; height: 17px;
}
.file-upload { margin: 15px 0;
}
.file-upload > p { text-align: center;
}
.file-upload input[type=file] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; overflow: hidden;
}
.file-upload .file-list { line-height: 43px; text-align: center; display: block; margin-bottom: -5px;
}
@media (min-width: 768px) { .accountPage.edit h2 { margin-top: 0; } .accountPage.edit .remember-me-wrapper { font-size: 12px; } .accountPage.edit .remember-me-wrapper label { font-size: 12px; } .accountPage.edit .remember-me-wrapper label span { font-weight: 400; } .accountPage.edit .remember-me-wrapper .unchecked { margin-right: 15px; } .accountPage.edit .remember-me-wrapper .checked { margin-right: 13px; } .accountPage.edit .remember-me-wrapper a { display: inline; margin-top: 0; margin-left: 37px; float: none; } .accountPage.edit .button.primary { margin: 20px 10px 16px 0; width: 150px; border: 0; } .accountPage.edit .radio-wrapper { margin: 0 0 15px; } .accountPage.edit .newsletter-item.mb10 { margin-bottom: 0; } .accountPage.edit .newsletter-item .checkbox-wrapper .description { display: inline-block; width: 90%; padding-left: 3px; } .accountPage.edit .newsletter-item .newsletter-item-mtd-days-wrapper .checkbox-wrapper { width: 25%; } .accountPage.edit .newsletter-item .newsletter-item-mtd-days-wrapper .checkbox-wrapper:nth-of-type(2n + 1) { clear: none; } .accountPage.edit .newsletter-item .newsletter-item-mtd-days-wrapper .checkbox-wrapper:nth-of-type(4n + 1) { clear: both; } .accountPage.edit .account-info { padding-top: 20px; } .accountPage.edit .account-info p.text { margin: -15px 0 15px; } .accountPage.edit .account-info p.req-field { margin: 15px 0 0px 0; font-weight: normal; } .accountPage.edit .account-info:first-of-type { margin-top: 0px; } .accountPage.edit .file-upload > p { text-align: left; } .accountPage.edit .file-upload > p strong { font-size: 16px; } .accountPage.edit .file-upload .file-list { line-height: normal; text-align: left; }
}
.account-list { margin: 15px 10px 20px 10px;
}
.account-list ul,
.account-list ol { list-style-type: none; display: block; float: left; width: 100%; margin: 0;
}
.account-list ul li,
.account-list ol li { border-bottom: 1px solid #e3e3e3; margin: 0; padding: 8px 3px 8px 16px; color: #000;
}
.account-list ul li:last-child,
.account-list ol li:last-child { border-bottom: none;
}
.account-list ul li span.arrow,
.account-list ol li span.arrow { float: right; display: inline;
}
.account-list ul li .view-all-link.forward svg,
.account-list ol li .view-all-link.forward svg { margin-left: 0; margin-top: 5px;
}
.account-list ul li .circle-container,
.account-list ol li .circle-container { width: 17px; height: 17px; -webkit-border-radius: 8.5px; -moz-border-radius: 8.5px; border-radius: 8.5px; display: block; background-color: #555555; float: left; margin: 5px 9px 0 0; color: #ffffff; text-align: center; line-height: 17px;
}
.account-list ul li .store,
.account-list ol li .store { padding-left: 25px; color: #555555; padding-top: 3px;
}
.account-list ul li .store a.txt,
.account-list ol li .store a.txt { font-size: 14px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; margin: 2px 2px 2px 0;
}
.account-list ul li .name,
.account-list ol li .name { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%; font-size: 15px; display: block;
}
.account-list ul li .address,
.account-list ol li .address { color: #555555; font-size: 15px;
}
.account-list ul.mystores,
.account-list ol.mystores { margin-left: 0; padding-right: 0; list-style-type: none;
}
.account-list ul.mystores li,
.account-list ol.mystores li { position: relative; counter-increment: step-counter; border-bottom: none; font-size: 14px; width: auto; left: -10px; margin: 0 0px 5px 20px; padding: 0 0 8px 0;
}
.account-list ul.mystores li:first-child,
.account-list ol.mystores li:first-child { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(25%, #a9a9a9), color-stop(50%, rgba(169, 169, 169, 0.2)), color-stop(50%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0 bottom; background-size: 4px 1px; background-repeat: repeat-x;
}
.account-list ul.mystores li:before,
.account-list ol.mystores li:before { content: counter(step-counter); color: white; position: absolute; background: #555555; border-radius: 50%; height: 17px; display: inline-block; width: 17px; line-height: 17px; text-align: center; top: 6px; left: 0; font-size: 11px;
}
.account-list ul.mystores li:last-child:before,
.account-list ol.mystores li:last-child:before { content: ''; display: none;
}
.account-list ul.mystores li .city,
.account-list ol.mystores li .city { display: inline-block; text-transform: lowercase;
}
.account-list ul.mystores li .city:first-letter,
.account-list ol.mystores li .city:first-letter { text-transform: uppercase;
}
.account-list .back-to-list { margin: 10px 0;
}
.account-list .inner-card { min-height: 110px; margin: 0;
}
.account-list .myaccount,
.account-list .myaccount:hover { color: #0497ac;
}
.account-list .myaccount svg { fill: #0497ac; width: 14px; height: 14px; margin: 0 10px 0 4px; position: relative; top: 1px;
}
.account-list .recipebox svg,
.account-list .shoppinglist svg { fill: #00aeff; width: 14px; height: 14px; margin: 0 10px 0 4px; position: relative; top: 1px;
}
.account-list .view-all-link .circle-container { margin-top: 0; background-color: #00aeff;
}
@media (min-width: 768px) { .account-list { margin: 0 0 30px 0; } .account-list ul, .account-list ol { margin: 0px; } .account-list ul .mystores li, .account-list ol .mystores li { margin: 0; padding: 8px 3px 8px 16px; } .account-list ul li, .account-list ol li { margin: 0 15px; padding: 8px 3px 8px 0px; } .account-list ul li span.arrow, .account-list ol li span.arrow { float: right; display: none; } .account-list ul li .store a.txt, .account-list ol li .store a.txt { font-size: 14px; margin: 2px 2px 2px 0; } .account-list ul li .name, .account-list ol li .name { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%; font-size: 16px; display: block; } .account-list ul li .address, .account-list ol li .address { color: #555555; font-size: 14px; } .account-list .inner-card { margin: 0; padding-bottom: 5px; } .account-list .back-to-list { margin: 20px 25px 0 17px; } .account-list .myaccount svg { margin-left: 2px; } .account-list .recipebox svg, .account-list .shoppinglist svg { width: 17px; height: 17px; top: 3px; margin-left: 2px; }
}
.homepage-one-column { padding-top: 12px;
}
.homepage-one-column .custom-image .caption { z-index: -100 !important;
}
.homepage-one-column .custom-image .custom-image-desktop { display: none !important;
}
.homepage-one-column .fullwidth-slider .jcarousel-wrapper.double-peek ul li { background-color: #ffffff;
}
.homepage-one-column .homepage-content { padding-top: 25px;
}
.homepage-one-column ul.homepage-list-items { list-style-type: none; margin: 0;
}
.homepage-one-column ul.homepage-list-items li { float: left; position: relative; margin: 0 0 20px 0;
}
.homepage-one-column ul.homepage-list-items li:nth-child(4n+1) { clear: none;
}
.homepage-one-column ul.homepage-list-items li:first-child + li { float: right; margin-right: 0;
}
.homepage-one-column ul.homepage-list-items .card { width: 49%; height: auto; margin-right: 3px;
}
.homepage-one-column ul.homepage-list-items .card .inner-card { min-height: 130px;
}
.homepage-one-column ul.homepage-list-items .card .inner-card .card-top { height: 104px; overflow: hidden; position: relative;
}
.homepage-one-column ul.homepage-list-items .card .inner-card .card-top img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 101% !important; min-width: 101% !important; width: auto; max-width: none;
}
.homepage-one-column ul.homepage-list-items .card .inner-card .card-top a { height: 100%;
}
.homepage-one-column ul.homepage-list-items .card .inner-card .card-bottom { height: 44px; font-size: 14px;
}
.homepage-one-column ul.homepage-list-items .card .card-details { padding: 5px; margin: 0 5px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
.homepage-one-column ul.homepage-list-items .card:before,
.homepage-one-column ul.homepage-list-items .card:after { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.homepage-one-column ul.homepage-list-items .card .card-shadow { display: none;
}
.homepage-one-column ul.homepage-list-items .card span.video svg { position: absolute; z-index: 1; top: 50%; left: 50%; margin-left: -17px; margin-top: -17px; width: 35px; height: 35px;
}
.homepage-one-column ul.homepage-list-items .card span.video svg path.st0 { fill: #000; opacity: 0.6;
}
.homepage-one-column ul.homepage-list-items .card span.video svg path.st1 { fill: #fff;
}
.homepage-one-column ul.homepage-list-items .two-by-one-tile { width: 100%;
}
.homepage-one-column ul.homepage-list-items .two-by-one-tile:nth-child(odd) + li + li,
.homepage-one-column ul.homepage-list-items .two-by-one-tile:nth-child(odd) + li + li + li + li,
.homepage-one-column ul.homepage-list-items .two-by-one-tile:nth-child(even) + li + li,
.homepage-one-column ul.homepage-list-items .two-by-one-tile:nth-child(even) + li + li + li + li,
.homepage-one-column ul.homepage-list-items .two-by-one-tile:nth-child(even) + li + li + li + li + li + li,
.homepage-one-column ul.homepage-list-items .two-by-one-tile:nth-child(even) + li + li + li + li + li + li + li + li { margin-right: 0; float: right;
}
.homepage-one-column ul.homepage-list-items .two-by-one-tile:nth-child(odd) + li + li + li,
.homepage-one-column ul.homepage-list-items .two-by-one-tile:nth-child(even) + li + li + li,
.homepage-one-column ul.homepage-list-items .two-by-one-tile:nth-child(even) + li + li + li + li + li { clear: none;
}
.homepage-one-column ul.homepage-list-items .two-by-one-tile .caption { position: absolute; bottom: 10px; left: 10px; right: 10px; padding: 10px; background: rgba(255, 255, 255, 0.9);
}
.homepage-one-column ul.homepage-list-items .two-by-one-tile .caption h2 { margin: 0; font-size: 17px;
}
.homepage-one-column ul.homepage-list-items .two-by-one-tile .caption h2 svg { fill: #555555; margin-bottom: -2px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.homepage-one-column ul.homepage-list-items .two-by-one-tile .caption p { margin: 4px 0 0;
}
.homepage-one-column ul.homepage-list-items .two-by-one-tile a { display: block; height: 210px; overflow: hidden;
}
.homepage-one-column ul.homepage-list-items .two-by-one-tile a img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; min-height: 100% !important;
}
@media (min-width: 768px) { .homepage-one-column { padding-top: 0; } .homepage-one-column .custom-image .custom-image-mobile { display: none !important; } .homepage-one-column .custom-image .custom-image-desktop { display: block !important; } .homepage-one-column .no-top { margin-top: 20px; } .homepage-one-column .no-top .container-padding { padding: 0 0 20px 20px; } .homepage-one-column .no-top .kft-ad { margin: 0 0 0 20px; } .homepage-one-column .twothirds-slider .jcarousel-wrapper.slideshow ul { height: 250px; } .homepage-one-column .fullwidth-slider { margin-top: 0; margin-bottom: 20px; } .homepage-one-column .fullwidth-slider .jcarousel-wrapper.slideshow:not(.nested) { overflow: visible; } .homepage-one-column .fullwidth-slider .jcarousel-wrapper.slideshow:not(.nested) .jcarousel { overflow: hidden; -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); } .homepage-one-column .fullwidth-slider .jcarousel-wrapper.slideshow:not(.nested) ul { height: 360px; } .homepage-one-column .homepage-content { padding-top: 20px; } .homepage-one-column ul.homepage-list-items { padding: 0 !important; margin: 0 10px 10px 10px; } .homepage-one-column ul.homepage-list-items li { float: left !important; clear: none !important; margin-right: 10px !important; } .homepage-one-column ul.homepage-list-items .card { width: 215px; margin: 0 10px 30px 10px; } .homepage-one-column ul.homepage-list-items .card .inner-card { min-height: 178px; } .homepage-one-column ul.homepage-list-items .card .inner-card .card-top { height: 142px; } .homepage-one-column ul.homepage-list-items .card .inner-card .card-bottom { height: 36px; } .homepage-one-column ul.homepage-list-items .card span.video svg { margin-left: -32px; margin-top: -32px; width: 65px; height: 65px; } .homepage-one-column ul.homepage-list-items .card .card-details { padding: 0 5px; overflow: hidden; } .homepage-one-column ul.homepage-list-items .card .card-details > span a { line-height: 120%; } .homepage-one-column ul.homepage-list-items .card:before, .homepage-one-column ul.homepage-list-items .card:after { position: absolute; width: 50%; height: 12%; content: ""; left: 5px; bottom: 19px; max-width: 48%; max-height: 100px; -webkit-transform: rotate(-3deg) skew(-10deg, 0deg); -moz-transform: rotate(-3deg) skew(-10deg, 0deg); -ms-transform: rotate(-3deg) skew(-10deg, 0deg); -o-transform: rotate(-3deg) skew(-10deg, 0deg); transform: rotate(-3deg) skew(-10deg, 0deg); -webkit-box-shadow: 4px 20px 9px rgba(0, 0, 0, 0.35); -moz-box-shadow: 4px 20px 9px rgba(0, 0, 0, 0.35); box-shadow: 4px 20px 9px rgba(0, 0, 0, 0.35); } .safari .homepage-one-column ul.homepage-list-items .card:before, .safari .homepage-one-column ul.homepage-list-items .card:after { bottom: 21px; } .homepage-one-column ul.homepage-list-items .card:after { left: auto; right: 5px; -webkit-transform: rotate(3deg) skew(10deg, 0deg); -moz-transform: rotate(3deg) skew(10deg, 0deg); -ms-transform: rotate(3deg) skew(10deg, 0deg); -o-transform: rotate(3deg) skew(10deg, 0deg); transform: rotate(3deg) skew(10deg, 0deg); -webkit-box-shadow: -4px 20px 9px rgba(0, 0, 0, 0.35); -moz-box-shadow: -4px 20px 9px rgba(0, 0, 0, 0.35); box-shadow: -4px 20px 9px rgba(0, 0, 0, 0.35); } .homepage-one-column ul.homepage-list-items .card .card-shadow { display: block; } .homepage-one-column ul.homepage-list-items .two-by-one-tile { width: 450px; margin: 0 10px 30px 10px; } .homepage-one-column ul.homepage-list-items .two-by-one-tile a { height: 178px; } .homepage-one-column ul.homepage-list-items .two-by-one-tile img { height: 178px; width: 100%; } .homepage-one-column ul.homepage-list-items .two-by-one-tile .caption h2 { margin: 0; } .homepage-one-column ul.homepage-list-items .two-by-one-tile .caption h2 svg { fill: #555555; margin-top: 5px; height: 14px; } .homepage-one-column ul.homepage-list-items .two-by-one-tile .caption h2:hover { color: #00aeff; } .homepage-one-column ul.homepage-list-items .two-by-one-tile .caption h2:hover svg { fill: #00aeff; } .homepage-one-column ul.homepage-list-items .two-by-one-tile .caption p { margin: 4px 0 0; } .homepage-one-column .recipes-by-email { margin-bottom: 30px; } .homepage-one-column .recipes-by-email .title, .homepage-one-column .recipes-by-email .form { max-width: 315px; margin-left: auto; margin-right: auto; }
}
.fullwidth-slider .jcarousel-wrapper.double-peek.nested > ul > li { background-color: #ffffff; height: auto;
}
.homepage-two-column { padding-top: 12px;
}
.homepage-two-column .custom-image .caption { z-index: -100 !important;
}
.homepage-two-column .custom-image .custom-image-desktop { display: none !important;
}
.homepage-two-column .page-heading { padding: 0px 20px 20px; margin-top: 10px;
}
.homepage-two-column .scallop.bottom { margin-bottom: -10px; z-index: 1; margin-top: 20px;
}
.homepage-two-column h2 + .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.homepage-two-column h1 + .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.homepage-two-column .fullwidth-slider .scallop.top { margin-top: 20px; position: relative; z-index: 10;
}
.homepage-two-column .jcarousel-wrapper.double-peek.nested { margin-bottom: -15px;
}
.homepage-two-column .jcarousel-wrapper.double-peek.nested .jcarousel > ul > li { background-color: #ffffff;
}
.homepage-two-column .jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .top .desc h1,
.homepage-two-column .jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .top .desc h2 { margin: 0;
}
.homepage-two-column .main-left-col { margin-top: 0; padding-top: 0; padding-bottom: 10px;
}
.homepage-two-column .main-left-col .scallop.top { margin-top: -12px;
}
.homepage-two-column .links .view-all-link .circle-container { margin-top: 0;
}
.homepage-two-column.has-hero .main-left-col { padding-top: 8px;
}
@media (min-width: 768px) { .homepage-two-column { padding-top: 0px; } .homepage-two-column .custom-image .custom-image-mobile { display: none !important; } .homepage-two-column .custom-image .custom-image-desktop { display: block !important; } .homepage-two-column .main-left-col { margin-top: 20px; padding-top: 0; padding-bottom: 0; } .homepage-two-column .page-heading { padding: 0 20px 20px; } .homepage-two-column .page-heading h2 { margin-top: 12px; margin-bottom: 5px; } .homepage-two-column .page-heading h1 { margin-top: 12px; margin-bottom: 5px; } .homepage-two-column h1{font-size: 28px; color: #555555;} .homepage-two-column .fullwidth-slider { margin-top: 0; margin-bottom: 20px; } .homepage-two-column .fullwidth-slider .jcarousel-wrapper.slideshow:not(.nested) { overflow: visible; } .homepage-two-column .fullwidth-slider .jcarousel-wrapper.slideshow:not(.nested) .jcarousel { overflow: hidden; -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); } .homepage-two-column .fullwidth-slider .jcarousel-wrapper.slideshow:not(.nested) ul { height: 360px; } .homepage-two-column .fullwidth-slider .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom.relatives.two .card:before, .homepage-two-column .fullwidth-slider .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom.relatives.two .card:after { max-width: 49%; } .homepage-two-column .fullwidth-slider .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom.relatives.three .card:before, .homepage-two-column .fullwidth-slider .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom.relatives.three .card:after { max-width: 49%; } .homepage-two-column .embedded-slider { padding: 0 20px; position: relative; margin-bottom: 60px; } .homepage-two-column .embedded-slider.has-related:before, .homepage-two-column .embedded-slider.has-related:after { position: absolute; content: ""; width: 33px; height: 40px; left: 23px; bottom: 26px; -webkit-box-shadow: 0 -3px 0 0 #ffffff, 0 -3px 0 0 #ffffff, 8px 5px 8px -7px rgba(0, 0, 0, 0.2), -8px 5px 8px -7px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 -3px 0 0 #ffffff, 0 -3px 0 0 #ffffff, 8px 5px 8px -7px rgba(0, 0, 0, 0.2), -8px 5px 8px -7px rgba(0, 0, 0, 0.2); box-shadow: 0 -3px 0 0 #ffffff, 0 -3px 0 0 #ffffff, 8px 5px 8px -7px rgba(0, 0, 0, 0.2), -8px 5px 8px -7px rgba(0, 0, 0, 0.2); transform: rotate(2deg); } .homepage-two-column .embedded-slider.has-related:after { left: auto; right: 23px; } .homepage-two-column .embedded-slider > .jcarousel-wrapper { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow .caption .inner { padding: 4px 20px; height: 50px; } .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow.nested > .jcarousel > ul { height: 390px; } .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .top { height: 250px; } .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom .card .inner-card { height: 117px; } .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom .card .card-top a { height: 80px; } .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom.relatives.two .card:before, .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom.relatives.two .card:after { max-width: 48%; } .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom.relatives.three .card:before, .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom.relatives.three .card:after { max-width: 47%; } .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow:not(.nested) ul { height: 250px; } .homepage-two-column.has-hero .main-left-col { margin-top: 0; padding-top: 0; }
}
.featured-spot { margin: 0px 0 40px;
}
.featured-spot h2 { margin-top: 15px; margin-bottom: 5px; font-size: 17.5px;
}
.featured-spot h2 svg { fill: #555555; margin-top: 5px; margin-left: 5px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.featured-spot h2 a { text-decoration: none; color: #555555;
}
.featured-spot h2 a:hover { color: #00aeff;
}
.featured-spot h2 a:hover svg { fill: #00aeff;
}
.featured-spot .image-wrapper { margin-left: -15px; margin-right: -15px;
}
.featured-spot .image-wrapper img { width: 100%;
}
.featured-spot .link-header { font-weight: bold; font-size: 14px;
}
.featured-spot .view-all-link { display: inline-block; margin: 10px 19px 0 0;
}
@media (min-width: 768px) { .featured-spot { padding: 0 20px; margin: 0 0 20px 0; } .featured-spot .dotted.divider { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(21.42857143%, #cccccc), color-stop(42.85714286%, rgba(204, 204, 204, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-top: 18px; } .featured-spot .image-wrapper { margin: 0; height: 250px; overflow: hidden; position: relative; } .featured-spot .image-wrapper img { position: relative; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .featured-spot h2 { margin-top: 10px; margin-bottom: 0px; font-size: 20px; } .featured-spot h2 svg { height: 16px; } .featured-spot h2:hover a { text-decoration: none; } .featured-spot p { margin: 3px 0; } .featured-spot .view-all-link { margin: 0 0 0 5px; font-size: 14px; } .featured-spot .view-all-link .circle-container { display: none; } .featured-spot .view-all-link:after { content: "|"; color: #555555; margin: 0 0 0 6px; display: inline-block; } .featured-spot .view-all-link:last-child:after { content: ""; }
}
.three-tiles .image-wrapper { margin: 0 0 20px; overflow: hidden; position: relative; height: 213px;
}
.three-tiles .image-wrapper img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; min-height: 100% !important;
}
.three-tiles .image-wrapper.tall { height: 362px;
}
.three-tiles .content { position: absolute; bottom: 10px; left: 10px; right: 10px; padding: 11px 15px 15px; background: rgba(255, 255, 255, 0.9);
}
.three-tiles .content h2 { margin: 0; font-weight: 500; font-size: 20px;
}
.three-tiles .content h2 a { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; color: #555555;
}
.three-tiles .content h2 svg { fill: #555555; margin-top: 5px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.three-tiles .content p { margin: 4px 0 0;
}
@media (min-width: 768px) { .three-tiles { padding: 10px 20px; } .three-tiles .column { width: 279px; display: inline-block; vertical-align: top; } .three-tiles .column:first-child { margin-right: 17px; } .three-tiles .image-wrapper { margin: 0 0 20px 0; height: 186px; } .three-tiles .image-wrapper.tall { margin-right: 0; height: 392px; } .three-tiles .image-wrapper.tall img { width: auto !important; height: 100% !important; } .three-tiles .image-wrapper:last-child { margin-bottom: 0; } .three-tiles .content { padding: 7px 15px 7px 9px; } .three-tiles .content h2 { font-size: 16px; } .three-tiles .content h2 svg { height: 12px; } .three-tiles .content p { font-size: 13px; }
}
.swiper-container { width: 100%; height: 300px; position:relative; margin:0 auto;
}
.swiper-container .slideTitle{ width: 100%; position:absolute; bottom: 10px; padding: 10px 50px; background: rgba(255, 255, 255, 0.7);
}
.swiper-container .slideCTA{ width: 80%; position: absolute; top: -50px; text-align: center;
}
.swiper-container .slide-link{ display:block;
}
.swiper-container .slideCTA .btn{ margin: auto;
}
.swiper-container .slideTitle h2{ font-family: 'Roboto Slab', serif; font-weight: 700; margin: 0;
}
.swiper-container .slideTitle h2 a,.swiper-container .slideTitle h2 a:visited,.swiper-container .slideTitle h2 a:active { font-family: 'Roboto Slab', serif; font-weight: 700; line-height:1.0em; color: #555555;
}
.swiper-container .slideTitle h2 a:hover{ text-decoration:none; color: #00aeff;
}
.swiper-container .slideTitle .btn:hover{ color:#fff; text-decoration:none;
}
.slide-img { width:100%;
}
.whats-hot { max-width: 300px; margin: 0 auto 20px;
}
.whats-hot .fader { position: absolute; top: 0; left: 0; width: 100%; height: 41px; z-index: 12; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 65%, #ffffff 85%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(15%, #ffffff), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(65%, rgba(255, 255, 255, 0)), color-stop(85%, #ffffff), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 65%, #ffffff 85%, #ffffff 100%); background: -o-linear-gradient(left, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 65%, #ffffff 85%, #ffffff 100%); background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 65%, #ffffff 85%, #ffffff 100%); background: linear-gradient(to right, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 65%, #ffffff 85%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}
.whats-hot .jcarousel-control-prev,
.whats-hot .jcarousel-control-next { position: absolute; top: 0px; left: 20px; z-index: 13; opacity: 1; padding: 10px 0; min-width: 50px; text-align: left; -moz-transition: opacity 500ms ease-out; -ms-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out;
}
.whats-hot .jcarousel-control-prev.disabled,
.whats-hot .jcarousel-control-next.disabled { opacity: 0;
}
.whats-hot .title-ribbon { margin-bottom: 0;
}
.whats-hot .view-all-link .circle-container { width: 16px; height: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
.whats-hot .view-all-link .circle-container svg { height: 10px; width: 16px; margin-left: 0;
}
.whats-hot .view-all-link.forward svg { margin-left: -1px; display: block;
}
.whats-hot .jcarousel-control-next { right: 20px; left: auto; text-align: right;
}
.whats-hot .jcarousel-control-next .circle-container { float: right; margin-left: 7px; margin-right: 0;
}
.whats-hot li.card { width: 280px; margin: 0 10px;
}
.whats-hot li.card:before,
.whats-hot li.card:after { display: none;
}
.whats-hot li.card .card-shadow { display: none;
}
.whats-hot li.card .inner-card .card-title { padding: 10px 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.whats-hot li.card .inner-card .card-top a { height: 185px;
}
.whats-hot li.card .inner-card .card-top a img { min-height: 100% !important; width: auto; max-width: none; min-width: 100% !important; max-height: none; top:50% !important;
}
.whats-hot li.card .inner-card .card-bottom .card-details { padding-bottom: 29px;
}
.whats-hot .whatshot { z-index: 11;
}
.ie .fader { filter: none;
}
@media (min-width: 768px) { .whats-hot > .card { padding-top: 20px; } .whats-hot .jcarousel-control-prev, .whats-hot .jcarousel-control-next { top: 11px; padding: 0; }
}
.homepage-one-column ul.homepage-list-items .tall-image-tile { width: 100%;
}
.homepage-one-column ul.homepage-list-items .tall-image-tile .caption { position: absolute; bottom: 10px; left: 10px; right: 10px; padding: 10px; background: rgba(255, 255, 255, 0.9);
}
.homepage-one-column ul.homepage-list-items .tall-image-tile .caption h2 { margin: 0; font-size: 17px;
}
.homepage-one-column ul.homepage-list-items .tall-image-tile .caption h2 svg { fill: #555555; margin-bottom: -2px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.homepage-one-column ul.homepage-list-items .tall-image-tile .caption p { margin: 4px 0 0;
}
.homepage-one-column ul.homepage-list-items .tall-image-tile a { display: block; height: 213px; overflow: hidden;
}
.homepage-one-column ul.homepage-list-items .tall-image-tile a img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; min-height: 100% !important;
}
@media (min-width: 768px) { .homepage-one-column ul.homepage-list-items .tall-image-tile { width: 293px; margin: 0 10px 30px 10px; } .homepage-one-column ul.homepage-list-items .tall-image-tile a { height: 393px; } .homepage-one-column ul.homepage-list-items .tall-image-tile a img { width: auto !important; } .homepage-one-column ul.homepage-list-items .tall-image-tile .caption h2 { margin: 0; } .homepage-one-column ul.homepage-list-items .tall-image-tile .caption h2 svg { fill: #555555; margin-top: 5px; height: 14px; } .homepage-one-column ul.homepage-list-items .tall-image-tile .caption h2:hover { color: #00aeff; } .homepage-one-column ul.homepage-list-items .tall-image-tile .caption h2:hover svg { fill: #00aeff; } .homepage-one-column ul.homepage-list-items .tall-image-tile .caption p { margin: 4px 0 0; }
}
.productDetail { position: relative;
}
.productDetail .no-padding { margin-right: -15px; margin-left: -15px;
}
.productDetail #gsIFrame { margin: 0 auto !important; padding: 20px 0 !important; width: 300px; height: 492px; display: block;
}
.productDetail h1 { padding: 0 15px; margin: 10px 0 0; font-size: 21px;
}
.productDetail h2 { font-size: 21px; margin: 0 0 10px 0;
}
.productDetail .social-bar a.recipe-box { display: none !important;
}
.productDetail .variances { padding-top: 8px;
}
.productDetail .variances .jcarousel img { margin: 0 auto;
}
.productDetail .variances .falloff-shadow-left,
.productDetail .variances .falloff-shadow-right { height: 80%; top: 10%;
}
.productDetail .variances ul { padding-bottom: 8px !important;
}
.productDetail .variances .tile { margin: 0;
}
.productDetail .variances .tile.active { border: 1px solid #0497ac;
}
.productDetail .variances .tile.active .tile-top a { cursor: default;
}
.productDetail .variances .tile.active .title { color: #555555; text-decoration: none; cursor: default;
}
.productDetail .variances .tile .inner-tile { padding: 4px 4px 10px; min-width: 88px;
}
.productDetail .variances .tile .inner-tile .tile-top a { width: 65px; height: 43px;
}
.productDetail .variances .tile .inner-tile .tile-bottom .title { max-width: 79px; max-height: 47px; overflow: hidden;
}
.productDetail .scallop.bottom:last-of-type .border { background-color: #f5f8f9;
}
.productDetail .product-overview .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.productDetail .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.productDetail .deal-content { background-color: none; padding: 0; margin-bottom: 10px;
}
.productDetail .deal-content h3 { font-size: 21px; font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; font-weight: normal; margin-bottom: 0; padding: 0;
}
.productDetail .deal-content .divider { margin: 0;
}
.productDetail .deal-content .deal-wrapper { background-color: #ffffff; margin: 0;
}
.productDetail .deal-content .deal-wrapper > .card { width: auto; margin: 10px 2px 5px 2px; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}
.productDetail .deal-content .deal-wrapper > .card .image-wrapper { margin-left: 0; padding-left: 0;
}
.productDetail .deal-content .deal-wrapper > .card:before,
.productDetail .deal-content .deal-wrapper > .card:after { display: none;
}
.productDetail .deal-content .deal-wrapper > .card .card-shadow { display: none;
}
.productDetail .deal-content .deal-wrapper > .card .inner-card { padding: 10px; min-height: 74px;
}
.productDetail .product-code { font-size: 13px;
}
.productDetail .product-code a { color: #555555; font-size: 13px; line-height: 13px; text-decoration: none;
}
.productDetail .product-code span { font-weight: normal;
}
.productDetail .floating-container .social-bar .drop-shadow { right: 26px;
}
.productDetail .read-more-wrapper { margin-bottom: 10px;
}
.productDetail .read-more-wrapper .read-more { margin-bottom: 0;
}
.productDetail .divider.slitshadow { margin: 0 auto 40px;
}
.productDetail .divider.slitshadow .falloff-shadow { width: 74%;
}
.productDetail .recalls { display: block; position: relative; margin-top: 14px; width: 100%;
}
.productDetail .recalls .inner-wrapper { margin: 2px 0;
}
.productDetail .recalls .inner-wrapper .recall-cont { width: 100%; margin: 0;
}
.productDetail .view-all-link { font-size: 14px; margin: 5px 0 15px 0;
}
.productDetail .view-all-link .circle-container { width: 17px; height: 17px; -webkit-border-radius: 8.5px; -moz-border-radius: 8.5px; border-radius: 8.5px; display: block; background-color: #00aeff; float: left; color: #ffffff; text-align: center; padding: 1.5px 0 0 1px;
}
.productDetail .product-related-recipes,
.productDetail .recommended-products { padding-top: 15px;
}
.productDetail .right-rail { background-color: #ffffff;
}
.social-bar .pdp a.recipe-box { display: none !important;
}
@media (min-width: 768px) { .productDetail .no-padding { margin-right: 0; margin-left: 0; } .productDetail .col-one { width: 523px; padding-right: 25px; } .productDetail .col-two { width: 320px; } .productDetail h1 { font-size: 33px; padding: 0 15px 0 0; margin: 0; } .productDetail h2 { font-size: 28px; margin: 0; } .productDetail .variances { padding-top: 15px; } .productDetail .variances ul { padding-bottom: 10px !important; } .productDetail .variances .tile { width: 160px; min-height: 165px; margin: 0 0 0 8px !important; } .productDetail .variances .tile .inner-tile { padding: 10px; } .productDetail .variances .tile .inner-tile .tile-top a { width: 140px; height: 94px; } .productDetail .variances .tile .inner-tile .tile-bottom .title { max-width: none; max-height: 51px; overflow: hidden; } .productDetail .recipes-by-email .divider.slitshadow { margin-bottom: 25px !important; } .productDetail .recipes-by-email .title, .productDetail .recipes-by-email .form { max-width: 315px; margin-left: auto; margin-right: auto; } .productDetail .deal-content { width: 320px; margin: 0; } .productDetail .deal-content h3 { font-size: 20px; font-weight: 600; } .productDetail .deal-content .divider.dotted { margin: 0 0 20px 0; width: 100%; } .productDetail .deal-content .product-info { max-width: 165px; } .productDetail .deal-content p.deal-details { max-width: 139px; float: left; } .productDetail .deal-content .deal-wrapper { background-color: #f5f8f9; width: 320px; margin: 0 0 10px 0; } .productDetail .deal-content .deal-wrapper > .card { margin: 10px; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .productDetail .deal-content .deal-wrapper > .card .image-wrapper img { width: 101px; height: 63px; } .productDetail .deal-content .deal-wrapper > .card .inner-card { width: auto; padding: 10px; min-height: 83px; } .productDetail .deal-content .deal-wrapper > .card:before, .productDetail .deal-content .deal-wrapper > .card:after { display: block; bottom: 14px; -webkit-transform: rotate(-3deg) skew(-4deg, 0deg); -moz-transform: rotate(-3deg) skew(-4deg, 0deg); -ms-transform: rotate(-3deg) skew(-4deg, 0deg); -o-transform: rotate(-3deg) skew(-4deg, 0deg); transform: rotate(-3deg) skew(-4deg, 0deg); } .productDetail .deal-content .deal-wrapper > .card:after { -webkit-transform: rotate(3deg) skew(4deg, 0deg); -moz-transform: rotate(3deg) skew(4deg, 0deg); -ms-transform: rotate(3deg) skew(4deg, 0deg); -o-transform: rotate(3deg) skew(4deg, 0deg); transform: rotate(3deg) skew(4deg, 0deg); } .productDetail .read-more-wrapper { margin-bottom: 0; } .productDetail .product-code { font-size: 12px; } .productDetail .product-code span { font-weight: bold; } .productDetail .recalls { margin-top: 30px; } .productDetail .recalls .inner-wrapper { width: 100%; margin: 0 auto; } .productDetail .view-all-link { margin: 5px 0 0 0; } .productDetail .view-all-link .circle-container { padding: 1.5px 0 0 1.5px; } .productDetail .product-related-recipes, .productDetail .recommended-products { padding-top: 20px; } .productDetail .product-related-recipes .jcarousel-wrapper, .productDetail .recommended-products .jcarousel-wrapper { overflow: visible; } .productDetail .product-related-recipes .four-tile-grid, .productDetail .recommended-products .four-tile-grid { width: auto; } .productDetail .product-related-recipes .four-tile-grid .card .card-top a, .productDetail .recommended-products .four-tile-grid .card .card-top a { height: 120px; } .productDetail .product-related-recipes .four-tile-grid li, .productDetail .recommended-products .four-tile-grid li { width: 180px; margin-right: 40px !important; margin-bottom: 40px; } .productDetail .product-related-recipes .four-tile-grid li:nth-child(4n), .productDetail .recommended-products .four-tile-grid li:nth-child(4n) { margin-right: 0 !important; } .productDetail .right-rail { margin: 0; padding: 0; } .productDetail .right-rail .card.product .card-shadow:before, .productDetail .right-rail .card.product .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(12%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); }
}
.productDetail .nutrition-outer-wrapper { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); margin-bottom: 20px; clear: both;
}
.productDetail .nutrition-outer-wrapper .nutrition { padding: 0 15px;
}
.productDetail .nutrition-outer-wrapper .nutrition h3 { margin-bottom: 0;
}
.productDetail .nutrition-outer-wrapper .read-more-wrapper { padding: 0; height: 100%; display: table;
}
.productDetail .nutrition-outer-wrapper .read-more-wrapper.expand { display: table;
}
.productDetail .nutrition-outer-wrapper .read-more-wrapper.expanded { display: table; padding-bottom: 20px;
}
.productDetail .nutrition-outer-wrapper .nutition-content { display: none;
}
.productDetail .toggle-nutrition { background-color: #0497ac; padding: 7px 15px 9px; cursor: pointer; display: block; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); margin-top: 5px;
}
.productDetail .toggle-nutrition h2 { color: #ffffff; margin: 0;
}
.productDetail .toggle-nutrition svg { float: right; width: 11px; height: 17px; margin: 7px 7px 0 4px; vertical-align: middle; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
.productDetail .toggle-nutrition svg path { fill: #ffffff;
}
.productDetail .toggle-nutrition.expanded svg { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
@media (min-width: 768px) { .productDetail .nutrition-outer-wrapper { margin-top: 20px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .productDetail .nutrition-outer-wrapper .nutrition { padding: 0; } .productDetail .nutrition-outer-wrapper .nutrition table { width: 240px; } .productDetail .nutrition-outer-wrapper .nutrition p { width: 240px; } .productDetail .nutrition-outer-wrapper .read-more-wrapper { height: 318px; display: inline; } .productDetail .nutrition-outer-wrapper .nutition-content { display: block; } .productDetail .toggle-nutrition { display: none; }
}
.productDetail .product-options { padding-top: 20px;
}
.productDetail .product-options .styled-select { width: 100%;
}
.productDetail .product-options .styled-select select { width: 100%;
}
.productDetail .product-options .count-wrapper { margin-bottom: 15px;
}
.productDetail .product-options .size-wrapper label { font-weight: bold;
}
@media (min-width: 768px) { .productDetail .product-options { padding: 0; margin: 0; } .productDetail .product-options .size-wrapper, .productDetail .product-options .count-wrapper { margin: 15px 0 20px 0; } .productDetail .product-options .size-wrapper label, .productDetail .product-options .count-wrapper label { font-family: 'Roboto Slab', serif; font-weight: 400; line-height: 125%; font-weight: bold; } .productDetail .product-options .count-wrapper { margin: 15px 0 30px 0; } .productDetail .product-options ul { margin: 0; padding: 0; } .productDetail .product-options ul li { list-style-type: none; float: left; margin-right: 10px; margin-bottom: 10px; display: table; text-align: center; height: 70px; width: 70px; } .productDetail .product-options ul li a { display: table-cell; vertical-align: middle; height: 70px; text-decoration: none; font-size: 30px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; line-height: 125%; border: 1px solid #cccccc; color: #00aeff; padding: 0 10px; } .productDetail .product-options ul li a span { font-size: 12px; font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; } .productDetail .product-options ul li a:active, .productDetail .product-options ul li a:hover { border: 1px solid #0497ac; color: #555555; } .productDetail .product-options ul li.active a { border: 1px solid #0497ac; color: #555555; } .productDetail .product-options ul li.active a:active, .productDetail .product-options ul li.active a:visited { border: 1px solid #0497ac; color: #555555; } .productDetail .product-options ul.product-count li { height: 40px; } .productDetail .product-options ul.product-count li a { border: 1px solid #a9a9a9; padding: 0 20px; font-size: 14px; white-space: nowrap; height: 40px; } .productDetail .product-options ul.product-count li a:hover { border: 1px solid #0497ac; color: #555555; }
}
.productDetail .product-imagery { overflow: hidden;
}
.productDetail .product-imagery h2 { margin: 0; height: 100%;
}
.productDetail .product-imagery .jcarousel-pagination { margin: 10px 15px; position: relative; bottom: auto; left: auto; float: left; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);
}
.productDetail .product-imagery .jcarousel { height: 208px;
}
.productDetail .product-imagery .jcarousel.single.mobile ul { width: 100% !important; padding: 0 5px !important;
}
.productDetail .product-imagery .jcarousel.single.mobile li { width: 100% !important; margin: 0 !important;
}
.productDetail .product-imagery .jcarousel ul li.video-still .video-wrapper { display: block;
}
.productDetail .product-imagery .jcarousel ul li.video-still h2 { display: block;
}
.productDetail .product-imagery .video-wrapper { position: relative; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
.productDetail .product-imagery .video-wrapper .video-wrapper-inner { position: relative; height: 0; padding-bottom: 56.25%;
}
.productDetail .product-imagery .video-wrapper .video-wrapper-inner .BrightcoveExperience,
.productDetail .product-imagery .video-wrapper .video-wrapper-inner object { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
@media (min-width: 768px) { .productDetail .product-imagery { position: relative; height: auto; overflow-x: auto; margin-bottom: 35px; } .productDetail .product-imagery h2 { height: auto; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel { height: auto; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul { width: auto !important; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li { display: none; height: auto; margin: 0; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:only-child { cursor: default !important; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:only-child img { cursor: default !important; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li img { cursor: pointer; -webkit-box-shadow: none; box-shadow: none; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(2), .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(3), .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(4), .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(5) { display: block; margin-right: 10px; width: 111px; height: 74px; overflow: hidden; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(2) h2, .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(3) h2, .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(4) h2, .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(5) h2 { height: 100%; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(2) img, .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(3) img, .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(4) img, .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(5) img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100% !important; max-height: 100% !important; width: initial !important; height: auto !important; min-width: initial !important; min-height: 100% !important; cursor: default !important; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li.initial { margin: 0 0 10px 0 !important; display: block; float: none; width: 100%; height: 332px; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li.initial h2 { height: 100%; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li.initial img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100% !important; max-height: 100% !important; width: initial !important; height: auto !important; min-width: initial !important; min-height: 100% !important; cursor: default !important; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li.initial.centered { overflow: hidden; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li.initial.centered h2 { height: 100%; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li.video-still .video-wrapper { display: none; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li.video-still h2 { display: block; }
}
body .productDetail .product-overview .overview { margin: 10px 15px; height: 21px; overflow: hidden;
}
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating-label,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating.bv-text-link,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-write-review { color: #00aeff !important;
}
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating:hover,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating-label:hover,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating.bv-text-link:hover,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-write-review:hover,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating:visited,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating-label:visited,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating.bv-text-link:visited,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-write-review:visited { color: #00aeff !important;
}
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating:hover,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating-label:hover,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating.bv-text-link:hover,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-write-review:hover { text-decoration: underline !important;
}
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating { margin: 0 !important;
}
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar button.bv-write-review { padding: 0px !important;
}
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating-ratio-number .bv-rating { border-right-color: transparent !important;
}
body .productDetail .product-overview .overview .bv-cleanslate .bv-stars-container dd { padding-right: 0 !important;
}
body .productDetail .product-ratings-reviews-wrapper { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); margin-bottom: 20px;
}
body .productDetail .toggle-product-ratings-reviews { background-color: #0497ac; padding: 7px 15px 9px; cursor: pointer; display: block; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); margin-top: 5px;
}
body .productDetail .toggle-product-ratings-reviews h2 { color: #ffffff; margin: 0;
}
body .productDetail .toggle-product-ratings-reviews svg { float: right; width: 11px; height: 17px; margin: 7px 7px 0 4px; vertical-align: middle; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
body .productDetail .toggle-product-ratings-reviews svg path { fill: #ffffff;
}
body .productDetail .toggle-product-ratings-reviews.expanded svg { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
body .productDetail .product-ratings-reviews-content { display: none;
}
body .productDetail .product-ratings-reviews-content h2 { margin-bottom: 7px;
}
body .productDetail .product-ratings-reviews { margin-bottom: 30px;
}
body .productDetail .product-ratings-reviews .bv-cleanslate a { outline: 0 !important;
}
body .productDetail .product-ratings-reviews h2.bv-action-bar-header,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item-product-image-offset-on .bv-content-header .bv-author-avatar,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item-avatar-offset-on .bv-content-header .bv-author-avatar { display: none !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-action-bar button { background: url(//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/bg-button.png?yocs=1V_1Y_2b_&yoloc=us) repeat #555555 !important; border-radius: 3px !important; width: 100%; padding: 12px 50px !important; text-transform: uppercase !important; font-family: 'Roboto Slab', serif !important; font-weight: 700 !important; line-height: 150% !important; font-size: 13px !important; color: #ffffff !important; background-color: #ed174f !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-write-review-container.bv-write-container { float: left !important; margin: 10px 15px 0 !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-write-review-container.bv-write-container button { color: #0497ac;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-section-summary .bv-content-title,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-control-bar,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-pagination,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-active-filters { font-family: 'Source Sans Pro', sans-serif !important; background-color: #ffffff !important; color: #555555 !important; border-bottom: 1px solid #eeeeee !important; padding-bottom: 0 !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-action-bar { margin: 0 !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-control-bar,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-section-summary { display: none !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-placeholder { margin-right: 15px !important; margin-left: 15px !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item-product-image-offset-on,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item-avatar-offset-on { padding-left: 0 !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-review .bv-content-item-avatar-offset-on .bv-content-header-meta { padding-left: 0 !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-control-bar-count,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-title-container h4,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-data-summary .bv-content-meta .bv-author,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-data-summary .bv-content-meta .bv-content-reference-data,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-data-summary .bv-content-meta .bv-content-reference-data h3,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-data-summary .bv-content-meta .bv-content-datetime,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-data-summary .bv-content-meta .bv-content-reference-link,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-data-summary .bv-content-meta .bv-content-author-badges-list,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-inline-histogram-ratings td,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-popup-in,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-popup-histogram-ratings td,
body .productDetail .product-ratings-reviews .bv-cleanslate span.bv-content-pagination-pages-current,
body .productDetail .product-ratings-reviews .bv-cleanslate span.bv-content-pagination-pages-current:hover,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-secondary-rating-summary-list .bv-secondary-rating-summary-id,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-secondary-rating-summary-list .bv-secondary-rating-summary-rating,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-secondary-ratings-label,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-summary p,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-data-label-container .bv-content-data-label,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-data dl dd,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-btn,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item .bv-content-btn,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-report-btn,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item .bv-content-feedback-vote h4,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-inline-histogram-ratings caption { color: #555555 !important; font-family: 'Source Sans Pro', sans-serif !important; font-size: 110% !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-core-container-87 .bv-summary-bar-minimalist .bv-write-container .bv-submission-button,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-core-container-87 .bv-summary-bar-minimalist .bv-read-container .bv-submission-button,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-core-container-87 .bv-summary-bar-minimalist .bv-write-container .bv-read-reviews-button,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-core-container-87 .bv-summary-bar-minimalist .bv-read-container .bv-read-reviews-button { color: #0497ac;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-btn,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-btn:hover,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item .bv-content-btn,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item:hover .bv-content-btn { color: #fff !important; font-family: 'Source Sans Pro', sans-serif !important; font-size: 110% !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item:focus,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item:hover { outline: none !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate,
body .productDetail .product-ratings-reviews .bv-cleanslate h1,
body .productDetail .product-ratings-reviews .bv-cleanslate h2,
body .productDetail .product-ratings-reviews .bv-cleanslate h3,
body .productDetail .product-ratings-reviews .bv-cleanslate h4,
body .productDetail .product-ratings-reviews .bv-cleanslate h5,
body .productDetail .product-ratings-reviews .bv-cleanslate h6,
body .productDetail .product-ratings-reviews .bv-cleanslate p,
body .productDetail .product-ratings-reviews .bv-cleanslate td,
body .productDetail .product-ratings-reviews .bv-cleanslate dl,
body .productDetail .product-ratings-reviews .bv-cleanslate tr,
body .productDetail .product-ratings-reviews .bv-cleanslate dt,
body .productDetail .product-ratings-reviews .bv-cleanslate ol,
body .productDetail .product-ratings-reviews .bv-cleanslate form,
body .productDetail .product-ratings-reviews .bv-cleanslate select.bv-select-cleanslate,
body .productDetail .product-ratings-reviews .bv-cleanslate option,
body .productDetail .product-ratings-reviews .bv-cleanslate pre,
body .productDetail .product-ratings-reviews .bv-cleanslate div,
body .productDetail .product-ratings-reviews .bv-cleanslate table,
body .productDetail .product-ratings-reviews .bv-cleanslate th,
body .productDetail .product-ratings-reviews .bv-cleanslate tbody,
body .productDetail .product-ratings-reviews .bv-cleanslate tfoot,
body .productDetail .product-ratings-reviews .bv-cleanslate caption,
body .productDetail .product-ratings-reviews .bv-cleanslate thead,
body .productDetail .product-ratings-reviews .bv-cleanslate ul,
body .productDetail .product-ratings-reviews .bv-cleanslate li,
body .productDetail .product-ratings-reviews .bv-cleanslate address,
body .productDetail .product-ratings-reviews .bv-cleanslate blockquote,
body .productDetail .product-ratings-reviews .bv-cleanslate dd,
body .productDetail .product-ratings-reviews .bv-cleanslate fieldset,
body .productDetail .product-ratings-reviews .bv-cleanslate li,
body .productDetail .product-ratings-reviews .bv-cleanslate iframe,
body .productDetail .product-ratings-reviews .bv-cleanslate strong,
body .productDetail .product-ratings-reviews .bv-cleanslate legend,
body .productDetail .product-ratings-reviews .bv-cleanslate em,
body .productDetail .product-ratings-reviews .bv-cleanslate s,
body .productDetail .product-ratings-reviews .bv-cleanslate cite,
body .productDetail .product-ratings-reviews .bv-cleanslate span,
body .productDetail .product-ratings-reviews .bv-cleanslate input,
body .productDetail .product-ratings-reviews .bv-cleanslate sup,
body .productDetail .product-ratings-reviews .bv-cleanslate label,
body .productDetail .product-ratings-reviews .bv-cleanslate dfn,
body .productDetail .product-ratings-reviews .bv-cleanslate object,
body .productDetail .product-ratings-reviews .bv-cleanslate big,
body .productDetail .product-ratings-reviews .bv-cleanslate q,
body .productDetail .product-ratings-reviews .bv-cleanslate font,
body .productDetail .product-ratings-reviews .bv-cleanslate samp,
body .productDetail .product-ratings-reviews .bv-cleanslate acronym,
body .productDetail .product-ratings-reviews .bv-cleanslate small,
body .productDetail .product-ratings-reviews .bv-cleanslate img,
body .productDetail .product-ratings-reviews .bv-cleanslate strike,
body .productDetail .product-ratings-reviews .bv-cleanslate code,
body .productDetail .product-ratings-reviews .bv-cleanslate sub,
body .productDetail .product-ratings-reviews .bv-cleanslate ins,
body .productDetail .product-ratings-reviews .bv-cleanslate textarea,
body .productDetail .product-ratings-reviews .bv-cleanslate var,
body .productDetail .product-ratings-reviews .bv-cleanslate a,
body .productDetail .product-ratings-reviews .bv-cleanslate abbr,
body .productDetail .product-ratings-reviews .bv-cleanslate applet,
body .productDetail .product-ratings-reviews .bv-cleanslate del,
body .productDetail .product-ratings-reviews .bv-cleanslate kbd,
body .productDetail .product-ratings-reviews .bv-cleanslate tt,
body .productDetail .product-ratings-reviews .bv-cleanslate b,
body .productDetail .product-ratings-reviews .bv-cleanslate i,
body .productDetail .product-ratings-reviews .bv-cleanslate hr,
body .productDetail .product-ratings-reviews .bv-cleanslate article,
body .productDetail .product-ratings-reviews .bv-cleanslate aside,
body .productDetail .product-ratings-reviews .bv-cleanslate dialog,
body .productDetail .product-ratings-reviews .bv-cleanslate figure,
body .productDetail .product-ratings-reviews .bv-cleanslate footer,
body .productDetail .product-ratings-reviews .bv-cleanslate header,
body .productDetail .product-ratings-reviews .bv-cleanslate hgroup,
body .productDetail .product-ratings-reviews .bv-cleanslate menu,
body .productDetail .product-ratings-reviews .bv-cleanslate nav,
body .productDetail .product-ratings-reviews .bv-cleanslate section,
body .productDetail .product-ratings-reviews .bv-cleanslate time,
body .productDetail .product-ratings-reviews .bv-cleanslate mark,
body .productDetail .product-ratings-reviews .bv-cleanslate audio,
body .productDetail .product-ratings-reviews .bv-cleanslate video,
body .productDetail .product-ratings-reviews .bv-cleanslate button,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-submission .bv-fieldsets .bv-form-actions .bv-submission-button-submit { font-family: 'Source Sans Pro', sans-serif !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-data-label-container .bv-content-data-icon { color: #555555 !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-relevancy-link-target .bv-sort-relevancy a,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item .bv-content-feedback-vote .bv-content-feedback-btn-container { color: #00aeff !important; background-color: transparent !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-relevancy-link-target .bv-sort-relevancy a:hover,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item .bv-content-feedback-vote .bv-content-feedback-btn-container:hover { text-decoration: underline !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-btn,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item:hover .bv-content-btn { color: #ffffff !important; background-color: #00aeff !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-section-summary .bv-section-summary-inline .bv-inline-histogram-ratings .bv-histogram-filter-helper { display: table-caption !important; text-align: left; font-size: 110% !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-inline-histogram-ratings .bv-inline-histogram-ratings-star-container.bv-inline-histogram-row-active { background: #f0f9fd !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-secondary-ratings-container,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-secondary-rating-summary-bars-container .bv-secondary-rating-summary-bars { background-color: #e4e4e4 !important; box-shadow: none !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-secondary-ratings-bars .bv-content-secondary-ratings-bar,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-secondary-rating-summary-bars .bv-secondary-rating-summary-bar { box-shadow: none !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-secondary-ratings-value,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-secondary-rating-summary-bars .bv-secondary-rating-summary-bar { background-color: #ffd300 !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-rating-stars-on { color: #ffd300 !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-rating-stars-off { color: #e4e4e4 !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-text-link,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-text-link:visited { color: #00aeff !important; font-family: 'Source Sans Pro', sans-serif !important; font-size: 110% !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-text-link:hover { text-decoration: underline !important;
}
@media (min-width: 768px) { body .productDetail .product-overview .overview { margin: 10px 0; height: 24px; } body .productDetail .product-ratings-reviews-wrapper { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 0; } body .productDetail .toggle-product-ratings-reviews { display: none; } body .productDetail .product-ratings-reviews-content { display: block; } body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-placeholder { margin-right: 0 !important; margin-left: 0 !important; } body .productDetail .product-ratings-reviews .bv-cleanslate .bv-control-bar, body .productDetail .product-ratings-reviews .bv-cleanslate .bv-section-summary { margin-left: 0 !important; margin-right: 0 !important; display: block !important; } body .productDetail .product-ratings-reviews .bv-cleanslate .bv-write-review-container { margin: 10px 0 0 !important; }
}
.productLanding h1 { margin-bottom: 10px;
}
.productLanding .products-section { padding: 0;
}
.productLanding .products-section .divider.dotted { margin-bottom: 15px;
}
.productLanding .read-more-wrapper { margin-top: 20px; box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3);
}
.productLanding .jcarousel-wrapper.double-peek li { background: #ffffff;
}
.productLanding .category-list .card-bottom .sub-category-link a { text-align: center;
}
.productLanding .category-list .card-bottom .sub-category-link span:first-child { display: block;
}
@media (min-width: 768px) { .productLanding h1 { padding: 0 20px; } .productLanding .jcarousel-wrapper.slideshow { margin-bottom: 20px; box-sizing: content-box; height: 360px; } .productLanding .jcarousel-wrapper.slideshow .jcarousel { -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); } .productLanding .jcarousel-wrapper.slideshow .jcarousel ul { height: 360px; } .productLanding .category-list .card-bottom .sub-category-link span:first-child img { max-height: 100%; width: auto; } .productLanding .read-more-wrapper { margin: 0; box-shadow: none; } .productLanding .recipes-by-email .divider.slitshadow { margin-bottom: 25px !important; } .productLanding .recipes-by-email .title, .productLanding .recipes-by-email .form { max-width: 315px; margin-left: auto; margin-right: auto; } .productLanding .products-section { padding: 10px 20px 0; } .productLanding .products-section .divider { padding-top: 0; } .productLanding .top-products { padding-top: 10px; } .productLanding .top-products .jcarousel-wrapper.clipped .jcarousel ul li { width: 180px; margin-right: 10px; } .productLanding .top-products .jcarousel-wrapper.clipped .jcarousel ul li .card-top a { height: 120px !important; } .productLanding .right-rail { margin: 0; padding: 0; } .productLanding .right-rail .social-bar { margin-bottom: 0; margin-top: -8px; } .productLanding .right-rail .card.product .card-shadow:before, .productLanding .right-rail .card.product .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(12%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); }
}
.product-category .product-categories { padding-top: 10px;
}
.product-category h1 { margin-bottom: 10px;
}
.product-category h2 { margin: 0 0 5px 0; font-size: 21px; font-family: 'Roboto Slab', serif; font-weight: 400; line-height: 125%;
}
.product-category.homepage-one-column { padding-top: 0;
}
.product-category ul.homepage-list-items li:nth-child(odd),
.product-category .related-categories ul li:nth-child(odd) { clear: both;
}
.product-category .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 10px; padding-top: 15px;
}
.product-category .jcarousel-wrapper.double-peek { padding-bottom: 25px; margin-bottom: 15px;
}
.product-category .jcarousel-wrapper.double-peek .jcarousel-pagination { bottom: 0;
}
.product-category .jcarousel-wrapper.double-peek .jcarousel ul li { background: #ffffff;
}
.product-category .card .card-top a { -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
}
.product-category .card .card-details { text-align: center;
}
.product-category .card:nth-child(even) { float: right; margin-right: 0 !important;
}
.product-category .category-brands ul { padding: 0px 0px 15px !important;
}
.product-category .category-brands ul li { margin: 0 0 0 10px; width: 73px; height: 73px;
}
.product-category .category-brands ul li a { display: block; height: 100%; width: 100%;
}
.product-category .category-brands ul li a img { top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
.product-category .related-categories .card { clear: none !important;
}
.product-category .related-categories .card .inner-card { min-height: 0;
}
.product-category .related-categories .card .inner-card .card-top a { border: none;
}
.product-category .related-categories .card .inner-card .card-bottom .card-details { margin: 0 5px; padding: 5px;
}
.product-category .related-categories .card .inner-card .card-bottom .card-details a { position: relative; display: block; height: auto;
}
@media (min-width: 768px) { .product-category h2 { font-size: 28px; } .product-category .divider.dotted { padding-top: 0; margin-bottom: 20px; } .product-category .jcarousel-wrapper.slideshow { margin-bottom: 20px; box-sizing: content-box; height: 360px; } .product-category .jcarousel-wrapper.slideshow .jcarousel { -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); } .product-category .jcarousel-wrapper.slideshow .jcarousel ul { height: 360px; } .product-category .category-brands ul { height: 145px; padding: 0; } .product-category .category-brands ul li { position: relative; height: 100%; margin: 0; width: auto; } .product-category .related-categories .jcarousel-wrapper { overflow: visible; } .product-category .related-categories .jcarousel-wrapper ul { width: auto; margin-right: -23px; } .product-category .related-categories .card:nth-child(even) { margin-right: 23px !important; } .product-category .related-categories .card .inner-card { min-height: 178px; } .product-category .related-categories .card .inner-card .card-top a { height: 142px; } .product-category .related-categories .card .inner-card .card-bottom .card-details { padding: 5px 5px 0; margin: 0 5px; height: 41px; overflow: hidden; } .product-category .related-categories .card .inner-card .card-bottom .card-details a { top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .product-category ul.homepage-list-items li:nth-child(odd), .product-category .related-categories ul li:nth-child(odd) { clear: none; } .product-category .card { margin: 10px 10px 30px 10px !important; } .product-category .card .card-shadow { top: 0; height: 100%; } .product-category .card .card-top a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .product-category .card .card-details { text-align: left; } .product-category .card:nth-child(even) { float: left; margin-right: 10px !important; } .product-category .container-padding { padding: 20px 20px 0 20px; } .product-category .product-category-padding { margin: 0 20px; }
}
.product-list h1 { margin-bottom: 15px;
}
.product-list .container-padding { margin-bottom: 0;
}
.product-list .romance-copy { line-height: 1.5em;
}
.product-list .scallop.bottom { margin: 0;
}
.product-list .scallop.bottom .border { background-color: #f5f8f9;
}
.product-list .total-product-info { font-size: 15px; margin-top: 25px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%;
}
.product-list .right-rail { padding-top: 0;
}
.product-list .search-results-cont ul { margin: 0; list-style-type: none;
}
.product-list .divider.dotted.grid-divider { margin-top: 20px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(21.42857143%, #cccccc), color-stop(42.85714286%, rgba(204, 204, 204, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.product-list .view-grid { padding-bottom: 20px; padding-top: 20px;
}
.product-list .view-grid.four-tile-grid .divider.dotted { display: none;
}
.product-list .view-grid.four-tile-grid .card { margin-bottom: 40px;
}
.product-list .view-grid.four-tile-grid .card .inner-card { min-height: 158px !important;
}
.product-list .view-grid.four-tile-grid .card .inner-card .card-details { padding-top: 0;
}
.product-list .view-grid.four-tile-grid .card .inner-card .card-top a:not(.quick-view) { overflow: hidden; position: relative;
}
.product-list .view-grid.four-tile-grid .card .inner-card .card-top a:not(.quick-view) img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important;
}
.product-list .view-grid.four-tile-grid .card .inner-card .card-bottom { position: absolute; bottom: 0px; width: 100%; height: 58px; overflow: hidden;
}
.product-list .view-grid.four-tile-grid .card .product-teaser { display: none;
}
.product-list .view-grid.four-tile-grid .card .varieties-container.list-view { display: none;
}
.product-list .view-grid.four-tile-grid #search-right-col .scallop { display: none !important;
}
.product-list .view-list.four-tile-grid .list-right-items { padding: 20px 0;
}
.product-list .view-list.four-tile-grid .card .card-details a { font-size: 16px;
}
.product-list .view-list.four-tile-grid .card .inner-card { min-height: 126px !important;
}
.product-list .view-list.four-tile-grid .varieties-container.grid-view { display: none;
}
.product-list .view-list.four-tile-grid .product-teaser { font-size: 14px; margin-top: 15px;
}
.product-list .view-list .search-left-col { padding: 0 !important; margin: 0;
}
.product-list .view-list .search-left-col ul { list-style-type: none;
}
.product-list .view-list ul.list-left-items { margin-bottom: 20px;
}
.product-list .view-list .search-right-col { position: relative; background-color: #f5f8f9; width: 100%; margin-top: 7px;
}
.product-list .view-list .search-right-col.list-right-items { background-color: #f5f8f9;
}
.product-list aside { padding-top: 0;
}
.product-list aside .kft-ad { margin-bottom: 20px;
}
.product-list .no-results-found-wrapper { margin: 40px 0 50px; width: 100%; text-align: center; color: #003366;
}
.product-list .no-results-found-wrapper .no-results { display: inline-block;
}
.product-list .no-results-found-wrapper .no-results h2 { font-size: 16px; text-align: left; margin: 0 0 10px 0; color: #003366;
}
.product-list .no-results-found-wrapper .no-results p { text-align: left; font-size: 14px; font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%;
}
.product-list .no-results-found-wrapper .no-results ul { margin: 0 0 0 25px; padding: 0;
}
.product-list .no-results-found-wrapper .no-results ul li { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; font-size: 14px; text-align: left; font-weight: normal;
}
.product-list .search-utility .slitshadow { display: none;
}
.product-list .search-utility .utility-view { float: right;
}
.product-list .search-utility .utility-view-col h2 { display: none !important;
}
@media (min-width: 768px) { .product-list .container-padding { padding-bottom: 1px; padding-top: 0; } .product-list .romance-copy { text-align: center; width: 765px; margin: 0 auto 20px; line-height: 125%; } .product-list .total-product-info { margin-top: 15px; font-size: 14px; } .product-list .right-rail { padding-top: 20px; } .product-list h1 { margin: -7px 0 16px 0; } .product-list .main-left-col { padding-right: 0; } .product-list .jcarousel-wrapper.slideshow { margin-bottom: 10px; } .product-list .jcarousel-wrapper.slideshow ul { height: 250px; } .product-list .collection-list { margin-bottom: 20px; } .product-list .collection-list .card { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .product-list .view-grid { padding-bottom: 0; } .product-list .view-grid.four-tile-grid .card .inner-card { min-height: 212px !important; } .product-list .view-grid.four-tile-grid .card .inner-card .card-details { padding-top: 0; } .product-list .view-grid.four-tile-grid .card .inner-card .card-details > span { top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: inline !important; position: relative; top: 0px; } .product-list .view-grid.four-tile-grid .card .inner-card .card-top { border-bottom: 1px solid #eeeeee; } .product-list .view-grid.four-tile-grid .card .inner-card .card-top a:not(.quick-view) { height: 144px !important; } .product-list .view-grid.four-tile-grid .card .inner-card .card-bottom { height: 50px; position:relative !important; } .product-list .view-grid ul.list-left-items { margin-right: -20px; } .product-list .view-list { padding-bottom: 0px !important; } .product-list .view-list.four-tile-grid .divider.dotted { margin-top: 45px; } .product-list .view-list.four-tile-grid ul.list-left-items { margin-left: -20px; margin-right: -20px; } .product-list .view-list.four-tile-grid ul.list-left-items li { width: 100%; padding-bottom: 30px; } .product-list .view-list.four-tile-grid ul.list-left-items li .inner-card { min-height: 136px !important; } .product-list .view-list.four-tile-grid .list-right-items .search-ad { width: auto; padding: 0; top: auto; height: auto; margin-bottom: 50px !important; } .product-list .view-list.four-tile-grid .list-right-items .search-ad img { margin: 0 !important; } .product-list .view-list.four-tile-grid #search-left-col { padding: 0; margin: 0; } .product-list .view-list.four-tile-grid #search-right-col { position: absolute; top: 0; right: 0; background-color: #ffffff; float: left; padding: 0; margin: 0; width: 300px; } .product-list .recipes-by-email .divider.slitshadow { margin-bottom: 25px !important; } .product-list .recipes-by-email .title, .product-list .recipes-by-email .form { max-width: 315px; margin-left: auto; margin-right: auto; } .product-list .no-results-found-wrapper { margin: 40px 0 50px 0; } .product-list .no-results-found-wrapper .no-results h2 { font-size: 30px; font-weight: normal; } .product-list .no-results-found-wrapper .no-results p { font-size: 20px; } .product-list .no-results-found-wrapper .no-results ul li { font-size: 18px; } .product-list .show-more-items { margin-bottom: 0; }
}
.lt-ie11 .search-utility .search-filter-container .filter-trigger > .indicator { padding-top: 4px;
}
.brand-social { clear: both; margin: 15px 0; text-align: center; font-size: 14px;
}
.brand-social .brand-logo { display: inline-block; color: #294b91; font-weight: bold;
}
.brand-social .brand-logo img { max-height: 50px; max-width: 75px; padding-bottom: 10px; margin-left: 5px;
}
.brand-social ul { list-style-type: none; display: inline-block; vertical-align: middle; margin: 0;
}
.brand-social ul li { display: inline-block; list-style-type: none; margin: 0 0 0 16px; width: 32px;
}
.brand-social ul li:first-child { margin-left: 0;
}
.brand-social ul li a { display: inline-block; position: relative; width: 100%;
}
.brand-social ul li a:hover { text-decoration: none;
}
.brand-social ul li a svg { width: 100%; position: relative; stroke: none;
}
.brand-social ul li a svg path { fill: #ffffff;
}
.brand-social ul li a svg circle { stroke: none;
}
.brand-social ul li a.social-facebook svg circle { fill: #3b5998;
}
.brand-social ul li a.social-pinterest svg circle { fill: #cb2027;
}
.brand-social ul li a.social-twitter svg circle { fill: #00aced;
}
.brand-social ul li a.social-tumblr svg circle { fill: #32506d;
}
.brand-social ul li a.social-google-plus svg circle { fill: #dd4b39;
}
.brand-social ul li a.social-youtube svg circle { fill: #bb0000;
}
.brand-social ul li a.social-instagram svg circle { fill: #517fa4;
}
@media (min-width: 768px) { .brand-social .brand-logo { margin-right: 30px; } .brand-social .brand-logo img { padding-bottom: 0px; margin-left: 10px; } .brand-social ul li { width: 27px; } .clear-form{ padding-top: 30px;
}
}
@media (min-width: 320px) { .pull-right-xs { float: right; }
}
@media (min-width: 768px) { .pull-right-sm { float: right; }
}
@media (min-width: 992px) { .pull-right-md { float: right; }
}
@media (min-width: 1200px) { .pull-right-lg { float: right; }
}
.container-xs-height { display: table; padding-left: 0px; padding-right: 0px;
}
.row-xs-height { display: table-row;
}
.col-xs-height { display: table-cell; float: none;
}
.col-top { vertical-align: top;
}
.col-middle { vertical-align: middle;
}
.col-bottom { vertical-align: bottom;
}
@media (min-width: 768px) { .container-sm-height { display: table; padding-left: 0px; padding-right: 0px; } .row-sm-height { display: table-row; } .col-sm-height { display: table-cell; float: none; }
}
#test-multipeek.multi-peek .jcarousel { height: 242px;
}
#test-multipeek.multi-peek .jcarousel ul li { margin: 0 0 0 10px; height: 242px; width: 150px; text-align: center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;
}
#test-multipeek.multi-peek .jcarousel ul li:last-child { margin-right: 10px;
}
#test-multipeek.multi-peek .jcarousel ul li div { height: 208px; overflow-y: hidden;
}
#test-multipeek.multi-peek .jcarousel ul li img { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); position: relative; width: 100% !important; height: auto !important; max-height: none !important; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
.checkboxhotspot { position: absolute; left: 102px; width: 21px; height: 18px; cursor: pointer;
}
.checkboxhotspot.active { background: url(//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/fpo/checkbox-active.jpg?yocs=1V_1Y_2b_&yoloc=us);
}
.checkboxhotspot.checkbox-1 { top: 768px;
}
.checkboxhotspot.checkbox-2 { top: 807px;
}
.checkboxhotspot.checkbox-3 { top: 846px;
}
.checkboxhotspot.checkbox-4 { top: 885px;
}
.checkboxhotspot.checkbox-5 { top: 924px;
}
.checkboxhotspot.checkbox-6 { top: 987px;
}
.checkboxhotspot.checkbox-7 { top: 1026px;
}
.selectall { position: absolute; left: 102px; top: 1074px; width: 230px; height: 44px; cursor: pointer;
}
.addtoshoppinglist { position: absolute; left: 360px; top: 1074px; width: 230px; height: 44px;
}
.addtoshoppinglist.active { background: url(//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/fpo/addtoshoppinglist-active.png?yocs=1V_1Y_2b_&yoloc=us) no-repeat; cursor: pointer;
}
.viewrecipecard { position: absolute; left: 360px; top: 1450px; width: 230px; height: 44px; cursor: pointer;
}
.modal-recipecard .modal-dialog { width: 1003px !important;
}
.title-ribbon div b { font-weight: normal;
}
.lt-ie10 .right-rail .card-cta,
.lt-ie10 .card-cta { -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);
}
.lt-ie10 .card { -webkit-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 0 -1px 5px 1px rgba(0, 0, 0, 0.15), 0 1px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 0 -1px 5px 1px rgba(0, 0, 0, 0.15), 0 1px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 0 -1px 5px 1px rgba(0, 0, 0, 0.15), 0 1px 5px 0px rgba(0, 0, 0, 0.15);
}
.lt-ie10 .card:before,
.lt-ie10 .card:after { -webkit-box-shadow: 0 15px 12px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 15px 12px rgba(0, 0, 0, 0.25); box-shadow: 0 15px 12px rgba(0, 0, 0, 0.25);
}
.lt-ie10 .card.titled .card-title { -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.09); display: block;
}
.lt-ie10 .divider.slitshadow.reversed .falloff-shadow { top: 60px;
}
.lt-ie10 .divider.slitshadow .falloff-shadow { box-shadow: 0px -15px 38px 26px rgba(0, 0, 0, 0.3); display: block;
}
.lt-ie10 .recipes-by-email { -webkit-box-shadow: 0 -1px 6px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 -1px 6px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 -1px 6px 0px rgba(0, 0, 0, 0.2);
}
.lt-ie10 .recipes-by-email .divider.slitshadow { display: none;
}
.lt-ie10 .shadow { -webkit-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.1);
}
.lt-ie10 .recipe-listing-shell .read-more-wrapper,
.lt-ie10 .recipe-sub-category .read-more-wrapper { -webkit-box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.1);
}
.lt-ie10 .recipe-listing-shell .divider.slitshadow .falloff-shadow { -webkit-box-shadow: 0px -10px 20px 27px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px -10px 20px 27px rgba(0, 0, 0, 0.2); box-shadow: 0px -10px 20px 27px rgba(0, 0, 0, 0.2);
}
.lt-ie10 .recipesLanding div.right-rail { -webkit-box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.1);
}
.lt-ie10 .jcarousel-wrapper.double-peek .slide,
.lt-ie10 .jcarousel-wrapper.double-peek.nested .slide { -webkit-box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.2);
}
.lt-ie10 .homepage-one-column ul.homepage-list-items .card .card-shadow { display: none;
}
.lt-ie10 .homepage-one-column ul.homepage-list-items .card { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.lt-ie10 .card.recipe-sub-category .card-shadow { display: none;
}
.lt-ie10 .card.recipe-sub-category { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.lt-ie10 h2.with-link { margin: 0 !important; padding-top: 10px;
}
#return-to-top { position: fixed; bottom: 100px; right: 20px; background: #ed1c24; width: 50px; height: 50px; display: block; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:100; opacity:0.8;
}
#return-to-top em { color: #fff; margin: 0; position: relative; left: 16px; top: 8px; font-size: 18px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
}
#return-to-top:hover { background: #000;
}
#return-to-top:hover em { color: #ed1c24; top: 2px;
}
#return-to-top span{ right: -12px; top: 10px; position: relative; color: #fff;
}
.icon-chevron-up { background: url('//cdn-us-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.90/assets/images/backToTop.png?yocs=1V_1Y_2b_&yoloc=us') no-repeat; width: 16px; display: block; visibility: visible; height: 16px; background-size: 16px 16px;
}
@media (min-width: 768px) { .lt-ie10 .category-list .card:before, .lt-ie10 .category-list .card:after { -webkit-box-shadow: 0 20px 12px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 20px 12px rgba(0, 0, 0, 0.25); box-shadow: 0 20px 12px rgba(0, 0, 0, 0.25); } .lt-ie10 .shadow.no-bottom { -webkit-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 2px 0 25px -5px rgba(0, 0, 0, 0.1), -2px 0 25px -5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 2px 0 25px -5px rgba(0, 0, 0, 0.1), -2px 0 25px -5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 2px 0 25px -5px rgba(0, 0, 0, 0.1), -2px 0 25px -5px rgba(0, 0, 0, 0.1); } .lt-ie10 .shadow.no-top { -webkit-box-shadow: 0 0 0 0 #ffffff, 0 -3px 0 0 #ffffff, 2px 0 25px -5px rgba(0, 0, 0, 0.1), -2px 0 25px -5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 0 #ffffff, 0 -3px 0 0 #ffffff, 2px 0 25px -5px rgba(0, 0, 0, 0.1), -2px 0 25px -5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 0 #ffffff, 0 -3px 0 0 #ffffff, 2px 0 25px -5px rgba(0, 0, 0, 0.1), -2px 0 25px -5px rgba(0, 0, 0, 0.1); } .lt-ie10 .shadow.all { margin-bottom: 20px; -webkit-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 2px 0 25px -5px rgba(0, 0, 0, 0.1), -2px 0 25px -5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 2px 0 25px -5px rgba(0, 0, 0, 0.1), -2px 0 25px -5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 2px 0 25px -5px rgba(0, 0, 0, 0.1), -2px 0 25px -5px rgba(0, 0, 0, 0.1); } .lt-ie10 .recall-cont { width: 100%; } .lt-ie10 .recipesLanding div.right-rail { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .lt-ie10 .recipes-by-email { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .lt-ie10 .recipes-by-email .divider.slitshadow { display: block; margin-bottom: 15px !important; } .lt-ie10 .recipes-by-email .divider.slitshadow .falloff-shadow { width: 65%; top: -21px; } .lt-ie10 .card, .lt-ie10 aside .recipes-by-email, .lt-ie10 .recipe-listing-shell .read-more-wrapper { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .lt-ie10 .homepage-one-column ul.homepage-list-items .card .card-shadow { display: block; }
}
@media (max-device-width: 767px){
.whats-hot{
max-width: 100% !important;
margin: 0 10px 20px 10px !important;
}
.recipesLanding .category-list li { float: left; width: 100%!important;
}
.clear-form{ text-align: center;
}
}
@media screen and (min-device-width : 315px) and (max-device-width : 325px) {
.whats-hot li.card {
width: 280px;
margin: 0 10px;
}
}
@media screen and (min-device-width : 355px) and (max-device-width : 365px) {
.whats-hot li.card {
width: 320px;
margin: 0 10px;
}
}
@media screen and (min-device-width : 370px) and (max-device-width : 380px) {
.whats-hot li.card {
width: 335px;
margin: 0 10px;
}
}
@media screen and (min-device-width : 381px) and (max-device-width : 390px) {
.whats-hot li.card {
width: 340px;
margin: 0 10px;
}
}
@media screen and (min-device-width : 410px) and (max-device-width : 420px) {
.whats-hot li.card {
width: 375px;
margin: 0 10px;
}
}
@media screen and (min-device-width : 430px) and (max-device-width : 440px) { .whats-hot li.card { width: 395px; margin: 0 10px; }
}
@media (max-width: 767px) {
.amp-sticky-ad-loaded {background-color:rgba(0,0,0,.5)}
.card.sponsored .banner-container, .card.banner .banner-container{ font-size: 12px !important; padding-left: 15px !important; line-height: 140% !important; width: 90px !important; height: 22px !important; top: -5px !important; left: -8px !important;
}
.card.banner .banner-container:before{ border-color: #003366 transparent transparent transparent; border-top-width: 4px !important; border-right-width: 0 !important; border-bottom-width: 0px !important; border-left-width: 7px !important; bottom: -4px !important; left: 0 !important;
}
.card.sponsored .banner-container:before{ border-color: #f49204 transparent transparent transparent; border-top-width: 4px !important; border-right-width: 0 !important; border-bottom-width: 0px !important; border-left-width: 7px !important; bottom: -4px !important; left: 0 !important;
}
.card.sponsored .banner-container:after, .card.banner .banner-container:after{ height: 22px !important;
}
#return-to-top { bottom: 160px !important;
}
}