html {
    box-sizing: border-box;
}

*,
*:before,
*:after {
    box-sizing: inherit;
    text-shadow: none !important;
}

sup {
    vertical-align: baseline;
    position: relative;
    top: -1em;
    font-size: 0.5em;
    font-family: Keep Calm Book;
    text-decoration: none;
}

/* new 1a8386
	old #26B4B7
*/

html,
body {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}

* {
    -webkit-overflow-scrolling: touch;
}

@font-face {
    font-family: Keep Calm Book;
    src: url('fonts/keepcalm-book.otf') format('opentype');
}

@font-face {
    font-family: Keep Calm Medium;
    font-weight: bold;
    src: url('fonts/keepcalm-medium.otf') format('opentype');
}

@font-face {
    font-family: Keep Calm Light;
    font-weight: bold;
    src: url('fonts/keepcalm-light.otf') format('opentype');
}

@font-face {
    font-family: Keep Calm Heavy;
    font-weight: bold;
    src: url('fonts/keepcalm-heavy.otf') format('opentype');
}

body {
    font-family: 'Keep Calm Book';
}

h1,
h1 a {
    margin: 0;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Keep Calm Medium';
    font-size: 20px;
}

h1 a {
    text-decoration: none;
}

strong {
    font-weight: 700 !important;
}

#fixedBGLayerX {
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.85);
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    overflow-y: hidden;
}

@-webkit-keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes ticker {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
    100% {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

a:focus,
.slick-dots li button:focus,
body#homepage .hero-slider a {
    /*button:focusbox-shadow: 0 0 0 2px #FDC139;*/
    outline: 1px solid invert;
}

#logo a.go {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.ticker-wrap {
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    height: 30px;
    background-color: #E01E3C;
    padding-left: 100%;
    z-index: 50;
}

.ticker {
    display: inline-block;
    height: 20px;
    line-height: 1em;
    white-space: nowrap;
    padding-right: 100%;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-name: ticker;
    animation-name: ticker;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
}

.ticker__item {
    display: inline-block;
    font-family: 'Keep Calm Medium';
    font-size: 12px;
    color: #fff;
}

.hide {
    display: none;
}

.search-hide {
    display: none;
}

table {
    border-collapse: collapse;
}

ul.nopadd,
ul.nopadd li {
    padding: 0 !important;
    margin-bottom: 0 !important;
}

/* ui stuff  */

body#homepage.tablet #largeCenterFont .callout span {
    font-size: 4.5vh;
    line-height: 5.0vh;
    margin-top: -20px;
    /*width: 700px;*/
}

body#homepage.tablet #largeCenterFont .callout {
    /*width:700px;*/
}

.ui-overlay-a,
.ui-page-theme-a,
.ui-page-theme-a .ui-panel-wrapper {
    color: #333;
    text-shadow: none;
}

.ui-page-theme-a .ui-btn.ui-btn-active {
    text-shadow: none;
    border: none;
}

.ui-btn {
    display: block;
    text-decoration: none;
    text-align: center;
}

ul,
ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

* {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

/* footer accordion */

.accordion-toggle {
    cursor: pointer;
}

.accordion-content {
    display: none;
    background: #fff;
    position: relative;
    z-index: 20;
}

.accordion-content p {
    padding: 20px 0 20px 4vw;
    margin: 0;
}

.accordion-content.default {
    display: block;
}

/* end ui stuff  */

#form1 {
    position: relative;
    width: 100%;
    height: 100%;
}

#logo div {
    width: 100%;
    height: 100%;
}

#logo,
#logo-overlay {
    background: url('../images/RH-logo.svg?rnd=12341') no-repeat;
    background-size: cover;
    width: 90px;
    height: 135px;
    position: absolute;
    top: 0;
    left: 20px;
    z-index: 105;
    transition: opacity 1s ease-in-out;
}

#logo.inactive {
    opacity: 0;
    z-index: -1;
}

#menu-nav {
    position: absolute;
    z-index: 105;
    right: 20px;
    top: 20px;
}

#menu-search {
    position: absolute;
    z-index: 105;
    right: 60px;
    top: 20px;
}

input[type="button"] {
    border: none;
    outline: none;
}

body.ticker-alert #menu-nav,
body.ticker-alert #menu-search {
    top: 50px;
}

.print-asset {
    display: none;
}

#popupMenu-popup {
    width: 100%;
}

.clear {
    clear: both;
}

#navMenu {
    background: rgba(0, 0, 0, 0.85);
    width: 100%;
    height: 100%;
    position: fixed;
    top: -200vh;
    left: 0;
    z-index: 200;
    overflow-y: auto;
}

#menu-nav.ui-icon-burger {
    background: url('../images/burger.png') no-repeat;
    width: 24px;
    height: 24px;
}

#menu-search.ui-icon-searchc {
    background: url('../images/search.png') no-repeat;
    width: 24px;
    height: 24px;
}

#menu-close,
#search-menu-close {
    position: absolute;
    z-index: 60;
    right: 20px;
    top: 20px;
}

#menu-close.ui-icon-closemenu {
    background: url('../images/close.png') no-repeat;
    width: 24px;
    height: 24px;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

#search-menu-close.ui-icon-closemenu {
    background: url('../images/close.png') no-repeat;
    width: 24px;
    height: 24px;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

#menu-close.ui-icon-closemenu.on {
    opacity: 1;
}

#search-menu-close.ui-icon-closemenu.on {
    opacity: 1;
}

ul#main-nav {
    position: relative;
    top: 45%;
    transform: translate(0px, -45%);
    display: table;
    margin: 0 auto !important;
}

ul#main-nav,
ul#main-nav li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#main-nav li {
    font-family: 'Keep Calm Heavy';
    text-align: center;
    line-height: 1.2em;
    padding: 0.35em;
    font-size: 32px;
    color: #F7EB2E;
}

ul#main-nav li a {
    text-decoration: none;
    color: #F7EB2E;
}

ul#main-nav li a:hover {
    color: #F7EB2E;
}

#language {
    position: absolute;
    bottom: 20px;
    width: 100%;
    height: auto;
    text-align: center;
}

#language ul li {
    font-family: 'Keep Calm Heavy';
    text-align: center;
    line-height: 1.2em;
    padding: 0.35em;
    font-size: 32px;
    color: #F7EB2E;
}

#language ul li.language-toggle {
    border: none;
}

#language ul li.language-toggle a {
    color: #fff;
    opacity: 0.5;
    font-size: 12px;
    font-family: 'Keep Calm Medium';
    text-transform: uppercase;
    padding-right: 5px;
}

#language ul li.language-toggle a.active {
    opacity: 1;
}

#share-sub-nav,
#subNav {
    background: rgba(0, 0, 0, 0.85);
    width: 100%;
    height: 100%;
    position: fixed;
    top: -200vh;
    left: 0;
    z-index: 200;
    overflow-y: scroll;
    display: none;
}

#sub-menu-close,
#share-menu-close {
    position: absolute;
    z-index: 60;
    right: 20px;
    top: 20px;
}

#sub-menu-close.ui-icon-closemenu,
#share-menu-close.ui-icon-closemenu {
    background: url('../images/close.png') no-repeat;
    width: 24px;
    height: 24px;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

#sub-menu-close.ui-icon-closemenu.on,
#share-menu-close.ui-icon-closemenu.on {
    opacity: 1;
}

.ui-nodisc-icon::after {
    background-color: transparent;
     !important;
}

#footer {
    background: #383838;
}

#footer h3 {
    margin: 0;
    padding: 20px 0 20px 20px;
    border-bottom: 1px solid #ABABAB;
}

#footer h3,
#footer a {
    text-transform: uppercase;
    font-family: 'Keep Calm Medium';
    letter-spacing: 0.5em;
    font-size: 10px;
    text-shadow: none;
}

#footer .disclaimer a {
    text-transform: uppercase;
    font-family: 'Keep Calm Book';
    letter-spacing: 0.1em;
    font-size: 10px;
    text-shadow: none;
    text-transform: capitalize;
    text-decoration: none;
    padding: 2em 0.5em;
}

#footer a {
    background: #383838;
    color: #fff;
}

#footer a {
    padding: 2em 2em;
}

#footer h3 {
    color: #fff;
}

#footer h3.follow-title {
    margin-bottom: 10px;
}

.disclaimer {
    font-size: 10px;
    font-family: 'Arial';
    color: #818181;
    text-shadow: none;
}

.ui-footer .ui-btn-icon-right::after {
    right: 2em;
}

#footer h3 {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FDC139%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 4vw center;
}

#footer h3.up {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FDC139%3B%22%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 4vw center;
}

.ftr-nav .ui-btn {
    width: 100%;
}

#footer .backtotop {
    margin: 0;
    border: 0;
    width: 100%;
    background: #fff;
    color: #625E5F;
}

.ftr-nav {}

#footer h3.follow-title {
    background: none;
    border: 0;
}

.followus {
    height: auto;
    padding: 30px 0;
}

.followus h3 {
    text-align: center;
}

.social {
    text-align: center;
}

.disclaimer {
    text-align: center;
    padding: 20px 0 0 0;
    line-height: 1.5em;
}

.disclaimer.top {
    padding: 40px 0 0 0;
}

.language-toggle {
    border-top: 1px solid #fff;
    width: 100%;
    height: 60px;
}

#footer .language-toggle li a {
    border: none;
    opacity: 0.5;
}

#footer .language-toggle li {
    text-transform: uppercase;
    width: 50%;
    float: left;
}

#footer .language-toggle li a {
    display: block;
    text-decoration: none;
}

#footer .language-toggle li:first-child a {
    text-align: right;
    padding-right: 0vh;
}

#footer .language-toggle li:last-child a {
    text-align: left;
    padding-left: 2vh;
}

#footer .language-toggle li a.ui-btn-active {
    opacity: 1;
}

#footer ul.social,
#footer ul.social li {
    list-style: none;
    padding: 0;
}

#footer ul.social li {
    list-style: none;
    display: inline-block;
    margin-right: 1vh;
}

#footer ul.social li span {
    text-indent: -99999px;
    display: inline-block;
}

.yt {
    background: url('../images/yt-social.png') no-repeat;
    width: 75px;
    height: 31px;
}

.fbk {
    background: url('../images/fbk-social.png') no-repeat;
    width: 32px;
    height: 31px;
}

.pinterest {
    background: url('../images/pinterest-social.png') no-repeat;
    width: 32px;
    height: 31px;
}

.hero-slider {
    height: 100%;
    width: 100%;
}

.hero-slider .hero-image {
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.hero-grad {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.7;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9 */
}

.hero-grad.rev {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.3;
    top: -114px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8f8f8f+0,8f8f8f+41&0.65+0,0+41 */
    background: -moz-linear-gradient(top, rgba(143, 143, 143, 0.65) 0%, rgba(143, 143, 143, 0) 41%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(143, 143, 143, 0.65) 0%, rgba(143, 143, 143, 0) 41%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(143, 143, 143, 0.65) 0%, rgba(143, 143, 143, 0) 41%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a68f8f8f', endColorstr='#008f8f8f', GradientType=0);
    /* IE6-9 */
}

.hero-grad.revb {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    top: 0px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#070707+0,000000+53&0.58+0,0+52 */
    background: -moz-linear-gradient(top, rgba(7, 7, 7, 0.58) 0%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 53%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(7, 7, 7, 0.58) 0%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 53%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(7, 7, 7, 0.58) 0%, rgba(0, 0, 0, 0) 52%, rgba(0, 0, 0, 0) 53%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94070707', endColorstr='#00000000', GradientType=0);
    /* IE6-9 */
}

.hero-grad-recipe {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.8;
    bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.85) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9 */
}

.hero-grad-brodie {
    position: absolute;
    height: 100%;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9 */
}

.slick-slide {
    height: 667px;
}

.callout {
    font-family: 'Keep Calm Heavy';
    text-align: center;
    margin: 0 auto;
    top: 25%;
    height: auto;
    position: relative;
    font-size: 42px;
    width: 300px;
    color: #F7EB2E;
    line-height: 1.08em;
}

.callout span {
    /*display: none;*/
    display: inline-block;
    text-align: center;
}

.callout img {
    display: none;
}

.callout.first img {
    display: block;
    margin: 10px auto;
}

#product-detail #refrain .callout img {
    display: block;
}

.slick-slide {
    position: relative;
}

.slick-dots {
    bottom: 120px;
}

.title {
    font-family: 'Keep Calm Medium';
    font-size: 14px;
    letter-spacing: 0.67px;
    line-height: 1.5em;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    bottom: 155px;
    width: 90%;
    margin: 0 4%;
    padding-bottom: 6px;
    color: #fff;
    box-sizing: border-box;
    border-bottom: 1px solid #fff;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px;
}

.slick-dots li {
    margin: 0;
    width: 14px;
}

.slick-dots li button::before {
    font-size: 30px;
    color: #fff;
    opacity: 1;
}

.slick-dots li.slick-active button::before {
    opacity: 1;
    color: #FFCD32;
}

ul#recipe-cat-nav,
ul#newest-filter {
    position: relative;
    top: 40%;
    transform: translate(0px, -40%);
    height: auto;
}

#recipe-cat-nav::after {
    content: '';
    clear: both;
    display: block;
    position: relative;
}

ul#recipe-cat-nav,
ul#recipe-cat-nav li,
ul#newest-filter,
ul#newest-filter li {
    list-style: none;
    margin: 0;
    padding: 50px 30px;
}

ul#recipe-cat-nav li,
ul#newest-filter li {
    font-family: 'Keep Calm Medium';
    letter-spacing: 0.1em;
    text-align: center;
    padding: 1em;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
}

ul#recipe-cat-nav li a,
ul#newest-filter li a {
    text-decoration: none;
    color: #fff;
}

ul#recipe-cat-nav li a:hover,
ul#newest-filter li a:hover {
    color: #FDC139;
}

ul#recipe-cat-nav li.list-title,
ul#newest-filter li.list-title {
    color: #FDC139;
}

ul#recipe-cat-nav li.rplink a,
ul#newest-filter li.rplink a {
    color: #FDC139;
}

.feature,
.recipe-booklet {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 0px;
}

body.tablet.m-recipe .feature,
body.tablet.m-recipe .recipe-booklet {
    width: 100%;
    height: 100%;
}

#ft1.feature {
    background: url('../images/feature-bg.png');
}

#ft1.feature.home {
    background: #ff3333 !important;
    background-color: #ff3333;
}

#ft1.feature.wbfc {
    background: none;
}

.feature.faqs img {
    margin: 0 auto;
    padding-top: 0px;
    display: block;
}

.prod-title {
    text-align: center;
    color: #594CA5;
    font-family: 'Keep Calm Heavy';
    font-size: 32px;
    position: relative;
    top: -43px;
    line-height: 1.2em;
}

.prod-title {
    top: -16px;
}

.prod-title span {
    font-family: 'Keep Calm Medium';
    font-style: italic;
    font-size: 16px;
    line-height: 1.2em;
}

.prod-title.hero span {
    font-family: 'Keep Calm Heavy';
    font-style: inherit;
    font-size: 32px;
    padding: 0 40px;
    text-align: center;
    display: block;
}

.prod-title.hero span.new {
    font-family: 'Keep Calm Medium';
    font-style: inherit;
    font-size: 24px;
    text-transform: capitalize;
    padding: 0 40px;
    text-align: center;
    display: block;
}

.prod-title.hero span strong {
    font-size: 16px;
    font-family: 'Keep Calm Book';
    text-transform: uppercase;
    font-weight: 100 !important;
}

.prod-title.hero span strong::after {
    content: "\a";
    white-space: pre;
}

.feature .description {
    width: 100%;
    font-size: 16px;
    font-family: 'Keep Calm Book';
    color: #625E5F;
    text-align: center;
    position: relative;
    top: 0px;
}

.feature.head .description {
    top: -7px;
}

#ft1 .learn-more {
    text-align: center;
}

#ft1.head .learn-more {
    text-align: center;
    padding: 10px 0;
}

#ft1 .learn-more .ui-btn {
    -webkit-border-radius: 5em;
    border-radius: 5em;
    margin: 20px auto 0 auto;
    width: 50%;
    background-color: #594CA5;
    border: none;
    text-shadow: none;
    color: #fff;
    font-family: 'Keep Calm Medium';
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 12px;
    position: relative;
    top: 0px;
    padding: 10px 0;
}

#ft1.head .learn-more .ui-btn {
    top: inherit;
}

#ft1.feature.head.product-cat .learn-more .ui-btn {
    margin-top: 0;
}

#ft1_home .learn-more {
    text-align: center;
}

#ft1_home.head .learn-more {
    text-align: center;
    padding: 10px 0;
}

#ft1_home .learn-more .ui-btn {
    -webkit-border-radius: 5em;
    border-radius: 5em;
    margin: 20px auto 0 auto;
    width: 50%;
    background-color: #594CA5;
    border: none;
    text-shadow: none;
    color: #fff;
    font-family: 'Keep Calm Medium';
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 12px;
    position: relative;
    top: 0px;
    padding: 10px 0;
}

#ft1_home.head .learn-more .ui-btn {
    top: inherit;
}

#ft1_home.feature.head.product-cat .learn-more .ui-btn {
    margin-top: 0;
}

#product-details.products::after {
    content: '';
    clear: both;
    display: block;
    position: relative;
}

#product-details {
    clear: both;
}

#recipe-booklet.feature {
    background: #1a8386;
}

#recipe-booklet img {
    margin: 0 auto;
    display: block;
    position: relative;
    width: 100%;
    max-width: 450px;
    height: auto;
}

#recipe-booklet .book-title {
    color: #F7EB2E;
    font-size: 40px;
    font-family: 'Keep Calm Heavy';
    text-align: center;
    padding-top: 60px;
    line-height: 1.2em;
}

#recipe-booklet .description {
    width: 80%;
    font-size: 20px;
    font-family: 'Keep Calm Medium';
    color: #fff;
    text-align: center;
    position: relative;
    top: 20px;
    margin: 0 auto;
    line-height: 1.3em;
}

#recipe-cat {
    width: 100vw;
    height: 250px;
    background: url('../images/recipe-hdr.png') no-repeat;
    background-size: cover;
    position: relative;
    border-bottom: 2px solid #fff;
}

#recipe-cat.cookies {
    background: url('../images/cookies-hdr.png') no-repeat;
    background-size: cover;
    border-bottom: 0;
}

#recipe-cat h1,
#recipe-cat h1 a {
    position: absolute;
    bottom: 2vh;
    left: 3vh;
    width: 70%;
    padding-left: 0px;
}

#categories #recipe-cat h1,
#categories #recipe-cat h1 a {
    background: none;
    padding-left: 0;
    z-index: 50;
}

#recipe-cat h1 span {
    color: #FDC139;
    font-family: 'Keep Calm Book';
    font-weight: 100;
}

#recipe-cat h1 span.group {
    color: #fff;
    font-family: 'Keep Calm Book';
    font-weight: 100;
    font-size: 12px;
}

.recipe-categories ul,
.recipe-categories ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

#categories .recipe-categories ul li {
    height: 105px;
    border-bottom: 2px solid #fff;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0px;
    /*newFW*/
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.95) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.95) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.95) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#recipe-cat .hero-grad.revb {
    /*newFWlinear-gradient(to bottom, rgba(0,0,0,0.25) 30%,rgba(0,0,0,0.95) 100%) */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.25) 30%, rgba(0, 0, 0, 0.95) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.25) 30%, rgba(0, 0, 0, 0.95) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.25) 30%, rgba(0, 0, 0, 0.95) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.recipe-categories ul li {
    height: 105px;
    border-bottom: 2px solid #fff;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0px;
}

.recipe-categories ul li a {
    font-family: 'Keep Calm Medium';
    position: relative;
    padding-left: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
    width: 360px;
    height: 105px;
    display: table-cell;
    vertical-align: bottom;
    z-index: 50;
    padding-right: 20px;
}

.recipe-categories ul li a span {
    color: #FDC139;
    font-family: 'Keep Calm Book';
}

#recipes h3 {}

#recipes h3 a {
    text-align: center;
    font-size: 10px;
    font-family: 'Keep Calm Medium';
    text-transform: uppercase;
    letter-spacing: 0.5em;
    padding: 2em 0;
    border-bottom: none;
    background: #fff;
}

#recipes .ui-btn-icon-right::after {
    right: inherit;
    display: inline;
    background-size: 40%;
}

#recipes .ui-icon-carat-d::after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23625E5F%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E");
}

#recipes .ui-icon-carat-u::after {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23625E5F%3B%22%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E");
}

ul.recipe-links,
ul.recipe-links li {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.recipe-links {
    width: 100%;
    display: block;
    height: 100%;
}

ul.recipe-links::after {
    content: '';
    clear: both;
    display: block;
    position: relative;
}

ul.recipe-links li {
    height: 215px;
    border-bottom: 2px solid #fff;
    position: relative;
    width: 100%;
}

.recipe-image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left center;
}

#recipe-hero .recipe-image,
#recipe-hero-small .recipe-image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

#recipes .ui-collapsible-content {
    border-bottom: 0;
}

.rating-val,
.rating-id {
    opacity: 0;
    width: 1px;
    height: 1px;
}

ul.recipe-links li a.recipe-title,
ul.recipe-links li a.recipe-title:active,
ul.recipe-links li a.recipe-title:visited,
ul.recipe-links li a.recipe-title:hover {
    font-family: 'Keep Calm Medium';
    position: absolute;
    bottom: 5px;
    left: 20px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
    width: 260px;
    z-index: 60;
    padding-bottom: 46px;
}

ul.recipe-links li div.recipe-title {
    font-family: 'Keep Calm Medium';
    position: absolute;
    bottom: 5px;
    left: 20px;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: normal;
    width: 300px;
    padding-bottom: 46px;
}

#recipe-hero ul.recipe-links li div.recipe-title {
    font-family: 'Keep Calm Medium';
    position: absolute;
    bottom: 155px;
    font-size: 20px;
}

body.mobile #recipe-hero ul.recipe-links li div.recipe-title {
    bottom: 85px;
}

body.mobile #recipe-hero .rating {
    bottom: 95px;
    padding-top: 2px;
}

body.mobile .share-link {
    bottom: 20px;
}

#product-details .info ul.list-ind {
    width: 80%;
    margin: 0 auto;
}

#product-details .info ul.list-ind a {
    text-transform: lowercase;
    color: #594CA5;
}

#recipe-hero-small ul.recipe-links li div.recipe-title {
    font-family: 'Keep Calm Medium';
    position: absolute;
    bottom: 0px;
    font-size: 20px;
    padding-bottom: 15px;
}

.recipe-grad {
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    /* background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,1) 70%);Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.95) 70%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.95) 70%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.95) 70%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    /* IE6-9 */
    width: 100%;
}

.rating {
    position: absolute;
    bottom: 15px;
    width: calc(100vw - 40px);
    left: 20px;
    border-top: 1px solid #fff;
    padding: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}

.rating span {
    color: #FDC139;
    font-family: 'Keep Calm Medium';
}

a.ui-btn.showmore {
    margin: 0;
    width: 100%;
    background: #fff;
    color: #625E5F;
    text-transform: uppercase;
    font-family: 'Keep Calm Medium';
    letter-spacing: 0.5em;
    font-size: 10px;
    padding: 1.5em 0 1.5em 0;
}

#grid-content-target a.ui-btn.showmore {
    border: none;
    position: absolute;
    bottom: -45px;
}

a.ui-btn.allcat,
a.ui-btn.newest {
    margin: 0;
    border: 0;
    border-bottom: 1px solid #ccc;
    width: 100%;
    background: #fff;
    color: #625E5F;
    text-transform: uppercase;
    font-family: 'Keep Calm Medium';
    letter-spacing: 0.5em;
    font-size: 10px;
    padding: 1.9em 0 1.9em 0;
}

a.ui-btn.newest {
    border: none;
}

#stars-ratings-button span,
#recipes .stars .ui-icon-carat-d::after {
    display: none;
}

.stars-wrap {
    display: inline-block;
    position: relative;
    bottom: -2px;
}

.stars-wrap .ui-select {
    padding: 0;
    margin: 0;
}

#stars-ratings-button {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
}

.vid-link {
    background: url('../images/play-btn.png') no-repeat;
    width: 19px;
    height: 19px;
    position: absolute;
    bottom: 2.5vh;
    right: 4vh;
}

#recipe-hero.nav-up {
    /*top: -100vh;*/
}

#recipe-hero {
    width: 100%;
    height: 100%;
    min-height: 400px;
    background-size: cover;
    position: relative;
    border-bottom: 2px solid #fff;
    margin-bottom: 0px;
}

body.mobile #recipe-hero {
    /*margin-bottom: -80px;*/
}

#recipe-hero-small {
    width: 100%;
    height: 300px;
    background-size: cover;
    border-bottom: 2px solid #fff;
}

.ready-set-make-wrap.active #recipe-hero-small {
    position: absolute;
    top: 0;
    left: 0;
}

#therecipes #recipe-hero,
#therecipes #recipe-hero-small {
    border-bottom: none;
}

#recipe-hero ul.recipe-links li,
#recipe-hero-small ul.recipe-links li {
    border-bottom: 2px solid #fff;
    position: relative;
}

body.mobile #recipe-hero ul.recipe-links li,
body.mobile #recipe-hero-small ul.recipe-links li {
    height: 100vh;
}

#recipe-hero.recipe-page ul.recipe-links li,
#recipe-hero-small.recipe-page ul.recipe-links li {
    border: 0;
}

#recipe-hero ul.recipe-links li a.recipe-title,
#recipe-hero ul.recipe-links li a.recipe-title:active,
#recipe-hero ul.recipe-links li a.recipe-title:visited,
#recipe-hero ul.recipe-links li a.recipe-title:hover {
    bottom: 20.5vh;
}

#recipe-hero-small ul.recipe-links li a.recipe-title,
#recipe-hero-small ul.recipe-links li a.recipe-title:active,
#recipe-hero-small ul.recipe-links li a.recipe-title:visited,
#recipe-hero-small ul.recipe-links li a.recipe-title:hover {
    bottom: 20.5vh;
}

#recipe-hero-small ul.recipe-links {
    width: 100%;
    padding-top: 0;
    left: 0px;
    position: relative;
}

#recipe-hero-small ul.recipe-links li {
    height: 300px;
    max-width: inherit;
    padding: 0;
}

#recipe-hero .rating {
    bottom: 165px;
}

.share-link,
.print-share-link {
    width: 50px;
    height: 19px;
    font-family: 'Keep Calm Medium';
    font-size: 12px;
    position: absolute;
    bottom: 165px;
    right: 15px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
}

.print-share-link a,
#share-recipe {
    color: #fff;
    text-decoration: none;
}

.print-share-link {
    bottom: 20px;
    left: 20px;
    right: inherit;
}

.lets-make-btn {
    background: url('../images/letsmake-btn.png') no-repeat;
    width: 159px;
    height: 166px;
    position: absolute;
    bottom: -90px;
    left: 50%;
    margin-left: -73px;
    z-index: 100;
    cursor: pointer;
}

.lets-make-btn.active {
    opacity: 0;
    display: none;
    /*left:inherit;
	right: 5vw;
	background: url('../images/close.png') no-repeat;
    width:24px;
    height: 24px;
    bottom: -6vh;
    cursor: pointer;*/
}

#prep {
    width: 100%;
    height: auto;
    background: #fff;
    position: relative;
}

#prep ul,
#prep ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

#prep ul {
    width: calc(100vw - 40px);
    padding-top: 65px;
    left: 20px;
    position: absolute;
}

#prep ul li {
    border-bottom: 1px solid #ccc;
    padding: 25px 0 30px 0;
    color: #625E5F;
    font-size: 20px;
    font-family: 'Keep Calm Book';
    padding-left: 70px;
}

#prep ul li span {
    font-size: 10px;
    text-transform: uppercase;
    width: 100%;
    display: block;
    padding-top: 7px;
}

#prep ul li.total-time {
    background: url('../images/total-time-icon.png') center left no-repeat;
}

#prep ul li.rising-time {
    background: url('../images/total-time-icon.png') center left no-repeat;
}

#prep ul li.preparation-time {
    background: url('../images/prep-time-icon.png') center left no-repeat;
}

#prep ul li.baking-time {
    background: url('../images/baking-time-icon.png') center left no-repeat;
}

#prep ul li.difficulty {
    background: url('../images/difficulty-icon.png') center left no-repeat;
}

#prep ul li.makes {
    background: url('../images/makes-icon.png') center left no-repeat;
}

#prep ul li.freezing {
    background: url('../images/freezing-icon.png') center left no-repeat;
    border-bottom: none;
}

#prep ul li.cooking-time,
#prep ul li.Cooking-time {
    background: url('../images/baking-time-icon.png') center left no-repeat;
    border-bottom: none;
}

#ingredients-directions {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    position: relative;
}

#ingredients-directions a.ui-btn {
    background: transparent;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Keep Calm Medium';
    letter-spacing: 0.4em;
    font-size: 12px;
    padding: 2.5em 0;
    z-index: 20;
    display: block;
    margin: 0;
    position: relative;
}

#ingredients-directions a.ui-btn.directions-btn {
    border-top: 1px solid #fff;
}

#ingredients-directions .recipe-image {
    position: absolute;
    z-index: 10;
    top: 0;
}

#ingredients-directions .recipe-grad {
    position: absolute;
    z-index: 15;
    background: #000;
    opacity: 0.35;
    top: 0;
}

#refrain.hero-slider {
    position: relative;
}

#video {
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    transform: none;
    z-index: -1;
    display: none;
}

#video.active {
    z-index: 25;
    display: block;
}

.video-play {
    display: block;
    background: url('../images/play-btn-lrg.png') no-repeat center center;
    width: 100%;
    height: 50%;
    position: absolute;
    top: 45%;
    transform: translate(0px, -45%);
    border: none;
}

.mobile.vid {
    display: block;
    background: url('../images/play-btn-lrg.png') no-repeat center center;
    width: 100%;
    height: 50%;
    position: absolute;
    top: 30%;
    transform: translate(0px, -45%);
}

.mobile.vid a {
    width: 100%;
    height: 100%;
    display: block;
}

.video-flag {
    display: block;
    background: url('../images/play-btn-lrg.png') no-repeat right center;
    width: calc(100vw - 40px);
    height: 25px;
    background-size: 25px;
    position: absolute;
    bottom: 45px;
    left: 60px;
    z-index: 55;
    border: none;
}

ul#share-nav {
    position: relative;
    margin: 0 auto;
    top: 40%;
    transform: translate(0, -40%);
    width: 150px;
}

ul#share-nav,
ul#share-nav li {
    list-style: none;
    margin: 0 auto;
    padding: 0;
}

ul#share-nav li {
    font-family: 'Keep Calm Medium';
    letter-spacing: 0.1em;
    text-align: left;
    padding: 1.5em;
    text-transform: uppercase;
    font-size: 12px;
    color: #fff;
    padding-left: 45px;
}

ul#share-nav li a,
ul#share-nav li a {
    text-decoration: none;
    color: #FDC139;
}

ul#share-nav li a:hover,
ul#share-nav li a:hover {
    color: #fff;
}

#share-nav .facebook-share {
    background: url('../images/facebook-share-icon.png') center left no-repeat;
}

#share-nav .twitter-share {
    background: url('../images/twitter-share-icon.png') center left no-repeat;
}

#share-nav .pinterest-share {
    background: url('../images/pinterest-share-icon.png') center left no-repeat;
}

#share-nav .email-share {
    background: url('../images/email-share-icon.png') center left no-repeat;
}

#share-nav .print-share {
    background: url('../images/print-share-icon.png') center left no-repeat;
}

#ready-set-make {
    width: 100%;
    top: 0;
    min-height: 700px;
    max-height: 720px;
    position: relative;
    z-index: 45;
}

#ready-set-make {
    /*left:-100vw;*/
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

body.color1 #ready-set-make {
    background: #EF6B5A;
}

body.color2 #ready-set-make {
    background: #1a8386;
}

body.color3 #ready-set-make {
    background: #0B53B2;
}

body.color4 #ready-set-make {
    background: #594CA5;
}

body.mobile.color1 .ready-set-make-wrap {
    background: #EF6B5A;
}

body.mobile.color2 .ready-set-make-wrap {
    background: #1a8386;
}

body.mobile.color3 .ready-set-make-wrap {
    background: #0B53B2;
}

body.mobile.color4 .ready-set-make-wrap {
    background: #594CA5;
}

#ready-set-make.active {
    left: 0;
    height: auto;
    max-height: 100%;
    position: relative;
    opacity: 1;
    margin-top: 300px;
}

#ready-set-make h2 {
    font-family: 'Keep Calm Heavy';
    text-align: center;
    line-height: 1.2em;
    padding: 0 0.35em 0.35em 0.35em;
    font-size: 48px;
    color: #F7EB2E;
    margin-bottom: 0;
    margin-top: 0;
}

.close-recipe-panel {
    background: url('../images/close.png') no-repeat;
    width: 24px;
    height: 24px;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    position: absolute;
    top: 20px;
    right: 15px;
    z-index: 305;
    cursor: pointer;
}

.close-recipe-panel.active {
    opacity: 1;
}

.slick-prev.slick-disabled {
    cursor: default !important;
}

#ready-set-make h3 {
    font-family: 'Keep Calm Heavy';
    text-align: center;
    line-height: 1.2em;
    padding: 0.35em;
    font-size: 36px;
    color: #F7EB2E;
    margin: 34px auto 0 auto;
}

#ready-set-make h3.youdidit {
    font-family: 'Keep Calm Heavy';
    text-align: center;
    line-height: 1.2em;
    padding: 0.35em;
    font-size: 48px;
    color: #F7EB2E;
    margin: 0 auto;
}

#prep .measurements-toggle ul::after,
#prep .wetdry-toggle ul::after {
    content: '';
    clear: both;
    display: block;
    position: relative;
}

#ready-set-make p {
    font-family: 'Keep Calm Book';
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 1.5em;
    width: 250px;
    margin: 0 auto;
}

#ready-set-make #panel-4 p {
    font-family: 'Keep Calm Book';
    font-size: 18px;
    color: #fff;
    text-align: center;
    line-height: 1.9em;
    width: 255px;
}

#ready-set-make p span {
    color: #F7EB2E;
    font-family: 'Keep Calm Medium';
}

.final-rating {
    width: 100%;
    text-align: center;
    padding: 20px 0;
}

.final-rating .br-theme-fontawesome-stars .br-widget a::after {
    font-size: 44px;
    padding: 0 3px;
}

.final-rating .br-theme-fontawesome-stars .br-widget a.br-selected::after {
    color: #F7EB2E;
}

.final-rating .br-theme-fontawesome-stars .br-widget a.br-active:after {
    color: #F7EB2E;
}

#ready-set-make .lets-make .ui-btn.ui-corner-all {
    -webkit-border-radius: 5em;
    border-radius: 5em;
    margin: 0 auto;
    width: 50%;
    background-color: #000;
    border: none;
    text-shadow: none;
    color: #fff;
    font-family: 'Keep Calm Medium';
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 12px;
    position: relative;
    margin-top: 20px;
    margin-bottom: 40px;
    padding: 10px;
}

#ready-set-make .lets-make-next .ui-btn.ui-corner-all {
    -webkit-border-radius: 5em;
    border-radius: 5em;
    margin: 0 auto;
    width: 40%;
    background-color: #000;
    border: none;
    text-shadow: none;
    color: #fff;
    font-family: 'Keep Calm Medium';
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 12px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 0px;
    padding: 15px 10px;
}

#ready-set-make .finished .ui-btn.ui-corner-all {
    -webkit-border-radius: 5em;
    border-radius: 5em;
    margin: 0 auto;
    width: 70%;
    background-color: #363433;
    border: none;
    text-shadow: none;
    color: #fff;
    font-family: 'Keep Calm Medium';
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 12px;
    position: relative;
    margin-top: 30px;
    margin-bottom: 0px;
    padding: 15px 10px;
}

#ready-set-make .final-rating .br-theme-css-stars .br-widget a {
    text-decoration: none;
    height: 40px;
    width: 40px;
    float: left;
    font-size: 40px;
    margin-right: 5px;
}

#ready-set-make .slick-slide {
    height: auto;
    padding-bottom: 50px;
}

#ready-set-make #panel-1.slick-slide {
    height: auto;
    padding-bottom: 0px;
}

#rsm-btp.backtotop {
    margin: 0;
    border: 0;
    width: 100%;
    background: #fff;
    color: #625E5F;
    text-transform: uppercase;
    font-family: 'Keep Calm Medium';
    letter-spacing: 0.5em;
    font-size: 10px;
    padding: 1.9em 0 1.9em 0;
}

#rsm-btp.backtotop {
    /*	border-top: 1px solid #ccc;*/
    background-image: url('../images/back-to-top-arrow.svg');
    background-repeat: no-repeat;
    background-position: calc(50% + 80px) 51%;
}

.contact-us1 #rsm-btp.backtotop {
    border-top: 1px solid #ccc;
}

#ft1.faqs #rsm-btp.backtotop {
    border: none;
}

#ready-set-make .slick-dots {
    padding-top: 0;
    position: relative;
    bottom: 20px;
}

#prep ul.slick-dots li {
    padding: 0;
    border: none;
}

#ready-set-make #recipe-instruct {
    background: #fff;
    display: block;
    margin-top: 10px;
    width: 100%;
    height: 100%;
    clear: both;
}

#prep .wetdry-toggle {
    clear: left;
    float: left;
    width: 100%;
    height: auto;
    padding-bottom: 30px;
}

#prep .measurements-toggle ul,
#prep .wetdry-toggle ul {
    width: 100%;
    padding: 30px 0 20px 0;
    left: 10%;
    position: relative;
}

#prep .measurements-toggle ul li,
#prep .wetdry-toggle ul li {
    border: none;
    padding: 0;
    text-align: center;
    width: 40%;
    float: left;
}

.measurements-toggle li a,
.measurements-toggle li a:active,
.measurements-toggle li a:visited,
.measurements-toggle li a:hover {
    border: none;
    padding: 2.5em 10px 0.5em 10px;
    color: #fff;
    font-size: 12px;
    font-family: 'Keep Calm Medium';
    letter-spacing: 0.25em;
    background: none !important;
    display: inline;
    text-decoration: none;
}

.wetdry-toggle li a,
.wetdry-toggle li a:active,
.wetdry-toggle li a:visited,
.wetdry-toggle li a:hover {
    border: none;
    padding: 2.5em 20px 0.5em 20px;
    color: #fff;
    font-size: 12px;
    font-family: 'Keep Calm Medium';
    letter-spacing: 0.25em;
    background: none !important;
    display: inline;
    text-decoration: none;
}

.measurements-toggle li a.selected,
.wetdry-toggle li a.selected {
    border-bottom: 2px solid #F7EB2E;
}

.measurements-toggle li,
.wetdry-toggle li {
    text-transform: uppercase;
    text-align: center;
}

.measurements-toggle li:first-child a,
.wetdry-toggle li:first-child a {
    text-align: center;
}

.measurements-toggle li:last-child a,
.wetdry-toggle li:last-child a {
    text-align: center;
}

.measurements-toggle li a.ui-btn-active,
.wetdry-toggle li a.ui-btn-active {
    opacity: 1;
}

/* form */

.ui-controlgroup,
fieldset.ui-controlgroup {
    padding: 0;
    margin: 0;
}

form .ui-checkbox {
    background: #fff;
    position: relative;
    width: 90px;
    clear: both;
    float: left;
}

div.needsaname .ui-btn {
    border: none !important;
}

body.color1 div .current,
body.color1 div .current .ui-btn {
    background: #FAD2CD !important;
}

/* name this div */

body.color2 div .current,
body.color2 div .current .ui-btn {
    background: #BCECF2 !important;
}

body.color3 div .current,
body.color3 div .current .ui-btn {
    background: #B5CBE8 !important;
}

body.color4 div .current,
body.color4 div .current .ui-btn {
    background: #CDC9E4 !important;
}

#recipe-instruct strong {
    color: #363433;
}

#recipe-instruct .line.h0 strong {
    color: #fff;
}

#recipe-instruct .ui-btn {
    font-family: 'Keep Calm Book';
    font-size: 18px;
    color: #686766 !important;
    font-weight: 300;
    padding-left: 70px;
    display: table-cell;
    width: 100vw;
    vertical-align: middle;
    height: 89px;
    border-right: none !important;
}

/*#recipe-instruct .ui-btn.ui-checkbox-off::after {
	background: none;
    background-image: url('../images/radio-off.png');
    width: 44px;
    height: 44px;
    top:33px;
    left:18px;
}


#recipe-instruct .ui-icon-check::after, 
#recipe-instruct .ui-btn.ui-checkbox-on.ui-checkbox-on::after {
	background: none;
    background-image: url('../images/radio-on.png');
    width: 44px;
    height: 44px;
    top:33px;
    left:18px;
}*/

#recipe-instruct .line.y span.tip,
#recipe-direction .line.y span.tip {
    background-image: url('../images/tip-icon.png');
    background-size: contain;
    width: 44px;
    height: 88px;
    position: absolute;
    right: 0px;
    display: block;
    top: 15px;
    z-index: 50;
}

#recipe-instruct .line:last-child,
#recipe-direction .line:last-child {
    border-bottom: none;
}

#recipe-instruct .line.y span.tip.active,
#recipe-direction .line.y span.tip.active {
    /*bottom: calc(49% + 15px);*/
}

body.color1 #ready-set-make #recipe-instruct .line.y span.tip.active,
body.color1 #ready-set-make #recipe-direction .line.y span.tip.active {
    background-image: url('../images/tip-icon-1-on.png');
}

body.color2 #ready-set-make #recipe-instruct .line.y span.tip.active,
body.color2 #ready-set-make #recipe-direction .line.y span.tip.active {
    background-image: url('../images/tip-icon-2-on.png');
}

body.color3 #ready-set-make #recipe-instruct .line.y span.tip.active,
body.color3 #ready-set-make #recipe-direction .line.y span.tip.active {
    background-image: url('../images/tip-icon-3-on.png');
}

body.color4 #ready-set-make #recipe-instruct .line.y span.tip.active,
body.color4 #ready-set-make #recipe-direction .line.y span.tip.active {
    background-image: url('../images/tip-icon-4-on.png');
}

#recipe-instruct .line {
    width: 100%;
    height: auto;
    min-height: 83px;
    border-bottom: 1px solid #ccc;
    position: relative;
}

#recipe-instruct .txt,
#recipe-direction .txt {
    font-family: 'Keep Calm Book';
    font-size: 18px;
    color: #686766 !important;
    font-weight: 300;
    height: auto;
    padding: 20px 0px 20px 20px;
    display: table;
}

#recipe-instruct .txt a.ProductLink {
    font-family: 'Keep Calm Book';
    font-size: 18px;
    color: #686766 !important;
    font-weight: 300;
}

#recipe-instruct .txt input {
    /*background: none;
    background-image: url('/images/radio-off.png');
    width: 44px;
    height: 44px;
    top:33px;
    left:18px;
    float: left;*/
}

.wd {
    opacity: 0;
    line-height: 0;
    width: 1px;
    height: 1px;
}

#recipe-instruct label::after,
#recipe-direction label::after,
#recipe-instruct .txt::after,
#recipe-direction .txt::after {
    content: '';
    clear: both;
    display: block;
    position: relative;
}

#recipe-instruct label.ingredient,
#recipe-direction label.ingredient {
    float: left;
    width: 50px;
}

#recipe-instruct .txt input[type="checkbox"] {
    display: none;
}

#recipe-instruct .txt input[type="checkbox"] {
    display: none;
}

#recipe-instruct .txt input[type="checkbox"]+label span {
    display: table-cell;
    vertical-align: middle;
    float: left;
    width: 44px;
    height: 44px;
    margin: -1px 0px 0px 0;
    vertical-align: middle;
    background: url('../images/checkbox-1.png') left top no-repeat;
    cursor: pointer;
}

#recipe-instruct .txt input[type="checkbox"]:checked+label span {
    background: url('../images/checkbox-1.png') -46px top no-repeat;
}

body.color1 #recipe-instruct .txt input[type="checkbox"]+label span,
body.color1 #recipe-direction .txt input[type="checkbox"]+label span,
body.color1 #recipe-direction .ingredient-steps input[type="checkbox"]+label span {
    background: url('../images/checkbox-1.png') left top no-repeat;
}

body.color1 #recipe-instruct .txt input[type="checkbox"]:checked+label span,
body.color1 #recipe-direction .txt input[type="checkbox"]:checked+label span,
body.color1 #recipe-direction .ingredient-steps input[type="checkbox"]:checked+label span {
    background: url('../images/checkbox-1.png') -46px top no-repeat;
}

body.color2 #recipe-instruct .txt input[type="checkbox"]+label span,
body.color2 #recipe-direction .txt input[type="checkbox"]+label span,
body.color2 #recipe-direction .ingredient-steps input[type="checkbox"]+label span {
    background: url('../images/checkbox-2.png') left top no-repeat;
}

body.color2 #recipe-instruct .txt input[type="checkbox"]:checked+label span,
body.color2 #recipe-direction .txt input[type="checkbox"]:checked+label span,
body.color2 #recipe-direction .ingredient-steps input[type="checkbox"]:checked+label span {
    background: url('../images/checkbox-2.png') -46px top no-repeat;
}

body.color3 #recipe-instruct .txt input[type="checkbox"]+label span,
body.color3 #recipe-direction .txt input[type="checkbox"]+label span,
body.color3 #recipe-direction .ingredient-steps input[type="checkbox"]+label span {
    background: url('../images/checkbox-3.png') left top no-repeat;
}

body.color3 #recipe-instruct .txt input[type="checkbox"]:checked+label span,
body.color3 #recipe-direction .txt input[type="checkbox"]:checked+label span,
body.color3 #recipe-direction .ingredient-steps input[type="checkbox"]:checked+label span {
    background: url('../images/checkbox-3.png') -46px top no-repeat;
}

body.color4 #recipe-instruct .txt input[type="checkbox"]+label span,
body.color4 #recipe-direction .txt input[type="checkbox"]+label span,
body.color4 #recipe-direction .ingredient-steps input[type="checkbox"]+label span {
    background: url('../images/checkbox-4.png') left top no-repeat;
}

body.color4 #recipe-instruct .txt input[type="checkbox"]:checked+label span,
body.color4 #recipe-direction .txt input[type="checkbox"]:checked+label span,
body.color4 #recipe-direction .ingredient-steps input[type="checkbox"]:checked+label span {
    background: url('../images/checkbox-4.png') -46px top no-repeat;
}

#recipe-direction .txt input[type="checkbox"] {
    display: none;
}

#recipe-direction .txt input[type="checkbox"] {
    display: none;
}

#recipe-direction .txt input[type="checkbox"]+label span {
    display: table-cell;
    vertical-align: middle;
    float: left;
    width: 44px;
    height: 44px;
    margin: -1px 0px 0px 0;
    vertical-align: middle;
    background: url('../images/checkbox-1.png') left top no-repeat;
    cursor: pointer;
}

#recipe-direction input[type="checkbox"]:checked+label span {
    background: url('../images/checkbox-1.png') -46px top no-repeat;
}

#recipe-direction .txt strong {
    color: #363433;
}

.ingredient_imp,
.ingredient_met {
    display: inline;
    color: #F7EB2E;
    font-weight: bold;
}

.ingredient_name {
    display: inline;
}

.no_imp,
.no_met {
    display: inline;
    text-decoration: none;
    padding-right: 5px;
}

#recipe-instruct.imperial .met,
#recipe-direction.imperial .ingredient_met {
    display: none;
}

#recipe-instruct.metric .imp,
#recipe-instruct.metric .no_imp,
#recipe-instruct.imperial .no_met,
#recipe-direction.metric .ingredient_imp {
    display: none;
}

#recipe-instruct .met,
#recipe-instruct .imp,
#recipe-direction .ingredient_met,
#recipe-direction .ingredient_imp {
    display: inline;
    padding-right: 5px;
    text-decoration: underline;
}

#recipe-direction .ingredient_met,
#recipe-direction .ingredient_imp {
    text-decoration: none;
}

#recipe-instruct .h0 .met,
#recipe-instruct .h0 .imp,
#recipe-direction .h0 .ingredient_met,
#recipe-direction .h0 .ingredient_imp {
    display: inline;
    padding-right: 0px;
    text-decoration: none;
}

.conversions,
.tips {
    background: #F26B5A;
    width: 100%;
    height: auto;
    box-shadow: inset 0px 11px 8px -10px rgba(0, 0, 0, 0.4), inset 0px -11px 8px -10px rgba(0, 0, 0, 0.4) !important;
    padding: 20px 0;
}

body.color1 #ready-set-make .tips,
body.color1 #ready-set-make .conversions {
    background: #EF6B5A;
}

body.color2 #ready-set-make .tips,
body.color2 #ready-set-make .conversions {
    background: #1a8386;
}

body.color3 #ready-set-make .tips,
body.color3 #ready-set-make .conversions {
    background: #0B53B2;
}

body.color4 #ready-set-make .tips,
body.color4 #ready-set-make .conversions {
    background: #594CA5;
}

#prep #ready-set-make strong {
    cursor: pointer;
}

#prep #ready-set-make strong ul,
#prep #ready-set-make strong ul li,
#prep #ready-set-make strong ul li span {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline;
    width: auto;
    left: inherit;
    position: relative;
    font-size: 18px;
    border: none;
}

#prep #ready-set-make strong ul li.hide {
    display: none;
}

#ready-set-make .conversions h3 {
    padding: 0;
    margin: 0;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 0.15em;
    font-family: 'Keep Calm Medium';
    color: #fff;
    font-size: 12px;
    padding-bottom: 20px;
}

#ready-set-make .conversions div {
    clear: both;
    width: 60%;
    font-family: 'Keep Calm Book';
    color: #fff;
    font-size: 18px;
    margin: 0 auto;
}

#ready-set-make .conversions div span {
    color: #F7EB2E;
}

#prep #ready-set-make .conversions div ul {
    width: 100%;
}

#prep #ready-set-make .conversions div ul li {
    display: block;
    text-align: center;
    color: #fff;
    padding: 10px 0;
}

#prep #ready-set-make .conversions div ul li.hide {
    display: none;
}

#prep #ready-set-make .tips p {
    color: #fff;
    font-family: 'Keep Calm Book';
    font-size: 18px;
    text-align: left;
    padding-bottom: 20px;
    width: 70%;
    line-height: 1.6em;
    padding-left: 24px;
}

#prep #ready-set-make .tips {
    position: relative;
}

#prep #ready-set-make .tips p span {
    color: #F7EB2E;
    font-weight: 700;
}

#prep #ready-set-make .tips .close-tip {
    background: url('../images/back-arrow.png') no-repeat;
    width: 22px;
    height: 22px;
    left: 20px;
    top: 25px;
    position: absolute;
    cursor: pointer;
}

.slick-prev::before {
    content: '';
}

.slick-next::before {
    content: '';
}

button.slick-prev {
    position: absolute;
    background: url('../images/back-arrow.png') no-repeat;
    top: 70px;
    left: 20px;
    width: 22px;
    height: 22px;
    z-index: 55;
}

button.slick-next {
    position: absolute;
    background: url('../images/forward-arrow.png') no-repeat;
    top: 70px;
    right: 10px;
    width: 22px;
    height: 22px;
    z-index: 55;
}

button.slick-next.slick-disabled,
button.slick-prev.slick-disabled {
    opacity: 0;
}

.snap {
    background: url('../images/snap.png') no-repeat;
    width: 156px;
    height: 156px;
    margin: 20px auto 0 auto;
}

.snap span {
    visibility: hidden;
}

#product-details {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    position: relative;
}

#product-details a.ui-btn {
    background: transparent;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Keep Calm Medium';
    letter-spacing: 0.4em;
    font-size: 12px;
    padding: 2.5em 0;
    z-index: 20;
    display: block;
    margin: 0;
}

#product-details .product-image {
    position: absolute;
    z-index: 10;
}

#product-details .recipe-grad {
    position: absolute;
    z-index: 15;
    background: #000;
    opacity: 0.35;
}

.product-image {
    width: 320px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0px auto 0 auto;
    padding-top: 60px;
    display: block;
    float: none;
}

#ft1.feature.head {
    /*padding-top: 114px;*/
    padding-bottom: 24px;
}

#ft1.feature.head .prod-title {
    line-height: 1.2em;
}

#ft1_home.feature.head {
    /*padding-top: 114px;*/
    padding-bottom: 24px;
}

#ft1_home.feature.head .prod-title {
    line-height: 1.2em;
}

#product-details #accordionp {
    position: relative;
}

body.mobile .prod-image-home {
    padding-top: 114px;
}

body#homepage.mobile .prod-image-home {
    padding-top: 0px;
}

body.mobile.landscape .prod-image-home {
    padding-top: 24px;
}

.prod-image-home img {
    width: 300px;
}

a#showMore {
    display: none;
}

#recipes {
    margin-bottom: -1px;
}

.acc h3 {
    text-transform: uppercase;
    font-family: 'Keep Calm Medium';
    letter-spacing: 0.5em;
    font-size: 10px;
    text-shadow: none;
    color: #fff;
    margin: 0;
    padding: 20px 0 20px 4vw;
    border-bottom: 1px solid #fff;
    position: relative;
    z-index: 20;
}

.acc h3 {
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FDC139%3B%22%20points%3D%2211.949%2C3.404%207%2C8.354%202.05%2C3.404%20-0.071%2C5.525%207%2C12.596%2014.07%2C5.525%20%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 4vw center;
}

.acc h3.up {
    /*background-color: rgba(0,0,0,0.5);*/
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20style%3D%22fill%3A%23FDC139%3B%22%20points%3D%222.051%2C10.596%207%2C5.646%2011.95%2C10.596%2014.07%2C8.475%207%2C1.404%20-0.071%2C8.475%20%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: right 4vw center;
}

.prod-item {
    border-bottom: 1px solid #ccc;
    margin: 0 20px;
    padding: 0 0 20px 0;
}

.prod-item img {
    margin: 0 auto;
    display: block;
    padding-top: 40px;
    width: 75%;
    height: auto;
    display: block;
    float: none;
}

.prod-item .prod-title {
    font-size: 20px;
    top: inherit;
}

#product-details .learn-more .ui-btn,
.contact-us .learn-more .ui-btn {
    -webkit-border-radius: 5em;
    border-radius: 5em;
    margin: 20px auto;
    width: 250px;
    background-color: #594CA5;
    border: none;
    text-shadow: none;
    color: #fff;
    font-family: 'Keep Calm Medium';
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 12px;
    position: relative;
    padding: 10px 0;
}

.rb-text .learn-more .ui-btn {
    -webkit-border-radius: 5em;
    border-radius: 5em;
    margin: 20px auto 15px auto;
    width: 50%;
    background-color: #383838;
    border: none;
    text-shadow: none;
    color: #fff;
    font-family: 'Keep Calm Medium';
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 12px;
    position: relative;
    padding: 10px 0;
}

.rb-text a.view-all-rb {
    margin: 10px auto;
    text-align: center;
    width: 100%;
    height: auto;
    display: block;
    color: #fff;
    text-transform: uppercase;
    text-decoration: none;
    font-family: 'Keep Calm Medium';
    font-size: 12px;
}

#product-details.wbfc .learn-more .ui-btn {
    background-color: #EF6B5A;
    margin-left: 0;
    text-decoration: none;
}

.feature.head .share-link {
    width: 50px;
    height: 19px;
    font-family: 'Keep Calm Medium';
    font-size: 12px;
    position: relative;
    bottom: inherit;
    right: inherit;
    text-transform: uppercase;
    color: #383838;
    cursor: pointer;
    padding: 15px 0 20px 0;
    margin: 0 auto;
}

.acc .info {
    padding: 0 20px 20px 20px;
    color: #686766;
}

.info-title {
    font-size: 32px;
    font-family: 'Keep Calm Heavy';
    color: #594CA5;
    line-height: 1.2em;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #594CA5;
    margin-bottom: 10px;
    padding-top: 20px;
}

.wbfc .info-title {
    color: #EF6B5A;
    border-bottom: 1px solid #EF6B5A;
}

.history .info-title,
.baking-safety .info-title {
    color: #1a8386;
    border-bottom: 1px solid #1a8386;
    margin: 0 20px;
}

.wbfc .info-title {
    color: #EF6B5A;
}

.history .info p,
.baking-safety .info p,
.wbfc .info p {
    padding: 0 20px;
}

.accordion-content .info p {
    font-size: 16px;
    color: #686766;
    font-family: 'Keep Calm Book';
    padding: 10px 10px 10px 0;
    line-height: 1.6em;
}

.info ul {
    list-style: disc;
    margin: 0 20px;
}

.info ul li {
    list-style: none;
    font-size: 16px;
    color: #686766;
    font-family: 'Keep Calm Book';
    padding: 10px 0;
}

.info ul li:before {
    content: "\2022";
    font-size: 30px;
    vertical-align: middle;
    line-height: 20px;
    margin-left: -5px;
    left: -10px;
    top: -3px;
    position: relative;
}

.info.nutrition {
    padding: 20px 10px;
}

.info td {
    padding: 20px 0px;
    border-bottom: 1px solid #383838;
}

.info td.tb {
    padding-left: 20px;
}

.info td.dbl {
    padding: 2px 0 0 0;
    border-bottom: 1px solid #383838;
}

.bfc-logo {
    padding: 37px;
    text-align: center;
    margin: 0 auto;
    background: #F5F4F2;
}

.feature.faqs img,
.feature.contact-us img,
.feature.terms img {
    padding: 0;
    width: 100vw;
    height: auto;
}

.feature.terms img {
    padding: 20px 0;
}

.feature.wbfc .prod-title {
    top: inherit;
    padding-top: 0px;
    color: #EF6B5A;
    padding-top: 30px;
    line-height: 1em;
}

.feature.wbfc .description {
    top: inherit;
    padding: 10px 40px 0 40px;
    line-height: 1.6em;
}

#ft1.feature.wbfc .learn-more .ui-btn {
    background-color: #EF6B5A;
    top: inherit;
    margin: 20px auto;
}

#ft1.feature.wbfc .accordion-content .learn-more .ui-btn {
    margin: 20px 0 0 0;
}

#ft1.feature.wbfc .accordion-content .checklist .learn-more .ui-btn {
    margin: 20px auto;
}

#ft1.feature.wbfc .accordion-content .print-materials .learn-more .ui-btn {
    margin: 20px auto;
}

.checklist {
    background: #EF6B5A;
}

.checklist h4 {
    color: #F7EB2E;
    font-size: 32px;
    font-family: 'Keep Calm Heavy';
    line-height: 1.2em;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 20px;
    margin: 0;
}

.checklist p {
    color: #fff;
    padding: 0 40px;
    text-align: center;
}

#product-details.wbfc .checklist .learn-more .ui-btn {
    background-color: #363433;
    margin: 20px auto;
}

.checklist img {
    margin: 0 auto;
    display: block;
}

.print-materials {
    background: url('../images/WeBakeforChange-PrintableMaterials-Mobile.jpg') no-repeat;
    padding-bottom: 80px;
    position: relative;
    background-size: cover;
}

.print-materials h4 {
    color: #F7EB2E;
    font-size: 48px;
    font-family: 'Keep Calm Heavy';
    line-height: 1.2em;
    text-align: center;
    padding-top: 132px;
    padding-bottom: 20px;
    margin: 0;
    position: relative;
    z-index: 25;
}

.print-materials p {
    color: #fff;
    padding: 0 50px;
    text-align: center;
    position: relative;
    z-index: 25;
}

#product-details.wbfc .print-materials .learn-more .ui-btn {
    background-color: #EF6B5A;
    margin: 20px auto;
    position: relative;
    z-index: 25;
    text-decoration: none;
}

.shade {
    width: 100%;
    height: 100%;
    display: block;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    z-index: 20;
    top: 0;
}

.wbfc .info a {
    color: #EF6B5A;
    text-decoration: underline;
}

.faqs .product-image {
    background: #1a8386;
}

#footer a.ui-btn {
    background: #fff;
    color: #625E5F;
    border-bottom: 1px solid #ccc;
}

#footer table {
    width: 100%;
}

#footer table td img {
    padding: 5px;
}

#footer td {
    padding-bottom: 10px;
}

#footer td a {
    display: block;
    background: #fff;
    padding: 0;
}

#footer td.lt {
    text-align: right;
}

#footer td.rt {
    text-align: left;
}

#footer td.tr {
    padding-top: 10px;
    padding-bottom: 0px;
}

.feature.history,
.feature.contact-us,
.feature.terms,
.feature.baking-safety,
.feature.wbfc {
    height: auto;
    min-height: auto;
}

.feature.faqs h1,
.feature.contact-us h1,
.feature.terms h1,
.feature.history h1,
.feature.baking-safety h1,
.feature.wbfc h1 {
    position: absolute;
    bottom: 2vh;
    left: 3vh;
}

#product-details {
    background: #1a8386;
}

#product-details.contact-us1,
#product-details.terms {
    padding: 20px 20px;
}

#product-details.history,
#product-details.baking-safety {
    padding: 20px 0;
}

.info p {
    color: #686766;
}

#product-details.history,
#product-details.baking-safety {
    border-bottom: 1px solid #ccc;
}

#product-details.history span,
#product-details.baking-safety span,
#product-details.wbfc span {
    background: #F5F4F2;
    padding: 73px 0px;
    width: 100%;
    display: block;
    text-align: center;
}

#product-details.contact-us1 a.tel {
    color: #1a8386;
    font-family: 'Keep Calm Book';
}

#footer a.ui-btn.backtotop {
    /*background: #F5F4F2;*/
    background: #fff;
}

.contact-us1 .info-title {
    color: #1a8386;
    border-bottom: 1px solid #1a8386;
}

div.contact-us {
    background: #1a8386;
    padding: 0;
}

div.contact-us p {
    color: #686766;
    font-family: 'Keep Calm Book';
    font-size: 16px;
    padding: 5px 0;
    margin: 0;
}

div.contact-us2 p {
    color: #1a8386;
    font-family: 'Keep Calm Heavy';
    font-size: 16px;
    padding: 5px 0;
    margin: 0;
    clear: left;
}

div.contact-us input {
    margin: 0 0 10px 0;
    width: 100%;
    border-radius: 15px;
    padding: 10px;
    border: none;
    font-family: 'Keep Calm Book';
    font-size: 16px;
    color: rgba(104, 103, 102, 0.5);
}

div.contact-us input:focus,
div.contact-us textarea:focus {
    color: rgba(104, 103, 102, 1);
}

div.contact-us select {
    width: 100%;
    border-radius: 15px;
    padding: 10px;
    border: none;
    margin-bottom: 10px;
    font-family: 'Keep Calm Book';
    font-size: 16px;
    color: rgba(104, 103, 102, 0.5);
}

div select.dropdown {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url('../images/dropdown-arrow.png');
    background-repeat: no-repeat;
    background-position: right 4vw center;
}

div.contact-us .title {
    position: relative;
    bottom: inherit;
    margin: 0 0 20px 0;
    width: auto;
    text-align: left;
    padding: 30px 0 15px 0;
    font-size: 16px;
    font-family: 'Keep Calm Book';
    color: #1a8386;
    text-transform: capitalize;
    border-bottom: 1px solid #B0AEAF;
}

div.contact-us textarea {
    width: 100%;
    height: 150px;
    border-radius: 15px;
    padding: 10px;
    border: none;
    font-size: 16px;
    font-family: 'Keep Calm Book';
    color: rgba(104, 103, 102, 1);
}

#ft1.contact-us .learn-more {
    border-top: 1px solid #B0AEAF;
    padding-top: 5px;
    margin-top: 20px;
    padding-bottom: 20px;
    text-align: left;
}

#ft1.contact-us .learn-more .ui-btn {
    background: #363433;
    background-color: #363433;
    width: 45%;
    display: block;
    color: #fff !important;
    height: auto;
    margin: 20px 0 0 0;
}

.terms .info-title {
    color: #1a8386;
    border-bottom: 1px solid #1a8386;
}

.terms .info strong {
    text-transform: uppercase;
    color: #1a8386;
    font-size: 16px;
    font-family: 'Keep Calm Book';
}

body.mobile .captcha-wrap {
    width: 280px;
}

body.color1 .hands {
    width: 100%;
    background: url('../images/ready-set-make1.jpg') no-repeat center top;
    height: 224px;
    background-size: contain;
}

body.color2 .hands {
    width: 100%;
    background: url('../images/ready-set-make2.jpg') no-repeat center top;
    height: 224px;
    background-size: contain;
}

body.color3 .hands {
    width: 100%;
    background: url('../images/ready-set-make3.jpg') no-repeat center top;
    height: 224px;
    background-size: contain;
}

body.color4 .hands {
    width: 100%;
    background: url('../images/ready-set-make4.jpg') no-repeat center top;
    height: 224px;
    background-size: contain;
}

#ready-set-make #recipe-direction {
    background: #fff;
    display: block;
    margin-top: 89px;
    width: 100%;
    height: 100%;
    clear: both;
}

#recipe-direction .line {
    width: 100%;
    height: auto;
    min-height: 90px;
    border-bottom: 1px solid #ccc;
    position: relative;
}

#recipe-direction .txt {
    font-family: 'Keep Calm Book';
    font-size: 18px;
    color: #686766 !important;
    font-weight: 300;
    vertical-align: middle;
    height: auto;
    padding: 20px;
}

.line {
    clear: left;
}

.ingredient-steps {
    clear: left;
    color: #fff;
    padding: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    float: left;
    width: 100%;
}

.ingredientList::after,
.ingredient-steps label::after {
    content: '';
    clear: both;
    display: block;
    position: relative;
}

.ingredientList {
    background: #F26B5A;
    width: 100%;
    height: auto;
    box-shadow: inset 0px 11px 8px -10px rgba(0, 0, 0, 0.4), inset 0px -11px 8px -10px rgba(0, 0, 0, 0.4) !important;
    padding: 0;
}

body.color1 #ready-set-make .ingredientList {
    background: #EF6B5A;
}

body.color2 #ready-set-make .ingredientList {
    background: #1a8386;
}

body.color3 #ready-set-make .ingredientList {
    background: #0B53B2;
}

body.color4 #ready-set-make .ingredientList {
    background: #594CA5;
}

.ingredientList .ingredient-steps:last-child {
    border: none;
}

.ingredient-steps .ingredient_id {
    display: none;
}

.ingredient-steps .ingredient_type {
    display: none;
}

#recipe-direction .ingredient-steps input[type="checkbox"] {
    display: none;
}

#recipe-direction .ingredient-steps input[type="checkbox"] {
    display: none;
}

#recipe-direction .ingredient-steps input[type="checkbox"]+label span {
    display: block;
    float: left;
    width: 44px;
    height: 44px;
    margin: -1px 25px 10px 0;
    vertical-align: middle;
    background: url('../images/checkbox-1.png') left top no-repeat;
    cursor: pointer;
}

#recipe-direction .ingredient-steps input[type="checkbox"]:checked+label span {
    background: url('../images/checkbox-1.png') -46px top no-repeat;
}

.txt-right {
    /*float:left;
    width: 80%;*/
    padding-left: 10px;
    padding-right: 40px;
    display: table-cell;
    vertical-align: middle;
}

body.color1 #ready-set-make .line .txt-right a {
    color: #F49086;
}

body.color2 #ready-set-make .line .txt-right a {
    color: #61C8C8;
}

body.color3 #ready-set-make .line .txt-right a {
    color: #667AB5;
}

body.color4 #ready-set-make .line .txt-right a {
    color: #836BA4;
}

.ingredient-steps.w {}

#recipe-instruct .line.h0 .cb,
#recipe-direction .line.h0 .cb {
    display: none;
}

#recipe-instruct .line.h0 .txt,
#recipe-direction .line.h0 .txt {
    padding: 10px 20px;
}

#recipe-instruct .line.h0 .txt-right,
#recipe-direction .line.h0 .txt-right {
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    width: 100%;
    font-family: 'Keep Calm Medium';
    padding-left: 0;
    padding-right: 50px;
    letter-spacing: 0.1em;
}

#recipe-instruct .line.h0 {
    /* border-top: 1px solid #fff;*/
}

#recipe-instruct .line.h0~.line.h0,
#recipe-direction .line.h0~.line.h0 {
    border: none;
}

#recipe-instruct .line.h0,
#recipe-direction .line.h0 {
    min-height: 10px;
    padding: 0;
}

body.color1 #ready-set-make .line.h0 {
    background: #F49086;
}

body.color2 #ready-set-make .line.h0 {
    background: #61C8C8;
}

body.color3 #ready-set-make .line.h0 {
    background: #667AB5;
}

body.color4 #ready-set-make .line.h0 {
    background: #836BA4;
}

#ready-set-make p.fin {
    font-family: 'Keep Calm Heavy';
    font-size: 24px;
    margin-top: 50px;
}

.instruction {
    font-weight: bold;
    color: #363433;
}

#grid-content-target {}

.recipe-grad::after {
    content: '';
    clear: both;
    display: block;
    position: relative;
}

#searchMenu {
    background: rgba(0, 0, 0, 0.85);
    width: 100%;
    height: 250px;
    position: absolute;
    top: -200vh;
    left: 0;
    z-index: 105;
}

#search-nav {
    width: 70%;
    margin: 20vh auto 0 auto;
}

#searchMenu li.search-field {
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    padding-bottom: 5px;
}

#search-submit {
    background: url('../images/search.png') no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    float: right;
    margin-top: 10px;
    cursor: pointer;
}

#searchMenu #search {
    background: rgba(0, 0, 0, 0);
    width: 80%;
    height: 40px;
    color: #fff;
    font-family: 'Keep Calm Book';
    font-size: 21px;
    display: block;
    border: none;
    letter-spacing: 0.05em;
    display: inline-block;
}

#recipe-instruct .txt input {
    width: 25px;
}

body.color1 .highlight {
    background: #FAD2CD;
}

body.color2 .highlight {
    background: #C0E9E9;
}

body.color3 .highlight {
    background: #C2CAE1;
}

body.color4 .highlight {
    background: #CDC4DA;
}

.rb-text .learn-more {
    padding: 20px 0 0 0;
}

body .desktop {
    display: none;
}

#predictivesearchresults {
    background: #fff;
    color: #686766;
    font-family: 'Keep Calm Book';
    font-size: 16px;
    margin-top: 35px;
}

#predictivesearchresults div {
    padding: 20px 20px;
    border-bottom: 1px solid #ABABAB;
}

#predictivesearchresults a {
    color: #686766;
    text-decoration: none;
}

#predictivesearchresults a:hover {
    text-decoration: underline;
}

.search-error {
    color: #FDC139;
    font-family: 'Keep Calm Book';
    font-size: 16px;
    text-align: center;
    padding: 40px 20%;
    width: 100%;
    margin: 0 auto;
    /*background: rgba(0,0,0,0.85);*/
}

#footer .social .yt a {
    display: inline-block;
    width: 75px;
    height: 31px;
    background: none;
}

#footer .social .fbk a {
    display: inline-block;
    width: 32px;
    height: 31px;
    background: none;
}

#footer .social .pinterest a {
    display: inline-block;
    width: 32px;
    height: 31px;
    background: none;
}

#searchTitle {
    background: #1a8386;
    color: #fff;
    font-size: 10px;
    font-family: 'Keep Calm Medium';
    text-transform: uppercase;
}

.feature.faqs {
    padding-bottom: 0;
}

.feature.faqs .header,
.feature.contact-us .header,
.feature.terms .header,
.feature.history .header,
.feature.baking-safety .header,
.feature.wbfc .header {
    height: 250px;
    position: relative;
}

.feature.faqs .header img,
.feature.contact-us .header img,
.feature.terms .header img,
.feature.history .header img,
.feature.baking-safety .header img,
.feature.wbfc .header img {
    width: auto;
    height: 100%;
}

#product-details.faqs .info-title {
    font-size: 16px;
    color: #1a8386;
    font-family: 'Keep Calm Medium';
    text-transform: uppercase;
    border-bottom: none;
    border-top: 1px solid #1a8386;
    margin-top: 15px;
    padding-bottom: 0;
}

#product-details.faqs .info-title:first-child {
    border: none;
}

#product-details.faqs p a {
    color: #1a8386;
    text-decoration: none;
    text-decoration: underline;
}

#myList {
    width: 100%;
    height: auto;
}

#product-details.history,
#product-details.contact-us1,
#product-details.baking-safety,
#product-details.wbfc {
    background: #fff;
}

.contact-us2 {
    background: #F5F4F2;
    padding: 0 20px;
    clear: both;
}

.captcha-wrap {
    margin-top: 20px;
    border-top: 1px solid #B0AEAF;
    clear: both;
    padding: 20px 0;
}

#product-details .info ul {
    width: 100%;
    padding: 0px 15px 20px;
    margin: 0 auto;
}

body#product-detail #product-details .info ul {
    width: 100%;
    padding: 20px 15px;
    margin: 0;
}

#product-detail .slick-slide {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

#grid-content-target #myList ul.recipe-links li {
    /*position: relative !important;
	left:inherit !important;
	top:inherit !important;*/
}

#grid-content-target #myList ul.recipe-links li::after {
    content: '';
    clear: both;
    display: block;
    position: relative;
}

#grid-content-target {
    /*height: auto !important;*/
    margin-bottom: 50px;
}

body#homepage .hero-slider a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

.hero-slider a {
    text-decoration: none;
}

.mobile .callout.two {
    width: 280px !important;
    top: 115px;
    font-size: 35px;
}

#product-details #accordionp {
    background: #fff;
}

#ft1.faqs #product-details #accordionp.acc h3 {
    position: relative;
    background: #1a8386;
}

#product-details.products #accordionp.acc h3 {
    text-transform: uppercase;
    font-family: 'Keep Calm Medium';
    letter-spacing: 0.5em;
    font-size: 10px;
    text-shadow: none;
    color: #fff;
    margin: 0;
    padding: 29px 0 23px 4vw;
    border-bottom: 1px solid #fff;
    position: relative;
    z-index: 20;
    height: auto;
}

#product-details .product-image-bg {
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-repeat: repeat;
    background-size: 100%;
    display: block;
}

.prod-home-wrap {
    padding-top: 20px;
    padding-bottom: 40px;
}

.product-cat .prod-home-wrap,
.hero-prod-image,
.hero-prod-details {
    position: relative;
    z-index: 60;
}

.prod-image-home img {
    z-index: 10;
    width: 300px;
    height: auto;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    margin: 0 auto;
}

#homepage .prod-image-home img {
    width: 300px;
}

#homepage.mobilr .prod-image-home img {
    width: 260px;
}

#ft1.product-cat .prod-image-home img {
    margin: 0 auto;
}

.conversions {
    color: #fff;
    text-align: center;
}

.conversions span {
    font-family: 'Keep Calm Medium';
    font-size: 12px;
    text-transform: uppercase;
}

#refrain .title a {
    color: #fff;
    text-decoration: none;
}

#ft1.recipe-booklets .learn-more .ui-btn {
    width: 50%;
    background-color: #383838;
    margin-bottom: 20px;
}

#product-details.recipe-booklet {
    background: #fff;
}

#product-details.recipe-booklet .info {
    padding: 0 0 20px 0;
    margin: 0 10%;
}

#product-details.recipe-booklet .info .info-title {
    color: #1a8386;
    font-size: 16px;
    font-family: 'Keep Calm Medium';
    text-transform: uppercase;
}

table.recipe-books {
    width: 100%;
    margin: 0 auto;
    border: none;
    padding: 0;
}

table.recipe-books td {
    width: 33.3%;
    text-align: center;
    padding-top: 40px;
    display: inline;
    border: none;
    border-bottom: 1px solid #ccc;
}

table.recipe-books .title {
    color: #1a8386;
    font-size: 16px;
    font-family: 'Keep Calm Medium';
    position: relative;
    bottom: inherit;
    border: none;
}

table.recipe-books .title span {
    border: none;
}

table.recipe-books .title br {
    display: block;
}

table.recipe-books .title span {
    color: #1a8386;
    font-size: 32px;
    font-family: 'Keep Calm Heavy';
}

#product-details table.recipe-books .learn-more .ui-btn {
    background-color: #1a8386;
    width: 60%;
}

table.recipe-books .view-all-rb {
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
    font-size: 12px;
    font-family: 'Keep Calm Medium';
}

.booklet-image-2015a {
    background: url('../images/2015-Summer.png') no-repeat bottom center;
    width: auto;
    height: 155px;
    background-size: 85%;
    margin: 0 auto;
}

.booklet-image-2015b {
    background: url('../images/2015-Fall.png') no-repeat bottom center;
    width: auto;
    height: 155px;
    background-size: 85%;
    margin: 0 auto;
}

.booklet-image-2014 {
    background: url('../images/2014-Fall.png') no-repeat bottom center;
    width: auto;
    height: 155px;
    background-size: 85%;
    margin: 0 auto;
}

.booklet-image-2013 {
    background: url('../images/2013-Fall.png') no-repeat bottom center;
    width: auto;
    height: 155px;
    background-size: 85%;
    margin: 0 auto;
}

.booklet-image-2012 {
    background: url('../images/2012-Fall.png') no-repeat bottom center;
    width: auto;
    height: 155px;
    background-size: 85%;
    margin: 0 auto;
}

.booklet-image-2011 {
    background: url('../images/2011-Fall.png') no-repeat bottom center;
    width: auto;
    height: 155px;
    background-size: 85%;
    margin: 0 auto;
}

.booklet-image-2010 {
    background: url('../images/2010-Fall.png') no-repeat bottom center;
    width: auto;
    height: 155px;
    background-size: 85%;
    margin: 0 auto;
}

.booklet-image-2009 {
    background: url('../images/2009-Spring.png') no-repeat bottom center;
    width: auto;
    height: 155px;
    background-size: 57%;
    margin: 0 auto;
}

.booklet-image-2008 {
    background: url('../images/2008-Spring.png') no-repeat bottom center;
    width: auto;
    height: 155px;
    background-size: 57%;
    margin: 0 auto;
}

#product-details.products #accordionp h3#p112,
#product-details.products #accordionp h3#p113,
#product-details.products #accordionp h3#p114,
#product-details.products #accordionp h3#p115,
#product-details.products #accordionp h3#p140,
#product-details.products #accordionp h3#p143,
#product-details.products #accordionp h3#p163,
#product-details.products #accordionp h3#p169,
#product-details.products #accordionp h3#p171 {
    display: none;
}

body.mobile #prep ul.quick-info.off,
body.tablet.m-recipe #prep ul.quick-info.off {
    position: relative;
    padding-bottom: 40px;
}

body.mobile .quick-info::after,
body.tablet.m-recipe .quick-info::after {
    content: '';
    clear: both;
    display: block;
    position: relative;
}

body.mobile .ready-set-make-wrap.off,
body.tablet.m-recipe .ready-set-make-wrap.off {
    height: 1px;
}

.prod-title.hero span.new {
    font-family: 'Keep Calm Medium';
    font-style: inherit;
    font-size: 16px;
    text-transform: capitalize;
    padding: 0 40px;
    text-align: center;
    display: none;
}

.feature.wbfc .header {
    background-size: cover;
    height: 250px;
    background-position: center center;
}

#product-details #accordionp h3#d_1,
#product-details #accordionp h3#d_2,
#product-details #accordionp h3#d_3,
#product-details #accordionp h3#d_4,
#product-details #accordionp h3#d_5,
#product-details #accordionp h3#d_6,
#product-details #accordionp h3#d_7 {
    display: none;
}

#homepage .callout {
    width: 280px;
    top: 195px;
    font-size: 35px;
}

#homepage .callout.two {
    width: 280px;
    top: 210px;
    font-size: 50px;
}

#homepage .callout.third {
    width: 280px;
    top: 210px;
}

#homepage .callout.fourth {
    width: 300px;
    top: 195px;
}

#homepage .callout.fourth.HPlower {
    top: 260px;
}

#homepage.tablet .callout.fourth.HPlower {
    top: 165px;
}

herecipes .callout {
    width: 200px;
}

#product-details.wbfc .mobile {
    overflow: hidden;
    position: relative;
}

#product-details.wbfc .mobile::after {
    content: '';
    clear: both;
    display: block;
    position: relative;
}

.info .prod_line {
    margin: 20px 0;
    background: #594CA5;
    border: 0;
    height: 1px;
}

table.recipe-books td {
    background: url('../images/feature-bg.png');
    width: 100%;
    display: block;
    border-bottom: 1px solid #ccc;
    padding: 40px 0 0 0;
}

#recipe-booklet.feature .rb-text {
    padding-top: 110px;
}

#ft1 #recipe-booklet.feature .rb-text {
    padding-top: 20px;
}

table.recipe-books .view-all-rb {
    display: none;
}

#homepage #recipe-booklet.feature .rb-text,
#categories #recipe-booklet.feature .rb-text,
#therecipes #recipe-booklet.feature .rb-text,
#product-detail #recipe-booklet.feature .rb-text {
    padding-top: 0px;
}

#product-detail .callout {
    width: 55vh;
}

#product-details .callout .two {
    width: 280px !important;
    top: 210px;
    font-size: 50px;
}

#t #accordionp .info h4 {
    color: #594CA5;
    padding: 10px 0 0 0;
    font-family: 'Keep Calm Heavy';
    margin-bottom: 15px;
}

#recipe-booklet #footer img {
    margin: 0 auto;
    display: inline;
    position: relative;
    width: auto;
    max-width: 450px;
    height: auto;
}

.snap {
    position: relative;
    display: none;
}

.snap input {
    width: 156px;
    height: 156px;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

#therecipes #recipe-booklet.feature {
    display: none;
}

#myRecipeRatingThankYou {
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-family: 'Keep Calm Medium';
    text-transform: capitalize;
    padding: 20px 0 0 0;
}

body.navOpen {
    position: fixed;
    overflow-x: hidden;
}

body.popOpen {
    overflow: hidden;
    height: 100%;
    width: 100%;
}

body.mobile.buynow-popup-open {
    position: fixed;
    overflow: hidden;
}

body.tablet.navOpen {
    padding-right: 20px;
}

.ticker-wrap {
    display: none;
}

.rating-text {
    float: left;
    padding: 9px 10px 0 0;
}

.small-title,
.small-title-filter {
    width: 100%;
    text-align: center;
    color: #333;
    text-transform: uppercase;
    font-family: 'Keep Calm Medium';
    letter-spacing: 0.4em;
    font-size: 10px;
    padding: 0 0 10px 0;
    display: none;
}

.thank-you {
    font-size: 18px;
    font-family: 'Keep Calm Heavy';
    text-align: center;
    width: 80%;
    margin: 0 auto;
    padding: 80px 0;
    color: #1a8386;
}

.back-to-products {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0;
    left: 20px;
    background: url('../images/category-back-black-arrow.png') 0 4px no-repeat;
    z-index: 100;
}

body.mobile .back-to-products {
    display: none;
}

.back-to-products a {
    display: block;
    width: 50px;
    height: 50px;
}

#refrain a {
    text-decoration: none;
}

.msg-page {
    width: 100%;
    height: calc(100vh - 300px);
    background: url(../images/generic-header.jpg) no-repeat center center;
    background-size: cover;
}

.back-to-home {
    margin: 40px 0;
}

.back-to-home a {
    -webkit-border-radius: 5em;
    border-radius: 5em;
    margin: 20px auto 0 auto;
    width: 250px;
    background-color: #1a8386;
    border: none;
    text-shadow: none;
    color: #fff;
    font-family: 'Keep Calm Medium';
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 12px;
    position: relative;
    top: 0px;
    padding: 10px 0;
}

p.centered {
    width: 100%;
    text-align: center;
    font-family: 'Keep Calm Heavy';
    color: #fff;
    font-size: 32px;
    padding-top: 15%;
    margin: 0;
    position: relative;
    z-index: 50;
}

#product-details.baking-safety .info ul {
    width: 80%;
    padding: 0px 15px 20px;
    margin: 0 auto;
}

body.mobile #refrain .callout {
    top: 125px;
}

body.mobile .ready-set-make-wrap.active,
body.tablet.m-recipe .ready-set-make-wrap.active {
    top: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    z-index: 300;
}

body.mobile .ready-set-make-wrap #tool-scroll,
body.tablet.m-recipe .ready-set-make-wrap #tool-scroll {
    width: 100%;
    height: 1px;
    overflow: hidden;
    visibility: hidden;
}

body.mobile .ready-set-make-wrap.active #tool-scroll,
body.tablet.m-recipe .ready-set-make-wrap.active #tool-scroll {
    width: 100%;
    height: auto;
    overflow: auto;
    visibility: visible;
}

body.tablet.m-recipe .ready-set-make-wrap #tool-scroll div.mobile {
    display: block;
}

body.mobile .slick-track,
body.tablet.m-recipe .slick-track {
    overflow: hidden;
}

.tb_bold {
    font-weight: bold;
}

#details_3 .info-title {
    border: none;
}

#homepage.landscape .callout {
    width: 300px;
    top: 45px;
}

#homepage.landscape .callout.two {
    width: 350px;
    top: 60px;
}

#homepage.landscape .callout.third {
    width: 300px;
    top: 45px;
}

#homepage.landscape .slick-slide {
    height: 347px;
}

#homepage.landscape br.ls {
    display: none;
}

#homepage.landscape #logo,
#homepage.landscape #logo-overlay {
    width: 79px;
    height: 119px;
}

#homepage.landscape .title {
    bottom: 55px;
}

#homepage.landscape .slick-dots {
    bottom: 20px;
}

#homepage.landscape .prod-image-home img {
    width: 240px;
}

#homepage.landscape .feature,
.recipe-booklet {
    height: 100%;
}

body.mobile.landscape #recipe-hero ul.recipe-links li div.recipe-title {
    bottom: 60px;
}

body.mobile.landscape #recipe-hero .rating {
    bottom: 70px;
}

body.mobile.landscape .share-link {
    /*bottom: 70px;*/
}

body.mobile.landscape #prep ul {
    padding-top: 0;
}

body.mobile.landscape #ingredients-directions a.ui-btn {
    margin-top: -1px;
}

#footer .disclaimer a {
    background: none;
}

body.mobile.landscape .callout {
    width: 300px;
    font-size: 52px;
}

body.mobile .backtorecipe {
    display: none;
}

body.mobile .callout.first {
    font-size: 33px !important;
}

#footer .logoContainer {
    margin-bottom: 5px;
}

#footer .logoContainer a {
    padding: .2em;
    background: #FFF;
}

#footer .bakingFamilyContainer {
    width: 100%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
}

#product-details .recipe-booksDV .learn-more .ui-btn {
    width: 60%;
    /*mobile 60%*/
}

body.mobile .recipe-booksDV {
    width: 100%;
    margin: 0 auto;
    border: none;
    padding: 0;
    display: block !important;
}

body.mobile .recipe-booksDV .table-cellDV {
    display: block !important;
    border-bottom: 1px solid #ccc;
    text-align: center;
    padding-top: 40px;
    width: 100% !important;
    background: none;
}

body.mobile .recipe-booksDV .table-rowDV {
    background: url(../images/feature-bg-lg.png);
    width: 100% !important;
    background-size: cover;
    display: block !important;
}

.tableRow {
    border-bottom: 1px solid #383838;
    width: 100%;
}

.tableRowExtraPadding {
    padding-bottom: 20px;
}

.tabledbl {
    padding: 2px 0 0 0;
    border-bottom: 4px double #383838;
    width: 100%;
    height: 2px;
}

.tabledbl1 {
    padding: 2px 0 0 0;
    border-bottom: 1px solid #383838;
    width: 100%;
    height: 2px;
}

.tablecellNut,
.tablecellNutRight {
    display: inline;
    float: left;
    width: 50%;
    padding-bottom: 20px;
    padding-top: 20px;
}

#prod-nut-info-btn-open .tb,
#details_4 .tb {
    padding-left: 20px;
}

.tablecellNutRight {
    float: right;
    text-align: right;
}

.rowClear {
    clear: both;
}

.justUnderline {
    text-decoration: underline;
}

#product-details .info table {
    border-collapse: collapse;
}

#product-details .info th,
#product-details .info td,
#product-details .info table table {
    border: 1px solid black;
}

body.mobile .homepageFloatingLogoImage {
    width: 100%;
    text-align: center;
    left: 0px;
    bottom: 30px;
}

body.mobile .homepageFloatingLogoImage img {
    margin: 0 auto;
}

#homepage.mobile .slick-slide .title {
    border-bottom: none !important;
    bottom: 50px;
}

#homepage.mobile .GCBS .hero-grad {
    display: block;
}

#homepage.mobile .slick-dots {
    bottom: 30px;
}

#homepage.mobile .GCBSspecialSliderBox1 .callout.fourth {
    top: 460px;
    width: 330px;
}

#homepage.mobile .calloutSmaller {
    font-size: 20px;
}

#homepage.landscape .callout {
    top: 137px !important;
}

#homepage.landscape .callout.first,
#homepage.landscape .callout.fourth,
#homepage.landscape .callout.third,
#homepage.landscape .callout.second {
    font-size: 21px !important;
}

#homepage.landscape .slick-slide .title {
    font-size: 11px;
    bottom: 69px;
}

#homepage.landscape .homepageFloatingLogoImage {
    bottom: 38px;
}

body#homepage.desktop #largeCenterFont .callout.fourth {
    width: 750px;
}

body#homepage.desktop #largeCenterFont .callout span {
    font-size: 4.8vw;
    line-height: 5.5vw;
    width: 750px;
    margin-top: 30px;
}

body#homepage.mobile #largeCenterFont .callout span {
    font-size: 7.0vh;
    line-height: 7.0vh;
}

body#homepage.landscape #largeCenterFont .callout span {
    font-size: 5.5vw;
    line-height: 5.5vw;
}

body.mobile .BroadieleftBox .callout.first {
    font-size: 35px !important;
    margin-bottom: 5px;
    width: 340px !important;
    top: 175px !important;
}

body#homepage.mobile.landscape .BroadieleftBox .callout.first {
    font-size: 20px !important;
    margin-bottom: 5px;
    width: 340px !important;
    top: 60px !important;
}

body.mobile.landscape .brodieImageBox img {
    width: 80%;
    margin: auto;
}