/*! 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; } .showmobile,.hidemobile { display:none !important;
} #divAccessibility{ margin-left: 200px; } .adchoice{ margin-right: 200px; }
#clrallfilters{ width:125px; padding-left:40px;
}
}
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;
}
@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;
}
#prodNoLonger { margin-left: 0; margin-right: 0; margin-bottom: 772px;
}
.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) { html, body{ overflow-x:hidden; } .left-container-welcome{ float: left; width: 50%; border-right: 1px dashed #dcdcdc; padding-right: 5%; } .right-container-welcome { float: left; width: 50%; padding-left: 5%; } .welcomeImage { height: 100px; text-align: center; } .welcomeText { font-family: 'Roboto Slab',serif; font-size: 28px; color: #036; line-height: 125%; height: 75px; text-align: center } .welcomeButton{ padding-left: 0%; } #accessadchoice{ height:100px; } #divAccessibility{ margin-left: 0px !important; } .adchoice{ margin-right: 0px; } .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; } .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-tabs ul{ visibility : hidden; } .nav-tabs li:hover > ul { visibility : visible;
} .nav-child-item{ display: block !important; }
}
.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-dismissible .close .circle-container svg path { fill:#ffffff; }
.alert-dismissible .close { position: absolute; top: 3px; right: 10px; height: 40px; width: 40px;
}
.alert-dismissible .close .circle-container { width: 22px; height: 22px; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; float: right; margin-top: 8px; margin-right: 9px;
}
.alert-dismissible .alert-icon .circle-container { width: 17px; height: 17px; -webkit-border-radius: 6.5px; -moz-border-radius: 6.5px; border-radius: 6.5px; background-color: #00aeff; margin: 2px 7px 0 0; float: left;
}
.alert-dismissible .alert-icon .circle-container svg { width: 10px; height: 10px; margin-top: 3px;
}
.alert-dismissible .alert-icon .circle-container svg path { fill: #ffffff;
}
.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;
}
.salewhale .popover { max-width: 376px;
}
.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;
}
.salewhale .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) {
.main-content .grid_8 .col-xs-8 {
width: 100% !important;
}
.col-xs-8 {
width: 100% !important;
}
#CouponFrame {
width: 100% !important;
height : 1950px !Important;
} .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('../images/bg-texture-blue.jpg') repeat;
}
@-ms-viewport { width: device-width;
}
body { background: url(../images/bg-dot.jpg) repeat #ffffff; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; font-size: 15px; color: #555555; padding-top: 45px;
}
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; } .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;
}
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(../images/scallop-top.png) no-repeat; top: 0;
}
.scallop.top .border { background: url(../images/scallop-dot.png) 0 0 repeat-x; top: 0;
}
.scallop.top .mask { top: 0;
}
.scallop.bottom { margin-top: 25px;
}
.scallop.bottom .corner { background: url(../images/scallop-bottom.png) no-repeat; bottom: 0;
}
.scallop.bottom .border { background: url(../images/scallop-dot.png) 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%;
}
.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: 100px; 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(../images/bg-button.png) 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;
}
.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, .clear-form { 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('../images/svg/icon-loading.svg') 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%; height: 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 .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: 10px; width: 33%; } .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; } .details-row .serves { width: 41%; } .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: fixed !important; 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 .language-toggle { width: 100px; padding-right: 6px; }
header .utility img { display: none;
}
header .main { position: relative; z-index: 1; width: 100%; background: url('../images/bg-texture-blue.jpg') 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 { position:absolute; border: none; margin-top: -1px; border-radius: 0; top: 35px !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, header .main .kraft-logo svg.FR { width: 197px; height: 78px;
}
header .main .kraft-logo svg path.st0 {fill:#0075C9}
header .main .kraft-logo svg path.st1 {fill:#003D6D}
header .main .kraft-logo svg path.st2 {fill:#FFFFFF}
header .main .kraft-logo svg path.st3 {fill:#fd2840}
header .main .kraft-logo svg path.st4 {fill:#036}
header .main .kraft-logo svg.FR path.st0 {fill:#FFFFFF}
header .main .kraft-logo svg.FR path.st1 {fill:#DF1238}
header .main .kraft-logo svg.FR path.st2 {fill:#003f6a}
header .main .kraft-logo svg.FR path.st3 {fill:#0075C9}
header .main .kraft-logo svg.FR path.st4 {fill:#003D6D}
@media (max-width: 768px) { header .main .kraft-logo svg, header .main .kraft-logo svg.FR { height: 30px; width: 97px; } header .main .kraft-logo svg path.st0 {fill:#ffffff} header .main .kraft-logo svg path.st1 {fill:#ffffff} header .main .kraft-logo svg path.st2 {fill:#036} header .main .kraft-logo svg path.st3 {fill:#ffffff} header .main .kraft-logo svg path.st4 {fill:#ffffff} header .main .kraft-logo svg.FR path.st0 {fill:#036} header .main .kraft-logo svg.FR path.st1 {fill:#ffffff} header .main .kraft-logo svg.FR path.st2 {fill:#ffffff} header .main .kraft-logo svg.FR path.st3 {fill:#ffffff} header .main .kraft-logo svg.FR path.st4 {fill:#ffffff}
}
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: fixed !important; z-index: 105; top: auto; } header a.closeLink { display: none !important; } header a.searchLink { display: none !important; } header .jump-links { display: none; } header.alternateHeader .shadowed { background: #003a71; height: 55px; } 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: auto; 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: 97px; } header .main .wrapper { width: 960px; margin: 0 auto; background-color: #ffffff; } header .main .mobile-nav-icon { display: none; } header.alternateHeader .main .kraft-logo { padding: 5px 0;
} header .main .kraft-logo { display: block; float: left; padding: 20px 0; } header .main .kraft-logo svg { width: 153px; height: 68px; } header.alternateHeader .main .search
{ margin: 10px 35px 0 0;
} header .main .search { position: relative; float: right; margin: 10px 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('../images/popover-notch.png') 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 0px 0 16px; } header.alternateHeader .main nav ul li { display: inline-block; margin-top: 8px; } header .main nav ul li { display: inline-block; } header.alternateHeader .main nav ul li a { color: #ffffff; line-height: 30px; padding: 6px 18px 0px 18px; } 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.alternateHeader .main nav ul li ul.dropdown-menu { z-index: -1; } 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; height:auto !important; } 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; font-size:15px; } 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 .j-carousel-wrapper-wrapper { border: 1px solid #d4d4d4; border-radius: 25px; float: right; padding:2px 5px; } 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:69px; padding:4px; } header .brand-slider ul li a { display: block; width: 100%; height: 100%; text-align: center; opacity: 1; } 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; width:15px; } header .brand-slider .jcarousel-control-next 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; width:15px; } header.alternateHeader .view-all-brands { width: 90px; padding: 0; } 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 { position : absolute !important; top : 33px !important; 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); } 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.alternateHeader .main nav ul li:hover > a, .no-touch header.alternateHeader .main nav ul li.hover > a { background-color: #fff; color: #038ac8; text-decoration: none; height: 47px; } .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.alternateHeader .main nav ul li.active > a { height: 47px; } .no-touch header.alternateHeader .main nav ul li.active > a:hover { color: #428bca !important; } .no-touch header.alternateHeader .main nav ul li.active > a::after { content: ''; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid white; left:50%; position:absolute; bottom:0px; margin-left:-7px; z-index: 99;
} .no-touch header .main nav ul li.active > a { } .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 ol { list-style-type: none; margin: 0; font-size: 12px;
}
.kraft-breadcrumb ol li { line-height: 25px; display: none;
}
.kraft-breadcrumb ol li a { display: inline-block; line-height: 25px;
}
.kraft-breadcrumb ol li.parent { display: inline;
}
.kraft-breadcrumb ol li.parent svg { display: block; width: 15px; height: 15px; float: left; margin-right: 5px; margin-top: 5px;
}
.kraft-breadcrumb ol li.parent svg .st0 { fill: #00aeff;
}
.kraft-breadcrumb ol li.longtapped { color: #a9a9a9; display: inline;
}
.kraft-breadcrumb ol li.longtapped:before { content: "·"; font-size: 23px; vertical-align: -4px; margin: 0 6px 0 4px;
}
.kraft-breadcrumb ol li.longtapped.first:before { content: ""; margin: 0;
}
.kraft-breadcrumb ol li.longtapped.parent svg { display: none;
}
.kraft-breadcrumb ol 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 8px; padding-top: 150px; } .kraft-breadcrumb .wrapper { } .kraft-breadcrumb svg { display: none; } .kraft-breadcrumb ol li { color: #555555; display: inline; line-height: 100%; } .kraft-breadcrumb ol li:before { content: "·"; font-size: 23px; vertical-align: -4px; margin: 0 6px 0 4px; } .kraft-breadcrumb ol li:first-child:before { content: ""; margin: 0; } .kraft-breadcrumb ol li.parent svg { display: none; } .kraft-breadcrumb ol li a { color: #555555; text-decoration: underline; line-height: 100%; padding: 0; } .kraft-breadcrumb .divider.dotted { display: none; } .no-touch .kraft-breadcrumb ol 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; visibility:visible !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('../images/bg-texture-blue.jpg') repeat; position: relative; z-index: 1; padding-top: 30px; padding-bottom: 10px; 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 path.st0 {fill:#ffffff} footer .logo svg path.st1 {fill:#ffffff} footer .logo svg path.st2 {fill:#036} footer .logo svg path.st3 {fill:#ffffff} footer .logo svg path.st4 {fill:#ffffff} footer .logo svg.FR path.st0 {fill:#036} footer .logo svg.FR path.st1 {fill:#ffffff} footer .logo svg.FR path.st2 {fill:#ffffff} footer .logo svg.FR path.st3 {fill:#ffffff} footer .logo svg.FR path.st4 {fill:#ffffff}
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%;
}
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;
}
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: relative; 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; } 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: 25px; 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('../images/bg-texture-blue.jpg') repeat; text-align: center;
}
.ad-footer { background: #000; text-align: center; position: relative;
}
.ad-footer::after { content: ""; background: url('../images/bg-texture-blue.jpg') 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: 196px;
}
.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: 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: auto !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; }
.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: 94px !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: 100%; 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: 50%; 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: #f49204;
}
.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;
}
.card.category:last-child { margin-bottom: 20px;
}
.card.category .card-bottom { padding: 7px 10px 5px;
}
.card.category .card-bottom .title { position: relative; padding-right: 75px;
}
.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;
}
.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 { max-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: left; 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; } .three-tile-grid li:nth-child(3n) { margin-right: 0; } .three-tile-grid li:nth-last-of-type(-n+3) { } .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: 13px; padding-left: 12px; line-height: 140%; width: 85px; height: 20px; top: -10px; 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); } .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); } .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: 76px; margin-top: 1px; } .card.category { width: 290px; float: left; margin: 0 25px 40px 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .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: 10px; } .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;
}
.homepage-two-column .card-cta .inner-card .card-top h3 span { font-size: 16px;
}
.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;
}
.acquisition .recipe-email { width: 100% !Important;
}
.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 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: 128px; 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: 26px; 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; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
.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%;
}
.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%;
}
.header-carousel .jcarousel { position: relative; width: 350px;
}
.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(../images/bg-tab-dot.jpg) 0 bottom repeat-x;
}
.nav-tabs > li { background: url(../images/bg-tab-dot.jpg) 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(../images/bg-tab-before.jpg) 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(../images/bg-tab-after.jpg) 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 20px; }
}
.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 35px 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: 94px;
}
.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 { } .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: 212px; } .view-grid.four-tile-grid .card .inner-card { min-height: 250px; } .view-grid.four-tile-grid .card .card-top a { height: 142px; } .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 .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; } .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: 30px; } .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: 137px; padding-bottom: 22px; } .view-list.four-tile-grid .card .card-details a.title { font-size: 18px; }
}
.recalls { display: none; position: relative; width: 100%; max-width: 960px; margin: 0 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.top { margin-top: 0; padding-bottom: 10px;
}
.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 { margin-top: -1px; padding-bottom: 0; } .recalls.top.homepageTwoColumn { margin-bottom: 0px; } .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(../images/bg-texture-blue.jpg) 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 .membername-wrapper span[data-toggle="tooltip"] svg { width: 16px; height: 16px;
}
.modal-form-wrapper .password-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,.modal .clear-form { 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;
}
@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: absolute; 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 .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; } .recipeDetails .sw-container { padding-bottom: 18px; margin-left: -4px; } .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) {
#bodyDiv{
padding-top:163px;
}
#bodyDiv.alternateHeader{
padding-top:80px;
}
.recall-down{
padding-top:260px;
}
.recall-down-noheader{
padding-top:180px;
} .product-category .row { overflow:hidden; }
.product-category .panel {
padding:10px;
border:none;
list-style-type:none;
}
.product-category .panel-default {
border:solid 1px rgba(85, 85, 85, 0.2);
}
.product-category .pagination { display:inline-block; width:auto;
}
.product-category .panel-body {
display:block;
padding: 10px 0 0 0;
}
.panel-footer { padding: 10px 15px; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;
}
.panel-footer .category-name a{ display:block;
font-family: 'Roboto Slab',serif; font-weight: 700; line-height: 125%; color: #555 !important; height:24px; overflow:hidden; } .panel-footer .view-all { text-align:right; font-size:small; } .panel-footer .product-name a{ display:block; font-family: 'Roboto Slab',serif; font-weight: 700; line-height: 125%; color: #555 !important; font-size: 12px!important; height:60px; overflow:hidden; } .filter-rail { padding: 0 10px 0 15px; } .filter-rail h4{ font-size:14px; margin: 10px 0; font-family: inherit; font-weight: 600; line-height: 18px; color: inherit; } .filter-rail a{ font-size: .8em; } .filter-rail span { font-size: .7em; color:rgba(0, 0, 0, 0.4); } .product-list { padding: 0 10px 0 15px; border-left: solid 1px rgba(85, 85, 85, 0.2); } .product-list .panel-default { border:none; } .product-list .panel-footer { border-top: 1px solid #fff; } .product-category .pagination ul{ display:inline-block; } .main-product-section { padding:30px 0; } .more-product-images ul li img { cursor: pointer; } .more-product-images img-thumbnail { min-height:50px; } .oProductImage { display:block; } .couponFrame { border: 0; margin: 0; margin: 0 auto; display: block; } .left-container-welcome{ float: left; width: 35%; border-right: 1px dashed #dcdcdc; } .right-container-welcome { float: left; width: 35%; padding-left: 10px; } .welcomeImage { height: 100px; text-align: center; } .welcomeText { font-family: 'Roboto Slab',serif; font-size: 28px; color: #036; line-height: 125%; height: 75px; text-align: center } .welcomeButton{ padding-left: 14%; } .static-carousel{ width:31% !important; padding-left:5px; max-height:140px; overflow:hidden; margin-right:5px !important; }
}
.header-carousel, header-utility { clear:both; overflow:hidden;
}
.utility-wrapper {
float: right;
margin-bottom: 10px;
margin-right:30px;
}
.remove-decoration { text-decoration: none!important; }
.label-anchor { color: #00aeff; cursor: pointer; font-size: 0.8em; font-family: "Source Sans Pro",sans-serif; font-weight: 400; line-height: 125%;
}
.one-bag-five-dinners .card.recipe{width:135px}
.one-bag-five-dinners .card.recipe .inner-card .card-top a{height: 177px;}
.one-bag-five-dinners .card-top .main-image {margin:0}
.main-product-section img{ max-height: 350px !important; max-width: 350px !important;
}
.mainProductImage {
margin: auto;
display: block;
}
@media (max-device-width: 736px) and (min-device-width: 320px){
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: 42px; right: 20px; float: right;
}
header .main .search { position: static; top: 45px; right: 0; margin: 0px !important; width: 100%; display: none;
}
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: 0px !important; width: 26px; height: 26px; background: #00aeff; border-radius: 13px; position: absolute; top: 60px; right: 14px; z-index: 10;
}
}
@media (min-width: 320px) and (max-device-width : 568px) {
.panel-footer .product-name a { display: block; font-family: 'Roboto Slab',serif; font-weight: 700; line-height: 125%; color: #555 !important; font-size: 12px!important; height: 32px; overflow: hidden;
}
.product-category .panel { padding: 10px; border: none; list-style-type: none;
}
}
@media (max-width: 767px) {
#primaryButton.button.primary { background-color: #ed174f; margin-bottom: 15px !important; margin-right: 0px !important; margin-top: 15px !important; display: block !important; width:65%; margin:5% auto !important;
}
#secondaryButton.button.secondary { background-color: #009de6; display: block !important;
}
#secondaryButton.button.secondary.recipe-card { background-color: #009de6; display: none !important;
}
.more-product-images{ padding-left:50px;
}
.nutrition-section{ padding-left:10px; padding-right:10px;
}
.product-ratings-reviews-wrapper{ padding: 10px 0px;
}
}
.homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow .caption .inner {padding:8px 7px; height:58px;}
.homepage-two-column .jcarousel:first-child,
.jcarousel-wrapper.slideshow .jcarousel{ height:300px; position: relative; z-index: 0;height:310px
}
.homepage-two-column .jcarousel:nth-child(2){
margin-left:20px
}
.bottom.relatives.three {width:580px;margin-left:22px}
.homepage-two-column .jcarousel:first-child::before,
.homepage-two-column .jcarousel:first-child::after,
.jcarousel-wrapper.slideshow .jcarousel:before,
.jcarousel-wrapper.slideshow .jcarousel:after{
z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: rgba(0, 0, 0, 0.35); -webkit-box-shadow: 0 11px 10px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.35); box-shadow: 0 15px 10px rgba(0, 0, 0, 0.35); -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg);
}
.homepage-two-column .jcarousel:first-child::after,
.jcarousel-wrapper.slideshow .jcarousel:after{
-webkit-transform: rotate(3deg); -moz-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); right: 10px; left: auto;
}
.product-ratings-reviews-wrapper { padding: 20px 0;
}
.BVRRSummaryContainer {
padding:10px;
}
.homepage-two-column .jcarousel-wrapper.slideshow .slide, {height:294px; height:304px;}
.jcarousel-wrapper.slideshow .slide {height:308px}
.homepage-two-column .jcarousel-wrapper.slideshow .slide .image,
.jcarousel-wrapper.slideshow .slide .image {height:250px;}
.homepage-two-column .jcarousel-wrapper.slideshow .slide .caption,
.jcarousel-wrapper.slideshow .slide .caption {position:static}
.homepage-two-column .jcarousel-wrapper.slideshow .slide .caption .inner,
.jcarousel-wrapper.slideshow .slide .caption .inner
{margin:0; background:#fff;}
.jcarousel-wrapper.slideshow .slide .caption .inner {padding:6px 20px}
.homepage-two-column .jcarousel-wrapper.slideshow .jcarousel-control-prev,
.homepage-two-column .jcarousel-wrapper.slideshow .jcarousel-control-next,
.jcarousel-wrapper.slideshow .jcarousel-control-prev,
.jcarousel-wrapper.slideshow .jcarousel-control-next {margin-top:-68px}
.jcarousel li.static-carousel:last-child {margin:0}
.jcarousel li.static-carousel {width:188px !important; height:196px !important; min-height:196px !important }
.jcarousel li.static-carousel .card-details h2 { padding:10px 7px; margin:0 }
.jcarousel li.static-carousel .card .inner-card {min-height:153px}
.homepage-two-column .jcarousel li.static-carousel .card a { font-size:11px}
.homepage-two-column .embedded-slider {margin-bottom:30px;}
.homepage-two-column .jcarousel-wrapper.slideshow .slide .caption .inner .desc h1,
.homepage-two-column .jcarousel-wrapper.slideshow .slide .caption .inner .desc h2 { float:left; width:70%;}
.homepage-two-column .jcarousel-wrapper.slideshow .slide .caption .inner .desc .title {white-space: normal; text-align: left; line-height: 22px}
.homepage-two-column .jcarousel-wrapper.slideshow .slide .caption .inner .desc { text-align:left; height: 40px; padding:6px 18px 0 18px;}
.homepage-two-column .jcarousel-wrapper.slideshow .slide .caption .inner .desc .teaser { float:right; width:30%; background: url("/-/media/kraft%20canada/misc/svg-btn-arrow.svg") no-repeat right center; padding-right:22px; white-space: normal; text-align: right;
}
.homepage-two-column .jcarousel-wrapper.slideshow .slide .caption .inner .desc .teaser a { line-height: 17px; font-size: 13px}
.homepage-two-column .jcarousel-wrapper.slideshow .slide .caption .inner .desc h1,
.homepage-two-column .jcarousel-wrapper.slideshow .slide .caption .inner .desc h2,
.homepage-two-column .jcarousel-wrapper.slideshow .slide .caption .inner .desc .teaser { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);
}
@media (max-width: 767px) { .bottom.relatives.three { width:100%; margin:0; margin-left:1%} .jcarousel li.static-carousel { width:32% !important; height:145px !important; max-height:145px !important; margin-right:1% !important; margin-left:0 !important} .jcarousel li.static-carousel card a { font-size: 12px; text-align: center} .jcarousel li.static-carousel img { margin:0 auto;} .jcarousel li.static-carousel .card .inner-card { text-align: center} .jcarousel-wrapper.double-peek .jcarousel ul li, .jcarousel-wrapper.double-peek.nested .jcarousel ul li {height:auto;} .homepage-two-column .jcarousel:first-child::before, .homepage-two-column .jcarousel:first-child::after { box-shadow:none; background: none} .homepage-two-column .jcarousel:first-child {height:200px;} .jcarousel-wrapper.double-peek .slide .caption .inner, .jcarousel-wrapper.double-peek.nested .slide .caption .inner {padding:3px 16px} .jcarousel-wrapper.double-peek .slide .image, .jcarousel-wrapper.double-peek.nested .slide .image { background:#fff; height:142px !important;} .jcarousel-wrapper.double-peek .slide, .jcarousel-wrapper.double-peek.nested .slide { box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.3) !important; -moz-box-shadow:0 0 5px 0 rgba(0, 0, 0, 0.3); } .homepage-two-column .jcarousel-wrapper.double-peek .jcarousel ul li img, .homepage-two-column .jcarousel-wrapper.double-peek.nested .jcarousel ul li img { top:0; height:auto; left:0; transform:none; -webkit-transform:none; box-shadow:none; min-height: inherit !important; } .jcarousel-wrapper.double-peek .slide .view-all-link, .jcarousel-wrapper.double-peek.nested .slide .view-all-link { right:25px} .homepage-two-column .jcarousel-wrapper.double-peek .slide .image, .homepage-two-column .jcarousel-wrapper.double-peek.nested .slide .image { height:auto !important;} .homepage-two-column .jcarousel-wrapper.double-peek .slide .caption .inner .desc h1, .homepage-two-column .jcarousel-wrapper.double-peek.nested .slide .caption .inner .desc h1, .homepage-two-column .jcarousel-wrapper.double-peek .slide .caption .inner .desc h2, .homepage-two-column .jcarousel-wrapper.double-peek.nested .slide .caption .inner .desc h2 {padding-top:10px} }
#div-id-for-top-300x250 { position:relative; z-index:100; clear:both;
}
#pagenoofcount{ padding: 29px 0 0 19%;
}
@media (max-device-width: 568px) and (min-device-width: 320px){
.filter-rail { padding: 0 25px 25px; width: 100% !important; vertical-align: top;
}
.product-list { padding: 0 10px 0 10px; border-left: solid 1px rgba(85, 85, 85, 0.2); width: 100% !important;
}
#productcount { padding-left: 10px; width: 35% !important;
}
#sortbyoption {
text-align: right; padding-right: 10px; width: 65%;
}
#pagenoofcount { padding: 29px 0 0 1%; width: 25% !important;
}
#paginationmain {
width: 75% !important;
}
#pnlPager { width: 75% !important;
}
#viewall{
padding: 29px 0 0 0px; float: right; width: 25% !important;
}
#filterby { float: left; height: auto; padding-left: 10px; margin-bottom: 25px; font-style: italic; height:30px !important; }
.productfilters { display:none; height:auto; width:100%; margin:0; float: left; padding-left: 20px; }
.showmobile { display: none;
}
.hidemobile:target + .showmobile { display: inline;
}
.hidemobile:target { display: none;
}
.hidemobile:target ~ .productfilters { display:inline;
}
.hidemobile, .showmobile { width: 30px; height: 30px; border-radius: 30px; font-size: 20px; color: #fff; text-shadow: 0 1px 0 #666; text-align: center; text-decoration: none; box-shadow: 1px 1px 2px #000; background: #cccbbb; opacity: .95; margin-right: 0; float: left; margin-bottom: 25px;
}
.hidemobile:hover, .showmobile:hover { color: #eee; text-shadow: 0 0 5px #666; text-decoration: none; box-shadow: 0 0 4px #222 inset; opacity: 1; margin-bottom: 25px;
}
div .productfilters{ border: 2px solid #a9a9a9; -webkit-box-shadow: 0 0 5px 2px gray; -moz-box-shadow: 0 0 5px 2px gray; box-shadow: 0 0 5px 2px gray; background: #ffffff;
}
#clrallfilters{ float:right; padding-left: 60px;
}
}
.more-product-images { padding-top:20px; width:100%; } .more-product-images ul { padding:0 0 0 0; margin:0 0 0 0; } .more-product-images ul li { list-style:none; margin-bottom:25px; }
@media (max-width: 767px){
.filter-rail span { font-size: 1em; color: rgba(0, 0, 0, 0.4);
}
}
@media (max-width: 767px){
.recipe-imagery .imagery-actions a.view-all-images.hidden-xs { width: auto; margin-right: 20px; padding: 10px 0px; display: inline !important; float: right;
}
.recipe-imagery .imagery-actions.relative.hide-view-all a.view-all-images{ display: none !important;
}
.recipe-imagery .imagery-actions { float: right; width: 100%;	margin-right: 115px;
}
.recipe-imagery .view-all-images, .recipe-imagery .add-photo { font-size: 13px; padding: 10px 15px; display: inline; float: right;
}
}
.acq-acq-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;
}
.acq-acq-recipes-by-email .divider.slitshadow { display: none; margin-bottom: 20px;
}
.acq-acq-recipes-by-email .form { position: relative;
}
.acq-acq-recipes-by-email .title { margin-bottom: 10px;
}
.acq-acq-recipes-by-email .title .icon { display: table-cell; vertical-align: middle;
}
.acq-acq-recipes-by-email .title .icon svg { width: 43px; height: 30px; margin-right: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
}
.acq-acq-recipes-by-email .title .icon svg path { fill: #0497ac;
}
.acq-acq-recipes-by-email .title .content { display: table-cell; padding-left: 20px;
}
.acq-acq-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%;
}
.acq-acq-recipes-by-email .title .content p { font-size: 14px; margin-bottom: 0; margin-top: 8px; padding: 0;
}
.acq-acq-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;
}
.acq-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;
}
.acq-recipes-by-email .email-submit svg path { fill: #00aeff;
}
.acq-recipes-by-email .email-submit svg path.st0 { fill: #ffffff;
}
.acq-recipes-by-email .email-success { display: none; color: #0497ac; width: 100%; margin-top: -10px; font-size: 15px; padding-bottom: 15px;
}
.acq-recipes-by-email input.error { border: 1px solid #ec174f;
}
.acq-recipes-by-email div.error { color: #ec174f; font-size: 15px;
}
.acq-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;
}
.acq-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 .acq-recipes-by-email { margin: 35px 0px 45px 0;
}
.main-left-col .acq-recipes-by-email .title,
.main-left-col .acq-recipes-by-email .form { max-width: 315px; margin-left: auto; margin-right: auto;
}
.main-left-col .acq-recipes-by-email .divider.slitshadow { margin-bottom: 25px;
}
.main-left-col .acq-recipes-by-email .divider.slitshadow .falloff-shadow { width: 88%; top: -23px;
}
aside.right-rail .acq-recipes-by-email,
.mobile-modal-pg + .acq-recipes-by-email { padding-bottom: 1px; margin-bottom: -3px;
}
@media (max-width: 768px) { .rbe-wrapper + .col-xs-12 { margin-top: 20px; margin-bottom: 10px; }
}
.AcquisitionModal .recipes-by-email .slitshadow { display: none; margin: 10px !important; }
.acquisition-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; }
.header-label { margin-left: 0; width: 100%; font-weight:bold; }
.card img.nxt-spotlight
{
width: 70% !important;
top: -12px !important;
opacity: 1 !important;
left: -14px !important;
}
@media (min-width: 768px) {
.recipesLanding .category-list li { width:290px !important; }
}
@media (max-width: 767px) {
.recipesLanding .category-list li { width:100% !important;
}
.jcarousel-wrapper.single-peek .jcarousel ul li img{ width: 100% !important; max-height: none !important; -webkit-box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.4) !important; box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.4) !important;
}
}
@media (max-width: 600px) and (min-width: 501px) {
.jcarousel-wrapper.single-peek .jcarousel { height: 370px !important;
}
}
@media (max-width: 700px) and (min-width: 601px) {
.jcarousel-wrapper.single-peek .jcarousel { height: 430px !important;
}
}
@media (max-width: 500px) and (min-width: 401px) {
.jcarousel-wrapper.single-peek .jcarousel { height: 300px !important;
}
}
@media (max-width: 400px) and (min-width: 320px) {
.jcarousel-wrapper.single-peek .jcarousel { height: 240px !important;
}
}
.uppos { padding-top: 50px !important;
}
#skiptocontent a {	padding:6px;	position: absolute;	top:-40px;	left:0px;	color:white;	border-right:1px solid white;	border-bottom:1px solid white;	border-bottom-right-radius:8px;	background:transparent;	-webkit-transition: top 1s ease-out, background 1s linear; transition: top 1s ease-out, background 1s linear; z-index: 111;
}
#skiptocontent a:focus {	position:absolute;	left:0px;	top:0px;	background:#BF1722;	outline:0;	-webkit-transition: top .1s ease-in, background .5s linear; transition: top .1s ease-in, background .5s linear;
}
.offleft {position: absolute; left: -9999px;}
@media (max-width: 767px){
.col-xs-12 .sidebar-tile
{ float:none; }
.jcarousel-wrapper
{ overflow-x:auto; }
}
#filterby h2{
font-size:16px;
font-weight: bold;}