@import url('http://cdn-eu-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.30/assets/css/main-opt-1.css?yocs=1c_1t_&yoloc=eu');
@media (min-width: 768px) { .recipe-imagery { padding: 0 30px 0 55px; position: relative; height: auto; overflow-x: auto; } .recipe-imagery.no-alternates { } .recipe-imagery.no-alternates .video-additional-images { position: absolute; bottom: -30px; right: 0; z-index: 1; } .recipe-imagery h2 { height: auto; } .recipe-imagery .video-wrapper { top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel { height: auto; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul { width: auto !important; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li { display: none; height: auto; margin-left: 0; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li:only-child { cursor: default !important; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li:only-child img { cursor: default !important; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li img { cursor: pointer; -webkit-box-shadow: none; box-shadow: none; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li:nth-child(2), .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li:nth-child(3) { display: block; margin-right: 10px; width: 111px; height: 74px; overflow: hidden; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li:nth-child(2) h2, .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li:nth-child(3) h2 { height: 100%; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li:nth-child(2) img, .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li:nth-child(3) img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; min-height: 100% !important; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li.initial { margin: 0 0 10px 0 !important; display: block; float: none; width: 100%; height: 322px; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li.initial h2 { height: 100%; overflow: hidden; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li.initial img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; min-height: 100% !important; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li.video-still .video-wrapper { display: none; } .recipe-imagery .jcarousel-wrapper.single-peek .jcarousel ul li.video-still h2 { display: block; } .recipe-imagery .imagery-actions { position: absolute; bottom: 13px; right: 0; max-width: 256px; float: none; height: 32px; } .recipe-imagery .imagery-actions a { text-decoration: none; float: left; padding: 0; } .recipe-imagery .imagery-actions a.view-all-images { width: 115px; margin-right: 20px; } .recipe-imagery .imagery-actions a.add-photo { max-width: 100px; float: right; } .recipe-imagery .imagery-actions.relative { position: relative; bottom: auto; float: right; max-width: none; height: 20px; margin-top: 5px; } .recipe-imagery .imagery-actions.relative a { width: auto; max-width: none; } .recipe-imagery .imagery-actions.hide-view-all .view-all-images { display: none; } .recipe-imagery .recipe-video { position: relative; } .recipe-imagery .recipe-video ul { margin: 10px 0 0 0 !important; float: left; width: 100%; } .recipe-imagery .recipe-video ul li.video-still { height: auto; margin-left: 0; display: block; margin-right: 10px; max-width: 111px; max-height: 69px; overflow: hidden; float: left; } .recipe-imagery .recipe-video ul li.video-still img { cursor: pointer; -webkit-box-shadow: none; box-shadow: none; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .recipe-imagery .recipe-video ul li.video-still img { width: auto; height: auto; } .recipe-imagery .recipe-video ul li.imagery-actions { width: auto !important; } .recipe-imagery .recipe-video ul li.imagery-actions:not(.relative) { height: 32px; bottom: 12px; } .no-touch .recipe-imagery .imagery-actions a:hover { color: #00aeff; } .no-touch .recipe-imagery .imagery-actions a:hover span { text-decoration: underline; }
}
.recipe-overview { padding: 0 15px;
}
.recipe-overview .author { font-size: 13px; padding-bottom: 12px;
}
.recipe-overview .ratings-utility-bar { margin-left: -10px; margin-right: -10px;
}
.recipe-overview .ratings-utility-bar .rating { padding: 15px 10px; font-size: 13px;
}
.recipe-overview .ratings-utility-bar .rating .hearts { float: left;
}
.recipe-overview .ratings-utility-bar .rating .hearts div svg { width: 20px; height: 17px;
}
.recipe-overview .ratings-utility-bar .rating .hearts.add { display: none;
}
.recipe-overview .ratings-utility-bar .rating span { float: left; color: #00aeff; cursor: pointer;
}
.recipe-overview .ratings-utility-bar .rating .num-reviews { float: right;
}
.recipe-overview .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.recipe-overview .divider.dotted.vertical { position: relative; display: table-cell; float: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(25%, #a9a9a9), color-stop(50%, rgba(169, 169, 169, 0.2)), color-stop(50%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -ms-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to bottom, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0 top; background-size: 12px 6px; background-repeat: repeat-y;
}
@-webkit-keyframes readLessAnimation { from { padding-bottom: 35px; } to { padding-bottom: 0px; }
}
@-moz-keyframes readLessAnimation { from { padding-bottom: 35px; } to { padding-bottom: 0px; }
}
@-o-keyframes readLessAnimation { from { padding-bottom: 35px; } to { padding-bottom: 0px; }
}
@keyframes readLessAnimation { from { padding-bottom: 35px; } to { padding-bottom: 0px; }
}
@media (min-width: 768px) { .recipe-overview { padding: 0 30px 0 55px; } .recipe-overview .author { margin-top: 10px; } .recipe-overview .ratings-utility-bar { margin-left: 0; margin-right: 0; } .recipe-overview .ratings-utility-bar .rating { padding: 15px 0 13px 0; } .recipe-overview .ratings-utility-bar .rating .hearts.add { display: block; float: left; } .recipe-overview .ratings-utility-bar .rating .hearts.add svg path { fill: #00aeff; } .recipe-overview .ratings-utility-bar .rating .num-reviews { float: left; } .recipe-overview .ratings-utility-bar .rating span { margin-top: -2px; margin-right: 30px; } .recipe-overview .read-more-wrapper > div { margin-bottom: 0; } .no-touch .recipe-overview .ratings-utility-bar .rating span:hover { text-decoration: underline; }
}
.what-you-need { padding: 0 15px; margin-bottom: 30px;
}
.what-you-need .deals-headline { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%; font-size: 14px; margin-bottom: 5px;
}
.what-you-need .deals-headline span { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%;
}
.what-you-need .deals-headline svg { width: 20px; height: 20px; vertical-align: -5px;
}
.what-you-need .deals-headline svg path { fill: #555555;
}
.what-you-need .deals-headline svg .st0 { fill: #ffffff;
}
.what-you-need .deals-headline .utility { width: 100%; color: #cccccc; margin-bottom: 10px;
}
.what-you-need .deals-headline .utility span { color: #00aeff; vertical-align: 3px; display: inline-block; line-height: 200%;
}
.what-you-need .deals-headline .utility .divider.dotted.vertical { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNy4yNzI3MjcyNzI3MjcyNyUiIHN0b3AtY29sb3I9IiNjY2NjY2MiLz48c3RvcCBvZmZzZXQ9IjU0LjU0NTQ1NDU0NTQ1NDU0JSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1NC41NDU0NTQ1NDU0NTQ1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(27.27272727%, #cccccc), color-stop(54.54545455%, rgba(204, 204, 204, 0.2)), color-stop(54.54545455%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -o-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -ms-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: linear-gradient(to bottom, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-position: 0 top; background-size: 22px 6px; background-repeat: repeat-y; height: 17px; display: inline-block; margin: 0 5px;
}
.what-you-need ul { list-style-type: none; margin: 0 0 10px;
}
.what-you-need ul li { border-bottom: 1px solid #cccccc; padding-bottom: 10px; margin-bottom: 13px;
}
.what-you-need ul svg { width: 20px; height: 20px; vertical-align: -5px; float: right;
}
.what-you-need ul svg path { fill: #6b9736;
}
.what-you-need ul svg .st0 { fill: #ffffff;
}
.what-you-need .divider { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 18px;
}
.what-you-need .divider.visible-xs { margin: 3px 0 8px;
}
.what-you-need .button { width: 100%; margin-bottom: 25px; margin-left: 0;
}
.what-you-need .checkbox-wrapper { margin-bottom: 0;
}
.what-you-need .checkbox-wrapper label { display: inline-block; position: relative; margin: 0; padding-right: 20px; width: 100%;
}
.what-you-need .checkbox-wrapper label .unchecked,
.what-you-need .checkbox-wrapper label .checked { position: absolute; top: 50%; margin-top: -10px;
}
.what-you-need .checkbox-wrapper label .checkbox-label { display: inline-block; margin-left: 32px; width: 93%;
}
.what-you-need .checkbox-wrapper label .checkbox-label.deal-present { width: 80%;
}
.what-you-need .checkbox-wrapper label .deal { position: absolute; top: 50%; right: 0; margin-top: -10px;
}
.what-you-need .checkbox-wrapper label .deal span { width: 90%; max-width: 350px;
}
.what-you-need .deal-content { display: none; color: #6b9736; font-size: 14px; margin: 7px 0 0 0;
}
@media (min-width: 768px) { .what-you-need { padding: 0 30px 0 55px; } .what-you-need .divider { margin-bottom: 25px; } .what-you-need .button { width: 230px; display: inline-block; margin: 0; } .what-you-need .button.primary { margin-right: 18px; } .what-you-need .deals-headline .deals-text { width: 273px; float: left; font-size: 17px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%; } .what-you-need .deals-headline .deals-text span { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; } .what-you-need .deals-headline .utility { float: right; text-align: right; margin-top: 1px; width: 210px; } .what-you-need .deals-headline .utility span { line-height: 125%; } .what-you-need .deal-content { font-size: 15px; }
}
.no-touch .what-you-need .deals-headline .utility span:hover { text-decoration: underline; cursor: pointer;
}
.make-it { padding: 0 15px; margin-bottom: 30px;
}
.make-it h2 { margin: 0;
}
.make-it p { margin-bottom: 7px;
}
.make-it .divider { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 18px; width: 99%;
}
.make-it ul { list-style-type: none; margin: 0; position: relative;
}
.make-it ul li { border-bottom: 1px solid #cccccc; padding-bottom: 10px; padding-top: 10px; position: relative; width: 100%; color: #555555; font-size: 13px; line-height: 125%;
}
.make-it ul li:first-child { padding-top: 0;
}
.make-it ul li div { display: inline-block; padding-right: 35px;
}
.make-it ul li svg { position: absolute; top: 50%; right: 0; margin-top: -14px; width: 27px; height: 27px;
}
.make-it ul li svg .st1 { fill: #ffffff;
}
.make-it ul li svg .st0 { fill: #cccccc;
}
.make-it ul li.complete { color: #cccccc;
}
.make-it ul li.complete svg .st0 { fill: #0497ac;
}
.make-it ul.with-images li { min-height: 60px;
}
.make-it ul.with-images li.complete img { opacity: 0.3;
}
.make-it ul.with-images div { width: 100%; padding: 0 35px 0 89px;
}
.make-it ul.with-images img { position: absolute; top: 50%; width: 76px; height: 50px; margin-top: -30px;
}
@media (min-width: 768px) { .make-it { padding: 0 30px 0 55px; } .make-it .divider { margin-bottom: 25px; } .make-it ul { list-style-type: none; margin: 0 0 20px; } .make-it ul li { border-bottom: 1px solid #cccccc; font-size: 17px; } .make-it ul li div { width: 450px; } .make-it ul li svg { margin-top: -10px; width: 20px; height: 20px; } .make-it ul.with-images li { min-height: 77px; padding-bottom: 4px; margin-bottom: 4px; } .make-it ul.with-images div { width: 485px; padding: 0 35px 0 122px; } .make-it ul.with-images img { margin-top: -38px; width: 108px; height: 72px; } .make-it .button { width: 230px; display: inline-block; } .make-it .button.primary { margin-right: 18px; }
}
.no-touch .make-it ul li:hover { text-decoration: none; color: #555555; cursor: pointer;
}
.no-touch .make-it ul li:hover svg .st0 { fill: #cdeaee;
}
.no-touch .make-it ul li.complete:hover { color: #cccccc;
}
.no-touch .make-it ul li.complete:hover svg .st0 { fill: #0497ac;
}
.member-notes { padding: 0 15px;
}
.member-notes h2 { margin: 0 0 7px;
}
.member-notes .divider { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 12px;
}
@media (min-width: 768px) { .member-notes { padding: 0 30px 22px 55px; }
}
.kitchen-tips { padding: 0 15px;
}
.kitchen-tips h3 { font-size: 16px;
}
.kitchen-tips p { font-size: 14px;
}
.kitchen-tips .jcarousel-wrapper { margin: -8px -15px 0 -15px;
}
@media (min-width: 768px) { .kitchen-tips { padding: 0 30px 0 58px; } .kitchen-tips .jcarousel-wrapper { overflow: visible; margin: -10px 0 0 -10px; } .kitchen-tips .jcarousel-wrapper .outer-mask { pointer-events: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .kitchen-tips .jcarousel-wrapper .outer-mask .falloff-shadow-left, .kitchen-tips .jcarousel-wrapper .outer-mask .falloff-shadow-right { opacity: 1 !important; } .kitchen-tips .jcarousel-wrapper .jcarousel-control-prev { display: block; height: 45px; width: 22.5px; -webkit-border-radius: 45px 0 0 45px; -moz-border-radius: 45px 0 0 45px; border-radius: 45px 0 0 45px; background: #ed174f; left: -22px !important; } .kitchen-tips .jcarousel-wrapper .jcarousel-control-prev svg { margin-right: 0; } .kitchen-tips .jcarousel-wrapper .jcarousel-control-next { display: block; height: 45px; width: 22.5px; -webkit-border-radius: 45px 0 0 45px; -moz-border-radius: 45px 0 0 45px; border-radius: 0 45px 45px 0; background: #ed174f; right: -22px !important; } .kitchen-tips .jcarousel-wrapper .jcarousel-control-next svg { margin-left: 0; } .kitchen-tips .jcarousel-wrapper .jcarousel ul li { margin: 0 7px 0 14px; } .kitchen-tips .jcarousel-wrapper.inactive .jcarousel-control-next, .kitchen-tips .jcarousel-wrapper.inactive .jcarousel-control-prev { display: none; } .kitchen-tips .jcarousel-wrapper.inactive .outer-mask { display: none; }
}
.nutrition { padding: 0 15px;
}
.nutrition h3 { font-size: 16px; margin-bottom: 2px;
}
.nutrition ul { font-size: 14px; list-style-type: none; margin-left: 0;
}
.nutrition p { font-size: 14px;
}
.nutrition p.caption { font-size: 14px; margin-top: 20px;
}
.nutrition table { font-size: 14px; line-height: 125%; width: 100%;
}
.nutrition table tr { border-bottom: 1px solid #a9a9a9;
}
.nutrition table tr.border-emphasis { border-bottom-width: 3px;
}
.nutrition table tr.border-none { border: 0;
}
.nutrition table tr.overhead-space td { padding-top: 15px;
}
.nutrition table tr td { padding: 2px 0;
}
.nutrition table .data-emphasis { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%;
}
.nutrition table .data-left-indent { padding-left: 10%;
}
.nutrition table .data-right-align { text-align: right;
}
.nutrition .divider { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-top: 21px;
}
.nutrition-left { margin-top: -8px;
}
@media (min-width: 768px) { .nutrition { padding: 0 30px 0 55px; } .nutrition p.caption { width: 210px; font-size: 12px; } .nutrition table { font-size: 12px; width: 210px; } .nutrition table .data-left-indent { padding-left: 35px; } .nutrition-left { padding-right: 15px; margin-top: 0; } .nutrition-right .nutrition-wrapper { border-left: 1px solid #cccccc; padding-left: 25px; }
}
.ratings-reviews { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
}
.toggle-ratings-reviews { background-color: #0497ac; padding: 7px 15px 9px; cursor: pointer; display: block; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); margin-top: 5px;
}
.toggle-ratings-reviews h2 { color: #ffffff; margin: 0;
}
.toggle-ratings-reviews svg { float: right; width: 11px; height: 17px; margin: 7px 7px 0 4px; vertical-align: middle; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
.toggle-ratings-reviews svg path { fill: #ffffff;
}
.toggle-ratings-reviews.expanded svg { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.ratings-reviews-content { padding: 20px 15px 0; display: none;
}
.ratings-reviews-content h2 { margin-bottom: 7px;
}
.ratings-reviews-content h3 { margin-top: 0;
}
.ratings-reviews-content .set-rating { margin-bottom: 10px;
}
.ratings-reviews-content .set-rating:before,
.ratings-reviews-content .set-rating:after { content: " "; display: table;
}
.ratings-reviews-content .set-rating:after { clear: both;
}
.ratings-reviews-content .set-rating:before,
.ratings-reviews-content .set-rating:after { content: " "; display: table;
}
.ratings-reviews-content .set-rating:after { clear: both;
}
.ratings-reviews-content .set-rating div { margin-right: 6px; float: left;
}
.ratings-reviews-content .set-rating div svg { width: 30px; height: 34px;
}
.ratings-reviews-content .review-form { padding-bottom: 1px;
}
.ratings-reviews-content .review-form .review-text { border: 1px solid #dedede; width: 100%; height: 150px; padding: 15px; margin: 8px 0 20px 0; outline: 0; font-size: 14px; color: #555555; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; resize: none;
}
.ratings-reviews-content .review-form .review-submit-btn { outline: 0; border: 0; max-width: 100%; margin-bottom: 18px;
}
.ratings-reviews-content .review-form .error { font-size: 14px;
}
.ratings-reviews-content .review-list-wrapper { position: relative; -moz-transition: max-height 1s ease-in-out; -ms-transition: max-height 1s ease-in-out; -o-transition: max-height 1s ease-in-out; -webkit-transition: max-height 1s ease-in-out; transition: max-height 1s ease-in-out; margin-top: -12px;
}
.ratings-reviews-content .review-list-wrapper .review-list { list-style-type: none; margin: 0;
}
.ratings-reviews-content .review-list-wrapper .review-list li { margin: 20px 0;
}
.ratings-reviews-content .review-list-wrapper .review-list li .hearts div svg { width: 20px; height: 17px;
}
.ratings-reviews-content .review-list-wrapper .review-list li p { font-size: 13px; line-height: 1.5;
}
.ratings-reviews-content .review-list-wrapper .review-list li .review-details { font-size: 12px; color: #a9a9a9; margin: 6px 0;
}
.ratings-reviews-content .review-list-wrapper .review-list li .review-details .author { font-size: 16px; color: #555555; padding-bottom: 6px;
}
.ratings-reviews-content .review-list-wrapper .review-list li .review-details .pipe { padding: 0 5px; display: none;
}
.ratings-reviews-content .review-list-wrapper .review-list li .review-details .date { display: block;
}
.ratings-reviews-content .review-list-wrapper .review-list li .divider { margin-top: 20px;
}
.ratings-reviews-content .review-list-wrapper .review-list li:last-of-type .divider { display: none;
}
.ratings-reviews-content .show-more-items { margin: 0 auto; width: 100%;
}
.ratings-reviews-content .show-more-items .divider { margin: 0 auto;
}
.ratings-reviews-content .divider { margin-bottom: 25px;
}
.ratings-reviews-content .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.ratings-reviews-content .divider.lt-gray { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 15px;
}
@media (min-width: 768px) { .ratings-reviews { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .toggle-ratings-reviews { display: none; } .ratings-reviews-content { padding: 0 30px 0 55px; display: block; } .ratings-reviews-content h3 { margin-top: 15px; } .ratings-reviews-content .set-rating div { cursor: pointer; } .ratings-reviews-content .set-rating div svg { width: 26px; height: 29px; } .ratings-reviews-content .review-form { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding-bottom: 0; } .ratings-reviews-content .review-form .review-submit-btn { margin-bottom: 22px; max-width: 230px; } .ratings-reviews-content .review-form .loading { margin-left: 20px; vertical-align: -60%; } .ratings-reviews-content .review-list-wrapper { margin-top: 0; } .ratings-reviews-content .review-list-wrapper .review-list li .review-details .author { font-size: 12px; padding-bottom: 0; } .ratings-reviews-content .review-list-wrapper .review-list li .review-details .pipe, .ratings-reviews-content .review-list-wrapper .review-list li .review-details .date { display: inline; }
}
.recipe-tags { padding: 0 15px;
}
.recipe-tags h2 { margin-bottom: 7px;
}
.recipe-tags ul { list-style-type: none; margin: 17px 0 0;
}
.recipe-tags ul li { display: inline-block; margin: 6px 0 6px 2px;
}
.recipe-tags ul li a { font-size: 13px; color: #ffffff; background: #555555; border-radius: 12px; padding: 2px 13px 3px;
}
.recipe-tags .divider { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
@media (min-width: 768px) { .recipe-tags { padding: 0 30px 0 55px; } .recipe-tags ul { margin: 27px 0 30px; } .no-touch .recipe-tags a:hover { color: #ffffff; }
}
.what-on-hand p { font-size: 14px;
}
.what-on-hand .modal-form-wrapper { padding: 0 15px 10px 15px;
}
.what-on-hand .modal-form-wrapper button { width: 100%;
}
.what-on-hand .modal-form-wrapper input { margin: 0 0 15px 0; width: 100%;
}
.what-on-hand .modal-form-wrapper .styled-select { width: 100%;
}
.what-on-hand .modal-form-wrapper .popover-content a { display: block; padding: 3px 0;
}
.what-on-hand .modal-form-wrapper .popover-content .divider { display: none !important;
}
.what-on-hand .clear-ingredients-form { margin: 0 0 0 10px; text-align: center;
}
@media (min-width: 768px) { .what-on-hand { margin: 0 0 30px 0; } .what-on-hand .modal-form-wrapper { padding: 5px 20px 25px 20px; }
}
.inappropriate-flag { margin: 0 15px;
}
.inappropriate-flag .error { margin-top: 10px;
}
.flagInappropriate { width: 100%; margin: 30px 0 10px;
}
.inappropriate-flag-confirmation button { margin-top: 20px;
}
@media (max-width: 768px) { h3 { font-size: 17px; margin-top: 0; }
}
@media (min-width: 768px) { .inappropriate-flag { margin: 0; } .inappropriate-flag .error { text-align: right; float: right; width: 100%; margin: -10px 30px 10px; } .flagInappropriate { float: right; width: 230px; margin: 20px 30px; }
}
.recipesLanding h1 { margin-top: 11px; margin-bottom: 20px;
}
.recipesLanding h1 .icon { display: inline-block;
}
.recipesLanding h1 .icon svg { width: 21px; height: 20px;
}
.recipesLanding h1 .icon svg path { fill: #edd340;
}
.recipesLanding h2 { margin: 0 0 7px;
}
.recipesLanding .view-all-link { margin-bottom: 15px; font-size: 14px;
}
.recipesLanding .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 10px;
}
.recipesLanding .container-padding { padding-bottom: 20px;
}
.recipesLanding .scallop.top { margin-bottom: 30px;
}
.recipesLanding .scallop.bottom { margin-top: 0; margin-bottom: 10px;
}
.recipesLanding .scallop.bottom:last-of-type .border { background-color: #f5f8f9;
}
.recipesLanding .category-list { list-style-type: none; margin: 0;
}
.recipesLanding .category-list li { float: left;
}
.recipesLanding .category-list li:nth-of-type(3n+1) { clear: both;
}
.recipesLanding .category-list li:nth-of-type(3n) { margin-right: 0;
}
.recipesLanding .jcarousel-wrapper.double-peek { padding-bottom: 25px; margin-bottom: -5px;
}
.recipesLanding .jcarousel-wrapper.double-peek .jcarousel-pagination { bottom: 0;
}
.recipesLanding div.right-rail { background: transparent; box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3);
}
.recipesLanding div.right-rail .kft-ad { margin-bottom: 10px;
}
.recipesLanding .category-list .card-cta { margin: 0 15px 5px 15px; width: auto;
}
.recipesLanding .category-list .card-cta .card-bottom img.version-big { display: none;
}
.recipesLanding .category-list .card-cta .card-bottom img.version-small { display: inline;
}
.recipesLanding .no-bottom .main-left-col { background-color: #f5f8f9; padding-bottom: 1px;
}
.recipesLanding .no-bottom .main-left-col .card .card-shadow:before,
.recipesLanding .no-bottom .main-left-col .card .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f5f8f9 0%, #f5f8f9 12%, rgba(245, 248, 249, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f8f9), color-stop(12%, #f5f8f9), color-stop(100%, rgba(245, 248, 249, 0))); background: -webkit-linear-gradient(top, #f5f8f9 0%, #f5f8f9 12%, rgba(245, 248, 249, 0) 100%); background: -o-linear-gradient(top, #f5f8f9 0%, #f5f8f9 12%, rgba(245, 248, 249, 0) 100%); background: -ms-linear-gradient(top, #f5f8f9 0%, #f5f8f9 12%, rgba(245, 248, 249, 0) 100%); background: linear-gradient(to bottom, #f5f8f9 0%, #f5f8f9 12%, rgba(245, 248, 249, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f8f9', endColorstr='#f5f8f9', GradientType=0); }
@media (min-width: 768px) { .recipesLanding h1 { margin: -7px 0 9px 0; } .recipesLanding .view-all-link { margin-bottom: 0px; } .recipesLanding .bg-white-lg { background: #ffffff; } .recipesLanding .container-padding { padding-top: 7px; } .recipesLanding .divider.slitshadow { margin: 12px auto 30px; } .recipesLanding .divider.slitshadow .falloff-shadow { width: 55%; } .recipesLanding .divider.dotted { margin-bottom: 20px; } .recipesLanding .romance-copy { text-align: center; width: 765px; margin: 0 auto 10px; } .recipesLanding .main-left-col { padding-right: 0; } .recipesLanding .two-col .main-left-col { padding-right: 20px; } .recipesLanding .jcarousel-wrapper.slideshow ul { height: 250px; } .recipesLanding div.right-rail { box-shadow: none; } .recipesLanding .category-list .card-cta { width: 290px; float: left; margin: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .recipesLanding .category-list .card-cta:before, .recipesLanding .category-list .card-cta:after { position: absolute; width: 50%; height: 12%; content: ""; left: 5px; bottom: 19px; max-width: 58%; max-height: 100px; -webkit-transform: rotate(-3deg) skew(-10deg, 0deg); -moz-transform: rotate(-3deg) skew(-10deg, 0deg); -ms-transform: rotate(-3deg) skew(-10deg, 0deg); -o-transform: rotate(-3deg) skew(-10deg, 0deg); transform: rotate(-3deg) skew(-10deg, 0deg); -webkit-box-shadow: 4px 20px 10px rgba(0, 0, 0, 0.35); -moz-box-shadow: 4px 20px 10px rgba(0, 0, 0, 0.35); box-shadow: 4px 20px 10px rgba(0, 0, 0, 0.35); } .recipesLanding .category-list .card-cta:after { left: auto; right: 5px; -webkit-transform: rotate(3deg) skew(10deg, 0deg); -moz-transform: rotate(3deg) skew(10deg, 0deg); -ms-transform: rotate(3deg) skew(10deg, 0deg); -o-transform: rotate(3deg) skew(10deg, 0deg); transform: rotate(3deg) skew(10deg, 0deg); -webkit-box-shadow: -4px 20px 10px rgba(0, 0, 0, 0.35); -moz-box-shadow: -4px 20px 10px rgba(0, 0, 0, 0.35); box-shadow: -4px 20px 10px rgba(0, 0, 0, 0.35); } .recipesLanding .category-list .card-cta .inner-card { height: 362px; background-color: #f5f8f9; } .recipesLanding .category-list .card-cta .inner-card .card-top { line-height: 120%; max-height: 116px; } .recipesLanding .category-list .card-cta .inner-card .card-top h3 { font-size: 20px; padding:20px 0 5px 0; font-weight: 500; } .recipesLanding .category-list .card-cta .inner-card .card-top h3 span { font-size: 18px; } .recipesLanding .category-list .card-cta .inner-card .card-bottom { padding: 28px 0 0; height: 245px; position: relative; } .recipesLanding .category-list .card-cta .inner-card .card-bottom img { position: absolute; bottom: 0; width: 290px; } .recipesLanding .category-list .card-cta .inner-card .card-bottom img.version-big { display: block; } .recipesLanding .category-list .card-cta .inner-card .card-bottom img.version-small { display: none; } .recipesLanding .category-list .card-cta .card-shadow { position: absolute; top: 50%; left: 0; width: 100%; height: 50%; -webkit-box-shadow: 0 -3px 0 0 #ffffff, 0 -3px 0 0 #ffffff, 8px 5px 5px -7px rgba(0, 0, 0, 0.15), -8px 5px 5px -7px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 -3px 0 0 #ffffff, 0 -3px 0 0 #ffffff, 8px 5px 5px -7px rgba(0, 0, 0, 0.15), -8px 5px 5px -7px rgba(0, 0, 0, 0.15); box-shadow: 0 -3px 0 0 #ffffff, 0 -3px 0 0 #ffffff, 8px 5px 5px -7px rgba(0, 0, 0, 0.15), -8px 5px 5px -7px rgba(0, 0, 0, 0.15); } .recipesLanding .category-list .card-cta .card-shadow:before, .recipesLanding .category-list .card-cta .card-shadow:after { position: absolute; width: 7px; height: 100%; content: ""; left: -7px; top: 0px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(12%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); } .recipesLanding .category-list .card-cta .card-shadow:after { left: auto; right: -7px; } .recipesLanding .category-list .card-cta:before, .recipesLanding .category-list .card-cta:after, .recipesLanding .category-list .card-cta .card-shadow { display: block; } .recipesLanding .category-list li:nth-last-child(-n+3) { margin-bottom: 10px; } .recipesLanding .no-bottom .main-left-col { background-color: #ffffff; padding-bottom: 20px; } .recipesLanding .no-bottom .main-left-col .card .card-shadow:before, .recipesLanding .no-bottom .main-left-col .card .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(12%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); } .lt-ie10 .recipesLanding .bg-white { background-color: #ffffff; }
}
.recipeBox .recipe-box-hero { padding: 0 15px;
}
.recipeBox .recipe-box-hero h1 { margin-bottom: 18px;
}
.recipeBox .recipe-box-hero label { float: left; margin: 4px 15px 0 0; font-size: 14px;
}
.recipeBox .recipe-box-hero .button { min-width: 290px;
}
.recipeBox .recipe-box-hero .sort-container { padding-top: 18px;
}
.recipeBox .recipe-box-hero .sort-container label { float: left; width: 70px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: block; position: relative; top: 10px;
}
.recipeBox .recipe-box-hero .styled-select { height: 30px; width: 70%; font-size: 13px; float: left;
}
.recipeBox .recipe-box-hero .styled-select select { padding: 0 75px 4px 5px;
}
.recipeBox .three-tile-grid { margin-bottom: 0px;
}
.recipeBox .scallop.bottom { margin-top: 15px;
}
.recipeBox .scallop.bottom .border { background-color: #f5f8f9;
}
.recipeBox .slitshadow { margin: 28px auto 25px;
}
@media (min-width: 768px) { .recipeBox .recipe-box-hero { height: 110px; margin: 4px 15px 0; } .recipeBox .recipe-box-hero h1 { margin-bottom: 10px; } .recipeBox .recipe-box-hero label { margin-right: 10px; } .recipeBox .recipe-box-hero .sort-container { padding-top: 10px; float: right; margin-right: 35px; } .recipeBox .recipe-box-hero .sort-container label { width: 80px; text-align: right; } .recipeBox .recipe-box-hero .button { min-width: 0; width: 230px; } .recipeBox .recipe-box-hero .styled-select { width: 140px; font-size: 12px; } .recipeBox .recipe-box-hero .styled-select select { height: 30px; padding: 0 0 4px 5px; } .recipeBox .three-tile-grid { margin-bottom: 10px; }
}
.shopping-list ul { list-style-type: none; margin: 0;
}
.shopping-list ul li { border-bottom: 1px solid #e3e3e3; margin: 0; padding: 8px 0; color: #000;
}
.shopping-list ul li:last-child { border-bottom: none;
}
.shopping-list .back-to-list { margin: 10px 0;
}
.shopping-list .card { font-size: 12px;
}
.shopping-list .card .inner-card { padding: 0; min-height: 170px; margin: 0 15px;
}
@media (min-width: 768px) { .shopping-list ul { margin: 0 5px; } .shopping-list ul li { padding: 5px 0; margin: 0 15px; } .shopping-list .back-to-list { margin: 20px 25px 0 17px; } .shopping-list .card .inner-card { padding-bottom: 20px; margin: 0; }
}
.recipe-listing-shell h1 { margin-bottom: 9px;
}
.recipe-listing-shell .divider.slitshadow { margin: 0 auto;
}
.recipe-listing-shell .divider.slitshadow.visible-xs { width: 100%;
}
.recipe-listing-shell .divider.slitshadow.visible-xs .falloff-shadow { -webkit-box-shadow: 0px -15px 17px 26px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0px -15px 17px 26px rgba(0, 0, 0, 0.8); box-shadow: 0px -15px 17px 26px rgba(0, 0, 0, 0.8);
}
.recipe-listing-shell .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.recipe-listing-shell h2 + .divider.dotted { margin: -5px 0 10px 0;
}
.recipe-listing-shell .view-all-link { margin-bottom: 15px; font-size: 14px;
}
.recipe-listing-shell .read-more-wrapper { -webkit-box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3); box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3);
}
.recipe-listing-shell .recipe-listing-utility { position: relative; padding: 25px 15px 0;
}
.recipe-listing-shell .recipe-listing-utility .utility-title h3 { font-size: 15px; margin: 0 0 11px;
}
.recipe-listing-shell .recipe-listing-utility .utility-show,
.recipe-listing-shell .recipe-listing-utility .utility-sort { height: auto;
}
.recipe-listing-shell .recipe-listing-utility .utility-show label,
.recipe-listing-shell .recipe-listing-utility .utility-sort label { margin-bottom: 1px; font-size: 12px;
}
.recipe-listing-shell .recipe-listing-utility .utility-show .styled-select,
.recipe-listing-shell .recipe-listing-utility .utility-sort .styled-select { width: 95%; min-width: 140px; font-size: 13px;
}
.recipe-listing-shell .recipe-listing-utility .utility-show .styled-select select,
.recipe-listing-shell .recipe-listing-utility .utility-sort .styled-select select { font-size: 12px; width: 120%; padding: 4px 55px 4px 5px;
}
.recipe-listing-shell .view-grid { padding-top: 20px;
}
.recipe-listing-shell .card.deals .deal-icon svg { width: 12px; height: 12px;
}
.recipe-listing-shell .scallop.bottom { margin-top: 10px;
}
.recipe-listing-shell .scallop.bottom.bottom .border { background-color: #f5f8f9;
}
.recipe-listing-shell .additional-content { padding: 0 15px 15px;
}
.recipe-listing-shell .additional-content .jcarousel-wrapper { margin: 0 -15px;
}
@media (min-width: 768px) { .recipe-listing-shell h1 { padding: 0 20px; } .recipe-listing-shell .view-all-link { margin-bottom: 0px; } .recipe-listing-shell .jcarousel-wrapper.slideshow { margin: 0 20px 20px 20px; } .recipe-listing-shell .jcarousel-wrapper.slideshow ul { height: 250px; } .recipe-listing-shell .read-more-wrapper { padding: 0 20px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .recipe-listing-shell .recipe-listing-utility { min-height: 30px; padding: 0; margin: 44px 21px 10px; } .recipe-listing-shell .recipe-listing-utility .utility-title, .recipe-listing-shell .recipe-listing-utility .utility-show, .recipe-listing-shell .recipe-listing-utility .utility-sort { width: auto; position: absolute; top: 0; } .recipe-listing-shell .recipe-listing-utility .utility-view { position: absolute; top: 0; } .recipe-listing-shell .recipe-listing-utility .utility-title { position: relative; } .recipe-listing-shell .recipe-listing-utility .utility-title h3 { font-size: 14px; width: 180px; } .recipe-listing-shell .recipe-listing-utility .utility-show, .recipe-listing-shell .recipe-listing-utility .utility-sort { height: 30px; top: -5px; } .recipe-listing-shell .recipe-listing-utility .utility-show label, .recipe-listing-shell .recipe-listing-utility .utility-sort label { float: left; margin: 3px 0 0; font-size: 14px; } .recipe-listing-shell .recipe-listing-utility .utility-show .styled-select, .recipe-listing-shell .recipe-listing-utility .utility-sort .styled-select { float: left; min-width: 85px; margin-left: 3px; font-size: 11px; } .recipe-listing-shell .recipe-listing-utility .utility-show .styled-select select, .recipe-listing-shell .recipe-listing-utility .utility-sort .styled-select select { padding: 0 40px 0 4px; } .recipe-listing-shell .recipe-listing-utility .utility-show { left: 190px; } .recipe-listing-shell .recipe-listing-utility .utility-show .styled-select { width: 151px; } .recipe-listing-shell .recipe-listing-utility .utility-sort { left: 396px; } .recipe-listing-shell .recipe-listing-utility .utility-sort .styled-select { width: 97px; } .recipe-listing-shell .view-grid { padding-top: 4px; } .recipe-listing-shell .card.deals .deal-icon svg { width: 16px; height: 16px; } .recipe-listing-shell .additional-content { padding: 0 20px 20px; } .recipe-listing-shell .additional-content .jcarousel-wrapper { margin-right: -20px; margin-left: 0; } .recipe-listing-shell .additional-content .three-tile-grid { margin: 0 0 0 1px; width: auto; padding-left: 0 !important; } .recipe-listing-shell .additional-content .three-tile-grid .card { margin: 0px 8px 40px; } .recipe-listing-shell .additional-content .three-tile-grid .card:nth-child(3n+1) { margin-left: 1px; clear: both; } .recipe-listing-shell .additional-content .three-tile-grid .card .inner-card { min-height: 228px; } .recipe-listing-shell .additional-content .three-tile-grid .card .inner-card .card-top a { height: 122px; } .recipe-listing-shell .additional-content .three-tile-grid .card-shadow { top: 50%; height: 50%; } .recipe-listing-shell .additional-content .three-tile-grid .card-shadow:before, .recipe-listing-shell .additional-content .three-tile-grid .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(12%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); }
}
.recipe-sub-category h1 { margin-bottom: 9px;
}
.recipe-sub-category .mobile-container-padding h2 { margin-bottom: 3px;
}
.recipe-sub-category .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin: 0 0 15px; width: 100%;
}
.recipe-sub-category .view-all-link { padding: 0 15px 15px;
}
.recipe-sub-category .scallop.bottom { margin-top: 10px;
}
.recipe-sub-category .scallop.bottom.bottom .border { background-color: #f5f8f9;
}
.recipe-sub-category .read-more-wrapper { -webkit-box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3); box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) { .recipe-sub-category h1.mobile-container-padding, .recipe-sub-category .mobile-container-padding h2 { padding: 0 20px; } .recipe-sub-category .divider.dotted { margin: 0 20px 30px; width: 93%; } .recipe-sub-category .divider.slitshadow { margin-bottom: 30px; } .recipe-sub-category .jcarousel-wrapper { margin: 0 20px 37px; } .recipe-sub-category .jcarousel-wrapper.slideshow { margin: 0 20px 20px 20px; } .recipe-sub-category .jcarousel-wrapper.slideshow ul { height: 250px; } .recipe-sub-category .read-more-wrapper { padding: 0 20px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
}
.one-bag-five-dinners .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 10px;
}
.one-bag-five-dinners .main-left-col { padding-bottom: 25px;
}
.one-bag-five-dinners h2 { margin: 0 0 7px 0; padding-top: 20px; font-size: 21px;
}
.one-bag-five-dinners .main-image { margin: 10px 0 0; width: 100%;
}
.one-bag-five-dinners .read-more-wrapper { -webkit-box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3); box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3);
}
.one-bag-five-dinners .view-all-link { margin-top: 0; font-size: 14px;
}
.one-bag-five-dinners .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 10px;
}
.one-bag-five-dinners .scallop { padding-bottom: 10px;
}
.one-bag-five-dinners .scallop.top { margin-top: 0;
}
@media (min-width: 768px) { .one-bag-five-dinners h2 { margin: 0 0 7px; font-size: 28px; } .one-bag-five-dinners .container-padding { padding-top: 0; } .one-bag-five-dinners .main-image { margin: 10px 0 0; display: block; } .one-bag-five-dinners .read-more-wrapper { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .one-bag-five-dinners .read-more-wrapper p.note { font-size: 14px; } .one-bag-five-dinners .view-all-link { margin-top: -20px; } .one-bag-five-dinners .divider.slitshadow .falloff-shadow { width: 55%; } .one-bag-five-dinners .divider.dotted { margin-bottom: 20px; }
}
@media all and (-ms-high-contrast: none) { *::-ms-backdrop, .one-bag-five-dinners .slitshadow.divider .falloff-shadow { top: -16px; }
}
.shopping-list-landing .mobile-container-padding.title { margin-bottom: 0;
}
.shopping-list-landing .mobile-container-padding.title .button { float: left; width: 100%; margin-top: 20px;
}
.shopping-list-landing h1 { width: auto; float: left;
}
.shopping-list-landing .shopping-list-wrapper { clear: both; padding: 0;
}
.shopping-list-landing .shopping-list-wrapper ul { margin: 15px 0 0 0; padding: 0; list-style: none;
}
.shopping-list-landing .shopping-list-wrapper ul li.shopping-list-card { padding: 15px 0;
}
.shopping-list-landing .shopping-list-wrapper ul li.shopping-list-card a { display: block;
}
.shopping-list-landing .shopping-list-wrapper ul li.shopping-list-card:last-child { margin-bottom: -5px;
}
.shopping-list-landing .shopping-list-wrapper ul li.shopping-list-card:last-child .title-link { padding-bottom: 0;
}
.shopping-list-landing .shopping-list-wrapper .card { -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); display: inline-block;
}
.shopping-list-landing .shopping-list-wrapper .card:before,
.shopping-list-landing .shopping-list-wrapper .card:after { display: none;
}
.shopping-list-landing .shopping-list-wrapper .card .inner-card { min-height: 154px; padding: 0 10px 15px 10px; position: relative; z-index: 1; background: #ffffff;
}
.shopping-list-landing .shopping-list-wrapper .card .inner-card .images { position: relative; padding-bottom: 33%; margin-bottom: 10px; height: 0; width: 100%;
}
.shopping-list-landing .shopping-list-wrapper .card .inner-card .images img,
.shopping-list-landing .shopping-list-wrapper .card .inner-card .images .default-image { width: 48.5%; position: absolute; top: 0; right: 0; height: 100%; float: left;
}
.shopping-list-landing .shopping-list-wrapper .card .inner-card .images img:first-child,
.shopping-list-landing .shopping-list-wrapper .card .inner-card .images .default-image:first-child { margin-right: 3%; left: 0; right: inherit;
}
.shopping-list-landing .shopping-list-wrapper .card .inner-card .images img { float: left;
}
.shopping-list-landing .shopping-list-wrapper .card .inner-card .images + .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; background-size: 5px 1px;
}
.shopping-list-landing .shopping-list-wrapper .card .inner-card .title-link { font-size: 15px; text-align: center;
}
.shopping-list-landing .shopping-list-wrapper .card .inner-card .title-link svg { display: none;
}
.shopping-list-landing .shopping-list-wrapper .card .inner-card .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(20%, #555555), color-stop(40%, rgba(85, 85, 85, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-repeat: repeat-x; background-size: 5px 2px;
}
.shopping-list-landing .shopping-list-wrapper .title { position: relative; padding-right: 0; margin: 10px 0;
}
.shopping-list-landing .shopping-list-wrapper .title h2 { font-size: 18px; margin: 0; padding: 0; width: 100%; float: left; font-family: 'Roboto Slab', serif; font-weight: 400; line-height: 125%; padding-right: 20px;
}
.shopping-list-landing .shopping-list-wrapper .title h2 svg { float: right; margin-top: 5px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-right: -20px;
}
.shopping-list-landing .shopping-list-wrapper .title h2 svg path { fill: #555555;
}
.shopping-list-landing .shopping-list-wrapper .title .view-all { position: absolute; top: auto; bottom: 2px; right: 0; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; font-size: 14px; color: #00aeff; margin-right: 4px;
}
.shopping-list-landing .shopping-list-wrapper .title .view-all svg { -moz-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); width: 6px; height: 9px;
}
.shopping-list-landing .shopping-list-wrapper .title .view-all svg path { fill: #00aeff;
}
.shopping-list-landing .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(20%, #a9a9a9), color-stop(40%, rgba(169, 169, 169, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 2px; background-repeat: repeat-x; margin-bottom: 15px; box-sizing: content-box;
}
.shopping-list-landing .scallop.bottom { margin-top: 0;
}
.shopping-list-landing .recipe-box-summary { margin-bottom: 15px; clear: both;
}
.shopping-list-landing .recipe-box-summary a { font-size: 14px;
}
@media (min-width: 768px) { .shopping-list-landing h1 { margin: 20px 0 0 0; padding: 0; } .shopping-list-landing .mobile-container-padding.title { padding: 0 15px; } .shopping-list-landing .mobile-container-padding.title .button { width: 230px; float: right; } .shopping-list-landing .shopping-list-wrapper { padding: 0 0 0 15px; padding: 0; } .shopping-list-landing .shopping-list-wrapper ul { margin: 0 0 0 0; padding: 0 15px; list-style: none; } .shopping-list-landing .shopping-list-wrapper ul li.shopping-list-card { margin-bottom: 10px; float: left; } .shopping-list-landing .shopping-list-wrapper ul li.shopping-list-card:nth-child(odd) { clear: left; } .shopping-list-landing .shopping-list-wrapper ul li.shopping-list-card:nth-child(even) { margin-left: 18px; } .shopping-list-landing .shopping-list-wrapper .card { margin-top: 0; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); width: 285px; } .shopping-list-landing .shopping-list-wrapper .card .inner-card { padding: 0 10px 0 10px; } .shopping-list-landing .shopping-list-wrapper .card .inner-card .title-link { font-size: 12px; } .shopping-list-landing .shopping-list-wrapper .card .inner-card .title-link svg { float: right; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin: 2px 0 0 0; height: 10px; width: 10px; } .shopping-list-landing .shopping-list-wrapper .card .inner-card .title-link svg path { fill: #00aeff; } .shopping-list-landing .shopping-list-wrapper .card:before, .shopping-list-landing .shopping-list-wrapper .card:after { display: inline; position: absolute; width: 50%; height: 12%; content: ""; left: 8px; bottom: 13px; max-width: 200px; max-height: 100px; -webkit-transform: rotate(-5deg) skew(-10deg, 0deg); -moz-transform: rotate(-5deg) skew(-10deg, 0deg); -ms-transform: rotate(-5deg) skew(-10deg, 0deg); -o-transform: rotate(-5deg) skew(-10deg, 0deg); transform: rotate(-5deg) skew(-10deg, 0deg); -webkit-box-shadow: 0 15px 13px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 15px 13px rgba(0, 0, 0, 0.25); box-shadow: 0 15px 13px rgba(0, 0, 0, 0.25); } .shopping-list-landing .shopping-list-wrapper .card:after { left: auto; right: 8px; -webkit-transform: rotate(5deg) skew(10deg, 0deg); -moz-transform: rotate(5deg) skew(10deg, 0deg); -ms-transform: rotate(5deg) skew(10deg, 0deg); -o-transform: rotate(5deg) skew(10deg, 0deg); transform: rotate(5deg) skew(10deg, 0deg); } .shopping-list-landing .shopping-list-wrapper .card .images img { min-width: 125px !important; width: auto; height: auto; float: left; } .shopping-list-landing .shopping-list-wrapper .card .images img:first-child { margin-right: 10px; } .shopping-list-landing .shopping-list-wrapper .card .images svg.default-image { min-width: 125px !important; width: auto; min-height: 85px !important; height: auto; float: left; } .shopping-list-landing .shopping-list-wrapper .card .images svg.default-image:first-child { margin-right: 10px; } .shopping-list-landing .shopping-list-wrapper .title { padding-right: 63px; } .shopping-list-landing .shopping-list-wrapper .title .view-all { font-size: 12px; } .shopping-list-landing .shopping-list-wrapper .title h2 { font-size: 20px; float: left; padding-right: 0; } .shopping-list-landing .shopping-list-wrapper .title h2 svg { display: none !important; } .shopping-list-landing .divider.slitshadow { margin-top: 25px; } .shopping-list-landing .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; box-sizing: border-box; } .shopping-list-landing .recipe-box-summary { top: -30px; position: relative; z-index: 1; }
}
.tips-ideas h1 { padding: 0 15px; margin: 11px 0 18px 0;
}
.tips-ideas .collection { margin: 0 0 30px; padding: 0;
}
.tips-ideas .scallop.bottom .border { background-color: #f5f8f9;
}
@media (min-width: 768px) { .tips-ideas .main-left-col { padding-bottom: 20px; } .tips-ideas h1 { padding: 0 30px 0 20px; margin: 0; } .tips-ideas h2 { margin-top: 10px; margin-bottom: 4px; line-height: 100%; } .tips-ideas .scallop.top { margin: 35px 0 15px; } .tips-ideas .scallop .border { width: 542px; } .tips-ideas .collection { margin: 0 0 20px; padding: 0 20px; }
}
.tips-ideas-section > img { -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.15);
}
.tips-ideas-section .subsection-container { padding: 0;
}
.tips-ideas-section .subsection-container p { margin: 0 5px 15px;
}
.tips-ideas-section .subsection-container h2 { font-size: 18px;
}
.tips-ideas-section .subsection-container h2 svg { float: right; margin-right: -10px; margin-top: 5px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.tips-ideas-section .subsection-container h2 a { color: #555555; font-family: 'Roboto Slab', serif;
}
.tips-ideas-section .subsection-container h2 a:hover { text-decoration: none; color: #00aeff;
}
.tips-ideas-section .subsection-container h2 a:hover svg path { fill: #00aeff;
}
.tips-ideas-section .subsection-container ul { margin: 0;
}
.tips-ideas-section .subsection-container li { list-style-type: none; font-size: 15px; border-top: 1px solid #cccccc; padding: 10px 0;
}
.tips-ideas-section .subsection-container li a { display: block; padding: 0 10px 0 25px;
}
.tips-ideas-section .subsection-container li a svg { float: right; margin-right: 0; margin-top: 2px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.tips-ideas-section .subsection-container li a svg path { fill: #00aeff;
}
.tips-ideas-section .subsection-container .row { -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
}
.tips-ideas-section .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(20%, #555555), color-stop(40%, rgba(85, 85, 85, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 2px; background-repeat: repeat-x; margin-bottom: 10px; margin-left: -5px; padding-left: 10px; box-sizing: content-box;
}
.tips-ideas-section .main-thumb { float: none; width: 100%; height: auto;
}
@media (min-width: 768px) { .tips-ideas-section > img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tips-ideas-section .subsection-container { padding: 0 0 5px 20px; margin-left: 214px; } .tips-ideas-section .subsection-container .row { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tips-ideas-section .subsection-container p { font-size: 14px; margin: 0 0 5px; } .tips-ideas-section .subsection-container h2 { font-size: 28px; } .tips-ideas-section .subsection-container h2 svg { float: right; margin-right: 0; margin-top: 5px; height: 20px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .tips-ideas-section .subsection-container h2 svg path { fill: #555555; } .tips-ideas-section .subsection-container ul li { border-top: none; padding: 0; } .tips-ideas-section .subsection-container ul li a { border-top: none; font-size: 14px; padding: 4px 0; } .tips-ideas-section .subsection-container ul li a svg { display: none; } .tips-ideas-section .main-thumb { float: left; width: 214px; height: 145px; } .tips-ideas-section .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-left: 0; padding-left: 0; box-sizing: border-box; }
}
.taste-author .latest-posts,
.tastemakers-landing .latest-posts { padding: 20px 0 0 0; clear: both;
}
.taste-author .latest-posts ul,
.tastemakers-landing .latest-posts ul { margin: 0 0 10px 0;
}
.taste-author .latest-posts ul li,
.tastemakers-landing .latest-posts ul li { list-style-type: none;
}
.taste-author .latest-posts ul li:last-child .tips-ideas-section,
.tastemakers-landing .latest-posts ul li:last-child .tips-ideas-section { margin-bottom: 0;
}
.taste-author .latest-posts ul li:last-child .tips-ideas-section .row,
.tastemakers-landing .latest-posts ul li:last-child .tips-ideas-section .row { box-shadow: none;
}
.taste-author .latest-posts .tips-ideas-section,
.tastemakers-landing .latest-posts .tips-ideas-section { margin-bottom: 30px;
}
.taste-author .latest-posts .tips-ideas-section .main-thumb,
.tastemakers-landing .latest-posts .tips-ideas-section .main-thumb { margin: 5px 0;
}
.taste-author .latest-posts .tips-ideas-section time,
.tastemakers-landing .latest-posts .tips-ideas-section time { font-size: 14px; margin: 0 15px 0 15px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%; line-height: 200%;
}
.taste-author .latest-posts .tips-ideas-section h2,
.tastemakers-landing .latest-posts .tips-ideas-section h2 { font-size: 20px; margin: 5px 15px; padding-top: 0;
}
.taste-author .latest-posts .tips-ideas-section h2 svg,
.tastemakers-landing .latest-posts .tips-ideas-section h2 svg { margin-top: 5px; margin-right: 0;
}
.taste-author .latest-posts .tips-ideas-section p,
.tastemakers-landing .latest-posts .tips-ideas-section p { margin: 0 15px 10px 15px;
}
.taste-author .latest-posts .tips-ideas-section .subsection-container h2 a,
.tastemakers-landing .latest-posts .tips-ideas-section .subsection-container h2 a { color: #555555; font-family: 'Roboto Slab', serif; font-size: 20px; font-weight: 500; padding: 0; display: table; width: 100%; position: relative;
}
.taste-author .latest-posts .tips-ideas-section .subsection-container h2 a:hover,
.tastemakers-landing .latest-posts .tips-ideas-section .subsection-container h2 a:hover { text-decoration: none; color: #00aeff;
}
.taste-author .latest-posts .tips-ideas-section .subsection-container h2 a:hover svg path,
.tastemakers-landing .latest-posts .tips-ideas-section .subsection-container h2 a:hover svg path { fill: #00aeff;
}
.taste-author .latest-posts .tips-ideas-section .subsection-container h2 a div.title,
.tastemakers-landing .latest-posts .tips-ideas-section .subsection-container h2 a div.title { width: 95% !important; float: left !important; padding-right: 5px;
}
.taste-author .latest-posts .tips-ideas-section .subsection-container h2 a div.arrow,
.tastemakers-landing .latest-posts .tips-ideas-section .subsection-container h2 a div.arrow { position: absolute; right: 0px; bottom: 5px;
}
.taste-author .latest-posts .tips-ideas-section .subsection-container li,
.tastemakers-landing .latest-posts .tips-ideas-section .subsection-container li { padding: 0; border-top: none;
}
.taste-author .latest-posts .tips-ideas-section .subsection-container li a,
.tastemakers-landing .latest-posts .tips-ideas-section .subsection-container li a { padding: 0 15px 15px 15px;
}
.taste-author .latest-posts .tips-ideas-section .subsection-container .divider.dotted,
.tastemakers-landing .latest-posts .tips-ideas-section .subsection-container .divider.dotted { margin: 0 15px 5px 15px; width: auto;
}
.tastemakers-landing { background-color: #ffffff;
}
.tastemakers-landing .scallop.bottom { margin-top: 15px;
}
.tastemakers-landing .scallop.bottom .border { background-color: #f5f8f9;
}
.tastemakers-landing .slitshadow { margin: 0 auto 20px;
}
.tastemakers-landing h1 { margin: 10px 0 20px 0; padding: 5px 20px;
}
.tastemakers-landing p { font-size: 14px;
}
.tastemakers-landing p.summary { font-size: 18px; margin-bottom: 20px;
}
.tastemakers-landing p.note { color: #a9a9a9;
}
.tastemakers-landing .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.tastemakers-landing .latest-posts h1 { font-size: 25px; padding: 0; margin: 0 15px; color: #555555;
}
.tastemakers-landing .latest-posts .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(20%, #555555), color-stop(40%, rgba(85, 85, 85, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 2px; background-repeat: repeat-x; margin-bottom: 15px; margin-left: 0; box-sizing: content-box;
}
.tastemakers-landing .recipe-tags { padding: 10px 0 30px 0;
}
@media (min-width: 768px) { .taste-author .latest-posts, .tastemakers-landing .latest-posts { padding: 50px 0 0 0; } .taste-author .latest-posts .tips-ideas-section, .tastemakers-landing .latest-posts .tips-ideas-section { margin-bottom: 40px; } .taste-author .latest-posts .tips-ideas-section .main-thumb, .tastemakers-landing .latest-posts .tips-ideas-section .main-thumb { margin: 0; } .taste-author .latest-posts .tips-ideas-section time, .tastemakers-landing .latest-posts .tips-ideas-section time { font-size: 14px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%; margin: 0 0 0 20px; } .taste-author .latest-posts .tips-ideas-section h2, .tastemakers-landing .latest-posts .tips-ideas-section h2 { font-size: 20px !important; margin: 5px 0; padding-top: 0; } .taste-author .latest-posts .tips-ideas-section h2 svg, .tastemakers-landing .latest-posts .tips-ideas-section h2 svg { margin-top: 0; } .taste-author .latest-posts .tips-ideas-section p, .tastemakers-landing .latest-posts .tips-ideas-section p { margin: 0; } .taste-author .latest-posts .tips-ideas-section .subsection-container li, .tastemakers-landing .latest-posts .tips-ideas-section .subsection-container li { padding: 0; border-top: none; } .taste-author .latest-posts .tips-ideas-section .subsection-container li a, .tastemakers-landing .latest-posts .tips-ideas-section .subsection-container li a { padding: 0 0 15px 0; } .taste-author .latest-posts .tips-ideas-section .subsection-container .divider.dotted, .tastemakers-landing .latest-posts .tips-ideas-section .subsection-container .divider.dotted { margin: 0 0 5px 0; width: auto; } .tastemakers-landing .main-left-col { padding: 0 20px 0 20px; } .tastemakers-landing h1 { margin: 0 0 10px 0; padding: 0 0 10px; } .tastemakers-landing p { padding: 0; font-size: 14px; } .tastemakers-landing p.summary { font-size: 20px; margin-bottom: 25px; } .tastemakers-landing .jcarousel-wrapper.slideshow ul { height: 250px; } .tastemakers-landing .latest-posts h1 { font-size: 25px; padding: 0; margin: 0; color: #555555; } .tastemakers-landing .latest-posts .divider { margin-bottom: 5px; } .tastemakers-landing .latest-posts .divider.dotted { margin-bottom: 30px; box-sizing: border-box; } .tastemakers-landing .recipe-tags { padding: 10px 0 0; }
}
.our-tastemakers { padding: 0 10px 20px 10px;
}
.our-tastemakers .card { margin-top: -20px;
}
.our-tastemakers .card .inner-card { min-height: 110px; height: auto; padding: 0;
}
.our-tastemakers .card .tastemakers-list { padding: 0 15px;
}
.our-tastemakers .card .tastemakers-list .loading { margin-top: 10px;
}
.our-tastemakers .card .tastemakers-list .authors-list { clear: both; margin-bottom: 0;
}
.our-tastemakers .card .tastemakers-list .authors-list ul { display: block; margin: 0;
}
.our-tastemakers .card .tastemakers-list .authors-list ul li { list-style-type: none; margin-top: 20px;
}
.our-tastemakers .card .tastemakers-list .authors-list img { margin-bottom: 20px;
}
.our-tastemakers .card .tastemakers-list .authors-list .author-content { clear: both;
}
.our-tastemakers .card .tastemakers-list .authors-list .author-content .author-details { margin-top: -10px;
}
.our-tastemakers .card .tastemakers-list .authors-list .author-content ul { display: block; margin: 3px 0 0;
}
.our-tastemakers .card .tastemakers-list .authors-list .author-content ul li { list-style-type: none; margin-top: 0;
}
.our-tastemakers .card .tastemakers-list .authors-list .author-content .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; background-size: 5px 2px;
}
.our-tastemakers .card .tastemakers-list .authors-list .divider.dotted { clear: both; margin-bottom: 0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; background-size: 5px 2px;
}
.our-tastemakers .card .tastemakers-list .show-more-tastemakers { margin-top: 0; clear: both;
}
@media (min-width: 768px) { .our-tastemakers { padding: 0 0 20px 0; } .our-tastemakers .show-more-tastemakers { margin-top: 5px; margin-bottom: -20px; } .our-tastemakers .show-more-tastemakers span.more { font-weight: 600; } .our-tastemakers .card .inner-card { padding-bottom: 20px; } .our-tastemakers .card .tastemakers-list .authors-list { margin-top: 0; } .our-tastemakers .card .tastemakers-list .authors-list ul li { margin-top: 0; } .our-tastemakers .card .tastemakers-list .authors-list img { margin-bottom: 0; } .our-tastemakers .card .tastemakers-list .authors-list .author-content { padding-top: 20px; } .our-tastemakers .card .tastemakers-list .authors-list .author-content .author-details { margin-top: 0px; } .our-tastemakers .card .tastemakers-list .show-more-tastemakers.show-more-items { line-height: 15px; padding: 15px 0 10px; }
}
.taste-author { background-color: #ffffff;
}
.taste-author .kft-ad { background: transparent;
}
.taste-author .author { padding: 0 10px; margin-bottom: 15px; font-size: 14px; text-align: center;
}
.taste-author .author .author-imagery { text-align: center; width: 100%;
}
.taste-author .author .author-imagery img { border-radius: 50%; height: 150px; margin-top: 20px;
}
.taste-author .author .author-imagery p { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%; margin-top: 20px;
}
.taste-author .author .author-imagery .social { list-style: none; text-align: center; width: 230px; margin: 0 auto;
}
.taste-author .author .author-imagery .social li { position: relative; display: inline-block; text-align: center; margin-bottom: 15px; border-right: 1px solid #a9a9a9;
}
.taste-author .author .author-imagery .social li a { padding: 10px 0;
}
.taste-author .author .author-imagery .social li a svg { width: 15px; height: 15px; margin: 0 10px; margin-top: 0;
}
.taste-author .author .author-imagery .social li a svg path { fill: #003366;
}
.taste-author .author .author-imagery .social li:nth-child(6n) { border-right: none;
}
.taste-author .author .author-imagery .social li:last-child { border-right: none;
}
.taste-author .author .author-details { text-align: center; font-size: 14px; width: 100%; clear: both;
}
.taste-author .author .author-details h3 a { font-size: 16px; color: #555555; font-family: 'Source Sans Pro', sans-serif; font-weight: 600;
}
.taste-author .author .author-details h3 a:hover { text-decoration: none; color: #00aeff;
}
.taste-author .author .author-details h3 a:hover svg path { fill: #00aeff;
}
.taste-author .author .author-details .location { display: inline-block; margin-bottom: 15px;
}
.taste-author .author .author-details .location .logo { float: left; margin-right: 15px;
}
.taste-author .author .author-details .location .logo img { border-radius: 5px; height: 25px; width: 25px; margin-top: 0;
}
.taste-author .author .author-details .location .location-details { float: left; padding-top: 5px;
}
.taste-author .author .author-details .location .location-details ul { margin: 0; float: left;
}
.taste-author .author .author-details .location .location-details ul li { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%; list-style: none; display: inline-block;
}
.taste-author .author .author-details .back-to-link .circle-container { float: none; display: inline-block;
}
.taste-author .author .author-details .back-to-link .circle-container svg { height: 9px;
}
.taste-author .author .author-details p { clear: both; font-size: 15px;
}
.taste-author .latest-posts .h1 { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; color: #003366; font-size: 25px; margin: 9px 0 0; font-size: 21px; padding: 0 0 5px 0; margin: 0; color: #555555;
}
.taste-author .latest-posts .h1.with-link { display: table; width: 100%; margin-bottom: 3px !important; margin-top: 8px !important;
}
.taste-author .latest-posts .h1.with-link .tr { display: table-row; width: 100%;
}
.taste-author .latest-posts .h1.with-link .tr span { display: table-cell;
}
.taste-author .latest-posts .h1.with-link .tr span.link { vertical-align: -10px;
}
.taste-author .latest-posts .h1.with-link .tr a { display: block; text-align: right; font-size: 14px;
}
.taste-author .latest-posts .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(20%, #555555), color-stop(40%, rgba(85, 85, 85, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 2px; background-repeat: repeat-x; margin-bottom: 15px; margin-left: 0; box-sizing: content-box;
}
.taste-author .latest-posts .collection { margin-bottom: 30px;
}
.taste-author .latest-posts .show-more-posts.show-more-items { margin-top: -8px; margin-bottom: 0;
}
.taste-author .scallop.bottom { margin-top: 15px;
}
.taste-author .scallop.bottom.bottom { margin-top: 0;
}
.taste-author .scallop.bottom.bottom .border { background-color: #f5f8f9;
}
@media (min-width: 768px) { .taste-author h1 { padding: 0 0 20px 0; } .taste-author .author { text-align: left; padding: 0 20px; margin-bottom: 30px; } .taste-author .author .author-imagery { float: left; margin-left: 15px; width: 176px; box-sizing: content-box; } .taste-author .author .author-imagery img { height: 175px; margin-top: 0; } .taste-author .author .author-imagery p { font-size: 14px; margin-bottom: 5px; } .taste-author .author .author-imagery .social { width: 172px; } .taste-author .author .author-imagery .social li a svg { width: 15px; height: 15px; margin: 0 8px; } .taste-author .author .author-imagery .social li:nth-child(5n) { border-right: none !important; clear: left; } .taste-author .author .author-imagery .social li:nth-child(6n) { border-right: 1px solid #a9a9a9; } .taste-author .author .author-details { width: 354px; float: left; text-align: left; clear: none; margin: 0px 0 0 35px; } .taste-author .author .author-details .location { margin-top: 0; width: 100%; } .taste-author .author .author-details .location .logo img { height: 50px; width: 50px; } .taste-author .author .author-details .location .location-details { text-align: left; padding-top: 0; } .taste-author .author .author-details .location .location-details ul { width: 246px; } .taste-author .author .author-details .location .location-details ul li { width: 100%; float: none; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%; } .taste-author .author .author-details .location .location-details ul li span { display: none; } .taste-author .author .author-details p { font-size: 14px; padding-right: 20px; } .taste-author .author .author-details a { margin-top: 15px; } .taste-author .latest-posts { padding: 0 20px; } .taste-author .latest-posts .h1 { font-size: 25px; padding: 0; } .taste-author .latest-posts .divider { margin-bottom: 5px; } .taste-author .latest-posts .collection { margin-bottom: 30px; } .taste-author .latest-posts .divider.dotted { margin-bottom: 20px; box-sizing: border-box; }
}
.most-viewed { margin: 0 15px 30px 15px;
}
.most-viewed ul { margin: 10px 0 0 0;
}
.most-viewed ul li { float: left; list-style: none; position: relative;
}
.most-viewed ul li:last-child .divider.dotted { display: none;
}
.most-viewed .card { font-size: 12px; margin-top: -20px; padding-top: 30px;
}
.most-viewed .card .inner-card { padding: 0; min-height: 170px; margin: 0 0;
}
.most-viewed .post { margin-bottom: 0; width: 100%; padding: 0 5px;
}
.most-viewed .post .inner-post { padding: 0 10px;
}
.most-viewed .post .inner-post .post-top { margin: 0 0 15px 0; width: 120px; float: left;
}
.most-viewed .post .inner-post .post-top a { height: 71px; width: 107px; display: block; overflow: hidden;
}
.most-viewed .post .inner-post .post-top a img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; min-height: 100% !important;
}
.most-viewed .post .inner-post .post-bottom { float: left; margin: 0 0 0 0px; width: 53%;
}
.most-viewed .post .inner-post .post-bottom .card-details { line-height: 16px; text-align: left; height: 70px; display: table;
}
.most-viewed .post .inner-post .post-bottom .card-details time { display: none;
}
.most-viewed .post .inner-post .post-bottom .card-details a { font-size: 16px; margin: 0; display: table-cell; vertical-align: middle; line-height: normal;
}
.most-viewed .post .inner-post .post-bottom .card-details p { font-size: 11px; display: none;
}
.most-viewed .post .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(20%, #a9a9a9), color-stop(40%, rgba(169, 169, 169, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 2px; background-repeat: repeat-x; margin: 0 0 10px 0; padding: 0; width: 100%; clear: both; margin-bottom: 15px; box-sizing: content-box;
}
.most-viewed .show-more-items { margin-bottom: 10px;
}
@media (min-width: 768px) { .most-viewed { margin: 0 -10px 30px -10px; } .most-viewed ul { list-style-type: none; } .most-viewed ul li { list-type: none; float: left; } .most-viewed ul li:nth-child(odd) { clear: both; } .most-viewed ul li:nth-child(even) { margin-left: 20px; clear: right; } .most-viewed .card .inner-card { padding-bottom: 0; margin: 0; padding-left: 9px; } .most-viewed .post { width: 130px; margin-bottom: 20px; padding: 0 10px; } .most-viewed .post .inner-post { margin: 0; padding: 0; } .most-viewed .post .inner-post .post-top { margin-bottom: 5px; } .most-viewed .post .inner-post .post-top a { width: 130px; height: 86px; } .most-viewed .post .inner-post .post-bottom { margin: 0; float: none; clear: both; } .most-viewed .post .inner-post .post-bottom .card-details { width: 130px; display: block; height: auto; } .most-viewed .post .inner-post .post-bottom .card-details time { font-size: 10px; display: block; } .most-viewed .post .inner-post .post-bottom .card-details a { font-size: 12px; margin: 0 0 5px 0; display: block; } .most-viewed .post .inner-post .post-bottom .card-details p { font-size: 10px; display: block; } .most-viewed .post .divider.dotted { display: none; } .most-viewed .show-more-items { display: none; }
}
.tastemakers .kft-ad { background: transparent;
}
.tastemakers .main-left-col { padding: 0 0 20px 0;
}
.tastemakers .blog-imagery { margin-bottom: 15px;
}
.tastemakers .blog-imagery img { width: 100%; margin-bottom: 20px;
}
.tastemakers .blog-imagery .data { font-weight: bold; margin: 0 15px;
}
.tastemakers .blog-imagery .data a { margin-left: 20px;
}
.tastemakers .scallop.bottom { margin-top: 0;
}
.tastemakers .scallop.bottom .border { background-color: #f5f8f9;
}
.tastemakers .blog-recipe .card { margin-bottom: 20px; box-shadow: none; transform: none;
}
.tastemakers .blog-recipe .card .recipe-img { display: block; margin: 4px 10px 10px 0;
}
.tastemakers .blog-recipe .card .recipe-img img { width: auto;
}
.tastemakers .blog-recipe .card .card-details { min-height: none; width: 100%; padding: 0; float: left;
}
.tastemakers .blog-recipe .card .card-details a.title { font-size: 15px; max-height: none;
}
.tastemakers .blog-recipe .card .card-details p { padding: 0;
}
.tastemakers .blog-recipe .card .card-details p.recipe-teaser { margin-top: 5px; display: block;
}
.tastemakers .blog-recipe .card .card-details .review-num { display: block; float: left;
}
.tastemakers .blog-recipe .card .card-total-time { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; font-size: 12px; padding-left: 0; margin-left: 0; display: block;
}
.tastemakers .blog-recipe .card .card-total-time .time { font-family: 'Roboto Slab', serif; font-weight: 400; line-height: 125%; font-weight: 700; font-size: 11px;
}
.tastemakers .blog-recipe .card .card-total-time .hour,
.tastemakers .blog-recipe .card .card-total-time .min { font-family: 'Source Sans Pro', sans-serif; font-weight: 300; line-height: 125%; font-size: 20px;
}
.tastemakers .blog-recipe .card .card-total-time .hour { margin-left: 5px;
}
.tastemakers .blog-recipe .card.review-num { color: #555555;
}
.tastemakers .blog-recipe .card:before { display: none;
}
.tastemakers .blog-recipe .card:after { display: none;
}
.tastemakers .blog-recipe p { clear: both;
}
.tastemakers .blog-recipe .rate-review { margin: 5px 0; height: 12px;
}
.tastemakers .slitshadow { margin: 20px auto;
}
.tastemakers h1 { margin: 10px 0 20px 0; padding: 5px 20px;
}
.tastemakers h2.summary { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; font-size: 18px; margin-bottom: 20px;
}
.tastemakers p { font-size: 14px;
}
.tastemakers p.note { color: #a9a9a9;
}
.tastemakers .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.tastemakers .divider.dotted.vertical { position: relative; width: 2px; display: table-cell; float: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(25%, #a9a9a9), color-stop(50%, rgba(169, 169, 169, 0.2)), color-stop(50%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -ms-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to bottom, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0 top; background-size: 12px 6px; background-repeat: repeat-y;
}
.tastemakers .author-module { margin-bottom: 10px;
}
.tastemakers .author-module .card:before,
.tastemakers .author-module .card:after { display: none;
}
.tastemakers .author-module .card .inner-card { padding: 20px 15px 15px 20px; min-height: 125px; background-color: #f5f8f9; height: auto;
}
.tastemakers .author-module .author-details .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(20%, #555555), color-stop(40%, rgba(85, 85, 85, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 2px; background-repeat: repeat-x;
}
.tastemakers .recipe-tags { margin-bottom: 20px;
}
@media (min-width: 768px) { .tastemakers .main-left-col { padding: 0 20px 20px 20px; } .tastemakers .main-left-col .blog-imagery { padding: 0; } .tastemakers .main-left-col .blog-imagery img { max-width: 580px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .tastemakers .main-left-col .blog-imagery .data { margin: 0; } .tastemakers .main-left-col .recipes-by-email { margin-top: 0; } .tastemakers h1 { margin: 0 0 10px 0; padding: 0 0 10px; } .tastemakers h2.summary { font-size: 20px; margin-bottom: 25px; } .tastemakers p { padding: 0; font-size: 14px; } .tastemakers .blog-recipe .card { margin-bottom: 20px; box-shadow: none; transform: none; } .tastemakers .blog-recipe .card .recipe-img { margin: 4px 21px 0 0; float: left; display: inline-block; } .tastemakers .blog-recipe .card .recipe-img img { height: 132px; width: 195px; } .tastemakers .blog-recipe .card .card-details { min-height: 132px; width: 48%; position: relative; padding: 0; float: left; } .tastemakers .blog-recipe .card .card-details a.title { font-size: 18px; max-height: none; } .tastemakers .blog-recipe .card .card-details p { padding-top: 0; } .tastemakers .blog-recipe .card .card-details p.recipe-teaser { margin-top: 3px; margin-bottom: 3px; } .tastemakers .blog-recipe .card .card-details .card-total-time { font-size: 14px; padding: 20px 0 0 0; } .tastemakers .blog-recipe .card .card-details .card-total-time .time { font-size: 12px; } .tastemakers .blog-recipe .card .card-details .card-total-time .hour, .tastemakers .blog-recipe .card .card-details .card-total-time .min { font-size: 24px; } .tastemakers .blog-recipe .card .card-details .card-total-time span:first-of-type { margin-left: 30px; } .tastemakers .author-module { margin-bottom: 30px; } .tastemakers .author-module .card:before, .tastemakers .author-module .card:after { display: inline; position: absolute; width: 50%; height: 12%; content: ""; left: 8px; bottom: 13px; max-width: 200px; max-height: 100px; -webkit-transform: rotate(-5deg) skew(-10deg, 0deg); -moz-transform: rotate(-5deg) skew(-10deg, 0deg); -ms-transform: rotate(-5deg) skew(-10deg, 0deg); -o-transform: rotate(-5deg) skew(-10deg, 0deg); transform: rotate(-5deg) skew(-10deg, 0deg); -webkit-box-shadow: 0 15px 13px rgba(0, 0, 0, 0.35); -moz-box-shadow: 0 15px 13px rgba(0, 0, 0, 0.35); box-shadow: 0 15px 13px rgba(0, 0, 0, 0.35); } .tastemakers .author-module .card:after { left: auto; right: 8px; -webkit-transform: rotate(5deg) skew(10deg, 0deg); -moz-transform: rotate(5deg) skew(10deg, 0deg); -ms-transform: rotate(5deg) skew(10deg, 0deg); -o-transform: rotate(5deg) skew(10deg, 0deg); transform: rotate(5deg) skew(10deg, 0deg); } .tastemakers .author-module .card .inner-card { background-color: #ffffff; min-height: 112px; } .tastemakers .recipe-tags { padding: 10px 0 0; }
}
@media all and (-ms-high-contrast: none) { *::-ms-backdrop, .tastemakers .slitshadow.divider .falloff-shadow { top: -16px !important; }
}
.author-content img { min-width: 80px; width: 30%; float: left; margin-right: 20px; border-radius: 50%;
}
.author-content .author-details { width: 60%; float: left; margin-top: -5px;
}
.author-content .author-details h3 { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%; font-size: 16px; margin: 0; padding: 0 0 4px 0;
}
.author-content .author-details h3 a { font-size: 16px; color: #555555; font-family: 'Source Sans Pro', sans-serif; font-weight: 600;
}
.author-content .author-details h3 a:hover { text-decoration: none; color: #00aeff;
}
.author-content .author-details h3 a:hover svg path { fill: #00aeff;
}
.author-content .author-details .author-links { list-type: none; display: block; padding: 0; margin: 2px 0 0;
}
.author-content .author-details .author-links li { list-style: none; padding: 10px 0; border-bottom: 1px solid #cccccc;
}
.author-content .author-details .author-links li:last-child { border: none;
}
.author-content .author-details .author-links li svg path { fill: #00aeff;
}
.author-content .author-details svg { float: right; margin-right: 0; margin-top: 4px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.author-content .author-details svg path { fill: #555555;
}
@media (min-width: 768px) { .author-content img { float: left; min-width: 65px; width: 65px; } .author-content .author-details { margin-top: 0; width: 175px; } .author-content .author-details h3 { margin: 0 0 3px 0; padding: 0; } .author-content .author-details .author-links svg { display: none; } .author-content .author-details .author-links li { padding: 4px 0; } .author-content .author-details svg { float: right; margin-right: 0; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .author-content .author-details svg path { fill: #555555; }
}
.blog-comments .blog-comments-content { padding: 0 15px 0;
}
.blog-comments .blog-comments-content h2 { margin-bottom: 7px;
}
.blog-comments .blog-comments-content h3 { margin: 20px 0 0 0; padding: 0;
}
.blog-comments .blog-comments-content .comment-form { padding-bottom: 1px;
}
.blog-comments .blog-comments-content .comment-form .comment-text { border: 1px solid #dedede; width: 100%; height: 150px; padding: 15px; margin: 8px 0 20px 0; outline: 0; font-size: 14px; color: #555555; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; resize: none;
}
.blog-comments .blog-comments-content .comment-form .comment-submit-btn { outline: 0; border: 0; max-width: 100%; margin-bottom: 5px;
}
.blog-comments .blog-comments-content .comment-form .error { font-size: 14px;
}
.blog-comments .blog-comments-content .comment-form .comment-submit-btn + .error { margin-top: 5px;
}
.blog-comments .blog-comments-content .comments-list-wrapper { position: relative; -moz-transition: max-height 1s ease-in-out; -ms-transition: max-height 1s ease-in-out; -o-transition: max-height 1s ease-in-out; -webkit-transition: max-height 1s ease-in-out; transition: max-height 1s ease-in-out; margin-top: -12px;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list { list-style-type: none; margin: 0;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li { margin: 20px 0;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li:last-child .divider { display: none;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li .hearts div { margin-right: 1px;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li .hearts div svg { width: 20px; height: 17px;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li p { font-size: 13px; line-height: 1.5;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li .review-details { font-size: 12px; color: #a9a9a9; margin: 5px 0 8px;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li .review-details .author { font-size: 16px; color: #555555; padding-bottom: 6px;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li .review-details .pipe { padding: 0 5px; display: none;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li .review-details .date { display: block;
}
.blog-comments .blog-comments-content .comments-list-wrapper .comments-list li .divider { margin-top: 20px;
}
.blog-comments .blog-comments-content .read-more-comments { margin: 0 auto; position: relative; background: #ffffff; padding-bottom: 5px; text-align: center; outline: none; border: 0; color: #00aeff; cursor: pointer; display: block; line-height: 40px; font-size: 16px; margin-bottom: 0;
}
.blog-comments .blog-comments-content .read-more-comments span:hover { text-decoration: underline;
}
.blog-comments .blog-comments-content .read-more-comments span.less { display: none;
}
.blog-comments .blog-comments-content .read-more-comments span.more { font-weight: normal;
}
.blog-comments .blog-comments-content .read-more-comments svg { width: 9px; margin: 0 0 0 12px; vertical-align: middle; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.blog-comments .blog-comments-content .read-more-comments svg path { fill: #00aeff;
}
@media (min-width: 768px) { .blog-comments .blog-comments-content .read-more-comments:last-of-type { margin-bottom: 20px; } .blog-comments .blog-comments-content .read-more-comments span.more { font-weight: 700; }
}
.blog-comments .blog-comments-content .read-more-comments .divider { margin: 0;
}
.blog-comments .blog-comments-content .divider { margin-bottom: 25px;
}
.blog-comments .blog-comments-content .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.blog-comments .blog-comments-content .divider.lt-gray { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 15px;
}
@media (min-width: 768px) { .blog-comments .blog-comments-content { padding: 20px 0 0; display: block; } .blog-comments .blog-comments-content h3 { margin-top: 15px; } .blog-comments .blog-comments-content .comment-form .comment-submit-btn { margin-bottom: 22px; max-width: 230px; } .blog-comments .blog-comments-content .comment-form .comment-submit-btn + .error { margin-top: -10px; } .blog-comments .blog-comments-content .comment-form .loading { margin: 0 0 -15px 10px; }
}
.article .jcarousel-wrapper { margin-top: 5px;
}
.article .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 5px;
}
.article .main-left-col { padding: 0 0 20px 0; }
.article .main-left-col ul { padding-left: 30px; font-size: 14px;
}
.article .main-left-col ul li { margin: 5px 0;
}
.article .main-left-col .video-wrapper { margin-bottom: 35px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
}
.article .main-left-col .video-wrapper .video-wrapper-inner { position: relative; height: 0; padding-bottom: 56.25%;
}
.article .main-left-col .video-wrapper .video-wrapper-inner .BrightcoveExperience,
.article .main-left-col .video-wrapper .video-wrapper-inner object { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.article .main-left-col .recipe-overview { padding: 0 0 25px;
}
.article .main-left-col .recipe-overview .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.article .main-left-col .recipe-overview .divider.dotted.vertical { position: relative; width: 2px; display: table-cell; float: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(25%, #a9a9a9), color-stop(50%, rgba(169, 169, 169, 0.2)), color-stop(50%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -ms-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to bottom, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0 top; background-size: 12px 6px; background-repeat: repeat-y;
}
.article .main-left-col table { width: auto !important; color: #555555 !important; background: none !important;
}
.article .main-left-col table td { font-size: 14px; line-height: 125%;
}
.article .main-left-col div { color: #555555 !important; font-size: 14px; line-height: 125%;
}
.article .main-left-col div.error { color: #ec174f !important;
}
.article .article-imagery.video { padding: 0px 5px;
}
.article .article-imagery img { margin-bottom: 18px; width: 100%;
}
.article .scallop.bottom { margin-top: 0;
}
.article .scallop.bottom .border { background-color: #f5f8f9;
}
.article .slitshadow { margin: 30px auto 0px;
}
.article h1 { margin-top: 0; padding: 5px 20px;
}
.article h2 { font-weight: 400; font-size: 28px; margin-bottom: 3px;
}
.article h3 { margin-bottom: 2px;
}
.article p { font-size: 14px;
}
.article p.summary { font-size: 18px; margin-bottom: 18px;
}
.article .details-row { margin-bottom: 15px;
}
.article .show-more-recipes { margin: 0 auto; position: relative; background: #ffffff; padding-bottom: 5px; text-align: center; outline: none; border: 0; color: #00aeff; cursor: pointer; display: block; line-height: 40px; font-size: 16px; margin-bottom: 0;
}
.article .show-more-recipes span:hover { text-decoration: underline;
}
.article .show-more-recipes span.less { display: none;
}
.article .show-more-recipes span.more { font-weight: normal;
}
.article .show-more-recipes svg { width: 9px; margin: 0 0 0 12px; vertical-align: middle; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.article .show-more-recipes svg path { fill: #00aeff;
}
@media (min-width: 768px) { .article .show-more-recipes:last-of-type { margin-bottom: 20px; } .article .show-more-recipes span.more { font-weight: 700; }
}
@media (min-width: 768px) { .article .main-left-col { padding: 0 20px 20px 20px; } .article .main-left-col .article-imagery { padding: 0; } .article .main-left-col .article-imagery img { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 35px; } .article .main-left-col .article-imagery .video-wrapper { margin-bottom: 35px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .article h1 { padding: 0 0 10px; } .article p { padding: 0; } .article p.summary { margin-bottom: 25px; } .article .jcarousel-wrapper { margin-top: 16px; margin-right: -20px; } .article .three-tile-grid { margin: 0 0 0 1px; width: auto; padding-left: 0 !important; } .article .three-tile-grid .card { margin: 0px 8px 40px; } .article .three-tile-grid .card:nth-child(3n+1) { margin-left: 1px; clear: both; } .article .three-tile-grid .card .inner-card { min-height: 256px; } .article .three-tile-grid .card .inner-card .card-top a { height: 122px; } .article .three-tile-grid .card.recipe:nth-of-type(2n+1) { clear: none; } .article .three-tile-grid .card-shadow { top: 50%; height: 50%; } .article .three-tile-grid .card-shadow:before, .article .three-tile-grid .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(12%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); }
}
.more-articles .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 5px;
}
.more-articles ul { margin: 0; padding: 0 !important; list-style-type: none;
}
.more-articles ul li { margin: 0 !important;
}
.more-articles ul li:last-child a { border-bottom-width: 2px;
}
.more-articles a { display: block; border-bottom: 1px solid #eeeeee; font-size: 14px; padding: 10px 0;
}
.more-articles a.single-indent { padding-left: 32px; font-weight: bold;
}
.more-articles a.double-indent { padding-left: 42px;
}
.more-articles a.no-border { border-bottom: none;
}
.more-articles a svg { float: right; margin-right: 20px; margin-top: 2px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.more-articles a svg path { fill: #00aeff;
}
@media (min-width: 768px) { .more-articles { padding-bottom: 20px; } .more-articles .divider.dotted { margin-bottom: 20px; } .more-articles a { border: none; padding: 6px 0 7px; } .more-articles a.single-indent { margin-left: 50px; padding-left: 0; } .more-articles a.double-indent { margin-left: 90px; padding-left: 0; } .more-articles a svg { display: none; }
}
.related-articles { margin: 0 10px 20px 10px;
}
.related-articles ul { list-style-type: none; margin: 0;
}
.related-articles ul li { border-bottom: 1px solid #e3e3e3; margin: 0; padding: 8px 0;
}
.related-articles ul li:last-child { border-bottom: none;
}
.related-articles .card a { display: inline-block; width: 100%; padding: 0 15px; position: relative;
}
.related-articles .card a .text { float: left; padding-right: 22px;
}
.related-articles .card a .icon-arrow-right { padding-top: 2px; font-size: 115%; margin-left: -30px; position: absolute; top: 50%; margin-top: -9px; right: 10px;
}
.related-articles .card .inner-card svg { float: right; margin-right: 0; margin-top: 2px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.related-articles .card .inner-card svg path { fill: #00aeff;
}
@media (min-width: 768px) { .related-articles { margin: 0 0 30px 0; } .related-articles ul { margin: 0 10px; } .related-articles ul li { padding: 5px 0; margin: 0 15px; } .related-articles .inner-card { padding-bottom: 20px; } .related-articles .inner-card a { padding: 0; font-size: 12px; font-weight: 400; } .related-articles .inner-card a .text { padding-right: 0; } .related-articles .inner-card svg { display: none; }
}
.collection-list { margin-bottom: 20px;
}
.collection-list ul { list-style-type: none; margin: 0;
}
.collection-list ul li { border-bottom: 1px solid #e3e3e3; margin: 0; padding: 7px 0;
}
.collection-list ul li span { color: #555555; font-size: 12px; font-weight: bold;
}
.collection-list ul li:last-child { border-bottom: none;
}
.collection-list .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 5px;
}
.collection-list .level3 { margin-left: 10px;
}
.collection-list .card .mobile-click-mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
.collection-list .card .inner-card { padding: 10px 24px 40px 24px;
}
.collection-list .card .inner-card a,
.collection-list .card .inner-card span { display: block; font-size: 12px; font-weight: 400; text-decoration: none; line-height: 125%;
}
.collection-list .card .inner-card .back-to-parent { padding-bottom: 6px;
}
.collection-list .card .inner-card .back-to-parent .back-to-link { font-size: 14px;
}
.collection-list .card .inner-card .back-to-parent .back-to-link .circle-container svg { margin-left: -2px;
}
@media (min-width: 768px) { .collection-list { margin-bottom: 30px; } .collection-list .divider.dotted { margin-bottom: 8px; background-size: 4px 1px; } .collection-list .left { padding-right: 4px; } .collection-list .right { padding-left: 4px; } .no-touch .collection-list a:hover { text-decoration: underline; }
}
.magazine-hero { position: relative;
}
.magazine-hero .main-image { padding: 0; position: relative; left: 0;
}
.magazine-hero .main-image img { max-height: 317px; width: auto; margin: 0 auto; display: block;
}
.magazine-hero .content-wrapper { position: static; right: 0; top: 0; width: 100%; padding: 0 24px;
}
.magazine-hero .content-wrapper .title-wrapper .title { font-family: 'Roboto Slab'; font-size: 17px; line-height: 140%; margin-right: 10px; margin-top: 25px; margin-bottom: 10px;
}
.magazine-hero .content-wrapper .title-wrapper .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(20%, #cccccc), color-stop(40%, rgba(204, 204, 204, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(204, 204, 204, 0.2) 0%, #cccccc 20%, rgba(204, 204, 204, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 2px; background-repeat: repeat-x; margin-bottom: 10px;
}
.magazine-hero .content-wrapper .summary-wrapper { position: relative; width: 100%;
}
.magazine-hero .content-wrapper .summary-wrapper .content { padding: 0 0 10px;
}
.magazine-hero .content-wrapper .summary-wrapper .content ul { line-height: 150%; margin-left: 25px;
}
.magazine-hero .content-wrapper .summary-wrapper .content ul li { font-size: 14px; line-height: 125%;
}
.magazine-hero .content-wrapper .summary-wrapper .content p,
.magazine-hero .content-wrapper .summary-wrapper .content span { font-size: 14px; font-weight: bold;
}
.magazine-hero .button { width: 100%; font-size: 13px; font-weight: normal; padding: 15px 30px;
}
.magazineDetails .magazine-hero .main-image img { max-height: 317px; width: auto; margin: 0 auto; display: block;
}
.magazineDetails .magazine-hero .content-wrapper { margin-top: 25px; padding: 0 18px;
}
.magazineDetails .magazine-hero .content-wrapper .title-wrapper { top: 50px; width: 28vw; right: 0;
}
.magazineDetails .magazine-hero .content-wrapper .title-wrapper .title { display: none;
}
.magazineDetails .magazine-hero .content-wrapper .content p,
.magazineDetails .magazine-hero .content-wrapper .content span { font-weight: normal; font-size: 17px;
}
.magazineDetails .magazine-hero .content-wrapper .content span { display: block; margin-bottom: 10px;
}
.magazineDetails .magazine-hero .button { padding: 15px 5px; margin-bottom: 30px;
}
.lt-ie10 .magazine-hero .button .circle-container svg { vertical-align: 5px;
}
@media (min-width: 768px) { .magazine-hero .main-image { left: 0; float: left; } .magazine-hero .main-image img { max-height: 240px; max-width: 275px; } .magazine-hero .content-wrapper { width: auto; margin-left: 40px; padding: 0; float: left; } .magazine-hero .content-wrapper .title-wrapper { position: static; width: 250px; } .magazine-hero .content-wrapper .title-wrapper .title { font-size: 20px; width: auto; padding: 0 0 8px; line-height: 120%; margin-top: 0; margin-bottom: 0; } .magazine-hero .content-wrapper .title-wrapper .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 5px; } .magazine-hero .content-wrapper .title-wrapper .divider.dotted:first-child { display: none; } .magazine-hero .content-wrapper .summary-wrapper { position: static; padding: 0; margin-top: 0; } .magazine-hero .content-wrapper .summary-wrapper .content { width: 285px; padding: 0; } .magazine-hero .content-wrapper .summary-wrapper .content ul { padding-left: 14px; line-height: 120%; font-size: 14px; } .magazine-hero .content-wrapper .summary-wrapper .content ul li { margin: 4px 0; } .magazine-hero .content-wrapper .summary-wrapper .content p.bold { font-size: 16px; font-weight: bold; margin: 0 0 5px; } .magazine-hero .button { width: 230px; padding: 14px 30px; margin-top: 35px; } .magazine-hero .button .circle-container { display: none; } .magazineDetails .magazine-hero .main-image { float: left; } .magazineDetails .magazine-hero .main-image img { max-height: 200px; max-width: 275px; } .magazineDetails .magazine-hero .content-wrapper { float: left; margin-left: 40px; padding: 0; } .magazineDetails .magazine-hero .content-wrapper .title-wrapper { top: 40px; width: 100%; } .magazineDetails .magazine-hero .content-wrapper .title-wrapper .title { display: none; } .magazineDetails .magazine-hero .content-wrapper .content { width: 253px; } .magazineDetails .magazine-hero .content-wrapper .content p, .magazineDetails .magazine-hero .content-wrapper .content span { font-size: 14px; line-height: 125%; } .magazineDetails .magazine-hero .content-wrapper .content span { display: block; margin-bottom: 10px; } .magazineDetails .magazine-hero .button { background: none; font-weight: normal; text-transform: none; padding: 0; margin-bottom: 0; width: auto; text-align: left; } .magazineDetails .magazine-hero .button .circle-container { display: block; width: 14px; height: 14px; -webkit-border-radius: 8.5px; -moz-border-radius: 8.5px; border-radius: 8.5px; background-color: #00aeff; float: left; margin: 2px 8px 0 0; } .magazineDetails .magazine-hero .button .circle-container svg { height: 8px; margin: 3px 0 0 0px; } .magazineDetails .magazine-hero .button a { color: #00aeff; margin: 0; padding: 0; font-size: 14px; } .magazineDetails .magazine-hero .button a:hover { text-decoration: underline; }
}
.magazineLanding .main-left-col { padding: 0 0 20px;
}
.magazineLanding h1 { padding: 0 15px 14px 15px; line-height: 100%; text-align: center;
}
.magazineLanding .scallop.bottom:last-of-type .border { background-color: #f5f8f9;
}
@media (min-width: 768px) { .magazineLanding .main-left-col { padding-left: 20px; } .magazineLanding h1 { padding: 0; margin: 10px 0 14px; font-size: 33px; text-align: left; }
}
.magazineDetails .main-left-col { padding: 0 0 20px;
}
.magazineDetails .main-left-col .divider.dotted.header { margin: 0 0 10px 20px; width: 92%; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.magazineDetails .main-left-col .mobile-header-container h1 { text-align: center; margin-bottom: 9px;
}
.magazineDetails .main-left-col .mobile-header-container h1 span { display: block;
}
.magazineDetails .main-left-col h2 { padding-left: 20px; margin: 20px 0 5px;
}
.magazineDetails .main-left-col .notation { padding: 10px 0 0 20px;
}
.magazineDetails .main-left-col .notation .icon { display: block; float: left; margin: -3px 10px 0 0;
}
.magazineDetails .main-left-col .notation .icon svg { width: 21px; height: 20px;
}
.magazineDetails .main-left-col .notation .icon svg path { fill: #edd340;
}
.magazineDetails .main-left-col .notation p { font-size: 12px;
}
.magazineDetails .main-left-col .notation:after { clear: both;
}
.magazineDetails .show-more-recipes { margin: 0 auto; position: relative; background: #ffffff; padding-bottom: 5px; text-align: center; outline: none; border: 0; color: #00aeff; cursor: pointer; display: block; line-height: 40px; font-size: 16px; margin-bottom: 0;
}
.magazineDetails .show-more-recipes span:hover { text-decoration: underline;
}
.magazineDetails .show-more-recipes span.less { display: none;
}
.magazineDetails .show-more-recipes span.more { font-weight: normal;
}
.magazineDetails .show-more-recipes svg { width: 9px; margin: 0 0 0 12px; vertical-align: middle; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.magazineDetails .show-more-recipes svg path { fill: #00aeff;
}
@media (min-width: 768px) { .magazineDetails .show-more-recipes:last-of-type { margin-bottom: 20px; } .magazineDetails .show-more-recipes span.more { font-weight: 700; }
}
.magazineDetails .scallop.bottom { margin-top: 15px;
}
.magazineDetails .three-tile-grid .card .inner-card { min-height: 235px;
}
.magazineDetails .three-tile-grid .card .inner-card .card-top a { height: 94px;
}
.magazineDetails .three-tile-grid .card .title { height: 75px; overflow: hidden; display: block;
}
.magazineDetails .three-tile-grid .card .rate-review { position: relative;
}
.magazineDetails .three-tile-grid .card-shadow { top: 30%; height: 70%;
}
.magazineDetails .three-tile-grid .card-shadow:before,
.magazineDetails .three-tile-grid .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); }
@media (min-width: 768px) { .magazineDetails .main-left-col { padding-left: 20px; } .magazineDetails .main-left-col .divider.dotted.header { margin: 0 20px 16px 1px; width: 580px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; } .magazineDetails .main-left-col .mobile-header-container { position: static; } .magazineDetails .main-left-col .mobile-header-container .divider.dotted { display: none; } .magazineDetails .main-left-col .mobile-header-container h1 { margin-top: 0; text-align: left; position: static; font-size: 33px; } .magazineDetails .main-left-col .mobile-header-container h1 span { display: inline; } .magazineDetails .main-left-col h2 { padding-left: 0; } .magazineDetails .main-left-col .notation { padding-left: 0; padding-top: 30px; clear: both; } .magazineDetails .view-more-recipes:last-child { margin-bottom: 20px; } .magazineDetails .three-tile-grid { margin: 0 0 0 1px; width: auto; } .magazineDetails .three-tile-grid .card { margin: 0px 8px 40px; } .magazineDetails .three-tile-grid .card:nth-child(3n+1) { margin-left: 1px; clear: both; } .magazineDetails .three-tile-grid .card .inner-card { min-height: 256px; } .magazineDetails .three-tile-grid .card .inner-card .card-top a { height: 122px; } .magazineDetails .three-tile-grid .card.recipe:nth-of-type(2n+1) { clear: none; } .magazineDetails .three-tile-grid .card-shadow { top: 50%; height: 50%; } .magazineDetails .three-tile-grid .card-shadow:before, .magazineDetails .three-tile-grid .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(12%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); } .magazineDetails .magazine-hero { position: relative; }
}
.shoppingList .deal-results.loading { display: none;
}
.shoppingList .deal-content { padding: 0;
}
.shoppingList .shopping-list-header { padding: 0 15px 16px; clear: both;
}
.shoppingList .shopping-list-header h1 { float: left; width: 81%;
}
.shoppingList .shopping-list-header .edit { float: right; margin-top: 20px; color: #00aeff; cursor: pointer; font-size: 14px;
}
.shoppingList ul { list-style-type: none; margin: 0;
}
.shoppingList h2 { font-size: 17px; margin-bottom: 4px; margin-top: 5px;
}
.shoppingList .nav-tabs.mobile-three-tab > li:not(.tab-border) { width: 29.25%; width: 28.25vw;
}
.shoppingList .nav-tabs.mobile-two-tab > li:not(.tab-border) { width: 42%; width: 43vw;
}
.shoppingList .nav-tabs > li > a { padding: 0;
}
.shoppingList .tab-pane { padding: 20px 15px 0;
}
.shoppingList .right-rail .view-shopping-list { margin-bottom: 10px;
}
.shoppingList .right-rail .view-shopping-list label { font-size: 12px; float: left; margin: 10px 16px 0 15px;
}
.shoppingList .right-rail .view-shopping-list .styled-select { background: #ffffff; width: 68%; font-size: 13px; margin: 4px 0; float: left;
}
.shoppingList .right-rail .view-shopping-list .styled-select select { padding: 0 50px 0 4px;
}
.shoppingList .right-rail .recipe-box-summary { margin-bottom: 15px; clear: both;
}
.shoppingList .right-rail .recipe-box-summary a { font-size: 14px;
}
.shopping-list-content h3 { float: left; margin: 0 0 15px; font-size: 16px;
}
.shopping-list-content .tool-tip { float: left; margin: -1px 0 0 10px;
}
.shopping-list-content .tool-tip svg { width: 21px; height: 21px;
}
.shopping-list-content .list-add { padding-bottom: 15px;
}
.shopping-list-content .list-add .list-add-quantity { float: left; margin-right: 5%; width: 47.5%;
}
.shopping-list-content .list-add .list-add-quantity input { width: 100%;
}
.shopping-list-content .list-add .list-add-unit { float: left; width: 47.5%;
}
.shopping-list-content .list-add .list-add-unit .styled-select { width: 100%; margin-bottom: 20px;
}
.shopping-list-content .list-add .list-add-unit .styled-select.error { color: #555555;
}
.shopping-list-content .list-add .list-add-ingredient { margin-bottom: 25px;
}
.shopping-list-content .list-add .button.primary { width: 100%; border: 0;
}
.shopping-list-content .list-add .clear-add-ingredient { font-size: 14px; display: block; text-align: center; margin-top: 18px;
}
.shopping-list-content .divider.slitshadow { margin-bottom: 5px; display :block !important;
}
.shopping-list-content .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 10px;
}
.shopping-list-content ul { margin-bottom: 25px;
}
.shopping-list-content ul li { position: relative; border-bottom: 1px solid #cccccc; margin-bottom: 10px;
}
.shopping-list-content ul li:last-child { border: 0;
}
.shopping-list-content .checkbox-wrapper { margin: 10px 0;
}
.shopping-list-content .checkbox-wrapper label { display: inline-block; margin: 0; padding-right: 70px; width: 100%;
}
.shopping-list-content .checkbox-wrapper label .unchecked,
.shopping-list-content .checkbox-wrapper label .checked { position: absolute; top: 12px; margin-top: -10px;
}
.shopping-list-content .ingredient { display: inline-block; width: 100%; margin: 0 0 0 38px; padding-right: 40px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%; font-size: 15px;
}
.shopping-list-content .ingredient span { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%;
}
.shopping-list-content .ingredient .notes { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; font-size: 13px; margin-top: 3px;
}
.shopping-list-content .ingredient .notes span { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%; margin-left: 3px;
}
.shopping-list-content .ingredient .notes { margin-left: 12px;
}
.shopping-list-content .ingredient .ingredient-recipe { font-weight: normal; font-size: 14px;
}
.shopping-list-content .deal { position: absolute; right: 43px; top: 11px; margin-top: -10px;
}
.shopping-list-content .deal svg { width: 21px; height: 21px; vertical-align: -5px;
}
.shopping-list-content .deal svg path { fill: #6b9736;
}
.shopping-list-content .deal svg .st0 { fill: #ffffff;
}
.shopping-list-content .edit,
.shopping-list-content .add,
.shopping-list-content .add-missing { position: absolute; right: 0; top: 12px; margin-top: -9px; color: #00aeff; font-size: 14px; z-index: 1;
}
.shopping-list-content .edit:hover,
.shopping-list-content .add:hover,
.shopping-list-content .add-missing:hover { cursor: pointer; text-decoration: underline;
}
.shopping-list-content.by-recipe .hide-ingredients svg { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin-top: -2px;
}
.shopping-list-content.by-recipe ul.missing-ingredients { display: none; background: #f5f8f9; padding: 3px 35px 10px 38px; margin-top: 30px;
}
.shopping-list-content.by-recipe ul.missing-ingredients li { padding: 7px 0 0; border: 0; border-top: 1px solid #cccccc;
}
.shopping-list-content.by-recipe ul.missing-ingredients li:first-child { border: 0;
}
.shopping-list-content.by-recipe ul.missing-ingredients li:last-child { margin-bottom: 2px;
}
.shopping-list-content.by-recipe ul.missing-ingredients li .ingredient { padding-right: 60px; margin-left: 0;
}
.shopping-list-content.by-recipe ul.missing-ingredients .add-missing { right: 0; margin-top: -4px;
}
.lt-ie10 .shoppingList .shopping-list-header .edit .circle-container svg { vertical-align: 2px;
}
@media (min-width: 768px) { .shoppingList .shopping-list-header { padding: 0 40px 20px 20px; } .shoppingList .deal-content { padding: 0 20px; } .shoppingList .edit .circle-container { margin-top: 0; } .shoppingList h2 { font-size: 25px; margin-top: 20px; } .shoppingList .nav-tabs { margin: 0 20px; height: 40px; } .shoppingList .nav-tabs > li { padding-top: 5px; } .shoppingList .nav-tabs.mobile-three-tab > li:not(.tab-border), .shoppingList .nav-tabs.mobile-two-tab > li:not(.tab-border) { width: auto; } .shoppingList .nav-tabs > li > a h2.header2-tab { line-height: 30px; } .shoppingList .tab-pane { padding: 0 20px; } .shoppingList .col-sm-height { vertical-align: top; } .shoppingList .right-rail .view-shopping-list { margin-top: -2px; margin-bottom: 20px; } .shoppingList .right-rail .view-shopping-list label { font-size: 14px; float: left; margin: 0 5px 0 -3px; } .shoppingList .right-rail .view-shopping-list .styled-select { width: 130px; font-size: 12px; margin: -4px 0 0; } .shoppingList .right-rail .view-shopping-list .styled-select select { padding: 0 50px 0 4px; width: 150%; font-size: 11px; } .shoppingList .right-rail .view-shopping-list .social-bar { margin: -7px -8px 0 0; width: 115px; float: right; } .shoppingList .right-rail .recipe-box-summary { top: -30px; position: relative; z-index: 1; } .cssvwunit .shoppingList .nav-tabs > li > a { padding: 0 25px; } .shopping-list-content { padding: 25px 20px 0; } .shopping-list-content .tool-tip { margin-top: 2px; } .shopping-list-content .tool-tip svg { width: 16px; height: 16px; } .shopping-list-content .list-add .list-add-quantity { margin-right: 35px; width: 130px; } .shopping-list-content .list-add .list-add-unit { width: 130px; } .shopping-list-content .list-add .button.primary { width: 230px; margin-right: 20px; } .shopping-list-content .list-add .clear-add-ingredient { display: inline; text-align: left; margin-top: 0; float:left; padding:12px; } .shopping-list-content .divider.dotted { margin-bottom: 13px; } .shopping-list-content ul { margin-bottom: 35px; } .shopping-list-content .checkbox-wrapper label { padding-right: 75px; } .shopping-list-content .ingredient { font-size: 16px; } .shopping-list-content .ingredient .notes { font-size: 14px; } .shopping-list-content .ingredient .notes:first-child { margin-top: 3px; } .shopping-list-content .ingredient .notes { margin-left: 35px; } .shopping-list-content.by-recipe .notes { margin-top: 3px; } .shopping-list-content.by-recipe ul.missing-ingredients { padding-right: 42px; }
}
#deals-tab { padding-top: 10px;
}
.deal-content { position: relative; padding: 0 20px;
}
.deal-content .deal-wrapper { position: relative; overflow: hidden;
}
.deal-content .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(21.42857143%, #cccccc), color-stop(42.85714286%, rgba(204, 204, 204, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-top: 18px; margin-bottom: -18px;
}
.deal-content ul { list-style: none; position: relative; z-index: 2; vertical-align: top; margin-right: 3px; margin-left: 3px;
}
.deal-content ul li { margin-right: 10px; margin-bottom: 0px; padding-top: 18px; padding-bottom: 18px; list-style: none; display: table; width: 100%; overflow-wrap: break-word; word-wrap: break-word;
}
.deal-content ul:last-child { z-index: 0;
}
.deal-content ul:last-child li:last-child { margin-bottom: 0;
}
.deal-content ul:last-child li:last-child .divider.dotted { display: none;
}
.deal-content .image-wrapper { width: 119px; min-height: 79px; float: left; overflow: hidden; padding-left: 12px;
}
.deal-content .image-wrapper img { width: 100%;
}
.deal-content .product-info { float: none; padding: 0 5px 0 0; width: auto; margin-left: 134px;
}
.deal-content .product-info div:first-child { margin-bottom: 8px;
}
.deal-content .product-info svg { display: none;
}
.deal-content a { display: block; font-size: 16px; margin-bottom: 2%;
}
.deal-content p { font-size: 14px;
}
.deal-content p.deal-details { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%; display: inline-block; color: #6b9736; margin-bottom: 4px; width: auto;
}
.deal-content p.store-name { color: #555555; margin-bottom: 13px;
}
.shoppingList button.show-more-deals,
.deals-store button.show-more-deals { margin: 0 auto; position: relative; background: #ffffff; padding-bottom: 5px; text-align: center; outline: none; border: 0; color: #00aeff; cursor: pointer; display: block; line-height: 40px; font-size: 16px; margin-bottom: 0; margin-top: 0px !important;
}
.shoppingList button.show-more-deals span:hover,
.deals-store button.show-more-deals span:hover { text-decoration: underline;
}
.shoppingList button.show-more-deals span.less,
.deals-store button.show-more-deals span.less { display: none;
}
.shoppingList button.show-more-deals span.more,
.deals-store button.show-more-deals span.more { font-weight: normal;
}
.shoppingList button.show-more-deals svg,
.deals-store button.show-more-deals svg { width: 9px; margin: 0 0 0 12px; vertical-align: middle; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.shoppingList button.show-more-deals svg path,
.deals-store button.show-more-deals svg path { fill: #00aeff;
}
@media (min-width: 768px) { .shoppingList button.show-more-deals:last-of-type, .deals-store button.show-more-deals:last-of-type { margin-bottom: 20px; } .shoppingList button.show-more-deals span.more, .deals-store button.show-more-deals span.more { font-weight: 700; }
}
.deals-store button.show-more-deals { background: none !important;
}
@media (min-width: 768px) { .deal-content { display: table; } .deal-content + .clearfix, .deal-content + .dl-horizontal dd, .deal-content + .container, .deal-content + .container-fluid, .deal-content + .row, .deal-content + .form-horizontal .form-group, .deal-content + .btn-toolbar, .deal-content + .btn-group-vertical > .btn-group, .deal-content + .nav, .deal-content + .pager, .deal-content + .modal-footer { display: table-row; } .deal-content .divider.dotted { width: 100%; } .deal-content ul { width: 270px; padding: 0 10px 0 0; display: inline-block; margin-right: 14px; vertical-align: top; margin-left: 0; display: table-cell; } .deal-content ul:last-child { margin-right: 0; padding: 0 0 0 20px; } .deal-content ul li { display: table; margin-right: 0; } .deal-content ul li:last-child .divider.dotted { display: none; } .deal-content .image-wrapper { margin-left: 0; width: 101px; min-height: 67px; padding-left: 0; } .deal-content .product-info { width: 135px; padding-right: 0; margin-left: 115px; } .deal-content .product-info svg { display: block; float: left; margin-right: 5px; width: 21px; height: 21px; vertical-align: -5px; } .deal-content .product-info svg path { fill: #6b9736; } .deal-content .product-info svg .st0 { fill: #ffffff; } .deal-content .falloff-wrapper { z-index: 1; height: 100%; position: absolute; left: 263px; padding-top: 30px; padding-bottom: 30px; } .deal-content .falloff-wrapper .falloff-shopping-list { height: 100%; width: 1px; -webkit-box-shadow: -2px 0px 19px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px 0px 19px 5px rgba(0, 0, 0, 0.3); box-shadow: -2px 0px 19px 5px rgba(0, 0, 0, 0.3); } .deal-content a { font-size: 18px; } .deal-content p.deal-details { color: #555555; max-width: 101px; } .deal-content p.store-name { color: #a9a9a9; margin: 5px 0 0; } ul.deals-column-one { -webkit-box-shadow: -2px 0px 20px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: -2px 0px 20px 2px rgba(0, 0, 0, 0.1); box-shadow: -2px 0px 20px 2px rgba(0, 0, 0, 0.1); } .ie .deal-content ul { width: 263px; float: left; padding: 0 0 0 6px; } .ie .deal-content ul:last-child { padding: 0 6px 0 0; } .ie .deal-content ul li svg { vertical-align: top; } .ie .deal-content .falloff-wrapper .falloff-shopping-list { margin-left: -2px; -webkit-box-shadow: -2px 0px 19px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: -2px 0px 19px 2px rgba(0, 0, 0, 0.3); box-shadow: -2px 0px 19px 2px rgba(0, 0, 0, 0.3); } .ie .deal-content ul.deals-column-one { -webkit-box-shadow: -2px 0px 20px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: -2px 0px 20px 2px rgba(0, 0, 0, 0.1); box-shadow: -2px 0px 20px 2px rgba(0, 0, 0, 0.1); }
}
.deals-store .show-more.loading { display: block; margin: 20px auto 0;
}
.deals-store h2 { margin-bottom: 4px;
}
.deals-store h2 + .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 20px;
}
.deals-store button { outline: none; border: none;
}
.deals-store label,
.deals-store button,
.deals-store select,
.deals-store .styled-select,
.deals-store input { font-size: 14px;
}
.deals-store.hidden { display: none;
}
.deals-store .main-left-col .recipes-by-email { margin: 0;
}
.deals-store .mobile-container-padding { padding: 0 12px 25px;
}
.deals-store .scallop.bottom { margin-top: 11px;
}
.deals-store .tab-content { padding: 30px 0px 0;
}
.deals-store .deal-content .product-info svg { vertical-align: top;
}
.deals-store .preferences { margin-bottom: 20px;
}
.deals-store .preferences div.error,
.deals-store .preferences label.error { color: #EC174F; font-weight: normal; margin-top: -10px; margin-bottom: 10px; font-size: 14px;
}
.deals-store .preferences h2 { font-family: 'Source Sans Pro', sans-serif; font-size: 14px; margin-bottom: 16px; font-weight: normal;
}
.deals-store .preferences .column { display: block; float: left; margin-left: 5%; width: 47.5%; vertical-align: top;
}
.deals-store .preferences .column:first-child { margin-left: 0;
}
.deals-store .preferences input,
.deals-store .preferences button,
.deals-store .preferences .styled-select { width: 100%;
}
.deals-store .preferences .styled-select { margin-bottom: 0;
}
.deals-store .tab-form .styled-select { width: 100%; font-size: 14px; font-weight: normal;
}
.deals-store .tab-form button.primary { margin-top: 20px; margin-bottom: 10px;
}
.deals-store .tab-form button.plain-text { background: none; font-weight: normal; color: #00aeff; padding: 0; cursor: pointer; outline: none; border: 0; display: block; margin-top: 3px;
}
.deals-store .tab-form button.plain-text.reset-form { text-align: center; width: initial; margin: 0 auto; line-height: 40px;
}
.deals-store .tab-form button.plain-text:hover { text-decoration: underline;
}
.deals-store .tab-form .tag-fragment { margin-right: 10px;
}
.deals-store .store-input { font-size: 14px; font-weight: bold;
}
.deals-store .store-input div.success { font-weight: normal; position: relative; margin-top: -10px; margin-bottom: 10px;
}
.deals-store .item-input { font-size: 14px;
}
.deals-store .item-input .add-item-form { margin-top: 15px; position: relative;
}
.deals-store .item-input .add-item-form input[type="text"] { margin-bottom: 10px;
}
.deals-store .item-input .add-item-form button { background: #00aeff; color: #ffffff; border-radius: 3px; width: 38px; position: absolute; right: 0; top: 0; height: 30px; font-size: 30px;
}
.deals-store .item-input .column:last-child { font-weight: bold;
}
.deals-store .item-input .column:last-child .styled-select { margin-top: 15px;
}
.deals-store .deal-results.loading { display: block; margin: 0 auto;
}
.deals-store .deal-results.intro,
.deals-store .deal-results.none { margin-top: 20px;
}
.deals-store .deal-results.items .deal-content { padding: 0;
}
.deals-store .deal-results.items .show-more-deals { margin-bottom: 0;
}
.deals-store .interactive-wrapper { position: relative; min-height: 440px; margin: auto 0;
}
.deals-store #zip-loading { position: absolute; width: 100%; height: 100%; background: #ffffff; opacity: 0.5; z-index: 10;
}
.deals-store #zip-loading .loading { margin-top: 368px; position: relative; left: 50%; margin-left: -19px;
}
.deals-store .nav-tabs { margin: 0 -12px; padding: 0 8px;
}
.deals-store .nav-tabs.mobile-two-tab > li:not(.tab-border) { width: 44vw;
}
.deals-store .nav-tabs .tab-border.before { margin-left: 10px;
}
.deals-store .divider.slitshadow { margin-top: 20px;
}
@media (min-width: 768px) { .deals-store .nav-tabs { margin: 0; padding: 0; } .deals-store .nav-tabs.mobile-two-tab > li:not(.tab-border) { width: auto; } .deals-store .nav-tabs .tab-border.before { margin-left: 0; } .deals-store .tab-content { padding: 30px 20px 0; } .deals-store h2 { text-transform: capitalize; font-family: 'Source Sans Pro', sans-serif; } .deals-store h2 + .divider.dotted { margin-bottom: 30px; } .deals-store .main-left-col { padding: 0 20px; } .deals-store .main-left-col .recipes-by-email { margin: 15px 0px 30px 0; } .deals-store .mobile-container-padding { padding: 0; } .deals-store .preferences { margin-bottom: 50px; } .deals-store .preferences div.error, .deals-store .preferences label.error { font-size: 17px; } .deals-store .preferences h2 { font-family: 'Source Sans Pro', sans-serif; font-size: 23px; margin-bottom: 4px; font-weight: bold; } .deals-store .preferences button { width: 275px; display: block; clear: both; } .deals-store .tab-form button.primary { width: 262px; } .deals-store .tab-form button.plain-text { display: inline; } .deals-store .tab-form button.plain-text.reset-form { text-align: left; width: auto; display: inline; margin-left: 30px; line-height: normal; } .deals-store .tab-form .column { width: 258px; display: inline-block; margin-left: 20px; vertical-align: top; } .deals-store .tab-form .column:first-child { margin-left: 0; font-weight: normal; } .deals-store .tab-form select:disabled, .deals-store .tab-form .styled-select.disabled, .deals-store .tab-form button.disabled { opacity: 0.5; } .deals-store .item-input .column { margin-left: 35px; width: 230px; margin-bottom: 85px; } .deals-store .item-input .column:first-child { border-right: 1px solid #222222; width: 266px; padding-right: 35px; } .deals-store .item-input .column:last-child { font-weight: normal; } .deals-store .item-input button.primary { width: 230px; } .deals-store .item-input .button-wrapper { position: absolute; } .deals-store .store-input div.success { margin-top: -15px; } .deals-store .deal-results.loading { display: inline-block; margin: auto; } .deals-store #zip-loading .loading { margin-top: 259px; } .lt-ie10 .deals-store .deal-results.items .deals-column-one { padding-right: 15px; box-shadow: 8px 0 6px -6px rgba(0, 0, 0, 0.1); } .lt-ie10 .deals-store .deal-results.items li { display: block; }
}
.product-locator-form { padding-bottom: 30px;
}
.product-locator-form .tt-dropdown-menu { width: 100%; background: #ffffff; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); padding: 15px 0 25px 25px; border-radius: 6px; border: 1px solid #CCC; border: 1px solid rgba(0, 0, 0, 0.2); margin-top: 13px;
}
.product-locator-form .tt-dropdown-menu p.itemDesc { font-size: 14px; margin: 10px 0; display: inline-block; color: #00aeff; padding-right: 25px;
}
.product-locator-form .tt-dropdown-menu p.itemDesc:last-of-type { margin-bottom: 0;
}
.product-locator-form .tt-dropdown-menu .arrow { border-width: 11px; display: block; border-color: transparent; border-style: solid; position: fixed; z-index: 9999;
}
.product-locator-form .tt-dropdown-menu .arrow:after { border: 0;
}
.product-locator-form .twitter-typeahead { display: block !important;
}
.product-locator-form .twitter-typeahead .tt-hint { display: none !important;
}
.product-locator-form span.divider { display: block; text-transform: uppercase; text-align: center; margin-bottom: 20px; font-style: italic;
}
.product-locator-form .styled-select { max-width: auto; width: 100%;
}
.product-locator-form #dropdown-section { margin-bottom: 40px;
}
.product-locator-form #dropdown-section select { text-transform: capitalize; width: 107%;
}
.product-locator-form .distance-section select { width: 107%;
}
.product-locator-form label[for="zip-code"] { font-weight: normal;
}
.product-locator-form .column { margin-top: 5px; overflow: hidden; float: left; width: 80px; position: relative;
}
.product-locator-form .column span { display: inline;
}
.product-locator-form .column:last-child { margin-top: 0; overflow: visible; float: none; width: auto; margin-left: 95px;
}
.product-locator-form .button.primary { border: none; outline: none; margin: 30px auto 0;
}
#mobile-filter-container .product-locator-form { padding-top: 30px;
}
.product-locator .hidden { display: none !important;
}
.product-locator .disabled { opacity: 0.5;
}
.product-locator .form-wrapper { position: relative;
}
.product-locator #form-loading { position: absolute; width: 100%; height: 100%; background: #ffffff; opacity: 0.5; z-index: 20;
}
.product-locator #form-loading .loading { margin: -21px auto 0; position: relative; display: block;
}
.product-locator .row.bg-white { z-index: 0; position: relative;
}
.product-locator .shadow.no-top { margin-bottom: 0;
}
.product-locator .page-heading p { font-size: 17px; margin-top: 8px;
}
.product-locator .divider.slitshadow { margin: 15px auto;
}
.product-locator .refine-results-trigger { width: 100%; padding: 4px 8px; border: 1px solid #a9a9a9; background-color: #ffffff; text-align: left; height: 30px; display: inline-block; z-index: 11; color: #555555; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%; position: relative; margin: 0 auto 20px;
}
.product-locator .refine-results-trigger:focus,
.product-locator .refine-results-trigger:active { outline: 0; text-decoration: none;
}
.product-locator .refine-results-trigger:hover { text-decoration: none;
}
.product-locator .refine-results-trigger > .indicator { background-color: transparent; width: 15px; height: 15px; position: absolute; top: 7px; right: 11px; padding: 0; z-index: 1;
}
.product-locator .refine-results-trigger > .indicator span { display: none;
}
.product-locator .refine-results-trigger > .indicator span svg { width: 15px; height: 15px; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
.product-locator .refine-results-trigger > .indicator span svg path { fill: #00aeff;
}
.product-locator .refine-results-trigger > .indicator span.active { display: block;
}
.product-locator .refine-results-trigger > .indicator span.minus svg { -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);
}
.product-locator .right-rail { float: none;
}
.product-locator .locator-product { margin: 2px 10px 10px; position: relative;
}
.product-locator .locator-product .error { position: absolute; margin-top: 10px;
}
.product-locator .locator-product .card { text-align: center; font-size: 14px;
}
.product-locator .locator-product .card h3 { font-family: 'Roboto Slab'; font-size: 17px; margin-bottom: 3px;
}
.product-locator .locator-product .card img { margin: 20px auto; display: block; padding: 0 40px;
}
.product-locator .locator-product .card .buy-online { margin: 20px auto; display: inline-block; cursor: pointer; color: #00aeff;
}
.product-locator .locator-product .card .buy-online .circle-container { display: inline-block; margin-top: 3px;
}
.product-locator .locator-product .card .buy-online:hover { text-decoration: underline;
}
.product-locator .locator-product .card .buy-online:hover .circle-container { text-decoration: none;
}
@media (min-width: 768px) { .product-locator-form { padding-bottom: 60px !important; position: relative; } .product-locator-form .tt-dropdown-menu .arrow { border: 1px; background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAPCAYAAABjqQZTAAADgmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOkY5N0YxMTc0MDcyMDY4MTE4MDgzRUI4M0M2MkJEN0MxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI2RTEwMzcwOUExQzExRTQ5MzZDQzBGOUEzNDk2NkRDIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI2RTEwMzZGOUExQzExRTQ5MzZDQzBGOUEzNDk2NkRDIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Nzk5NjgyNWUtNTk0Zi00MzdiLWE1NmEtYWU0Zjc1ZTYwNTU5IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OTFmZTMzYzAtZTE2ZS0xMTc3LTg2MmItY2MyZjU4ZThiZTM0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IZIrGwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAG1SURBVEjHvZU9S8NQFIZj7bfRWD9QBLWjuHcR1M1RsD+hOIkQt45m6mT/huDiUAh0sKPtHygEDUUhQ+jWoUnIR3s9t5xgGrTNbbUvvJDenMt9c56TlOPYtYSOgZfRcbT/OxaoYxchJLJDYWiIBDgVcBLX4sFwLGeMzmEI4wfyw6TBWfAKmEfT6wwGTMwajCWQ350UHkxDCOVy+cAwjOd+v/9YKpX26Brey2Dn4kGcc4cK4fJR0W6sgTcajcaF53kfBOU4znu9Xj+l97AmO0vXouJKBrqzzvP8tqZp98Ph0CEhwZrZ6XREqNuitbgnzRIsKi76xKu0A5IkHQGqFzJFvV7vqVgsHsKeHO6NjHMarjTionOy2Ww2rwCXTiLKtm21Vquds+KMhCufz+/quv4AtR5hFMWpquodC86fAo3hqlQqx6ZpvpI5xYKT+6VDo0CtVuuSBdc0wdv5Jsvy2aRgfqjwDPGCIOS63a4EBS75Y1Gc8ObeTkLJhbqUrVar+5ZlyeSfRT+2oiju4KiEMX7PkqIoJ4PB4JMsSK7rKu12u4BzPBZqhA7+Km6gziKLFxxtXAdDfQGJWny0QLXI7gAAAABJRU5ErkJggg==') transparent no-repeat; border-color: transparent; border-style: solid; position: absolute; display: block; width: 37px; height: 15px; left: 40%; top: -15px; padding: 0; margin: 0; } .product-locator-form .type-ahead-section { width: 280px; display: inline-block; } .product-locator-form .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 20px; } .product-locator-form span.divider { text-transform: none; font-style: normal; display: inline-block; margin-left: 25px; position: absolute; top: 26px; left: 295px; } .product-locator-form #dropdown-section { margin-bottom: 0px; } .product-locator-form #dropdown-section .styled-select { width: 280px; margin-right: 16px; display: inline-block; } .product-locator-form #dropdown-section .styled-select:nth-child(2n) { margin-right: 0; } .product-locator-form .distance-section { display: inline-block; margin-right: 39px; padding-top: 10px; } .product-locator-form .distance-section .styled-select { width: 135px; display: inline-block; margin-right: 20px; margin-bottom: 0; vertical-align: middle; } .product-locator-form .distance-section .styled-select select { width: 115%; } .product-locator-form .distance-section label[for="zip-code"] { font-weight: bold; margin-right: 10px; } .product-locator-form .distance-section input[type="text"] { width: 65px; margin-bottom: 0; } .product-locator-form .distance-section .column { vertical-align: middle; float: none; display: inline-block; margin-left: 0 !important; } .product-locator-form .distance-section div.error, .product-locator-form .distance-section label.error { position: absolute; top: 50px; width: 300px; } .product-locator-form .button.primary { width: 230px; margin: 0; vertical-align: middle; } .product-locator .mobile-container-padding { padding: 0 20px; } .product-locator .page-heading { margin-bottom: 50px; } .product-locator .page-heading p { font-weight: 700; font-size: 16px; } .product-locator .page-heading p a { font-weight: 700; } .product-locator #form-loading .loading { margin: 258px auto 0; } .product-locator .right-rail { float: left; } .product-locator .locator-product { margin: -10px 0 0 -20px; padding: 10px; background: #f5f8f9; } .product-locator .locator-product .card h3 { font-size: 18px; } .product-locator .locator-product .card img { margin-bottom: 30px; } .product-locator .row.bg-white.divider-shadow { -webkit-box-shadow: 0 10px 7px -7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 10px 7px -7px rgba(0, 0, 0, 0.3); box-shadow: 0 10px 7px -7px rgba(0, 0, 0, 0.3); z-index: 2; } .product-locator #product-not-found { color: #555555; width: 670px; margin: 80px auto; } .product-locator .recipes-by-email { margin: 0; } .product-locator .recipes-by-email .divider.slitshadow { visibility: hidden; margin-bottom: 20px !important; } .product-locator .recipes-by-email .title, .product-locator .recipes-by-email .form { max-width: 315px; margin-left: auto; margin-right: auto; } .product-locator .recipes-by-email .form { padding-bottom: 50px; }
}
#product-not-found { font-family: "Roboto Slab", serif; font-weight: bold; color: #003366; font-size: 20px; text-align: center; margin: 30px auto; line-height: 1.25em;
}
.map { position: relative;
}
.map .jcarousel-wrapper { position: static;
}
.map .results-title .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 15px;
}
.map #map-canvas { background: url('http://cdn-eu-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.30/assets/images/svg/icon-loading.svg?yocs=1c_&yoloc=eu') no-repeat center center;
}
.map #map-results { display: none; position: absolute; top: 0; left: 20px; padding: 0 10px 10px; background: rgba(255, 255, 255, 0.55);
}
.map #map-results ul { background: rgba(255, 255, 255, 0.8); overflow-y: auto; height: 595px; width: 272px; margin: 0;
}
.map #map-results ul li { padding: 20px 20px 0 50px; position: relative; margin: 0 !important;
}
.map #map-results ul li .incrementer { border-radius: 50%; background: #555555; position: absolute; top: 22px; left: 20px; text-align: center; color: white; line-height: 19px; font-size: 12px; height: 19px; width: 19px;
}
.map #map-results ul li .link { font-size: 14px;
}
.map #map-results ul li .distance { font-weight: 300; font-size: 14px; margin-right: 7px;
}
.map #map-results ul li .distance .miles { font-size: 18px;
}
.map #map-results ul li .distance .bearing { margin: 0 7px 0 5px;
}
.map #map-results ul li .result-info { display: block;
}
.map #map-results ul li .result-info > * { display: block; font-size: 14px;
}
.map #map-results ul li .result-info .title { line-height: 1.1em; font-weight: bold;
}
.map #map-results ul li .result-info .address { font-size: 12px; margin-top: 2px;
}
.map #map-results ul li .result-info .phone-info { margin: 2px 0 13px;
}
.map #map-results ul li .result-info .phone-info svg { margin: 0 11px 0 -23px;
}
.map #map-results ul li .result-info .phone-info .phone a { cursor: default; text-decoration: none; color: #555555;
}
.map #map-results ul li .divider.dotted { margin-top: 15px; display: block; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(21.42857143%, #cccccc), color-stop(42.85714286%, rgba(204, 204, 204, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.map #map-results ul li:last-child .divider.dotted { display: none;
}
.map .map-size { height: 235px;
}
.map .map-size.long { height: 640px;
}
.map .markers { font-size: 14px; margin-top: -42px !important; margin-left: -11px !important; color: #850808; text-align: center; width: 21px;
}
.product-locator-map .recipes-by-email .slitshadow { margin-top: 0 !important;
}
@media (min-width: 768px) { .map .results-title { display: none !important; } .map #map-results ul { padding-bottom: 20px; }
}
.productDetail #find-in-store { position: relative;
}
.productDetail #find-in-store .map-header { padding-bottom: 5px;
}
.productDetail #find-in-store .view-all-link { position: absolute; right: 0; top: 8px;
}
.productDetail .map { padding-top: 20px;
}
.productDetail .map .jcarousel-wrapper { position: relative;
}
.productDetail .map #map-canvas { height: 350px;
}
.productDetail .map .results-title { display: none !important;
}
.productDetail .map #map-results { display: block !important; position: relative; left: 0; padding-left: 0;
}
.productDetail .map #map-results #store-repeater { margin-top: 8px; width: 100%; height: 180px; overflow-y: initial;
}
.productDetail .map #map-results #store-repeater li { float: left; width: 200px; padding: 10px 10px 0 50px; margin-right: 0 !important; margin-bottom: 0 !important;
}
.productDetail .map #map-results #store-repeater li .incrementer { top: 12px;
}
.productDetail .map #map-results #store-repeater li .result-info .title { font-size: 16px; font-weight: 600;
}
.productDetail .map #map-results #store-repeater li .result-info .address { font-size: 14px;
}
.productDetail .map #map-results #store-repeater li .distance { display: none;
}
.productDetail .map #map-results #store-repeater li .divider.dotted { position: absolute; height: 120px; top: 0; right: 0; width: 2px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNy4yNzI3MjcyNzI3MjcyNyUiIHN0b3AtY29sb3I9IiNjY2NjY2MiLz48c3RvcCBvZmZzZXQ9IjU0LjU0NTQ1NDU0NTQ1NDU0JSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1NC41NDU0NTQ1NDU0NTQ1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(27.27272727%, #cccccc), color-stop(54.54545455%, rgba(204, 204, 204, 0.2)), color-stop(54.54545455%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -o-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: -ms-linear-gradient(top, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-image: linear-gradient(to bottom, rgba(204, 204, 204, 0.2) 0%, #cccccc 27.27272727%, rgba(204, 204, 204, 0.2) 54.54545455%, rgba(0, 0, 0, 0) 54.54545455%); background-position: 0 top; background-size: 22px 6px; background-repeat: repeat-y;
}
@media (max-width: 768px) { .productDetail #find-in-store .view-all-link { position: relative; } .productDetail #find-in-store .map-bottom-divider { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(21.42857143%, #cccccc), color-stop(42.85714286%, rgba(204, 204, 204, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; } .productDetail .map .map-size { height: 180px !important; } .productDetail .map #map-results #store-repeater { width: 20000em; padding-bottom: 0; height: 149px; } .productDetail .map #map-results #store-repeater li .result-info .title { font-size: 14px; margin-bottom: 5px; } .productDetail .map #map-results #store-repeater li .result-info .address { font-size: 12px; } .productDetail .map #map-results #store-repeater .phone-info { margin-top: 20px; } .productDetail .map #map-results #store-repeater .phone-info .phone a { cursor: pointer; text-decoration: none; color: #00aeff; } .product-locator-map .map-size { height: 180px !important; } .product-locator-map #map-results { position: relative; height: auto; left: 0; } .product-locator-map #map-results #store-repeater { height: auto; overflow: auto; width: auto; } .product-locator-map #map-results #store-repeater .relative-location { display: block !important; } .product-locator-map #map-results #store-repeater .relative-location .link { display: none; } .product-locator-map #map-results #store-repeater .relative-location .distance { position: absolute; top: 20px; right: 0; } .product-locator-map #map-results #store-repeater .relative-location .bearing:before { content: ' |'; padding-right: 5px; } .product-locator-map #map-results #store-repeater .relative-location .pipe { display: none; }
}
.search { background-color: #ffffff;
}
.search .container-padding { margin-bottom: 0;
}
.search .scallop { margin: 0;
}
.search .scallop .border { background-color: #f5f8f9;
}
.search .divider.slitshadow .falloff-shadow { width: 65%;
}
.search .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.search .divider.dotted.vertical { position: relative; width: 2px; display: table-cell; float: none; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(25%, #a9a9a9), color-stop(50%, rgba(169, 169, 169, 0.2)), color-stop(50%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -ms-linear-gradient(top, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to bottom, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0 top; background-size: 12px 6px; background-repeat: repeat-y;
}
.search .scrollable-tabs-container { margin-top: 13px;
}
.search .search-utility { margin: 20px 0 0;
}
.search .search-utility .search-filter-container { position: relative; width: 100%; cursor: pointer; margin-bottom: 10px;
}
.search .search-utility .search-filter-container .applied-filters { width: 100%; padding-top: 12px;
}
.search .search-utility .search-filter-container .applied-filters .clear-all-applied { display: block; margin: 10px 0 0 0; text-align: center; font-size: 14px; padding: 0 10px; height: 22px; line-height: 22px;
}
.search .search-utility .search-filter-container .filter-trigger { width: 100%; padding: 4px 8px; border: 1px solid #a9a9a9; background-color: #ffffff; text-align: left; height: 30px; display: inline-block; z-index: 11; color: #555555; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%;
}
.search .search-utility .search-filter-container .filter-trigger:focus,
.search .search-utility .search-filter-container .filter-trigger:active { outline: 0;
}
.search .search-utility .search-filter-container .filter-trigger:hover { text-decoration: none;
}
.search .search-utility .search-filter-container .filter-trigger > .indicator { background-color: transparent; width: 15px; height: 15px; position: absolute; top: 0; right: 4px; padding: 8px 21px 0 0; z-index: 1;
}
.search .search-utility .search-filter-container .filter-trigger > .indicator span { display: none;
}
.search .search-utility .search-filter-container .filter-trigger > .indicator span svg { width: 15px; height: 15px; margin: 0 0 0 4px; vertical-align: inherit; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
.search .search-utility .search-filter-container .filter-trigger > .indicator span svg path { fill: #00aeff;
}
.search .search-utility .search-filter-container .filter-trigger > .indicator span.active { display: block;
}
.search .search-utility .search-filter-container .filter-trigger > .indicator span.minus svg { -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);
}
.search .search-utility .utility-view-col { float: right; padding: 5px 0 10px 0; width: 100%;
}
.search .search-utility .utility-view-col h2 { margin: 0; font-size: 17px; line-height: 17px;
}
.search .search-utility .utility-view-col .utility-view { margin-top: -10px;
}
.search .search-utility .utility-view-col .utility-view .view-list-trigger { right: -1px;
}
.search .search-ad { background-color: none; display: block; width: auto; text-align: center; margin: 0;
}
.search .search-ad img { width: 300px; height: 50px;
}
.search .search-ad:nth-child(odd) + li { clear: both;
}
.search .search-ad:nth-child(even) + li + li + li { clear: both;
}
.search .search-results-cont { position: relative; margin-bottom: 20px !important;
}
.search .search-results-cont ul { margin: 0; list-style-type: none;
}
.search .search-results-cont .video-icon { vertical-align: -3px; margin-left: 8px;
}
.search .search-results-cont .video-icon svg { width: 16px; height: 16px;
}
.search .search-results-cont.view-grid { padding-top: 20px; max-width: 300px; margin: 0 auto;
}
.search .search-results-cont.view-grid.fablet { max-width: 610px; margin: 0 auto;
}
.search .search-results-cont.view-grid.fablet .search-ad { float: left; margin-right: 5px; margin-left: 5px;
}
.search .search-results-cont.view-grid.fablet.fablet-plus { max-width: 650px; overflow-x: hidden;
}
.search .search-results-cont.view-grid.fablet.fablet-plus > ul { margin-left: 15px; margin-right: -5px;
}
.search .search-results-cont.view-grid.fablet.fablet-plus > ul > li { margin-right: 20px; margin-left: 0;
}
.search .search-results-cont.view-grid .card { margin-left: 5px; margin-right: 5px;
}
.search .search-results-cont.view-grid .card.with-upc .inner-card .rate-review .upc { display: block;
}
.search .search-results-cont.view-grid .search-ad { margin-left: 0;
}
.search .search-results-cont.view-grid .search-ad .divider.dotted { display: none;
}
.search .search-results-cont.view-list ul.list-items { margin-bottom: 20px;
}
.search .search-results-cont.view-list .search-ad { clear: both;
}
.search .search-results-cont.view-list .search-ad > div:not(.divider) { margin-left: -5px;
}
.search .search-results-cont.view-list .search-ad .divider.dotted { margin: 20px 0 -20px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(21.42857143%, #cccccc), color-stop(42.85714286%, rgba(204, 204, 204, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.search .search-results-cont.view-list .card.with-upc .inner-card { min-height: 136px !important;
}
.search .search-results-cont.view-list .card.with-upc .inner-card .rate-review .upc { display: inline;
}
.search .search-results-cont.view-list .card.with-upc .card-details { padding-bottom: 0;
}
.search .card.deals .deal-icon svg { width: 12px; height: 12px;
}
.search .card.with-upc .inner-card { min-height: 223px !important;
}
.search.products .search-results-cont.view-grid { padding-top: 20px;
}
.search.products .search-results-cont.view-grid .search-ad { top: 0;
}
.search.products .search-results-cont.view-grid .inner-card { min-height: 223px !important;
}
.search.products .list-items .card.product.with-upc .card-details { min-height: inherit;
}
.search.products .list-items .card.product.with-upc .card-details .title { height: inherit;
}
.search.products .list-items .card.product.with-upc .inner-card .rate-review .size { display: inline;
}
.search aside { padding-top: 0;
}
.search aside .kft-ad { margin-bottom: 20px;
}
.search .divider.slitshadow { margin: 20px auto 0px;
}
.search .no-results-found-wrapper { margin: 40px 0 50px; width: 100%; text-align: center; color: #003366;
}
.search .no-results-found-wrapper .no-results { display: inline-block;
}
.search .no-results-found-wrapper .no-results h2 { font-size: 16px; text-align: left; margin: 0 0 10px 0; color: #003366;
}
.search .no-results-found-wrapper .no-results p { text-align: left; font-size: 14px; font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%;
}
.search .no-results-found-wrapper .no-results ul { margin: 0 0 0 25px; padding: 0;
}
.search .no-results-found-wrapper .no-results ul li { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; font-size: 14px; text-align: left; font-weight: normal;
}
.search.video-tips { margin-top: 15px;
}
.search.video-tips .search-results-cont.view-list { padding-bottom: 0 !important;
}
.search.video-tips .search-results-cont.view-list .search-ad .divider.dotted { display: none;
}
.search.video-tips .search-results-cont.view-list ul.list-items { clear: both; list-style: none; margin-left: 0; width: auto;
}
.search.video-tips .search-results-cont.view-list ul.list-items li { margin-bottom: 0; border-bottom: 1px solid #dedede;
}
.search.video-tips .search-results-cont.view-list ul.list-items li:last-child { border: none;
}
.search.video-tips .search-results-cont.view-list ul.list-items li p { margin-bottom: 0;
}
@media (min-width: 768px) { .search .container-padding { padding-bottom: 1px; padding-top: 0; } .search.products .filter-contents-container .filter-contents { margin-bottom: 60px; } .search.products .search-results-cont.view-grid { padding-top: 10px; } .search.products .search-results-cont.view-grid .inner-card { min-height: 284px !important; } .search .search-utility .search-filter-container { position: relative; width: 100%; cursor: pointer; margin-bottom: 0; } .search .search-utility .search-filter-container > .applied-filters { float: right; width: 425px; } .search .search-utility .search-filter-container > .applied-filters .tag-fragment { font-size: 12px; line-height: 22px; } .search .search-utility .search-filter-container .filter-exclude-container .tag-container { width: 515px; } .search .search-utility .search-filter-container .applied-filters { padding-top: 0; } .search .search-utility .search-filter-container .applied-filters .clear-all-applied { display: inline-block; margin: 0 0 0 10px; text-align: left; border-left: 1px solid #a9a9a9; } .search .search-utility .search-filter-container .filter-trigger { width: 175px; position: relative; padding: 7px 8px 0 8px; border: 1px solid #a9a9a9; background-color: #ffffff; text-align: left; border-radius: 6px; font-size: 13px; } .search .search-utility .search-filter-container .filter-trigger:focus, .search .search-utility .search-filter-container .filter-trigger:active { outline: 0; } .search .search-utility .search-filter-container .filter-trigger > .indicator { width: 11px; height: 11px; position: absolute; top: 0; right: 4px; z-index: 10; } .search .search-utility .search-filter-container .filter-trigger > .indicator span { display: none; } .search .search-utility .search-filter-container .filter-trigger > .indicator span svg { width: 11px; height: 11px; margin: 1px 0 0 4px; } .search .search-utility .search-filter-container .filter-trigger > .indicator span.active { display: block; } .search .search-utility .utility-sort { float: right; } .search .search-utility .utility-sort label { float: left; font-size: 13px; margin-top: 7px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%; } .search .search-utility .utility-sort .styled-select { width: 158px; float: left; font-size: 12px; height: 30px; margin: 0 0 0 7px; } .search .search-utility .utility-view-col { padding: 0; width: auto; margin-left: 3px; margin-right: 4px; } .search .search-utility .utility-view-col .utility-view { margin-top: 7px; width: 58px; } .search .search-utility .utility-view-col .utility-view .view-list-trigger { right: -7px; } .search .search-ad { float: left; text-align: left; position: relative; } .search .search-ad img { width: 300px; height: 250px; } .search .search-ad:nth-child(odd) + li { clear: both; } .search .search-results-cont.view-grid { max-width: none; padding-bottom: 10px !important; } .search .search-results-cont.view-grid ul.list-items { margin-right: -20px; } .search .search-results-cont.view-grid .search-ad { background-color: #f5f8f9; width: 447px; height: 285px; top: -15px; text-align: center; margin: 0 23px 0 0; padding: 15px; } .search .search-results-cont.view-list { padding-bottom: 0px !important; } .search .search-results-cont.view-list ul.list-items { margin-left: -20px; } .search .search-results-cont.view-list .search-ad { clear: none; position: absolute !important; top: 15px; right: 0; width: 300px; padding: 0; } .search .search-results-cont.view-list .search-ad:nth-of-type(2n) { top: 300px; } .search .search-results-cont.view-list .search-ad .divider.dotted { display: none; } .search .search-results-cont.view-list .search-left-col { padding: 0; margin: 0; float: left; } .search .card.deals .deal-icon svg { width: 16px; height: 16px; } .search .card.with-upc .inner-card { min-height: 284px !important; } .search .recipes-by-email .divider.slitshadow { margin-bottom: 25px !important; } .search .recipes-by-email .title, .search .recipes-by-email .form { max-width: 315px; margin-left: auto; margin-right: auto; } .search .no-results-found-wrapper { margin: 40px 0 50px 0; } .search .no-results-found-wrapper .no-results h2 { font-size: 30px; font-weight: normal; } .search .no-results-found-wrapper .no-results p { font-size: 20px; } .search .no-results-found-wrapper .no-results ul li { font-size: 18px; } .search.video-tips .search-results-cont.view-list ul.list-items { width: 580px; margin-top: 15px; } .search.video-tips .search-results-cont.view-list ul.list-items li.search-ad { border-bottom: 0; } .search .show-more-items { margin-bottom: 0; }
}
.lt-ie11 .search-utility .search-filter-container .filter-trigger > .indicator { padding-top: 4px;
}
.search-utility { margin: 20px 0 0;
}
.search-utility .divider { display: none;
}
.search-utility .search-filter-container { position: relative; width: 100%; cursor: pointer; margin-bottom: 10px;
}
.search-utility .search-filter-container .applied-filters { width: 100%; padding-top: 12px;
}
.search-utility .search-filter-container .applied-filters .clear-all-applied { display: block; margin: 10px 0 0 0; text-align: center; font-size: 14px; padding: 0 10px; height: 22px; line-height: 22px;
}
.search-utility .search-filter-container .filter-trigger { width: 100%; padding: 4px 8px; border: 1px solid #a9a9a9; background-color: #ffffff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: left; height: 30px; display: inline-block; z-index: 11; color: #555555; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%;
}
.search-utility .search-filter-container .filter-trigger:focus,
.search-utility .search-filter-container .filter-trigger:active { outline: 0;
}
.search-utility .search-filter-container .filter-trigger:hover { text-decoration: none;
}
.search-utility .search-filter-container .filter-trigger > .indicator { background-color: transparent; width: 15px; height: 15px; position: absolute; top: 0; right: 4px; padding: 8px 21px 0 0; z-index: 1;
}
.search-utility .search-filter-container .filter-trigger > .indicator span { display: none;
}
.search-utility .search-filter-container .filter-trigger > .indicator span svg { width: 15px; height: 15px; margin: 0 0 0 4px; vertical-align: inherit; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
.search-utility .search-filter-container .filter-trigger > .indicator span svg path { fill: #00aeff;
}
.search-utility .search-filter-container .filter-trigger > .indicator span.active { display: block;
}
.search-utility .search-filter-container .filter-trigger > .indicator span.minus svg { -moz-transform: rotate(0); -webkit-transform: rotate(0); -o-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);
}
.search-utility .utility-view-col { float: right; padding: 5px 0 10px 0; width: 100%; min-height: 25px;
}
.search-utility .utility-view-col h2 { margin: 0; font-size: 17px; line-height: 17px;
}
.search-utility .utility-view-col .utility-view { margin-top: -10px;
}
.search-utility .utility-view-col .utility-view .view-list-trigger { right: -1px;
}
@media (min-width: 768px) { .search-utility .divider { display: block; } .search-utility .search-filter-container { position: relative; width: 100%; cursor: pointer; margin-bottom: 0; } .search-utility .search-filter-container > .applied-filters { float: right; width: 425px; } .search-utility .search-filter-container > .applied-filters .tag-fragment { font-size: 12px; line-height: 22px; } .search-utility .search-filter-container .filter-exclude-container .tag-container { width: 515px; } .search-utility .search-filter-container .applied-filters { padding-top: 0; } .search-utility .search-filter-container .applied-filters .clear-all-applied { display: inline-block; margin: 0 0 0 10px; text-align: left; border-left: 1px solid #a9a9a9; } .search-utility .search-filter-container .filter-trigger { width: 175px; position: relative; padding: 7px 8px 0 8px; border: 1px solid #a9a9a9; background-color: #ffffff; text-align: left; border-radius: 6px; font-size: 13px; } .search-utility .search-filter-container .filter-trigger:focus, .search-utility .search-filter-container .filter-trigger:active { outline: 0; } .search-utility .search-filter-container .filter-trigger > .indicator { width: 11px; height: 11px; position: absolute; top: 0; right: 4px; z-index: 10; } .search-utility .search-filter-container .filter-trigger > .indicator span { display: none; } .search-utility .search-filter-container .filter-trigger > .indicator span svg { width: 11px; height: 11px; margin: 1px 0 0 4px; } .search-utility .search-filter-container .filter-trigger > .indicator span.active { display: block; } .search-utility .utility-sort { float: right; } .search-utility .utility-sort label { float: left; font-size: 13px; margin-top: 7px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%; } .search-utility .utility-sort .styled-select { width: 140px; float: left; font-size: 12px; height: 30px; margin: 0 0 0 15px; } .search-utility .utility-sort .styled-select select { padding-left: 4px; } .search-utility .utility-view-col { padding: 0; width: auto; margin-left: 5px; margin-right: 4px; } .search-utility .utility-view-col .utility-view { margin-top: 7px; width: 58px; } .search-utility .utility-view-col .utility-view .view-list-trigger { right: -7px; }
}
#desktop-filter-container { display: none;
}
#mobile-filter-container { display: none; position: fixed; bottom: 0; z-index: 9999999; background: #ffffff; width: 100%; height: 0; overflow-y: scroll;
}
.filter-contents-container h4 { position: relative; font-weight: 600; font-family: 'Source Sans Pro', sans-serif; background-color: #ffffff; padding: 0 8px; margin: 0; color: #555555;
}
.filter-contents-container h4 a { color: #555555; text-decoration: none; display: block; cursor: default; font-weight: 600; font-size: 12px; padding-top: 12px; padding-bottom: 12px;
}
.filter-contents-container h4 a:hover { text-decoration: none; color: #555555;
}
.filter-contents-container h4 .arrow { position: absolute; top: 12px; right: 15px;
}
.filter-contents-container h4 .arrow svg { -moz-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); cursor: pointer; width: 15px; height: 15px;
}
.filter-contents-container h4 .arrow svg path { fill: #555555;
}
.filter-contents-container h4.accordion-active { background-color: #0497ac; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
}
.filter-contents-container h4.accordion-active a { color: #ffffff;
}
.filter-contents-container h4.accordion-active .arrow svg { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
.filter-contents-container h4.accordion-active .arrow svg path { fill: #ffffff;
}
.filter-contents-container select,
.filter-contents-container option { width: 100%; font-size: 13px;
}
.filter-contents-container .desktop-selects { display: none;
}
.filter-contents-container .styled-select { width: inherit;
}
.filter-contents-container .filter-top-nav-container { text-align: center; padding-top: 20px;
}
.filter-contents-container .filter-top-nav-container .primary,
.filter-contents-container .filter-top-nav-container .secondary { width: 45%; display: block; float: left;
}
.filter-contents-container .filter-top-nav-container .primary { float: right;
}
.filter-contents-container .filter-top-nav-container .clear { padding: 15px; display: block;
}
.filter-contents-container .utility-sort,
.filter-contents-container .mobile-selects { clear: both;
}
.filter-contents-container .utility-sort label,
.filter-contents-container .mobile-selects label { float: left; font-size: 12px; width: 70px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: block; position: relative; top: 15px; padding-right: 5px;
}
.filter-contents-container .divider.dotted { margin-top: 10px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(20%, #a9a9a9), color-stop(40%, rgba(169, 169, 169, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 20%, rgba(169, 169, 169, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 top; background-size: 5px 1px; background-repeat: repeat-x;
}
.filter-contents-container .mobile-filter-padding { margin: 0 15px;
}
.filter-contents-container .mobile-base { margin-bottom: 20px;
}
.filter-contents-container .filter-contents .filter-column-wrapper { padding-bottom: 5px;
}
.filter-contents-container .filter-contents .filter-column-wrapper .mobile-filter-padding { margin: 0 5px;
}
.filter-contents-container .filter-contents .filter-column-shadow { -webkit-box-shadow: inset 0 -5px 9px -5px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 -5px 9px -5px rgba(0, 0, 0, 0.4); box-shadow: inset 0 -5px 9px -5px rgba(0, 0, 0, 0.4); padding-bottom: 6px;
}
.filter-contents-container .filter-contents .filter-column-border { border-bottom: 1px solid #cccccc;
}
.filter-contents-container .filter-contents .checkbox-wrapper { margin: 10px 10px 7px 10px;
}
.filter-contents-container .filter-contents .checkbox-wrapper label { font-size: 14px; width: 100%; display: inline-block; position: relative; padding-left: 25px;
}
.filter-contents-container .filter-contents .checkbox-wrapper label .checked,
.filter-contents-container .filter-contents .checkbox-wrapper label .unchecked { position: absolute; left: 0;
}
.filter-contents-container .filter-contents .checkbox-wrapper label .checked svg path { fill: #0497ac;
}
.filter-contents-container .filter-contents .filter-column ul { list-style-type: none; margin: 0;
}
.filter-contents-container .filter-contents .filter-column ul li { border-bottom: 1px solid #cccccc;
}
.filter-contents-container .filter-contents .filter-column ul:last-child li:last-child { border-bottom: none;
}
.filter-contents-container .filter-contents .filter-column .filter-column-secondary { display: block;
}
.filter-contents-container .popover.excludePredictions .popover-content { min-height: 0 !important; font-size: 14px;
}
.filter-contents-container .popover.excludePredictions .popover-content a { display: block; padding: 3px 0;
}
.filter-contents-container .popover.excludePredictions .divider { display: none !important;
}
.filter-contents-container .filter-exclude-container { display: table; width: 100%; margin: 0; padding: 20px 15px; position: relative;
}
.filter-contents-container .filter-exclude-container .add-exclusion-submit { background: none repeat scroll 0 0 transparent; border: medium none; border-spacing: 0; font-weight: normal; list-style: none outside none; margin: 0; padding: 0; text-decoration: none; text-indent: 0; outline: 0; position: absolute; right: 15px; top: 20px; z-index: 1; cursor: pointer; height: 30px; width: 30px; background: #00aeff; color: #ffffff; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; font-size: 37px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; line-height: 30px; font-weight: 300;
}
.filter-contents-container .filter-exclude-container h4 { display: table-cell; width: 70px; padding: 0; font-size: 12px; vertical-align: top;
}
.filter-contents-container .filter-exclude-container input[type=text] { width: 100%; display: table-cell; height: 30px; margin: 0; padding-right: 30px;
}
.filter-contents-container .filter-exclude-container .tag-container { margin-top: 10px; clear: both;
}
@media (min-width: 768px) { .search-filter-container .popover-notch { background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACUAAAAPCAYAAABjqQZTAAADgmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOkY5N0YxMTc0MDcyMDY4MTE4MDgzRUI4M0M2MkJEN0MxIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI2RTEwMzcwOUExQzExRTQ5MzZDQzBGOUEzNDk2NkRDIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI2RTEwMzZGOUExQzExRTQ5MzZDQzBGOUEzNDk2NkRDIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Nzk5NjgyNWUtNTk0Zi00MzdiLWE1NmEtYWU0Zjc1ZTYwNTU5IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OTFmZTMzYzAtZTE2ZS0xMTc3LTg2MmItY2MyZjU4ZThiZTM0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+IZIrGwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAG1SURBVEjHvZU9S8NQFIZj7bfRWD9QBLWjuHcR1M1RsD+hOIkQt45m6mT/huDiUAh0sKPtHygEDUUhQ+jWoUnIR3s9t5xgGrTNbbUvvJDenMt9c56TlOPYtYSOgZfRcbT/OxaoYxchJLJDYWiIBDgVcBLX4sFwLGeMzmEI4wfyw6TBWfAKmEfT6wwGTMwajCWQ350UHkxDCOVy+cAwjOd+v/9YKpX26Brey2Dn4kGcc4cK4fJR0W6sgTcajcaF53kfBOU4znu9Xj+l97AmO0vXouJKBrqzzvP8tqZp98Ph0CEhwZrZ6XREqNuitbgnzRIsKi76xKu0A5IkHQGqFzJFvV7vqVgsHsKeHO6NjHMarjTionOy2Ww2rwCXTiLKtm21Vquds+KMhCufz+/quv4AtR5hFMWpquodC86fAo3hqlQqx6ZpvpI5xYKT+6VDo0CtVuuSBdc0wdv5Jsvy2aRgfqjwDPGCIOS63a4EBS75Y1Gc8ObeTkLJhbqUrVar+5ZlyeSfRT+2oiju4KiEMX7PkqIoJ4PB4JMsSK7rKu12u4BzPBZqhA7+Km6gziKLFxxtXAdDfQGJWny0QLXI7gAAAABJRU5ErkJggg==") no-repeat top left; width: 40px; height: 16px; position: absolute; z-index: 2000; left: 70px; top: 21px; display: none; z-index: 102; } .search-filter-container .shadow-mask-white { display: none; height: 7px; width: 600px; z-index: 1060; position: absolute; top: 34px; z-index: 102; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 60%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(60%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 60%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, #ffffff 0%, #ffffff 60%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 60%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, #ffffff 0%, #ffffff 60%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=1); } .search-filter-container .popover:not(.excludePredictions) { max-width: none; width: 920px; border-radius: 0; box-shadow: 0 1px 8px 1px rgba(0, 0, 0, 0.2), 0 12px 20px 0 rgba(0, 0, 0, 0.15); border: none; left: 0 !important; z-index: 101; } .search-filter-container .popover:not(.excludePredictions) > .arrow { display: none; } .search-filter-container .popover:not(.excludePredictions) .popover-content { min-height: 350px; } .search-filter-container .filter-contents-container h4 { font-size: 16px; margin-bottom: 2px; padding: 0; } .search-filter-container .filter-contents-container h4 a { font-size: 16px; padding-bottom: 0; font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; } .search-filter-container .filter-contents-container h4 .arrow { display: none; } .search-filter-container .filter-contents-container .mobile-selects { display: none; } .search-filter-container .filter-contents-container .filter-top-nav-container { position: absolute; bottom: 25px; right: 25px; } .search-filter-container .filter-contents-container .filter-top-nav-container .button { min-width: inherit; width: 115px; display: inline-block; margin-right: 30px; float: none; } .search-filter-container .filter-contents-container .filter-top-nav-container .clear { display: inline-block; padding: 0; margin: 0 15px 0 5px; font-size: 14px; } .search-filter-container .filter-contents-container .divider.dotted { margin-top: 2px; margin-bottom: 6px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; } .search-filter-container .filter-contents-container .mobile-filter-padding { margin: 0; } .search-filter-container .filter-contents-container .filter-contents .filter-column-wrapper { vertical-align: top; display: inline-block; } .search-filter-container .filter-contents-container .filter-contents .filter-column-shadow { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .search-filter-container .filter-contents-container .filter-contents .filter-column-border { border-bottom: none; } .search-filter-container .filter-contents-container .filter-contents .checkbox-wrapper { margin: 4px 0 4px 0; } .search-filter-container .filter-contents-container .filter-contents .checkbox-wrapper label { font-size: 14px; } .search-filter-container .filter-contents-container .filter-contents .filter-column { vertical-align: top; display: inline-block; width: 155px; margin-right: 15px; } .search-filter-container .filter-contents-container .filter-contents .filter-column ul li { border-bottom: none; } .search-filter-container .filter-contents-container .filter-contents .filter-column .filter-column-secondary { display: none; } .search-filter-container .filter-contents-container .filter-contents .show-more-items { padding-left: 0; margin-top: 0; text-align: left; font-size: 14px; font-weight: normal; line-height: inherit; } .search-filter-container .filter-contents-container .filter-contents .show-more-items svg { height: 11px; margin-left: 6px; } .search-filter-container .filter-contents-container .filter-contents .show-more-items.expanded svg { -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .search-filter-container .filter-contents-container .filter-exclude-container { width: 520px; float: left; display: block; padding-bottom: 25px; padding-left: 5px; padding-top: 35px; } .search-filter-container .filter-contents-container .filter-exclude-container .add-exclusion-submit { display: none; } .search-filter-container .filter-contents-container .filter-exclude-container .tag-container .tag-fragment { font-size: 12px; line-height: 22px; } .search-filter-container .filter-contents-container .filter-exclude-container h4 { float: none; width: auto; margin-bottom: 5px; display: block; font-size: 16px; font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; padding-right: 5px; } .search-filter-container .filter-contents-container .filter-exclude-container input[type=text] { width: 290px; height: 35px; font-size: 14px; }
}
.global-error section { padding: 50px 0; text-align: center;
}
.global-error h1 { font-size: 1.4em; font-weight: normal; letter-spacing: 0; line-height: 1.13em; margin: 22px auto 27px; width: 210px;
}
.global-error p { font-size: 17px; width: 260px; margin-left: auto; margin-right: auto;
}
.kraft-logo-error-page { display: inline-block; padding: 10px; line-height: 0;
}
.kraft-logo-error-page svg { height: 46px; width: 120px;
}
.kraft-logo-error-page svg path.st1 { fill: #ffffff;
}
.kraft-logo-error-page svg path.st0 { fill: #fd2840;
}
.kraft-logo-error-page svg path.st2 { fill: #003366;
}
.comidakraft .global-error .kraft-logo-error-page { position: static; margin: -15px 0 20px 0;
}
.comidakraft .global-error .kraft-logo-error-page:before { content: "comidakraft.com"; position: absolute; top: 0; width: 100%; font-size: 25px; color: #0257a4; letter-spacing: -0.1px; font-family: Helvetica; display: block; left: 0; margin-top: 110px;
}
@media (min-width: 768px) { .global-error section { padding: 180px 0; } .global-error h1 { line-height: 1.1em; margin: 6px auto 27px; font-weight: bold; display: block; width: 473px; font-size: 2em; } .global-error p { width: auto; } .kraft-logo-error-page svg { width: 156px; height: 60px; } .comidakraft .global-error .kraft-logo-error-page { position: static; margin: -15px 0 50px 0; } .comidakraft .global-error .kraft-logo-error-page:before { content: "comidakraft.com"; position: absolute; width: 100%; font-size: 42px; color: #0257a4; letter-spacing: -0.1px; font-family: Helvetica; display: block; left: 0; margin-top: 261px; }
}
.not-found .not-found-hero { padding-bottom: 60px; position: relative; overflow: hidden;
}
.not-found .not-found-hero .message { position: absolute; bottom: 146px; left: 10px;
}
.not-found .not-found-hero .message h1 { font-size: 15px; width: 41vw;
}
.not-found .not-found-hero p { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; font-size: 14px; color: #555555; position: absolute; bottom: 7px; left: 0; width: 100%; text-align: center;
}
.not-found .not-found-hero img { height: 225px; float: right; margin-right: -20px;
}
.not-found .not-found-hero .scallop { clear: both;
}
.not-found .not-found-hero .scallop.top .border { margin-top: -10px;
}
.not-found .recipes-by-email { padding-bottom: 20px;
}
@media (min-width: 768px) { .not-found .not-found-hero { padding-bottom: 0; } .not-found .not-found-hero img { height: 370px; } .not-found .not-found-hero .message { bottom: 140px; left: 40px; } .not-found .not-found-hero .message h1 { font-size: 29px; width: auto; } .not-found .not-found-hero .message h1 .spacer { width: 74px; height: 1em; display: block; float: left; } .not-found .not-found-hero .slitshadow { margin: 14px 0 0 5px; width: 100%; } .not-found .not-found-hero p { font-size: 20px; font-weight: bold; color: #003366; top: 241px; left: 71px; text-align: left; width: auto; bottom: auto; } .not-found .not-found-hero .fade-up { width: 100%; position: absolute; height: 67px; bottom: 0px; background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 9%, #ffffff 79%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(9%, rgba(255, 255, 255, 0)), color-stop(79%, #ffffff), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 9%, #ffffff 79%, #ffffff 100%); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 9%, #ffffff 79%, #ffffff 100%); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 9%, #ffffff 79%, #ffffff 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 9%, #ffffff 79%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); } .not-found .recipes-by-email { padding-bottom: 0px; } .not-found .recipes-by-email .divider.slitshadow { margin-bottom: 25px !important; } .not-found .recipes-by-email .title, .not-found .recipes-by-email .form { max-width: 315px; margin-left: auto; margin-right: auto; } .not-found .four-tile-grid { width: auto; padding-left: 20px; padding-top: 10px; }
}
.accountPage { background-color: #ffffff;
}
.accountPage .facebook-connect-wrapper { clear: both; margin-top: 30px;
}
.accountPage .facebook-connect-wrapper button { display: block; border: 0; width: 100%; min-width: 0; margin-bottom: 12px;
}
.accountPage .facebook-connect-wrapper button.facebook { background: #4e6bad; padding: 0;
}
.accountPage .facebook-connect-wrapper button.facebook .col-xs-1 { width: 12%; padding: 12px 10px; border-right: 1px solid #a7b5d6; min-height: 43px;
}
.accountPage .facebook-connect-wrapper button.facebook .col-xs-11 { width: 88%; padding: 12px 10px;
}
.accountPage .facebook-connect-wrapper button.facebook svg { width: 9px; height: 16px; vertical-align: -10%; margin-right: 0;
}
.accountPage .facebook-connect-wrapper button.facebook svg path { fill: #ffffff;
}
.accountPage .facebook-connect-wrapper button .col-xs-1 { border-right: none !important;
}
.accountPage .facebook-connect-wrapper p { padding-top: 5px; font-size: 14px;
}
.accountPage .main-left-col { padding: 15px 0 15px 0;
}
.accountPage h1 { text-align: center;
}
.accountPage h3 { margin: 20px 0 0 0;
}
.accountPage h2 { font-size: 22px;
}
.accountPage a.edit { font-size: 14px; margin: 12px 0 0 0;
}
.accountPage .dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMCUiIHN0b3AtY29sb3I9IiM1NTU1NTUiLz48c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(20%, #555555), color-stop(40%, rgba(85, 85, 85, 0.2)), color-stop(40%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 20%, rgba(85, 85, 85, 0.2) 40%, rgba(0, 0, 0, 0) 40%); background-position: 0 bottom; background-size: 5px 2px; background-repeat: repeat-x;
}
.accountPage .picture { position: relative; padding-bottom: 10px;
}
.accountPage .picture .frame { width: 150px; height: 150px; -moz-border-radius: 100px; -webkit-border-radius: 100px; border-radius: 100px; margin: 13px auto; position: relative; overflow: hidden;
}
.accountPage .picture .frame img
{ height: 100%; width: 100%; }
.accountPage .divider.dotted { clear: both; margin-bottom: 20px;
}
.accountPage .account-info p { font-size: 16px; margin-bottom: 3px;
}
.accountPage .account-info p.phone { margin-top: 15px; margin-bottom: 20px;
}
.accountPage .account-info p.phone svg { width: 9px; height: 12px; vertical-align: -10%; margin-right: 5px;
}
.accountPage .account-info p.phone svg path { fill: #555555;
}
.accountPage .subscriptions { margin: 20px 0 0 0;
}
.accountPage .subscriptions .title { margin-top: 20px; font-weight: bold; font-size: 14px;
}
.accountPage .subscriptions .desc { font-weight: normal;
}
.accountPage .subscriptions .desc .subtitle { font-weight: bold; font-size: 18px; display: block;
}
.accountPage .subscriptions .mailings { margin-bottom: 10px;
}
@media (min-width: 768px) { .accountPage .facebook-connect-wrapper { margin-top: 0px; } .accountPage .facebook-connect-wrapper button { float: left; margin-right: 25px; display: inline-block; width: auto; } .accountPage .main-left-col { padding: 8px 20px 27px 20px; } .accountPage h1 { text-align: left; } .accountPage h2, .accountPage h3 { margin: 0; } .accountPage .account-info { padding-top: 10px; } .accountPage .account-info p { font-size: 14px; } .accountPage .account-info:first-of-type { margin-top: 35px; } .accountPage a.edit { font-size: 14px; line-height: 32px; } .accountPage a.edit.text { margin: 0; text-align: right; } .accountPage aside { padding-top: 0; } .accountPage .picture { margin-bottom: 35px; } .accountPage .picture .frame { width: 164px; height: 164px; -moz-border-radius: 820px; -webkit-border-radius: 820px; border-radius: 820px; margin: 11px 0 0 3px; } .accountPage .picture .frame img
{ height: 100%; width: 100%; } .accountPage .subscriptions .title { font-weight: bold; font-size: 16px; margin-bottom: 0; } .accountPage .subscriptions .desc { margin-bottom: 10px; font-weight: normal; font-size: 14px; } .accountPage .subscriptions .desc .subtitle { display: inline-block; font-weight: normal; font-size: 14px; } .accountPage .subscriptions .desc .subtitle:after { content: ". "; } .accountPage .subscriptions .mailings { margin: 3px 0; }
}
.password-reset .error { margin-top: 0;
}
.accountPage.edit { font-size: 14px;
}
.accountPage.edit h2 { margin-top: 25px; margin-bottom: 5px;
}
.accountPage.edit p,
.accountPage.edit label { font-size: 14px;
}
.accountPage.edit h3.section-title { margin: 21px 0 5px 0px;
}
.accountPage.edit .styled-select { width: 100%;
}
.accountPage.edit .side-hint { padding: 23px 0 0 15px; line-height: 115%;
}
.accountPage.edit .remember-me-wrapper { margin: 10px 0 0 3px; font-size: 13px;
}
.accountPage.edit .remember-me-wrapper label { font-size: 13px; display: block; padding-left: 30px; float: none !important;
}
.accountPage.edit .remember-me-wrapper label span { font-weight: 600;
}
.accountPage.edit .remember-me-wrapper .unchecked,
.accountPage.edit .remember-me-wrapper .checked { margin-left: -30px;
}
.accountPage.edit .remember-me-wrapper .unchecked { margin-right: 8px;
}
.accountPage.edit .remember-me-wrapper .checked { margin-right: 6px;
}
.accountPage.edit .remember-me-wrapper a { margin-left: 30px; display: block; margin-top: 15px; float: left;
}
.accountPage.edit .button.primary { margin: 13px auto 12px; border: 0; position: relative;
}
.accountPage.edit .radio-wrapper { margin: 0 0 15px; clear: both;
}
.accountPage.edit .newsletter-item.mb10 { margin-bottom: 10px;
}
.accountPage.edit .newsletter-item .checkbox-wrapper { display: block; margin-bottom: 10px;
}
.accountPage.edit .newsletter-item .checkbox-wrapper .description { padding-left: 25px;
}
.accountPage.edit .newsletter-item .checkbox-wrapper label .checked { margin-right: 0;
}
.accountPage.edit .newsletter-item .newsletter-item-mtd-days-wrapper { display: none; margin-left: 25px; margin-bottom: 15px;
}
.accountPage.edit .newsletter-item .newsletter-item-mtd-days-wrapper .which-days { margin-top: 10px; margin-bottom: 5px;
}
.accountPage.edit .newsletter-item .newsletter-item-mtd-days-wrapper ul { margin: 0;
}
.accountPage.edit .newsletter-item .newsletter-item-mtd-days-wrapper .checkbox-wrapper { float: left; width: 50%; margin: 8px 0;
}
.accountPage.edit .newsletter-item .newsletter-item-mtd-days-wrapper .checkbox-wrapper label { font-weight: normal;
}
.accountPage.edit .newsletter-item .newsletter-item-mtd-days-wrapper .checkbox-wrapper:nth-of-type(2n + 1) { clear: both;
}
.accountPage.edit .newsletter-item .newsletter-club-movil-wrapper { padding-left: 25px;
}
.accountPage.edit .account-info { padding-top: 0px;
}
.accountPage.edit .account-info p.text { margin: 5px 0 0;
}
.accountPage.edit .account-info p.req-field { margin: 10px 0 10px 0; font-weight: normal; font-weight: bold;
}
.accountPage.edit .account-info label.floated { float: left;
}
.accountPage.edit .account-info .tip { float: left; margin-left: 4px; vertical-align: -10%;
}
.accountPage.edit .account-info .tip svg { width: 17px; height: 17px;
}
.file-upload { margin: 15px 0;
}
.file-upload > p { text-align: center;
}
.file-upload input[type=file] { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: right; filter: alpha(opacity=0); opacity: 0; outline: none; background: white; cursor: inherit; overflow: hidden;
}
.file-upload .file-list { line-height: 43px; text-align: center; display: block; margin-bottom: -5px;
}
@media (min-width: 768px) { .accountPage.edit h2 { margin-top: 0; } .accountPage.edit .remember-me-wrapper { font-size: 12px; } .accountPage.edit .remember-me-wrapper label { font-size: 12px; } .accountPage.edit .remember-me-wrapper label span { font-weight: 400; } .accountPage.edit .remember-me-wrapper .unchecked { margin-right: 15px; } .accountPage.edit .remember-me-wrapper .checked { margin-right: 13px; } .accountPage.edit .remember-me-wrapper a { display: inline; margin-top: 0; margin-left: 37px; float: none; } .accountPage.edit .button.primary { margin: 20px 10px 16px 0; width: 150px; border: 0; } .accountPage.edit .radio-wrapper { margin: 0 0 15px; } .accountPage.edit .newsletter-item.mb10 { margin-bottom: 0; } .accountPage.edit .newsletter-item .checkbox-wrapper .description { display: inline-block; width: 90%; padding-left: 3px; } .accountPage.edit .newsletter-item .newsletter-item-mtd-days-wrapper .checkbox-wrapper { width: 25%; } .accountPage.edit .newsletter-item .newsletter-item-mtd-days-wrapper .checkbox-wrapper:nth-of-type(2n + 1) { clear: none; } .accountPage.edit .newsletter-item .newsletter-item-mtd-days-wrapper .checkbox-wrapper:nth-of-type(4n + 1) { clear: both; } .accountPage.edit .account-info { padding-top: 20px; } .accountPage.edit .account-info p.text { margin: -15px 0 15px; } .accountPage.edit .account-info p.req-field { margin: 15px 0 0px 0; font-weight: normal; } .accountPage.edit .account-info:first-of-type { margin-top: 0px; } .accountPage.edit .file-upload > p { text-align: left; } .accountPage.edit .file-upload > p strong { font-size: 16px; } .accountPage.edit .file-upload .file-list { line-height: normal; text-align: left; }
}
.account-list { margin: 15px 10px 20px 10px;
}
.account-list ul,
.account-list ol { list-style-type: none; display: block; float: left; width: 100%; margin: 0;
}
.account-list ul li,
.account-list ol li { border-bottom: 1px solid #e3e3e3; margin: 0; padding: 8px 3px 8px 16px; color: #000;
}
.account-list ul li:last-child,
.account-list ol li:last-child { border-bottom: none;
}
.account-list ul li span.arrow,
.account-list ol li span.arrow { float: right; display: inline;
}
.account-list ul li .view-all-link.forward svg,
.account-list ol li .view-all-link.forward svg { margin-left: 0; margin-top: 5px;
}
.account-list ul li .circle-container,
.account-list ol li .circle-container { width: 17px; height: 17px; -webkit-border-radius: 8.5px; -moz-border-radius: 8.5px; border-radius: 8.5px; display: block; background-color: #555555; float: left; margin: 5px 9px 0 0; color: #ffffff; text-align: center; line-height: 17px;
}
.account-list ul li .store,
.account-list ol li .store { padding-left: 25px; color: #555555; padding-top: 3px;
}
.account-list ul li .store a.txt,
.account-list ol li .store a.txt { font-size: 14px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; line-height: 125%; margin: 2px 2px 2px 0;
}
.account-list ul li .name,
.account-list ol li .name { font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%; font-size: 15px; display: block;
}
.account-list ul li .address,
.account-list ol li .address { color: #555555; font-size: 15px;
}
.account-list ul.mystores,
.account-list ol.mystores { margin-left: 0; padding-right: 0; list-style-type: none;
}
.account-list ul.mystores li,
.account-list ol.mystores li { position: relative; counter-increment: step-counter; border-bottom: none; font-size: 14px; width: auto; left: -10px; margin: 0 0px 5px 20px; padding: 0 0 8px 0;
}
.account-list ul.mystores li:first-child,
.account-list ol.mystores li:first-child { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyNSUiIHN0b3AtY29sb3I9IiNhOWE5YTkiLz48c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSI1MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(25%, #a9a9a9), color-stop(50%, rgba(169, 169, 169, 0.2)), color-stop(50%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 25%, rgba(169, 169, 169, 0.2) 50%, rgba(0, 0, 0, 0) 50%); background-position: 0 bottom; background-size: 4px 1px; background-repeat: repeat-x;
}
.account-list ul.mystores li:before,
.account-list ol.mystores li:before { content: counter(step-counter); color: white; position: absolute; background: #555555; border-radius: 50%; height: 17px; display: inline-block; width: 17px; line-height: 17px; text-align: center; top: 6px; left: 0; font-size: 11px;
}
.account-list ul.mystores li:last-child:before,
.account-list ol.mystores li:last-child:before { content: ''; display: none;
}
.account-list ul.mystores li .city,
.account-list ol.mystores li .city { display: inline-block; text-transform: lowercase;
}
.account-list ul.mystores li .city:first-letter,
.account-list ol.mystores li .city:first-letter { text-transform: uppercase;
}
.account-list .back-to-list { margin: 10px 0;
}
.account-list .inner-card { min-height: 110px; margin: 0;
}
.account-list .myaccount,
.account-list .myaccount:hover { color: #0497ac;
}
.account-list .myaccount svg { fill: #0497ac; width: 14px; height: 14px; margin: 0 10px 0 4px; position: relative; top: 1px;
}
.account-list .recipebox svg,
.account-list .shoppinglist svg { fill: #00aeff; width: 14px; height: 14px; margin: 0 10px 0 4px; position: relative; top: 1px;
}
.account-list .view-all-link .circle-container { margin-top: 0; background-color: #00aeff;
}
@media (min-width: 768px) { .account-list { margin: 0 0 30px 0; } .account-list ul, .account-list ol { margin: 0px; } .account-list ul .mystores li, .account-list ol .mystores li { margin: 0; padding: 8px 3px 8px 16px; } .account-list ul li, .account-list ol li { margin: 0 15px; padding: 8px 3px 8px 0px; } .account-list ul li span.arrow, .account-list ol li span.arrow { float: right; display: none; } .account-list ul li .store a.txt, .account-list ol li .store a.txt { font-size: 14px; margin: 2px 2px 2px 0; } .account-list ul li .name, .account-list ol li .name { font-family: 'Source Sans Pro', sans-serif; font-weight: 700; line-height: 125%; font-size: 16px; display: block; } .account-list ul li .address, .account-list ol li .address { color: #555555; font-size: 14px; } .account-list .inner-card { margin: 0; padding-bottom: 5px; } .account-list .back-to-list { margin: 20px 25px 0 17px; } .account-list .myaccount svg { margin-left: 2px; } .account-list .recipebox svg, .account-list .shoppinglist svg { width: 17px; height: 17px; top: 3px; margin-left: 2px; }
}
.homepage-one-column { padding-top: 12px;
}
.homepage-one-column .custom-image .caption { z-index: -100 !important;
}
.homepage-one-column .custom-image .custom-image-desktop { display: none !important;
}
.homepage-one-column .fullwidth-slider .jcarousel-wrapper.double-peek ul li { background-color: #ffffff;
}
.homepage-one-column .homepage-content { padding-top: 25px;
}
.homepage-one-column ul.homepage-list-items { list-style-type: none; margin: 0;
}
.homepage-one-column ul.homepage-list-items li { float: left; position: relative; margin: 0 0 20px 0;
}
.homepage-one-column ul.homepage-list-items li:nth-child(4n+1) { clear: none;
}
.homepage-one-column ul.homepage-list-items li:first-child + li { float: right; margin-right: 0;
}
.homepage-one-column ul.homepage-list-items .card { width: 49%; height: auto; margin-right: 3px;
}
.homepage-one-column ul.homepage-list-items .card .inner-card { min-height: 130px;
}
.homepage-one-column ul.homepage-list-items .card .inner-card .card-top { height: 104px; overflow: hidden; position: relative;
}
.homepage-one-column ul.homepage-list-items .card .inner-card .card-top img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); min-height: 101% !important; min-width: 101% !important; width: auto; max-width: none;
}
.homepage-one-column ul.homepage-list-items .card .inner-card .card-top a { height: 100%;
}
.homepage-one-column ul.homepage-list-items .card .inner-card .card-bottom { height: 44px; font-size: 14px;
}
.homepage-one-column ul.homepage-list-items .card .card-details { padding: 5px; margin: 0 5px; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
.homepage-one-column ul.homepage-list-items .card:before,
.homepage-one-column ul.homepage-list-items .card:after { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.homepage-one-column ul.homepage-list-items .card .card-shadow { display: none;
}
.homepage-one-column ul.homepage-list-items .card span.video svg { position: absolute; z-index: 1; top: 50%; left: 50%; margin-left: -17px; margin-top: -17px; width: 35px; height: 35px;
}
.homepage-one-column ul.homepage-list-items .card span.video svg path.st0 { fill: #000; opacity: 0.6;
}
.homepage-one-column ul.homepage-list-items .card span.video svg path.st1 { fill: #fff;
}
.homepage-one-column ul.homepage-list-items .two-by-one-tile { width: 100%;
}
.homepage-one-column ul.homepage-list-items .two-by-one-tile:nth-child(odd) + li + li,
.homepage-one-column ul.homepage-list-items .two-by-one-tile:nth-child(odd) + li + li + li + li,
.homepage-one-column ul.homepage-list-items .two-by-one-tile:nth-child(even) + li + li,
.homepage-one-column ul.homepage-list-items .two-by-one-tile:nth-child(even) + li + li + li + li,
.homepage-one-column ul.homepage-list-items .two-by-one-tile:nth-child(even) + li + li + li + li + li + li,
.homepage-one-column ul.homepage-list-items .two-by-one-tile:nth-child(even) + li + li + li + li + li + li + li + li { margin-right: 0; float: right;
}
.homepage-one-column ul.homepage-list-items .two-by-one-tile:nth-child(odd) + li + li + li,
.homepage-one-column ul.homepage-list-items .two-by-one-tile:nth-child(even) + li + li + li,
.homepage-one-column ul.homepage-list-items .two-by-one-tile:nth-child(even) + li + li + li + li + li { clear: both;
}
.homepage-one-column ul.homepage-list-items .two-by-one-tile .caption { position: absolute; bottom: 10px; left: 10px; right: 10px; padding: 10px; background: rgba(255, 255, 255, 0.9);
}
.homepage-one-column ul.homepage-list-items .two-by-one-tile .caption h2 { margin: 0; font-size: 17px;
}
.homepage-one-column ul.homepage-list-items .two-by-one-tile .caption h2 svg { fill: #555555; margin-bottom: -2px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.homepage-one-column ul.homepage-list-items .two-by-one-tile .caption p { margin: 4px 0 0;
}
.homepage-one-column ul.homepage-list-items .two-by-one-tile a { display: block; height: 210px; overflow: hidden;
}
.homepage-one-column ul.homepage-list-items .two-by-one-tile a img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; min-height: 100% !important;
}
@media (min-width: 768px) { .homepage-one-column { padding-top: 0; } .homepage-one-column .custom-image .custom-image-mobile { display: none !important; } .homepage-one-column .custom-image .custom-image-desktop { display: block !important; } .homepage-one-column .no-top { margin-top: 20px; } .homepage-one-column .no-top .container-padding { padding: 0 0 20px 20px; } .homepage-one-column .no-top .kft-ad { margin: 0 0 0 20px; } .homepage-one-column .twothirds-slider .jcarousel-wrapper.slideshow ul { height: 250px; } .homepage-one-column .fullwidth-slider { margin-top: 0; margin-bottom: 20px; } .homepage-one-column .fullwidth-slider .jcarousel-wrapper.slideshow:not(.nested) { overflow: visible; } .homepage-one-column .fullwidth-slider .jcarousel-wrapper.slideshow:not(.nested) .jcarousel { overflow: hidden; -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); } .homepage-one-column .fullwidth-slider .jcarousel-wrapper.slideshow:not(.nested) ul { height: 360px; } .homepage-one-column .homepage-content { padding-top: 20px; } .homepage-one-column ul.homepage-list-items { padding: 0 !important; margin: 0 10px 10px 10px; } .homepage-one-column ul.homepage-list-items li { float: left !important; clear: none !important; margin-right: 10px !important; } .homepage-one-column ul.homepage-list-items .card { width: 215px; margin: 0 10px 30px 10px; } .homepage-one-column ul.homepage-list-items .card .inner-card { min-height: 178px; } .homepage-one-column ul.homepage-list-items .card .inner-card .card-top { height: 142px; } .homepage-one-column ul.homepage-list-items .card .inner-card .card-bottom { height: 36px; } .homepage-one-column ul.homepage-list-items .card span.video svg { margin-left: -32px; margin-top: -32px; width: 65px; height: 65px; } .homepage-one-column ul.homepage-list-items .card .card-details { padding: 0 5px; overflow: hidden; } .homepage-one-column ul.homepage-list-items .card .card-details > span a { line-height: 120%; } .homepage-one-column ul.homepage-list-items .card:before, .homepage-one-column ul.homepage-list-items .card:after { position: absolute; width: 50%; height: 12%; content: ""; left: 5px; bottom: 19px; max-width: 48%; max-height: 100px; -webkit-transform: rotate(-3deg) skew(-10deg, 0deg); -moz-transform: rotate(-3deg) skew(-10deg, 0deg); -ms-transform: rotate(-3deg) skew(-10deg, 0deg); -o-transform: rotate(-3deg) skew(-10deg, 0deg); transform: rotate(-3deg) skew(-10deg, 0deg); -webkit-box-shadow: 4px 20px 9px rgba(0, 0, 0, 0.35); -moz-box-shadow: 4px 20px 9px rgba(0, 0, 0, 0.35); box-shadow: 4px 20px 9px rgba(0, 0, 0, 0.35); } .safari .homepage-one-column ul.homepage-list-items .card:before, .safari .homepage-one-column ul.homepage-list-items .card:after { bottom: 21px; } .homepage-one-column ul.homepage-list-items .card:after { left: auto; right: 5px; -webkit-transform: rotate(3deg) skew(10deg, 0deg); -moz-transform: rotate(3deg) skew(10deg, 0deg); -ms-transform: rotate(3deg) skew(10deg, 0deg); -o-transform: rotate(3deg) skew(10deg, 0deg); transform: rotate(3deg) skew(10deg, 0deg); -webkit-box-shadow: -4px 20px 9px rgba(0, 0, 0, 0.35); -moz-box-shadow: -4px 20px 9px rgba(0, 0, 0, 0.35); box-shadow: -4px 20px 9px rgba(0, 0, 0, 0.35); } .homepage-one-column ul.homepage-list-items .card .card-shadow { display: block; } .homepage-one-column ul.homepage-list-items .two-by-one-tile { width: 450px; margin: 0 10px 30px 10px; } .homepage-one-column ul.homepage-list-items .two-by-one-tile a { height: 178px; } .homepage-one-column ul.homepage-list-items .two-by-one-tile img { height: 178px; width: 100%; } .homepage-one-column ul.homepage-list-items .two-by-one-tile .caption h2 { margin: 0; } .homepage-one-column ul.homepage-list-items .two-by-one-tile .caption h2 svg { fill: #555555; margin-top: 5px; height: 14px; } .homepage-one-column ul.homepage-list-items .two-by-one-tile .caption h2:hover { color: #00aeff; } .homepage-one-column ul.homepage-list-items .two-by-one-tile .caption h2:hover svg { fill: #00aeff; } .homepage-one-column ul.homepage-list-items .two-by-one-tile .caption p { margin: 4px 0 0; } .homepage-one-column .recipes-by-email { margin-bottom: 30px; } .homepage-one-column .recipes-by-email .title, .homepage-one-column .recipes-by-email .form { max-width: 315px; margin-left: auto; margin-right: auto; }
}
.fullwidth-slider .jcarousel-wrapper.double-peek.nested > ul > li { background-color: #ffffff; height: auto;
}
.homepage-two-column { padding-top: 12px;
}
.homepage-two-column .custom-image .caption { z-index: -100 !important;
}
.homepage-two-column .custom-image .custom-image-desktop { display: none !important;
}
.homepage-two-column .page-heading { padding: 0px 20px 20px; margin-top: 10px;
}
.homepage-two-column .scallop.bottom { margin-bottom: -10px; z-index: 1; margin-top: 20px;
}
.homepage-two-column h2 + .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.homepage-two-column h1 + .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.homepage-two-column .fullwidth-slider .scallop.top { margin-top: 20px; position: relative; z-index: 10;
}
.homepage-two-column .jcarousel-wrapper.double-peek.nested { margin-bottom: -15px;
}
.homepage-two-column .jcarousel-wrapper.double-peek.nested .jcarousel > ul > li { background-color: #ffffff;
}
.homepage-two-column .jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .top .desc h1,
.homepage-two-column .jcarousel-wrapper.double-peek.nested .jcarousel > ul > li .top .desc h2 { margin: 0;
}
.homepage-two-column .main-left-col { margin-top: 0; padding-top: 0; padding-bottom: 10px;
}
.homepage-two-column .main-left-col .scallop.top { margin-top: -12px;
}
.homepage-two-column .links .view-all-link .circle-container { margin-top: 0;
}
.homepage-two-column.has-hero .main-left-col { padding-top: 8px;
}
@media (min-width: 768px) { .homepage-two-column { padding-top: 0px; } .homepage-two-column .custom-image .custom-image-mobile { display: none !important; } .homepage-two-column .custom-image .custom-image-desktop { display: block !important; } .homepage-two-column .main-left-col { margin-top: 20px; padding-top: 0; padding-bottom: 0; } .homepage-two-column .page-heading { padding: 0 20px 20px; } .homepage-two-column .page-heading h2 { margin-top: 12px; margin-bottom: 5px; } .homepage-two-column .page-heading h1 { margin-top: 12px; margin-bottom: 5px; } .homepage-two-column h1{font-size: 28px; color: #555555;} .homepage-two-column .fullwidth-slider { margin-top: 0; margin-bottom: 20px; } .homepage-two-column .fullwidth-slider .jcarousel-wrapper.slideshow:not(.nested) { overflow: visible; } .homepage-two-column .fullwidth-slider .jcarousel-wrapper.slideshow:not(.nested) .jcarousel { overflow: hidden; -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); } .homepage-two-column .fullwidth-slider .jcarousel-wrapper.slideshow:not(.nested) ul { height: 360px; } .homepage-two-column .fullwidth-slider .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom.relatives.two .card:before, .homepage-two-column .fullwidth-slider .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom.relatives.two .card:after { max-width: 49%; } .homepage-two-column .fullwidth-slider .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom.relatives.three .card:before, .homepage-two-column .fullwidth-slider .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom.relatives.three .card:after { max-width: 49%; } .homepage-two-column .embedded-slider { padding: 0 20px; position: relative; margin-bottom: 60px; } .homepage-two-column .embedded-slider.has-related:before, .homepage-two-column .embedded-slider.has-related:after { position: absolute; content: ""; width: 33px; height: 40px; left: 23px; bottom: 26px; -webkit-box-shadow: 0 -3px 0 0 #ffffff, 0 -3px 0 0 #ffffff, 8px 5px 8px -7px rgba(0, 0, 0, 0.2), -8px 5px 8px -7px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 -3px 0 0 #ffffff, 0 -3px 0 0 #ffffff, 8px 5px 8px -7px rgba(0, 0, 0, 0.2), -8px 5px 8px -7px rgba(0, 0, 0, 0.2); box-shadow: 0 -3px 0 0 #ffffff, 0 -3px 0 0 #ffffff, 8px 5px 8px -7px rgba(0, 0, 0, 0.2), -8px 5px 8px -7px rgba(0, 0, 0, 0.2); transform: rotate(2deg); } .homepage-two-column .embedded-slider.has-related:after { left: auto; right: 23px; } .homepage-two-column .embedded-slider > .jcarousel-wrapper { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow .caption .inner { padding: 4px 20px; height: 50px; } .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow.nested > .jcarousel > ul { height: 390px; } .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .top { height: 250px; } .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom .card .inner-card { height: 117px; } .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom .card .card-top a { height: 80px; } .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom.relatives.two .card:before, .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom.relatives.two .card:after { max-width: 48%; } .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom.relatives.three .card:before, .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow.nested > .jcarousel > ul > li .bottom.relatives.three .card:after { max-width: 47%; } .homepage-two-column .embedded-slider > .jcarousel-wrapper.slideshow:not(.nested) ul { height: 250px; } .homepage-two-column.has-hero .main-left-col { margin-top: 0; padding-top: 0; }
}
.featured-spot { margin: 0px 0 40px;
}
.featured-spot h2 { margin-top: 15px; margin-bottom: 5px; font-size: 17.5px;
}
.featured-spot h2 svg { fill: #555555; margin-top: 5px; margin-left: 5px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.featured-spot h2 a { text-decoration: none; color: #555555;
}
.featured-spot h2 a:hover { color: #00aeff;
}
.featured-spot h2 a:hover svg { fill: #00aeff;
}
.featured-spot .image-wrapper { margin-left: -15px; margin-right: -15px;
}
.featured-spot .image-wrapper img { width: 100%;
}
.featured-spot .link-header { font-weight: bold; font-size: 14px;
}
.featured-spot .view-all-link { display: inline-block; margin: 10px 19px 0 0;
}
@media (min-width: 768px) { .featured-spot { padding: 0 20px; margin: 0 0 20px 0; } .featured-spot .dotted.divider { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(21.42857143%, #cccccc), color-stop(42.85714286%, rgba(204, 204, 204, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-top: 18px; } .featured-spot .image-wrapper { margin: 0; height: 250px; overflow: hidden; position: relative; } .featured-spot .image-wrapper img { position: relative; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .featured-spot h2 { margin-top: 10px; margin-bottom: 0px; font-size: 20px; } .featured-spot h2 svg { height: 16px; } .featured-spot h2:hover a { text-decoration: none; } .featured-spot p { margin: 3px 0; } .featured-spot .view-all-link { margin: 0 0 0 5px; font-size: 14px; } .featured-spot .view-all-link .circle-container { display: none; } .featured-spot .view-all-link:after { content: "|"; color: #555555; margin: 0 0 0 6px; display: inline-block; } .featured-spot .view-all-link:last-child:after { content: ""; }
}
.three-tiles .image-wrapper { margin: 0 0 20px; overflow: hidden; position: relative; height: 213px;
}
.three-tiles .image-wrapper img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; min-height: 100% !important;
}
.three-tiles .image-wrapper.tall { height: 362px;
}
.three-tiles .content { position: absolute; bottom: 10px; left: 10px; right: 10px; padding: 11px 15px 15px; background: rgba(255, 255, 255, 0.9);
}
.three-tiles .content h2 { margin: 0; font-weight: 500; font-size: 20px;
}
.three-tiles .content h2 a { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; color: #555555;
}
.three-tiles .content h2 svg { fill: #555555; margin-top: 5px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.three-tiles .content p { margin: 4px 0 0;
}
@media (min-width: 768px) { .three-tiles { padding: 0 20px; } .three-tiles .column { width: 279px; display: inline-block; vertical-align: top; } .three-tiles .column:first-child { margin-right: 17px; } .three-tiles .image-wrapper { margin: 0 0 20px 0; height: 186px; } .three-tiles .image-wrapper.tall { margin-right: 0; height: 392px; } .three-tiles .image-wrapper.tall img { width: auto !important; height: 100% !important; } .three-tiles .image-wrapper:last-child { margin-bottom: 0; } .three-tiles .content { padding: 7px 15px 7px 9px; } .three-tiles .content h2 { font-size: 16px; } .three-tiles .content h2 svg { height: 12px; } .three-tiles .content p { font-size: 13px; }
}
.whats-hot { max-width: 300px; margin: 0 auto 20px;
}
.whats-hot .fader { position: absolute; top: 0; left: 0; width: 100%; height: 41px; z-index: 12; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(left, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 65%, #ffffff 85%, #ffffff 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(15%, #ffffff), color-stop(35%, rgba(255, 255, 255, 0)), color-stop(65%, rgba(255, 255, 255, 0)), color-stop(85%, #ffffff), color-stop(100%, #ffffff)); background: -webkit-linear-gradient(left, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 65%, #ffffff 85%, #ffffff 100%); background: -o-linear-gradient(left, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 65%, #ffffff 85%, #ffffff 100%); background: -ms-linear-gradient(left, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 65%, #ffffff 85%, #ffffff 100%); background: linear-gradient(to right, #ffffff 0%, #ffffff 15%, rgba(255, 255, 255, 0) 35%, rgba(255, 255, 255, 0) 65%, #ffffff 85%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
}
.whats-hot .jcarousel-control-prev,
.whats-hot .jcarousel-control-next { position: absolute; top: 0px; left: 20px; z-index: 13; opacity: 1; padding: 10px 0; min-width: 50px; text-align: left; -moz-transition: opacity 500ms ease-out; -ms-transition: opacity 500ms ease-out; -o-transition: opacity 500ms ease-out; -webkit-transition: opacity 500ms ease-out; transition: opacity 500ms ease-out;
}
.whats-hot .jcarousel-control-prev.disabled,
.whats-hot .jcarousel-control-next.disabled { opacity: 0;
}
.whats-hot .title-ribbon { margin-bottom: 0;
}
.whats-hot .view-all-link .circle-container { width: 16px; height: 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;
}
.whats-hot .view-all-link .circle-container svg { height: 10px; width: 16px; margin-left: 0;
}
.whats-hot .view-all-link.forward svg { margin-left: -1px; display: block;
}
.whats-hot .jcarousel-control-next { right: 20px; left: auto; text-align: right;
}
.whats-hot .jcarousel-control-next .circle-container { float: right; margin-left: 7px; margin-right: 0;
}
.whats-hot li.card { width: 280px; margin: 0 10px;
}
.whats-hot li.card:before,
.whats-hot li.card:after { display: none;
}
.whats-hot li.card .card-shadow { display: none;
}
.whats-hot li.card .inner-card .card-title { padding: 10px 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.whats-hot li.card .inner-card .card-top a { height: 185px;
}
.whats-hot li.card .inner-card .card-top a img { min-height: 100% !important; width: auto; max-width: none; min-width: 100% !important; max-height: none;
}
.whats-hot li.card .inner-card .card-bottom .card-details { padding-bottom: 29px;
}
.whats-hot .whatshot { z-index: 11;
}
.ie .fader { filter: none;
}
@media (min-width: 768px) { .whats-hot > .card { padding-top: 20px; } .whats-hot .jcarousel-control-prev, .whats-hot .jcarousel-control-next { top: 11px; padding: 0; }
}
.homepage-one-column ul.homepage-list-items .tall-image-tile { width: 100%;
}
.homepage-one-column ul.homepage-list-items .tall-image-tile .caption { position: absolute; bottom: 10px; left: 10px; right: 10px; padding: 10px; background: rgba(255, 255, 255, 0.9);
}
.homepage-one-column ul.homepage-list-items .tall-image-tile .caption h2 { margin: 0; font-size: 17px;
}
.homepage-one-column ul.homepage-list-items .tall-image-tile .caption h2 svg { fill: #555555; margin-bottom: -2px; height: 14px; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg);
}
.homepage-one-column ul.homepage-list-items .tall-image-tile .caption p { margin: 4px 0 0;
}
.homepage-one-column ul.homepage-list-items .tall-image-tile a { display: block; height: 213px; overflow: hidden;
}
.homepage-one-column ul.homepage-list-items .tall-image-tile a img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; min-height: 100% !important;
}
@media (min-width: 768px) { .homepage-one-column ul.homepage-list-items .tall-image-tile { width: 293px; margin: 0 10px 30px 10px; } .homepage-one-column ul.homepage-list-items .tall-image-tile a { height: 393px; } .homepage-one-column ul.homepage-list-items .tall-image-tile a img { width: auto !important; } .homepage-one-column ul.homepage-list-items .tall-image-tile .caption h2 { margin: 0; } .homepage-one-column ul.homepage-list-items .tall-image-tile .caption h2 svg { fill: #555555; margin-top: 5px; height: 14px; } .homepage-one-column ul.homepage-list-items .tall-image-tile .caption h2:hover { color: #00aeff; } .homepage-one-column ul.homepage-list-items .tall-image-tile .caption h2:hover svg { fill: #00aeff; } .homepage-one-column ul.homepage-list-items .tall-image-tile .caption p { margin: 4px 0 0; }
}
.productDetail { position: relative;
}
.productDetail .no-padding { margin-right: -15px; margin-left: -15px;
}
.productDetail #gsIFrame { margin: 0 auto !important; padding: 20px 0 !important; width: 300px; height: 492px; display: block;
}
.productDetail h1 { padding: 0 15px; margin: 10px 0 0; font-size: 21px;
}
.productDetail h2 { font-size: 21px; margin: 0 0 10px 0;
}
.productDetail .social-bar a.recipe-box { display: none !important;
}
.productDetail .variances { padding-top: 8px;
}
.productDetail .variances .jcarousel img { margin: 0 auto;
}
.productDetail .variances .falloff-shadow-left,
.productDetail .variances .falloff-shadow-right { height: 80%; top: 10%;
}
.productDetail .variances ul { padding-bottom: 8px !important;
}
.productDetail .variances .tile { margin: 0;
}
.productDetail .variances .tile.active { border: 1px solid #0497ac;
}
.productDetail .variances .tile.active .tile-top a { cursor: default;
}
.productDetail .variances .tile.active .title { color: #555555; text-decoration: none; cursor: default;
}
.productDetail .variances .tile .inner-tile { padding: 4px 4px 10px; min-width: 88px;
}
.productDetail .variances .tile .inner-tile .tile-top a { width: 65px; height: 43px;
}
.productDetail .variances .tile .inner-tile .tile-bottom .title { max-width: 79px; max-height: 47px; overflow: hidden;
}
.productDetail .scallop.bottom:last-of-type .border { background-color: #f5f8f9;
}
.productDetail .product-overview .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E5YTlhOSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjYTlhOWE5Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjYTlhOWE5IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(169, 169, 169, 0.2)), color-stop(21.42857143%, #a9a9a9), color-stop(42.85714286%, rgba(169, 169, 169, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(169, 169, 169, 0.2) 0%, #a9a9a9 21.42857143%, rgba(169, 169, 169, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.productDetail .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.productDetail .deal-content { background-color: none; padding: 0; margin-bottom: 10px;
}
.productDetail .deal-content h3 { font-size: 21px; font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; font-weight: normal; margin-bottom: 0; padding: 0;
}
.productDetail .deal-content .divider { margin: 0;
}
.productDetail .deal-content .deal-wrapper { background-color: #ffffff; margin: 0;
}
.productDetail .deal-content .deal-wrapper > .card { width: auto; margin: 10px 2px 5px 2px; -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}
.productDetail .deal-content .deal-wrapper > .card .image-wrapper { margin-left: 0; padding-left: 0;
}
.productDetail .deal-content .deal-wrapper > .card:before,
.productDetail .deal-content .deal-wrapper > .card:after { display: none;
}
.productDetail .deal-content .deal-wrapper > .card .card-shadow { display: none;
}
.productDetail .deal-content .deal-wrapper > .card .inner-card { padding: 10px; min-height: 74px;
}
.productDetail .product-code { font-size: 13px;
}
.productDetail .product-code a { color: #555555; font-size: 13px; line-height: 13px; text-decoration: none;
}
.productDetail .product-code span { font-weight: normal;
}
.productDetail .floating-container .social-bar .drop-shadow { right: 26px;
}
.productDetail .read-more-wrapper { margin-bottom: 10px;
}
.productDetail .read-more-wrapper .read-more { margin-bottom: 0;
}
.productDetail .divider.slitshadow { margin: 0 auto 40px;
}
.productDetail .divider.slitshadow .falloff-shadow { width: 74%;
}
.productDetail .recalls { display: block; position: relative; margin-top: 14px; width: 100%;
}
.productDetail .recalls .inner-wrapper { margin: 2px 0;
}
.productDetail .recalls .inner-wrapper .recall-cont { width: 100%; margin: 0;
}
.productDetail .view-all-link { font-size: 14px; margin: 5px 0 15px 0;
}
.productDetail .view-all-link .circle-container { width: 17px; height: 17px; -webkit-border-radius: 8.5px; -moz-border-radius: 8.5px; border-radius: 8.5px; display: block; background-color: #00aeff; float: left; color: #ffffff; text-align: center; padding: 1.5px 0 0 1px;
}
.productDetail .product-related-recipes,
.productDetail .recommended-products { padding-top: 15px;
}
.productDetail .right-rail { background-color: #ffffff;
}
.social-bar .pdp a.recipe-box { display: none !important;
}
@media (min-width: 768px) { .productDetail .no-padding { margin-right: 0; margin-left: 0; } .productDetail .col-one { width: 523px; padding-right: 25px; } .productDetail .col-two { width: 320px; } .productDetail h1 { font-size: 33px; padding: 0 15px 0 0; margin: 0; } .productDetail h2 { font-size: 28px; margin: 0; } .productDetail .variances { padding-top: 15px; } .productDetail .variances ul { padding-bottom: 10px !important; } .productDetail .variances .tile { width: 160px; min-height: 165px; margin: 0 0 0 8px !important; } .productDetail .variances .tile .inner-tile { padding: 10px; } .productDetail .variances .tile .inner-tile .tile-top a { width: 140px; height: 94px; } .productDetail .variances .tile .inner-tile .tile-bottom .title { max-width: none; max-height: 51px; overflow: hidden; } .productDetail .recipes-by-email .divider.slitshadow { margin-bottom: 25px !important; } .productDetail .recipes-by-email .title, .productDetail .recipes-by-email .form { max-width: 315px; margin-left: auto; margin-right: auto; } .productDetail .deal-content { width: 320px; margin: 0; } .productDetail .deal-content h3 { font-size: 20px; font-weight: 600; } .productDetail .deal-content .divider.dotted { margin: 0 0 20px 0; width: 100%; } .productDetail .deal-content .product-info { max-width: 165px; } .productDetail .deal-content p.deal-details { max-width: 139px; float: left; } .productDetail .deal-content .deal-wrapper { background-color: #f5f8f9; width: 320px; margin: 0 0 10px 0; } .productDetail .deal-content .deal-wrapper > .card { margin: 10px; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .productDetail .deal-content .deal-wrapper > .card .image-wrapper img { width: 101px; height: 63px; } .productDetail .deal-content .deal-wrapper > .card .inner-card { width: auto; padding: 10px; min-height: 83px; } .productDetail .deal-content .deal-wrapper > .card:before, .productDetail .deal-content .deal-wrapper > .card:after { display: block; bottom: 14px; -webkit-transform: rotate(-3deg) skew(-4deg, 0deg); -moz-transform: rotate(-3deg) skew(-4deg, 0deg); -ms-transform: rotate(-3deg) skew(-4deg, 0deg); -o-transform: rotate(-3deg) skew(-4deg, 0deg); transform: rotate(-3deg) skew(-4deg, 0deg); } .productDetail .deal-content .deal-wrapper > .card:after { -webkit-transform: rotate(3deg) skew(4deg, 0deg); -moz-transform: rotate(3deg) skew(4deg, 0deg); -ms-transform: rotate(3deg) skew(4deg, 0deg); -o-transform: rotate(3deg) skew(4deg, 0deg); transform: rotate(3deg) skew(4deg, 0deg); } .productDetail .read-more-wrapper { margin-bottom: 0; } .productDetail .product-code { font-size: 12px; } .productDetail .product-code span { font-weight: bold; } .productDetail .recalls { margin-top: 30px; } .productDetail .recalls .inner-wrapper { width: 100%; margin: 0 auto; } .productDetail .view-all-link { margin: 5px 0 0 0; } .productDetail .view-all-link .circle-container { padding: 1.5px 0 0 1.5px; } .productDetail .product-related-recipes, .productDetail .recommended-products { padding-top: 20px; } .productDetail .product-related-recipes .jcarousel-wrapper, .productDetail .recommended-products .jcarousel-wrapper { overflow: visible; } .productDetail .product-related-recipes .four-tile-grid, .productDetail .recommended-products .four-tile-grid { width: auto; } .productDetail .product-related-recipes .four-tile-grid .card .card-top a, .productDetail .recommended-products .four-tile-grid .card .card-top a { height: 120px; } .productDetail .product-related-recipes .four-tile-grid li, .productDetail .recommended-products .four-tile-grid li { width: 180px; margin-right: 40px !important; margin-bottom: 40px; } .productDetail .product-related-recipes .four-tile-grid li:nth-child(4n), .productDetail .recommended-products .four-tile-grid li:nth-child(4n) { margin-right: 0 !important; } .productDetail .right-rail { margin: 0; padding: 0; } .productDetail .right-rail .card.product .card-shadow:before, .productDetail .right-rail .card.product .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(12%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); }
}
.productDetail .nutrition-outer-wrapper { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); margin-bottom: 20px; clear: both;
}
.productDetail .nutrition-outer-wrapper .nutrition { padding: 0 15px;
}
.productDetail .nutrition-outer-wrapper .nutrition h3 { margin-bottom: 0;
}
.productDetail .nutrition-outer-wrapper .read-more-wrapper { padding: 0; height: 100%; display: table;
}
.productDetail .nutrition-outer-wrapper .read-more-wrapper.expand { display: table;
}
.productDetail .nutrition-outer-wrapper .read-more-wrapper.expanded { display: table; padding-bottom: 20px;
}
.productDetail .nutrition-outer-wrapper .nutition-content { display: none;
}
.productDetail .toggle-nutrition { background-color: #0497ac; padding: 7px 15px 9px; cursor: pointer; display: block; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); margin-top: 5px;
}
.productDetail .toggle-nutrition h2 { color: #ffffff; margin: 0;
}
.productDetail .toggle-nutrition svg { float: right; width: 11px; height: 17px; margin: 7px 7px 0 4px; vertical-align: middle; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
.productDetail .toggle-nutrition svg path { fill: #ffffff;
}
.productDetail .toggle-nutrition.expanded svg { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
@media (min-width: 768px) { .productDetail .nutrition-outer-wrapper { margin-top: 20px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .productDetail .nutrition-outer-wrapper .nutrition { padding: 0; } .productDetail .nutrition-outer-wrapper .nutrition table { width: 240px; } .productDetail .nutrition-outer-wrapper .nutrition p { width: 240px; } .productDetail .nutrition-outer-wrapper .read-more-wrapper { height: 318px; display: inline; } .productDetail .nutrition-outer-wrapper .nutition-content { display: block; } .productDetail .toggle-nutrition { display: none; }
}
.productDetail .product-options { padding-top: 20px;
}
.productDetail .product-options .styled-select { width: 100%;
}
.productDetail .product-options .styled-select select { width: 100%;
}
.productDetail .product-options .count-wrapper { margin-bottom: 15px;
}
.productDetail .product-options .size-wrapper label { font-weight: bold;
}
@media (min-width: 768px) { .productDetail .product-options { padding: 0; margin: 0; } .productDetail .product-options .size-wrapper, .productDetail .product-options .count-wrapper { margin: 15px 0 20px 0; } .productDetail .product-options .size-wrapper label, .productDetail .product-options .count-wrapper label { font-family: 'Roboto Slab', serif; font-weight: 400; line-height: 125%; font-weight: bold; } .productDetail .product-options .count-wrapper { margin: 15px 0 30px 0; } .productDetail .product-options ul { margin: 0; padding: 0; } .productDetail .product-options ul li { list-style-type: none; float: left; margin-right: 10px; margin-bottom: 10px; display: table; text-align: center; height: 70px; width: 70px; } .productDetail .product-options ul li a { display: table-cell; vertical-align: middle; height: 70px; text-decoration: none; font-size: 30px; font-family: 'Source Sans Pro', sans-serif; font-weight: 300; line-height: 125%; border: 1px solid #cccccc; color: #00aeff; padding: 0 10px; } .productDetail .product-options ul li a span { font-size: 12px; font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; } .productDetail .product-options ul li a:active, .productDetail .product-options ul li a:hover { border: 1px solid #0497ac; color: #555555; } .productDetail .product-options ul li.active a { border: 1px solid #0497ac; color: #555555; } .productDetail .product-options ul li.active a:active, .productDetail .product-options ul li.active a:visited { border: 1px solid #0497ac; color: #555555; } .productDetail .product-options ul.product-count li { height: 40px; } .productDetail .product-options ul.product-count li a { border: 1px solid #a9a9a9; padding: 0 20px; font-size: 14px; white-space: nowrap; height: 40px; } .productDetail .product-options ul.product-count li a:hover { border: 1px solid #0497ac; color: #555555; }
}
.productDetail .product-imagery { overflow: hidden;
}
.productDetail .product-imagery h2 { margin: 0; height: 100%;
}
.productDetail .product-imagery .jcarousel-pagination { margin: 10px 15px; position: relative; bottom: auto; left: auto; float: left; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0);
}
.productDetail .product-imagery .jcarousel { height: 208px;
}
.productDetail .product-imagery .jcarousel.single.mobile ul { width: 100% !important; padding: 0 5px !important;
}
.productDetail .product-imagery .jcarousel.single.mobile li { width: 100% !important; margin: 0 !important;
}
.productDetail .product-imagery .jcarousel ul li.video-still .video-wrapper { display: block;
}
.productDetail .product-imagery .jcarousel ul li.video-still h2 { display: block;
}
.productDetail .product-imagery .video-wrapper { position: relative; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
.productDetail .product-imagery .video-wrapper .video-wrapper-inner { position: relative; height: 0; padding-bottom: 56.25%;
}
.productDetail .product-imagery .video-wrapper .video-wrapper-inner .BrightcoveExperience,
.productDetail .product-imagery .video-wrapper .video-wrapper-inner object { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}
@media (min-width: 768px) { .productDetail .product-imagery { position: relative; height: auto; overflow-x: auto; margin-bottom: 35px; } .productDetail .product-imagery h2 { height: auto; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel { height: auto; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul { width: auto !important; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li { display: none; height: auto; margin: 0; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:only-child { cursor: default !important; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:only-child img { cursor: default !important; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li img { cursor: pointer; -webkit-box-shadow: none; box-shadow: none; top: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(2), .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(3), .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(4), .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(5) { display: block; margin-right: 10px; width: 111px; height: 74px; overflow: hidden; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(2) h2, .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(3) h2, .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(4) h2, .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(5) h2 { height: 100%; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(2) img, .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(3) img, .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(4) img, .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li:nth-child(5) img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100% !important; max-height: 100% !important; width: initial !important; height: auto !important; min-width: initial !important; min-height: 100% !important; cursor: default !important; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li.initial { margin: 0 0 10px 0 !important; display: block; float: none; width: 100%; height: 332px; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li.initial h2 { height: 100%; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li.initial img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100% !important; max-height: 100% !important; width: initial !important; height: auto !important; min-width: initial !important; min-height: 100% !important; cursor: default !important; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li.initial.centered { overflow: hidden; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li.initial.centered h2 { height: 100%; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li.video-still .video-wrapper { display: none; } .productDetail .product-imagery .jcarousel-wrapper .jcarousel ul li.video-still h2 { display: block; }
}
body .productDetail .product-overview .overview { margin: 10px 15px; height: 21px; overflow: hidden;
}
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating-label,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating.bv-text-link,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-write-review { color: #00aeff !important;
}
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating:hover,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating-label:hover,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating.bv-text-link:hover,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-write-review:hover,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating:visited,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating-label:visited,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating.bv-text-link:visited,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-write-review:visited { color: #00aeff !important;
}
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating:hover,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating-label:hover,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating.bv-text-link:hover,
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-write-review:hover { text-decoration: underline !important;
}
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating { margin: 0 !important;
}
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar button.bv-write-review { padding: 0px !important;
}
body .productDetail .product-overview .overview .bv-cleanslate .bv-summary-bar .bv-rating-ratio-number .bv-rating { border-right-color: transparent !important;
}
body .productDetail .product-overview .overview .bv-cleanslate .bv-stars-container dd { padding-right: 0 !important;
}
body .productDetail .product-ratings-reviews-wrapper { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4); margin-bottom: 20px;
}
body .productDetail .toggle-product-ratings-reviews { background-color: #0497ac; padding: 7px 15px 9px; cursor: pointer; display: block; -webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.4); margin-top: 5px;
}
body .productDetail .toggle-product-ratings-reviews h2 { color: #ffffff; margin: 0;
}
body .productDetail .toggle-product-ratings-reviews svg { float: right; width: 11px; height: 17px; margin: 7px 7px 0 4px; vertical-align: middle; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);
}
body .productDetail .toggle-product-ratings-reviews svg path { fill: #ffffff;
}
body .productDetail .toggle-product-ratings-reviews.expanded svg { -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);
}
body .productDetail .product-ratings-reviews-content { display: none;
}
body .productDetail .product-ratings-reviews-content h2 { margin-bottom: 7px;
}
body .productDetail .product-ratings-reviews { margin-bottom: 30px;
}
body .productDetail .product-ratings-reviews .bv-cleanslate a { outline: 0 !important;
}
body .productDetail .product-ratings-reviews h2.bv-action-bar-header,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item-product-image-offset-on .bv-content-header .bv-author-avatar,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item-avatar-offset-on .bv-content-header .bv-author-avatar { display: none !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-action-bar button { background: url(http://cdn-eu-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.30/assets/images/bg-button.png?yocs=1v_1c_&yoloc=eu) repeat #555555 !important; border-radius: 3px !important; width: 100%; padding: 12px 50px !important; text-transform: uppercase !important; font-family: 'Roboto Slab', serif !important; font-weight: 700 !important; line-height: 150% !important; font-size: 13px !important; color: #ffffff !important; background-color: #ed174f !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-write-review-container.bv-write-container { float: left !important; margin: 10px 15px 0 !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-write-review-container.bv-write-container button { color: #0497ac;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-section-summary .bv-content-title,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-control-bar,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-pagination,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-active-filters { font-family: 'Source Sans Pro', sans-serif !important; background-color: #ffffff !important; color: #555555 !important; border-bottom: 1px solid #eeeeee !important; padding-bottom: 0 !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-action-bar { margin: 0 !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-control-bar,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-section-summary { display: none !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-placeholder { margin-right: 15px !important; margin-left: 15px !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item-product-image-offset-on,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item-avatar-offset-on { padding-left: 0 !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-review .bv-content-item-avatar-offset-on .bv-content-header-meta { padding-left: 0 !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-control-bar-count,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-title-container h4,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-data-summary .bv-content-meta .bv-author,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-data-summary .bv-content-meta .bv-content-reference-data,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-data-summary .bv-content-meta .bv-content-reference-data h3,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-data-summary .bv-content-meta .bv-content-datetime,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-data-summary .bv-content-meta .bv-content-reference-link,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-data-summary .bv-content-meta .bv-content-author-badges-list,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-inline-histogram-ratings td,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-popup-in,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-popup-histogram-ratings td,
body .productDetail .product-ratings-reviews .bv-cleanslate span.bv-content-pagination-pages-current,
body .productDetail .product-ratings-reviews .bv-cleanslate span.bv-content-pagination-pages-current:hover,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-secondary-rating-summary-list .bv-secondary-rating-summary-id,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-secondary-rating-summary-list .bv-secondary-rating-summary-rating,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-secondary-ratings-label,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-summary p,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-data-label-container .bv-content-data-label,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-data dl dd,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-btn,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item .bv-content-btn,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-report-btn,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item .bv-content-feedback-vote h4,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-inline-histogram-ratings caption { color: #555555 !important; font-family: 'Source Sans Pro', sans-serif !important; font-size: 110% !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-core-container-87 .bv-summary-bar-minimalist .bv-write-container .bv-submission-button,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-core-container-87 .bv-summary-bar-minimalist .bv-read-container .bv-submission-button,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-core-container-87 .bv-summary-bar-minimalist .bv-write-container .bv-read-reviews-button,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-core-container-87 .bv-summary-bar-minimalist .bv-read-container .bv-read-reviews-button { color: #0497ac;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-btn,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-btn:hover,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item .bv-content-btn,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item:hover .bv-content-btn { color: #fff !important; font-family: 'Source Sans Pro', sans-serif !important; font-size: 110% !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item:focus,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item:hover { outline: none !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate,
body .productDetail .product-ratings-reviews .bv-cleanslate h1,
body .productDetail .product-ratings-reviews .bv-cleanslate h2,
body .productDetail .product-ratings-reviews .bv-cleanslate h3,
body .productDetail .product-ratings-reviews .bv-cleanslate h4,
body .productDetail .product-ratings-reviews .bv-cleanslate h5,
body .productDetail .product-ratings-reviews .bv-cleanslate h6,
body .productDetail .product-ratings-reviews .bv-cleanslate p,
body .productDetail .product-ratings-reviews .bv-cleanslate td,
body .productDetail .product-ratings-reviews .bv-cleanslate dl,
body .productDetail .product-ratings-reviews .bv-cleanslate tr,
body .productDetail .product-ratings-reviews .bv-cleanslate dt,
body .productDetail .product-ratings-reviews .bv-cleanslate ol,
body .productDetail .product-ratings-reviews .bv-cleanslate form,
body .productDetail .product-ratings-reviews .bv-cleanslate select.bv-select-cleanslate,
body .productDetail .product-ratings-reviews .bv-cleanslate option,
body .productDetail .product-ratings-reviews .bv-cleanslate pre,
body .productDetail .product-ratings-reviews .bv-cleanslate div,
body .productDetail .product-ratings-reviews .bv-cleanslate table,
body .productDetail .product-ratings-reviews .bv-cleanslate th,
body .productDetail .product-ratings-reviews .bv-cleanslate tbody,
body .productDetail .product-ratings-reviews .bv-cleanslate tfoot,
body .productDetail .product-ratings-reviews .bv-cleanslate caption,
body .productDetail .product-ratings-reviews .bv-cleanslate thead,
body .productDetail .product-ratings-reviews .bv-cleanslate ul,
body .productDetail .product-ratings-reviews .bv-cleanslate li,
body .productDetail .product-ratings-reviews .bv-cleanslate address,
body .productDetail .product-ratings-reviews .bv-cleanslate blockquote,
body .productDetail .product-ratings-reviews .bv-cleanslate dd,
body .productDetail .product-ratings-reviews .bv-cleanslate fieldset,
body .productDetail .product-ratings-reviews .bv-cleanslate li,
body .productDetail .product-ratings-reviews .bv-cleanslate iframe,
body .productDetail .product-ratings-reviews .bv-cleanslate strong,
body .productDetail .product-ratings-reviews .bv-cleanslate legend,
body .productDetail .product-ratings-reviews .bv-cleanslate em,
body .productDetail .product-ratings-reviews .bv-cleanslate s,
body .productDetail .product-ratings-reviews .bv-cleanslate cite,
body .productDetail .product-ratings-reviews .bv-cleanslate span,
body .productDetail .product-ratings-reviews .bv-cleanslate input,
body .productDetail .product-ratings-reviews .bv-cleanslate sup,
body .productDetail .product-ratings-reviews .bv-cleanslate label,
body .productDetail .product-ratings-reviews .bv-cleanslate dfn,
body .productDetail .product-ratings-reviews .bv-cleanslate object,
body .productDetail .product-ratings-reviews .bv-cleanslate big,
body .productDetail .product-ratings-reviews .bv-cleanslate q,
body .productDetail .product-ratings-reviews .bv-cleanslate font,
body .productDetail .product-ratings-reviews .bv-cleanslate samp,
body .productDetail .product-ratings-reviews .bv-cleanslate acronym,
body .productDetail .product-ratings-reviews .bv-cleanslate small,
body .productDetail .product-ratings-reviews .bv-cleanslate img,
body .productDetail .product-ratings-reviews .bv-cleanslate strike,
body .productDetail .product-ratings-reviews .bv-cleanslate code,
body .productDetail .product-ratings-reviews .bv-cleanslate sub,
body .productDetail .product-ratings-reviews .bv-cleanslate ins,
body .productDetail .product-ratings-reviews .bv-cleanslate textarea,
body .productDetail .product-ratings-reviews .bv-cleanslate var,
body .productDetail .product-ratings-reviews .bv-cleanslate a,
body .productDetail .product-ratings-reviews .bv-cleanslate abbr,
body .productDetail .product-ratings-reviews .bv-cleanslate applet,
body .productDetail .product-ratings-reviews .bv-cleanslate del,
body .productDetail .product-ratings-reviews .bv-cleanslate kbd,
body .productDetail .product-ratings-reviews .bv-cleanslate tt,
body .productDetail .product-ratings-reviews .bv-cleanslate b,
body .productDetail .product-ratings-reviews .bv-cleanslate i,
body .productDetail .product-ratings-reviews .bv-cleanslate hr,
body .productDetail .product-ratings-reviews .bv-cleanslate article,
body .productDetail .product-ratings-reviews .bv-cleanslate aside,
body .productDetail .product-ratings-reviews .bv-cleanslate dialog,
body .productDetail .product-ratings-reviews .bv-cleanslate figure,
body .productDetail .product-ratings-reviews .bv-cleanslate footer,
body .productDetail .product-ratings-reviews .bv-cleanslate header,
body .productDetail .product-ratings-reviews .bv-cleanslate hgroup,
body .productDetail .product-ratings-reviews .bv-cleanslate menu,
body .productDetail .product-ratings-reviews .bv-cleanslate nav,
body .productDetail .product-ratings-reviews .bv-cleanslate section,
body .productDetail .product-ratings-reviews .bv-cleanslate time,
body .productDetail .product-ratings-reviews .bv-cleanslate mark,
body .productDetail .product-ratings-reviews .bv-cleanslate audio,
body .productDetail .product-ratings-reviews .bv-cleanslate video,
body .productDetail .product-ratings-reviews .bv-cleanslate button,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-submission .bv-fieldsets .bv-form-actions .bv-submission-button-submit { font-family: 'Source Sans Pro', sans-serif !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-data-label-container .bv-content-data-icon { color: #555555 !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-relevancy-link-target .bv-sort-relevancy a,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item .bv-content-feedback-vote .bv-content-feedback-btn-container { color: #00aeff !important; background-color: transparent !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-relevancy-link-target .bv-sort-relevancy a:hover,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item .bv-content-feedback-vote .bv-content-feedback-btn-container:hover { text-decoration: underline !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-btn,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-item:hover .bv-content-btn { color: #ffffff !important; background-color: #00aeff !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-section-summary .bv-section-summary-inline .bv-inline-histogram-ratings .bv-histogram-filter-helper { display: table-caption !important; text-align: left; font-size: 110% !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-inline-histogram-ratings .bv-inline-histogram-ratings-star-container.bv-inline-histogram-row-active { background: #f0f9fd !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-secondary-ratings-container,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-secondary-rating-summary-bars-container .bv-secondary-rating-summary-bars { background-color: #e4e4e4 !important; box-shadow: none !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-secondary-ratings-bars .bv-content-secondary-ratings-bar,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-secondary-rating-summary-bars .bv-secondary-rating-summary-bar { box-shadow: none !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-secondary-ratings-value,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-section-summary .bv-section-summary-inline .bv-secondary-rating-summary .bv-secondary-rating-summary-bars .bv-secondary-rating-summary-bar { background-color: #ffd300 !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-rating-stars-on { color: #ffd300 !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-rating-stars-off { color: #e4e4e4 !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-text-link,
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-text-link:visited { color: #00aeff !important; font-family: 'Source Sans Pro', sans-serif !important; font-size: 110% !important;
}
body .productDetail .product-ratings-reviews .bv-cleanslate .bv-text-link:hover { text-decoration: underline !important;
}
@media (min-width: 768px) { body .productDetail .product-overview .overview { margin: 10px 0; height: 24px; } body .productDetail .product-ratings-reviews-wrapper { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; margin-bottom: 0; } body .productDetail .toggle-product-ratings-reviews { display: none; } body .productDetail .product-ratings-reviews-content { display: block; } body .productDetail .product-ratings-reviews .bv-cleanslate .bv-content-placeholder { margin-right: 0 !important; margin-left: 0 !important; } body .productDetail .product-ratings-reviews .bv-cleanslate .bv-control-bar, body .productDetail .product-ratings-reviews .bv-cleanslate .bv-section-summary { margin-left: 0 !important; margin-right: 0 !important; display: block !important; } body .productDetail .product-ratings-reviews .bv-cleanslate .bv-write-review-container { margin: 10px 0 0 !important; }
}
.productLanding h1 { margin-bottom: 10px;
}
.productLanding .products-section { padding: 0;
}
.productLanding .products-section .divider.dotted { margin-bottom: 15px;
}
.productLanding .read-more-wrapper { margin-top: 20px; box-shadow: 0 -3px 4px -4px rgba(0, 0, 0, 0.3);
}
.productLanding .jcarousel-wrapper.double-peek li { background: #ffffff;
}
.productLanding .category-list .card-bottom .sub-category-link a { text-align: center;
}
.productLanding .category-list .card-bottom .sub-category-link span:first-child { display: block;
}
@media (min-width: 768px) { .productLanding h1 { padding: 0 20px; } .productLanding .jcarousel-wrapper.slideshow { margin-bottom: 20px; box-sizing: content-box; height: 360px; } .productLanding .jcarousel-wrapper.slideshow .jcarousel { -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); } .productLanding .jcarousel-wrapper.slideshow .jcarousel ul { height: 360px; } .productLanding .category-list .card-bottom .sub-category-link span:first-child img { max-height: 100%; width: auto; } .productLanding .read-more-wrapper { margin: 0; box-shadow: none; } .productLanding .recipes-by-email .divider.slitshadow { margin-bottom: 25px !important; } .productLanding .recipes-by-email .title, .productLanding .recipes-by-email .form { max-width: 315px; margin-left: auto; margin-right: auto; } .productLanding .products-section { padding: 10px 20px 0; } .productLanding .products-section .divider { padding-top: 0; } .productLanding .top-products { padding-top: 10px; } .productLanding .top-products .jcarousel-wrapper.clipped .jcarousel ul li { width: 180px; margin-right: 10px; } .productLanding .top-products .jcarousel-wrapper.clipped .jcarousel ul li .card-top a { height: 120px !important; } .productLanding .right-rail { margin: 0; padding: 0; } .productLanding .right-rail .social-bar { margin-bottom: 0; margin-top: -8px; } .productLanding .right-rail .card.product .card-shadow:before, .productLanding .right-rail .card.product .card-shadow:after { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(12%, #ffffff), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(top, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to bottom, #ffffff 0%, #ffffff 12%, rgba(255, 255, 255, 0) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0); }
}
.product-category .product-categories { padding-top: 10px;
}
.product-category h1 { margin-bottom: 10px;
}
.product-category h2 { margin: 0 0 5px 0; font-size: 21px; font-family: 'Roboto Slab', serif; font-weight: 400; line-height: 125%;
}
.product-category.homepage-one-column { padding-top: 0;
}
.product-category ul.homepage-list-items li:nth-child(odd),
.product-category .related-categories ul li:nth-child(odd) { clear: both;
}
.product-category .divider.dotted { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU1NTU1NSIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjNTU1NTU1Ii8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjNTU1NTU1IiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(85, 85, 85, 0.2)), color-stop(21.42857143%, #555555), color-stop(42.85714286%, rgba(85, 85, 85, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(85, 85, 85, 0.2) 0%, #555555 21.42857143%, rgba(85, 85, 85, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x; margin-bottom: 10px; padding-top: 15px;
}
.product-category .jcarousel-wrapper.double-peek { padding-bottom: 25px; margin-bottom: 15px;
}
.product-category .jcarousel-wrapper.double-peek .jcarousel-pagination { bottom: 0;
}
.product-category .jcarousel-wrapper.double-peek .jcarousel ul li { background: #ffffff;
}
.product-category .card .card-top a { -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.15);
}
.product-category .card .card-details { text-align: center;
}
.product-category .card:nth-child(even) { float: right; margin-right: 0 !important;
}
.product-category .category-brands ul { padding: 0px 0px 15px !important;
}
.product-category .category-brands ul li { margin: 0 0 0 10px; width: 73px; height: 73px;
}
.product-category .category-brands ul li a { display: block; height: 100%; width: 100%;
}
.product-category .category-brands ul li a img { top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
.product-category .related-categories .card { clear: none !important;
}
.product-category .related-categories .card .inner-card { min-height: 0;
}
.product-category .related-categories .card .inner-card .card-top a { border: none;
}
.product-category .related-categories .card .inner-card .card-bottom .card-details { margin: 0 5px; padding: 5px;
}
.product-category .related-categories .card .inner-card .card-bottom .card-details a { position: relative; display: block; height: auto;
}
@media (min-width: 768px) { .product-category h2 { font-size: 28px; } .product-category .divider.dotted { padding-top: 0; margin-bottom: 20px; } .product-category .jcarousel-wrapper.slideshow { margin-bottom: 20px; box-sizing: content-box; height: 360px; } .product-category .jcarousel-wrapper.slideshow .jcarousel { -webkit-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2); } .product-category .jcarousel-wrapper.slideshow .jcarousel ul { height: 360px; } .product-category .category-brands ul { height: 145px; padding: 0; } .product-category .category-brands ul li { position: relative; height: 100%; margin: 0; width: auto; } .product-category .related-categories .jcarousel-wrapper { overflow: visible; } .product-category .related-categories .jcarousel-wrapper ul { width: auto; margin-right: -23px; } .product-category .related-categories .card:nth-child(even) { margin-right: 23px !important; } .product-category .related-categories .card .inner-card { min-height: 178px; } .product-category .related-categories .card .inner-card .card-top a { height: 142px; } .product-category .related-categories .card .inner-card .card-bottom .card-details { padding: 5px 5px 0; margin: 0 5px; height: 41px; overflow: hidden; } .product-category .related-categories .card .inner-card .card-bottom .card-details a { top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .product-category ul.homepage-list-items li:nth-child(odd), .product-category .related-categories ul li:nth-child(odd) { clear: none; } .product-category .card { margin: 10px 10px 30px 10px !important; } .product-category .card .card-shadow { top: 0; height: 100%; } .product-category .card .card-top a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .product-category .card .card-details { text-align: left; } .product-category .card:nth-child(even) { float: left; margin-right: 10px !important; } .product-category .container-padding { padding: 20px 20px 0 20px; } .product-category .product-category-padding { margin: 0 20px; }
}
.product-list h1 { margin-bottom: 15px;
}
.product-list .container-padding { margin-bottom: 0;
}
.product-list .romance-copy { line-height: 1.5em;
}
.product-list .scallop.bottom { margin: 0;
}
.product-list .scallop.bottom .border { background-color: #f5f8f9;
}
.product-list .total-product-info { font-size: 15px; margin-top: 25px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; line-height: 125%;
}
.product-list .right-rail { padding-top: 0;
}
.product-list .search-results-cont ul { margin: 0; list-style-type: none;
}
.product-list .divider.dotted.grid-divider { margin-top: 20px; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2ZXJzaW9uPSIxLjEiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iZ3JhZGllbnQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIwLjE5OTk5OTk5OTk5OTk5OTk2Ii8+PHN0b3Agb2Zmc2V0PSIyMS40Mjg1NzE0Mjg1NzE0MjclIiBzdG9wLWNvbG9yPSIjY2NjY2NjIi8+PHN0b3Agb2Zmc2V0PSI0Mi44NTcxNDI4NTcxNDI4NTQlIiBzdG9wLWNvbG9yPSIjY2NjY2NjIiBzdG9wLW9wYWNpdHk9IjAuMTk5OTk5OTk5OTk5OTk5OTYiLz48c3RvcCBvZmZzZXQ9IjQyLjg1NzE0Mjg1NzE0Mjg1NCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIvPjwvbGluZWFyR3JhZGllbnQ+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkaWVudCkiIC8+PC9zdmc+'); background-image: -moz-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204, 204, 204, 0.2)), color-stop(21.42857143%, #cccccc), color-stop(42.85714286%, rgba(204, 204, 204, 0.2)), color-stop(42.85714286%, rgba(0, 0, 0, 0))); background-image: -webkit-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -o-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: -ms-linear-gradient(left, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-image: linear-gradient(to right, rgba(204, 204, 204, 0.2) 0%, #cccccc 21.42857143%, rgba(204, 204, 204, 0.2) 42.85714286%, rgba(0, 0, 0, 0) 42.85714286%); background-position: 0 top; background-size: 7px 2px; background-repeat: repeat-x;
}
.product-list .view-grid { padding-bottom: 20px; padding-top: 20px;
}
.product-list .view-grid.four-tile-grid .divider.dotted { display: none;
}
.product-list .view-grid.four-tile-grid .card { margin-bottom: 40px;
}
.product-list .view-grid.four-tile-grid .card .inner-card { min-height: 158px !important;
}
.product-list .view-grid.four-tile-grid .card .inner-card .card-details { padding-top: 0;
}
.product-list .view-grid.four-tile-grid .card .inner-card .card-top a:not(.quick-view) { overflow: hidden; position: relative;
}
.product-list .view-grid.four-tile-grid .card .inner-card .card-top a:not(.quick-view) img { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: none !important; max-height: none !important; width: 100% !important; height: auto !important; min-width: 100% !important; min-height: 100% !important;
}
.product-list .view-grid.four-tile-grid .card .inner-card .card-bottom { position: absolute; bottom: 0px; width: 100%; height: 58px; overflow: hidden;
}
.product-list .view-grid.four-tile-grid .card .product-teaser { display: none;
}
.product-list .view-grid.four-tile-grid .card .varieties-container.list-view { display: none;
}
.product-list .view-grid.four-tile-grid #search-right-col .scallop { display: none !important;
}
.product-list .view-list.four-tile-grid .list-right-items { padding: 20px 0;
}
.product-list .view-list.four-tile-grid .card .card-details a { font-size: 16px;
}
.product-list .view-list.four-tile-grid .card .inner-card { min-height: 126px !important;
}
.product-list .view-list.four-tile-grid .varieties-container.grid-view { display: none;
}
.product-list .view-list.four-tile-grid .product-teaser { font-size: 14px; margin-top: 15px;
}
.product-list .view-list .search-left-col { padding: 0 !important; margin: 0;
}
.product-list .view-list .search-left-col ul { list-style-type: none;
}
.product-list .view-list ul.list-left-items { margin-bottom: 20px;
}
.product-list .view-list .search-right-col { position: relative; background-color: #f5f8f9; width: 100%; margin-top: 7px;
}
.product-list .view-list .search-right-col.list-right-items { background-color: #f5f8f9;
}
.product-list aside { padding-top: 0;
}
.product-list aside .kft-ad { margin-bottom: 20px;
}
.product-list .no-results-found-wrapper { margin: 40px 0 50px; width: 100%; text-align: center; color: #003366;
}
.product-list .no-results-found-wrapper .no-results { display: inline-block;
}
.product-list .no-results-found-wrapper .no-results h2 { font-size: 16px; text-align: left; margin: 0 0 10px 0; color: #003366;
}
.product-list .no-results-found-wrapper .no-results p { text-align: left; font-size: 14px; font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%;
}
.product-list .no-results-found-wrapper .no-results ul { margin: 0 0 0 25px; padding: 0;
}
.product-list .no-results-found-wrapper .no-results ul li { font-family: 'Roboto Slab', serif; font-weight: 700; line-height: 125%; font-size: 14px; text-align: left; font-weight: normal;
}
.product-list .search-utility .slitshadow { display: none;
}
.product-list .search-utility .utility-view { float: right;
}
.product-list .search-utility .utility-view-col h2 { display: none !important;
}
@media (min-width: 768px) { .product-list .container-padding { padding-bottom: 1px; padding-top: 0; } .product-list .romance-copy { text-align: center; width: 765px; margin: 0 auto 20px; line-height: 125%; } .product-list .total-product-info { margin-top: 15px; font-size: 14px; } .product-list .right-rail { padding-top: 20px; } .product-list h1 { margin: -7px 0 16px 0; } .product-list .main-left-col { padding-right: 0; } .product-list .jcarousel-wrapper.slideshow { margin-bottom: 10px; } .product-list .jcarousel-wrapper.slideshow ul { height: 250px; } .product-list .collection-list { margin-bottom: 20px; } .product-list .collection-list .card { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .product-list .view-grid { padding-bottom: 0; } .product-list .view-grid.four-tile-grid .card .inner-card { min-height: 212px !important; } .product-list .view-grid.four-tile-grid .card .inner-card .card-details { padding-top: 0; } .product-list .view-grid.four-tile-grid .card .inner-card .card-details > span { top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: block; position: relative; top: 17px; } .product-list .view-grid.four-tile-grid .card .inner-card .card-top { border-bottom: 1px solid #eeeeee; } .product-list .view-grid.four-tile-grid .card .inner-card .card-top a:not(.quick-view) { height: 144px !important; } .product-list .view-grid.four-tile-grid .card .inner-card .card-bottom { height: 35px; } .product-list .view-grid ul.list-left-items { margin-right: -20px; } .product-list .view-list { padding-bottom: 0px !important; } .product-list .view-list.four-tile-grid .divider.dotted { margin-top: 45px; } .product-list .view-list.four-tile-grid ul.list-left-items { margin-left: -20px; margin-right: -20px; } .product-list .view-list.four-tile-grid ul.list-left-items li { width: 100%; padding-bottom: 30px; } .product-list .view-list.four-tile-grid ul.list-left-items li .inner-card { min-height: 136px !important; } .product-list .view-list.four-tile-grid .list-right-items .search-ad { width: auto; padding: 0; top: auto; height: auto; margin-bottom: 50px !important; } .product-list .view-list.four-tile-grid .list-right-items .search-ad img { margin: 0 !important; } .product-list .view-list.four-tile-grid #search-left-col { padding: 0; margin: 0; } .product-list .view-list.four-tile-grid #search-right-col { position: absolute; top: 0; right: 0; background-color: #ffffff; float: left; padding: 0; margin: 0; width: 300px; } .product-list .recipes-by-email .divider.slitshadow { margin-bottom: 25px !important; } .product-list .recipes-by-email .title, .product-list .recipes-by-email .form { max-width: 315px; margin-left: auto; margin-right: auto; } .product-list .no-results-found-wrapper { margin: 40px 0 50px 0; } .product-list .no-results-found-wrapper .no-results h2 { font-size: 30px; font-weight: normal; } .product-list .no-results-found-wrapper .no-results p { font-size: 20px; } .product-list .no-results-found-wrapper .no-results ul li { font-size: 18px; } .product-list .show-more-items { margin-bottom: 0; }
}
.lt-ie11 .search-utility .search-filter-container .filter-trigger > .indicator { padding-top: 4px;
}
.brand-social { clear: both; margin: 15px 0; text-align: center; font-size: 14px;
}
.brand-social .brand-logo { display: inline-block; color: #294b91; font-weight: bold;
}
.brand-social .brand-logo img { max-height: 50px; max-width: 75px; padding-bottom: 10px; margin-left: 5px;
}
.brand-social ul { list-style-type: none; display: inline-block; vertical-align: middle; margin: 0;
}
.brand-social ul li { display: inline-block; list-style-type: none; margin: 0 0 0 16px; width: 32px;
}
.brand-social ul li:first-child { margin-left: 0;
}
.brand-social ul li a { display: inline-block; position: relative; width: 100%;
}
.brand-social ul li a:hover { text-decoration: none;
}
.brand-social ul li a svg { width: 100%; position: relative; stroke: none;
}
.brand-social ul li a svg path { fill: #ffffff;
}
.brand-social ul li a svg circle { stroke: none;
}
.brand-social ul li a.social-facebook svg circle { fill: #3b5998;
}
.brand-social ul li a.social-pinterest svg circle { fill: #cb2027;
}
.brand-social ul li a.social-twitter svg circle { fill: #00aced;
}
.brand-social ul li a.social-tumblr svg circle { fill: #32506d;
}
.brand-social ul li a.social-google-plus svg circle { fill: #dd4b39;
}
.brand-social ul li a.social-youtube svg circle { fill: #bb0000;
}
.brand-social ul li a.social-instagram svg circle { fill: #517fa4;
}
@media (min-width: 768px) { .brand-social .brand-logo { margin-right: 30px; } .brand-social .brand-logo img { padding-bottom: 0px; margin-left: 10px; } .brand-social ul li { width: 27px; }
}
@media (min-width: 320px) { .pull-right-xs { float: right; }
}
@media (min-width: 768px) { .pull-right-sm { float: right; }
}
@media (min-width: 992px) { .pull-right-md { float: right; }
}
@media (min-width: 1200px) { .pull-right-lg { float: right; }
}
.container-xs-height { display: table; padding-left: 0px; padding-right: 0px;
}
.row-xs-height { display: table-row;
}
.col-xs-height { display: table-cell; float: none;
}
.col-top { vertical-align: top;
}
.col-middle { vertical-align: middle;
}
.col-bottom { vertical-align: bottom;
}
@media (min-width: 768px) { .container-sm-height { display: table; padding-left: 0px; padding-right: 0px; } .row-sm-height { display: table-row; } .col-sm-height { display: table-cell; float: none; }
}
#test-multipeek.multi-peek .jcarousel { height: 242px;
}
#test-multipeek.multi-peek .jcarousel ul li { margin: 0 0 0 10px; height: 242px; width: 150px; text-align: center; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d;
}
#test-multipeek.multi-peek .jcarousel ul li:last-child { margin-right: 10px;
}
#test-multipeek.multi-peek .jcarousel ul li div { height: 208px; overflow-y: hidden;
}
#test-multipeek.multi-peek .jcarousel ul li img { -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); position: relative; width: 100% !important; height: auto !important; max-height: none !important; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%);
}
.checkboxhotspot { position: absolute; left: 102px; width: 21px; height: 18px; cursor: pointer;
}
.checkboxhotspot.active { background: url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwP/2wBDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAASABUDAREAAhEBAxEB/8QAGAABAAMBAAAAAAAAAAAAAAAACAUHCgn/xAA6EAAABQMBBQQCEwAAAAAAAAACAwQFBgEHCBMACRIVNxQWFzgxZREYGSMyMzQ1NkZIUVRWZGZnaHj/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/EABURAQEAAAAAAAAAAAAAAAAAAABB/9oADAMBAAIRAxEAPwDu3iJj7gHkJZrHa4uYKGGXGy2y5RTqeVW3NuBKRTGdOSKVv4VSSNM5UoQIm5gYGpKSkQIUhBBACSNMoIxhHsCKv7iFunsKrdLMgrnY+QeOoYYvTLY4WmcpapfpLMUakxZH4zFGJfLeB5fXBQi4glGB7IAgBhykRaUs4wIAxLmvvWQ21ft4+fDUtMYTrnRJS14w1YER7mZj2mY5qlfrgAknLi5W1spKxU2iE8ULOEvWjC41SksqOhJ4WNaXd9Q/OPdYYluEeei4BkfaKHyHwoum3qVKNawSJmuJKVR8NlShsrzIpn54lpXjLp25lX07SnpWvaE6kIfHLBDLnMW7TJenewLlhkExzSgikCtA8jaUTJO3SMhJKeJ1JyWU4TAdF3ZW3UWOCyotSSGAAGtQNRRRRwL72114/cha5RczZ/E2jPR+qv7qR/uvSJ1v9WO0Q1inLuTd1K22DVDQOlqcvpraur7/ALBm+zG82ORf0s6tSvyXdJfldPnX+SfzF6z1dgNZnxY/NT8GvVDpx6Pr1+0/x/6bj2Db79hCvQfoEH/JHSQXp/rf93q/2diV/9k=);
}
.checkboxhotspot.checkbox-1 { top: 768px;
}
.checkboxhotspot.checkbox-2 { top: 807px;
}
.checkboxhotspot.checkbox-3 { top: 846px;
}
.checkboxhotspot.checkbox-4 { top: 885px;
}
.checkboxhotspot.checkbox-5 { top: 924px;
}
.checkboxhotspot.checkbox-6 { top: 987px;
}
.checkboxhotspot.checkbox-7 { top: 1026px;
}
.selectall { position: absolute; left: 102px; top: 1074px; width: 230px; height: 44px; cursor: pointer;
}
.addtoshoppinglist { position: absolute; left: 360px; top: 1074px; width: 230px; height: 44px;
}
.addtoshoppinglist.active { background: url(http://cdn-eu-ec.yottaa.net/5637a31d312e585f7100086c/www.kraftrecipes.com/v~13.30/assets/images/fpo/addtoshoppinglist-active.png?yocs=1v_1c_&yoloc=eu) no-repeat; cursor: pointer;
}
.viewrecipecard { position: absolute; left: 360px; top: 1450px; width: 230px; height: 44px; cursor: pointer;
}
.modal-recipecard .modal-dialog { width: 1003px !important;
}
.title-ribbon div b { font-weight: normal;
}
.lt-ie10 .right-rail .card-cta,
.lt-ie10 .card-cta { -webkit-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px 2px rgba(0, 0, 0, 0.1);
}
.lt-ie10 .card { -webkit-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 0 -1px 5px 1px rgba(0, 0, 0, 0.15), 0 1px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 0 -1px 5px 1px rgba(0, 0, 0, 0.15), 0 1px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 0 -1px 5px 1px rgba(0, 0, 0, 0.15), 0 1px 5px 0px rgba(0, 0, 0, 0.15);
}
.lt-ie10 .card:before,
.lt-ie10 .card:after { -webkit-box-shadow: 0 15px 12px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 15px 12px rgba(0, 0, 0, 0.25); box-shadow: 0 15px 12px rgba(0, 0, 0, 0.25);
}
.lt-ie10 .card.titled .card-title { -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.09); box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.09); display: block;
}
.lt-ie10 .divider.slitshadow.reversed .falloff-shadow { top: 60px;
}
.lt-ie10 .divider.slitshadow .falloff-shadow { box-shadow: 0px -15px 38px 26px rgba(0, 0, 0, 0.3); display: block;
}
.lt-ie10 .recipes-by-email { -webkit-box-shadow: 0 -1px 6px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 -1px 6px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 -1px 6px 0px rgba(0, 0, 0, 0.2);
}
.lt-ie10 .recipes-by-email .divider.slitshadow { display: none;
}
.lt-ie10 .shadow { -webkit-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 5px 10px 1px rgba(0, 0, 0, 0.1);
}
.lt-ie10 .recipe-listing-shell .read-more-wrapper,
.lt-ie10 .recipe-sub-category .read-more-wrapper { -webkit-box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.1);
}
.lt-ie10 .recipe-listing-shell .divider.slitshadow .falloff-shadow { -webkit-box-shadow: 0px -10px 20px 27px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px -10px 20px 27px rgba(0, 0, 0, 0.2); box-shadow: 0px -10px 20px 27px rgba(0, 0, 0, 0.2);
}
.lt-ie10 .recipesLanding div.right-rail { -webkit-box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.1); box-shadow: 0 -2px 3px 0px rgba(0, 0, 0, 0.1);
}
.lt-ie10 .jcarousel-wrapper.double-peek .slide,
.lt-ie10 .jcarousel-wrapper.double-peek.nested .slide { -webkit-box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 5px 1px rgba(0, 0, 0, 0.2);
}
.lt-ie10 .homepage-one-column ul.homepage-list-items .card .card-shadow { display: none;
}
.lt-ie10 .homepage-one-column ul.homepage-list-items .card { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.lt-ie10 .card.recipe-sub-category .card-shadow { display: none;
}
.lt-ie10 .card.recipe-sub-category { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
}
.lt-ie10 h2.with-link { margin: 0 !important; padding-top: 10px;
}
@media (min-width: 768px) { .lt-ie10 .category-list .card:before, .lt-ie10 .category-list .card:after { -webkit-box-shadow: 0 20px 12px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 20px 12px rgba(0, 0, 0, 0.25); box-shadow: 0 20px 12px rgba(0, 0, 0, 0.25); } .lt-ie10 .shadow.no-bottom { -webkit-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 2px 0 25px -5px rgba(0, 0, 0, 0.1), -2px 0 25px -5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 2px 0 25px -5px rgba(0, 0, 0, 0.1), -2px 0 25px -5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 2px 0 25px -5px rgba(0, 0, 0, 0.1), -2px 0 25px -5px rgba(0, 0, 0, 0.1); } .lt-ie10 .shadow.no-top { -webkit-box-shadow: 0 0 0 0 #ffffff, 0 -3px 0 0 #ffffff, 2px 0 25px -5px rgba(0, 0, 0, 0.1), -2px 0 25px -5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 0 #ffffff, 0 -3px 0 0 #ffffff, 2px 0 25px -5px rgba(0, 0, 0, 0.1), -2px 0 25px -5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 0 #ffffff, 0 -3px 0 0 #ffffff, 2px 0 25px -5px rgba(0, 0, 0, 0.1), -2px 0 25px -5px rgba(0, 0, 0, 0.1); } .lt-ie10 .shadow.all { margin-bottom: 20px; -webkit-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 2px 0 25px -5px rgba(0, 0, 0, 0.1), -2px 0 25px -5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 2px 0 25px -5px rgba(0, 0, 0, 0.1), -2px 0 25px -5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 0 0 #ffffff, 0 0 0 0 #ffffff, 2px 0 25px -5px rgba(0, 0, 0, 0.1), -2px 0 25px -5px rgba(0, 0, 0, 0.1); } .lt-ie10 .recall-cont { width: 100%; } .lt-ie10 .recipesLanding div.right-rail { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .lt-ie10 .recipes-by-email { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .lt-ie10 .recipes-by-email .divider.slitshadow { display: block; margin-bottom: 15px !important; } .lt-ie10 .recipes-by-email .divider.slitshadow .falloff-shadow { width: 65%; top: -21px; } .lt-ie10 .card, .lt-ie10 aside .recipes-by-email, .lt-ie10 .recipe-listing-shell .read-more-wrapper { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .lt-ie10 .homepage-one-column ul.homepage-list-items .card .card-shadow { display: block; }
}
@media (max-device-width: 767px){
.whats-hot{
max-width: 100% !important;
margin: 0 10px 20px 10px !important;
}
}
@media screen and (min-device-width : 315px) and (max-device-width : 325px) {
.whats-hot li.card {
width: 280px;
margin: 0 10px;
}
}
@media screen and (min-device-width : 355px) and (max-device-width : 365px) {
.whats-hot li.card {
width: 320px;
margin: 0 10px;
}
}
@media screen and (min-device-width : 370px) and (max-device-width : 380px) {
.whats-hot li.card {
width: 335px;
margin: 0 10px;
}
}
@media screen and (min-device-width : 381px) and (max-device-width : 390px) {
.whats-hot li.card {
width: 340px;
margin: 0 10px;
}
}
@media screen and (min-device-width : 410px) and (max-device-width : 420px) {
.whats-hot li.card {
width: 375px;
margin: 0 10px;
}
}
@media screen and (min-device-width : 430px) and (max-device-width : 440px) { .whats-hot li.card { width: 395px; margin: 0 10px; }
}