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:  #ffcb33!important;
    background-color : #ffcb33;
}

#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;
}