/* Select */
#recipedback {
	position: relative;
	background-size: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	text-align:center;
	background-color:#E8E8E8;
}
#recipedhead {
	margin:0 auto;
	padding:3vw 0 1vw;
}
#recipedhead h1 {
	color: #3A1E39;
	font-size:2.8vw;
	text-transform:uppercase;
	margin:0;
}
#recipehashsel {
	overflow:hidden;
}
#recipehashselt {
	display:flex;
	flex-direction:row;
	width:100%;
	margin:20px auto;
	height:15vw;
    align-items: center;
  justify-content: center;
}
.recipehashselc {
	position:relative;
	width:25%;
	height:100%;
	font-family: "subjectivity_serifextra_bold";
	color:#ffffff;
	font-size: 1.5vw;
	overflow:hidden;
}
.recipehashseli {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	display:block;
	width:100%;
	height:100%;
	background-size:cover;
	background-color: rgba(90,90,90,.5);
	/* Tint color */
	background-blend-mode: multiply;
	vertical-align:middle;
	text-align:center;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}
.recipehashselc:hover .recipehashseli {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.recipehashselt {
	display:inline-block;
	position:relative;
	z-index:2;
	margin-top:7vw;
	color:#ffffff;
	text-align:center;
}
.recipe-intro{
	position: relative;
	display: block;
	width: 60%;
	margin: 0 20% 2vw 20%;
	color:#3A1E39;
}
#recipedhtext {
	margin:0 auto;
	max-width:1000px;
	padding:20px;
}
#recipefind {
	margin:0 auto;
}
#recipefind h2 {
	color:#ffffff;
	font-size:2.8vw;
	text-transform:uppercase;
}
#recipefindouter {
	position: sticky;
	top: 50px;
	background-color:#3A1E39;
	padding:50px 0;
	margin-top: -1px;
	z-index: 20000;
}
.recipe-arrow-down {
	position: absolute;
	display: block;
	width: 5%;
	height: auto;
	margin: -6vw 47.5% 0 47.5%;
}
.recipe-arrow-down img{
	display: block;
	width: 100%;
	height: auto;
}
.recipe-search-image1 {
	position: absolute;
	display: block;
	top: -4vw;
	left: 5vw;
	width: 9%;
	height: auto;
}
.recipe-search-image1 img{
	width:100%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}
.recipe-search-image1 a:hover img{
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.recipe-search-image2 {
	position: absolute;
	display: block;
	top: -5vw;
	right: 8vw;
	width: 11%;
	height: auto;
}
.recipe-search-image2 img{
	display: block;
	width: 100%;
	height: auto;
}
.recipe-slant {
	position: relative;
	display: block;
	width: 100%;
	height: 4vw;
	margin-top: 10px;
	background-color: #3A1E39;
	clip-path: polygon(0 100%,/* left top */
	100% 0,/* right top */
	100% 100%,/* right bottom */
	0 100%/* left bottom */
	);
}
.recipe-slant2 {
	position: relative;
	display: block;
	width: 100%;
	height: 5vw;
	margin-top: -2px;
	background-color: #E8E8E8;
	clip-path: polygon(0 0,/* left top */
	100% 0,/* right top */
	100% 100%,/* right bottom */
	0 10%/* left bottom */
	);
}
#recipeselect {
	margin-top:30px;
}
.recipeselect {
	position:relative;
	display:inline-block;
	min-height:40px;
	width:calc((100% / 6) - 40px);
	max-width:260px;
	border:1px solid #E8E8E8;
	margin:0 5px;
	text-align:left;
	vertical-align:top;
	padding:8px 8px;
	box-sizing: border-box;
	border-radius: 25% 75% 75% 25% / 3% 2% 3% 2%;
	background-color:#ffffff;
	font-family: "usual";
	font-size: 14px;
	font-weight: 500;
}
.recipeselink {
	display:block;
	width:100%;
	height:100%;
	text-align:left;
}
.recipeseltext {
	display:inline-block;
	vertical-align:middle;
	width:calc(100% - 19px);
	text-align:left;
}
.recipearrow {
	display:inline-block;
	vertical-align:middle;
	width:15px;
	text-align:right;
}
.recipeseldrop {
	position:absolute;
	top:32px;
	left:-1px;
	width:100%;
	border:1px solid #E8E8E8;
	border-top:none;
	background-color:#ffffff;
	display:none;
	z-index:9999;
	text-align:left;
	padding-top:8px;
	padding-bottom:5px;
	overflow:hidden;
	height: 255px;
}
.recipeseldrop1 {
	display:block;
	max-height:255px;
	width:calc(100% - 9px);
}
.recipeseldrop1 a {
	display:block;
	text-align:left;
	padding:4px 5px 4px 8px ;
	font-family: "usual";
	font-size: 14px;
	font-weight: 500;
}
#recipeselected {
	margin:40px auto;
	width:100%;
	max-width:1200px;
	padding:0 20px;
	box-sizing: border-box;
}
.recipeselected {
	display:inline-block;
	margin:5px 5px;
}
.recipeselected a {
	display:inline-block;
	background-color:#ffffff;
	padding:5px 10px;
	font-size:14px;
	border-radius: 25% 75% 75% 25% / 3% 2% 3% 2%;
}
.recipeselected img {
	display:inline-block;
	vertical-align:middle;
}
.recipeselrem {
	font-size:24px;
	color:#D32300;
}
.reciperank {
	font-size:11px;
}
.filtclearall {
	color:#ffffff;
	font-size:12px;
	text-transform:uppercase;
	display:inline-block;
	margin:0 10px;
}
#divsearch {
	margin-left:30px;
	position:relative;
	box-sizing: border-box;
	padding:0;
}
#divsearch input {
	border:none;
	outline: none;
	height:100%;
	width:calc(100% - 5px);
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	box-shadow: none !important;
	box-sizing: border-box;
	padding:9px 6px;
}
#divsearchi {
	position:absolute;
	right:5px;
	top:3px;
	width:15px;
}
#divsearchi svg {
	width:100%;
}
.recipe-results{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	font-family:"subjectivity_serifextra_bold";
	font-size: 1.5vw;
	line-height: 1vw;
	font-weight:400;
	color: #3A1E39;
	font-stretch:normal;
	width: 100%;
	height: 2vw;
	margin: 0 0 2.5vw 0;
	text-transform: uppercase;
	padding-top: 2.5vw;
}
.recipe-results:before,.recipe-results:after {
	content: '';
	border-top: 1px solid #3A1E39;
	margin: 0 20px 0 0;
	flex: 1 0 20px;
}
.recipe-results:after {
	margin: 0 0 0 20px;
}
.recipeblock h2 {
	font-size:20px;
}
@media only screen and (max-width: 1200px) {
	#recipeselect {
		max-width:800px;
		margin:30px auto 0 auto;
	}
	.recipeselect,#divsearch {
		margin:5px 5px;
		width:calc((100% / 3) - 40px);
		max-width:none;
	}
}
@media only screen and (max-width: 834px) {
	#recipehashselt {
		flex-wrap:wrap;
		height:50vw;
	}
	.recipehashselc {
		width:50%;
		height:50%;
		font-size: 3vw;
		overflow:hidden;
	}
    .recipehashselt {
      margin-top:11.5vw;
    }
	.recipe-search-image1 {
		position: absolute;
		display: block;
		top: -4vw;
		left: 7vw;
		width: 13%;
		height: auto;
	}
	.recipe-search-image2 {
		position: absolute;
		display: block;
		top: -6vw;
		right: 8vw;
		width: 15%;
		height: auto;
	}
	.recipe-results{
		font-size: 2.5vw;
		line-height: 2.5vw;
		font-weight:400;
		color: #3A1E39;
		font-stretch:normal;
		width: 100%;
		height: 2vw;
		margin: 0 0 2.5vw 0;
		text-transform: uppercase;
		padding-top: 2.5vw;
	}
}
@media only screen and (max-width: 700px) {
	.recipeselect,#divsearch {
		position:relative;
		display:block;
		margin:0 auto 10px auto;
		width:calc(100% - 50px);
		max-width:300px;
	}
	.recipeseldrop {
		position:absolute;
		top:32px;
		left:-1px;
		width:100%;
		border:1px solid #E8E8E8;
		border-top:none;
		background-color:#ffffff;
		display:none;
		z-index:9999;
		text-align:left;
		padding-top:8px;
		padding-bottom:5px;
		overflow:hidden;
		height: 255px;
	}
	.recipeseldrop1 {
		display:block;
		max-height:255px;
		width:calc(100% - 9px);
	}
	.recipeseldrop1 a {
		display:block;
		text-align:left;
		padding:4px 5px 4px 8px ;
		font-family: "usual";
		font-size: 14px;
		line-height: 16px;
		font-weight: 500;
	}
	.recipeseldrop a {
		display:block;
		text-align:left;
		padding:4px 5px 4px 10px ;
	}
}
@media only screen and (max-width: 1200px) {
	#recipefindouter {
		position: relative;
		top: auto;
	}
}
@media only screen and (max-width: 500px) {
	#recipedhead h1 {
		font-size:8vw;
	}
	#recipehashsel {
		display:table;
		width:100%;
		margin:20px auto;
		height:15vw;
	}
	.recipehashsel {
		display:inline-block;
		width:50%;
		height:30vw;
		background-size:cover;
		vertical-align:middle;
		text-align:center;
		font-family:"subjectivity_serifsuper";
		color:#ffffff;
		font-size: 4vw;
		line-height: 30vw;
	}
	#recipehashsel1 {
		height:50px;
		padding:20px 20px;
	}
	.recipehashsel {
		margin-bottom:-1px;
	}
	#recipefind h2 {
		font-size:7vw;
	}
	.recipe-arrow-down {
		width: 16%;
		margin: -20vw 42% 0 42%;
	}
	.recipe-search-image1 {
		position: absolute;
		display: block;
		top: -9vw;
		left: 5vw;
		width: 20%;
		height: auto;
	}
	.recipe-search-image1 img{
		display: block;
		width: 100%;
		height: auto;
	}
	.recipe-search-image2 {
		position: absolute;
		display: block;
		top: -12vw;
		right: 5vw;
		width: 22%;
		height: auto;
	}
	.recipe-search-image2 img{
		display: block;
		width: 100%;
		height: auto;
	}
	.recipe-results{
		font-size: 5vw;
		line-height: 6vw;
		color: #3A1E39;
		width: 100%;
		height: 2vw;
		margin: 0 0 5.5vw 0;
		padding-top: 5.5vw;
	}
}
@media only screen and (max-width: 400px) {
	.recipeselect,#divsearch {
		width:calc(100% - 90px);
		height:20px;
	}
}
/* Grid */
#recipegrid1 {
	text-align:center;
	width:100%;
	background-color:#ffffff;
}
#recipegrid2 {
	width:80%;
	margin:0 auto;
	padding-bottom:30px;
	text-align:center;
}
.recipegrid {
	position:relative;
	float:left;
	width:20%;
	text-align:center;
}
.recipegrid a {
	position:relative;
	display:block;
	overflow:hidden;
	margin:0 5%;
}
.recipegridi {
	display:block;
	width:100%;
	padding:0;
	margin:0 0 130px 0;
	box-sizing: border-box;
	overflow:hidden;
}
.recipegridi img {
	width:100%;
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
}
.recipegrid a:hover .recipegridi img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.recipegridv {
	position:absolute;
	left:0;
	top:0;
	width:100%;
}
.recipegridv img {
	width:100%;
}
.recipegrida {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	text-align:left;
	padding:0 5% 0 0;
	height:120px;
	box-sizing: border-box;
}
.recipegridt {
	display:block;
	height:150px;
	box-sizing: border-box;
	font-family: 'Usual';
	font-weight:800;
	letter-spacing:0px;
	line-height:1.1vw;
	font-size: .8vw;
	color:#3A1E39;
	overflow:hidden;
}
.recipegridd {
	display:block;
	height:20px;
	box-sizing: border-box;
	width:100%;
	text-align:center;
	line-height:1vw;
	font-size: .9vw;
	color:#000000;
}
#recipefriends {
	box-sizing: border-box;
	margin:0 auto;
	text-align:left;
	max-width:500px;
	padding:30px 0;
	color:#9D9D9C;
}
#recipefriends img {
	display:inline-block;
	vertical-align:middle;
	width:100px;
	padding-right:10px ;
}
#recipefriends span {
	display:inline-block;
	box-sizing: border-box;
	vertical-align:middle;
	width:calc(100% - 120px);
	font-weight:bold;
	font-size:16px;
	color: #3A1E39;
}
#prodgrid {
	margin:0 auto;
	text-align:center;
	max-width:1000px;
}
.prodgridp {
	position:relative;
	display:inline-block;
	width:calc(25% - 4px);
	min-height:200px;
	text-align:center;
}
.prodgridp img {
	width:100%;
	margin:30px 0 130px 0;
}
.prodgridt {
	position:absolute;
	bottom:40px;
	left:0;
	width:100%;
	text-align:center;
	height:80px;
	padding:0 5px;
	box-sizing: border-box;
	font-family: 'Century Gothic';
	letter-spacing:1px;
	color:#D32300;
}
.prodgridb {
	position:absolute;
	bottom:20px;
	left:0;
	width:100%;
	text-align:center;
	height:30px;
	box-sizing: border-box;
}
#prodmore {
	margin:20px auto 40px auto;
	text-align:center;
}
/* Details */
#recipetop {
	display:table;
	background-color:#313439;
	width:100%;
	height:33.75vw;
}
#recipehback {
	display:table-cell;
	vertical-align:middle;
	width:60%;
	position: relative;
	background-size: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height:33.75vw;
}
#recipehback img {
	width:100%;
}
#recipeintro {
	display:table-cell;
	vertical-align:middle;
	width:40%;
	box-sizing: border-box;
	padding:0 10px 70px 10px;
	background:none;
	height:100%;
	background-color:#3A1E39;
	position:relative;
}
#recipeintro1 {
	margin:0 auto;
	text-align:center;
	max-width:80%;
}
#recipeintro1 h1 {
	text-align:center;
	font-family:"subjectivity_serifsuper";
	color:#fff;
	font-size: 1.8vw;
	line-height: 2vw;
}
#recipeserves {
	margin-top:5px;
	font-family: "subjectivity_serifextra_bold";
	color: #fff;
}
#recipeingreds {
	margin-top:20px;
}
#recipeallbutt {
	margin:20px auto 0 auto;
	text-align:center;
}
#rating {
	position:absolute;
	bottom:10px;
	left:calc(50% - 75px);
	width:150px;
	text-align:center;
}
.ratestar {
	display:inline-block;
	width:30px;
}
.ratestar img {
	width:100%;
}
#ratingt {
	margin-top:5px;
	font-size:12px;
    color: #fff;
}
#recipeingreds A {
	display:inline-block;
	vertical-align:middle;
	max-width:100px;
	padding:0 2px;
	box-sizing: border-box;
}
#recipeingreds IMG {
	width:100%;
	border-radius:50%;
}
#recipesumm1 {
	background-color:#E8E8E8;
	padding:40px 20px 20px 20px;
}
#recipesumm2 {
	margin:0 auto;
	max-width:1160px;
	color:#3A1E39;
}
#recipesumm2 p {
	color:#3A1E39;
}
.recipesummslant {
	position: relative;
	display: block;
	width: 100%;
	height: 2vw;
	margin-top: -1px;
	background-color: #E8E8E8;
	clip-path: polygon(0 0,/* left top */
	100% 0,/* right top */
	100% 100%,/* right bottom */
	0 10%/* left bottom */
	);
}
#recipedetails {
	margin:20px auto 40px auto;
	width:100%;
	max-width:1200px;
	text-align:center;
	padding:0 20px;
	box-sizing: border-box;
}
#recipedleft, #recipedright {
	display:inline-block;
	vertical-align:top;
	width:calc(50% - 2px);
	text-align:left;
	box-sizing: border-box;
	overflow:hidden;
}
#recipedleft {
	box-sizing: border-box;
	padding-right:70px;
}
#recipedetails h2, #recipedetails h3 {
	margin-bottom:20px;
}
.recipeblock {
	margin-top:40px;
}
.recipelines {
	width:100%;
	padding:10px 15px ;
	box-sizing: border-box;
}
.rlineleft {
	display:inline-block;
	width:100px;
	vertical-align:top;
}
.rlineright {
	display:inline-block;
	width:calc(100% - 124px);
	vertical-align:top;
	margin-left:20px;
	text-align:left;
}
.methodlines {
	width:100%;
	margin-bottom:15px;
}
.mlinenum {
	display:inline-block;
	vertical-align:top;
	width:35px;
}
.mlinenum IMG {
	width:28px;
}
.mlinetext {
	display:inline-block;
	vertical-align:top;
	margin-top:2px;
	width:calc(100% - 50px);
	box-sizing: border-box;
}
#method_images {
	margin:30px 0 0 -10px;
	text-align:center;
	width:calc(100% + 10px);
}
.method_images {
	display:inline-block;
	margin:0 10px;
	position:relative;
	text-align:left;
}
.method_image {
	width:100%;
}
.method_inum {
	position:absolute;
	left:5px;
	bottom:5px;
}
#recipesocial {
	margin:30px 20px 20px 0;
}
#recipesocial img {
	display:inline-block;
	height:46px;
	padding-right: 20px;
}
@media only screen and (max-width: 1920px) {
	.recipegridt {
		line-height:1.3vw;
		font-size: 1vw;
	}
}
@media only screen and (max-width: 1622px) {
	.recipegridt {
		line-height:1.4vw;
		font-size: 1.1vw;
	}
}
@media only screen and (max-width: 1200px) {
	#recipetop {
		background:none;
	}
	#recipehback {
		display:block;
		width:100%;
		height:56.25vw;
	}
	#recipeintro {
		background-color:#3A1E39;
		display:block;
		width:100%;
		padding:20px 10px 10px 10px;
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center;
		height:auto;
	}
	#recipehtext1, #recipehtext2 {
		position:relative;
		padding:10px 20px;
		width:100%;
		background:none;
		margin:0;
		max-width:none;
		box-sizing: border-box;
	}
	#rating {
		position:relative;
		bottom:auto;
		left:auto;
		width:150px;
		text-align:center;
		margin:30px auto 0 auto;
	}
	#recipehtext2 H1 {
		color:#000000;
	}
	#recipehtml1 {
		margin-top:20px;
		color:#000000;
	}
	#recipehtml1, #recipehtml1 P {
		color:#000000;
	}
	#recipedleft, #recipedright {
		display:block;
		width:100%;
		padding:0;
	}
	#recipedright {
		margin-top:40px;
	}
	.recipegrid {
		width:25%;
	}
}
@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 900px) {
	#recipedcont {
		padding:10px 20px;
	}
	#recipedcleft, #recipedcright {
		display:block;
		width:100%;
		margin-left:0;
		margin-right:0;
		padding:0;
	}
	#recipedcright {
		margin-top:30px;
	}
	.recipegrid {
		width:33.33333%;
	}
	.prodgridp {
		width:calc(33.33333% - 4px);
	}
}
@media only screen and (max-width: 834px) {
	.recipegridt {
		display:block;
		height:150px;
		box-sizing: border-box;
		font-family: 'Usual';
		font-weight:800;
		letter-spacing:0px;
		font-size: 2vw;
		line-height:2.6vw;
		color:#3A1E39;
		overflow:hidden;
	}
	#recipeintro1 h1 {
		text-align:center;
		font-family:"subjectivity_serifsuper";
		color:#fff;
		font-size: 4vw;
		line-height: 5vw;
	}
#recipesocial {
	margin:30px 0 20px 0;
}
#recipesocial img {
	display:inline-block;
	height:36px;
}		
}

@media only screen and (max-width: 700px) {
	.recipegrid {
		width:50%;
	}
	.prodgridp {
		width:calc(50% - 4px);
	}
}
@media only screen and (max-width: 500px) {
	#method_images {
		margin:30px 0 0 0;
		width:50%;
	}
	#recipedcont .h1 {
		font-family:'bodedoregular';
		font-size:40px;
		color:#FFD000;
	}
	#recipegrid2 {
		width:90%;
		margin:0 auto;
		padding-bottom:30px;
		text-align:center;
	}
	.recipegrid {
		position:relative;
		float:left;
		width:50%;
		text-align:center;
	}
	.recipegrid a {
		position:relative;
		display:block;
	}
	.recipegridi {
		margin:0 0 120px 0;
	}
	.recipegridv img {
		width:100%;
	}
	.recipegrida {
		height:110px;
	}
	.recipegridt {
		height:150px;
		line-height:5vw;
		font-size: 3.7vw;
	}
	#recipeintro1 h1{
		font-size: 7vw;
		line-height: 8vw;
	}
}
@media only screen and (max-width: 400px) {
	.recipegrid {
		width:50%;
	}
	.prodgridp {
		width:100%;
	}
	#recipeintro1 h1{
		font-size: 7vw;
		line-height: 8vw;
	}
}
@media print {
	#wrapper1 {
		margin:0;
		padding:0;
	}
	#recipesocial, #recipegrid, #recipesghead, #videoshead, #recipeingreds1, #recipehback, #recipeallbutt, #recipegrid1, .promo_recipes0, .promo_recipes1 {
		display:none;
	}
	#recipeintro {
		clear:both;
	}
	#recipeintro, #recipeintro1 {
		display:block;
		margin:0 auto;
		vertical-align:middle;
		width:100%;
		padding:0;
		background:none;
	}
	#recipedetails {
		padding:0;
	}
	.recipeblock h2 {
		font-size:18px;
	}
	#recipedetails, .recipelines, .methodlines {
		font-size:12px;
	}
	#recipedleft, #recipedright {
		display:block;
		width:100%;
		padding:0;
		margin:0;
	}
	#recipedleft {
		width:60%;
		text-align:left;
	}
	#recipedright {
		margin-top:20px;
	}
	.recipeblock {
		margin-top:20px;
	}
	#recipedetails {
		margin:0 auto 20px auto;
	}
	#recipedetails h2, #recipedetails h3 {
		margin-bottom:10px;
	}
	.recipegrid {
		width:100%;
	}
	.recipelines {
		padding:0 ;
		border-bottom:1px solid #E8E8E8 ;
	}
	.methodlines {
		margin-bottom:2px;
	}
	.mlinenum {
		width:22px;
	}
	.mlinenum IMG {
		width:18px;
	}
	.mlinetext {
		margin-top:0;
		width:calc(100% - 30px);
	}
	.recipetags {
		margin-top:0;
	}
}