/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*         o°        o°        o°                                         °o        °o        °o         */
/*        O         O         O                  TIPS LIST                  O         O         O        */
/* ><(((°>   ><(((°>   ><(((°>                                               <°)))><   <°)))><   <°)))>< */
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°    Main container with large background   °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

#main-container.tips{
	background-image:url(../images/misc/misc.jpg);
}
.page-template-template-posts #main-container.tips{
	background-image:url(../images/news/news.jpg);
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°               Filter select               °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

@media all and (max-width: 767px){
	.tips .filter-select{display:none;}
}

.tips .recipe-filters-mobile .filter-container label{
	width:180px;
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                   Block                   °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.tip-block{
	width:984px;
	background:#fff;
	border:solid 1px #dadada;
	margin:35px auto 0 auto;
	padding:2px 2px 45px 2px;
}

@media all and (max-width: 989px){
	.tip-block{width:738px; padding:1px 1px 30px 1px;}
}

@media all and (max-width: 767px){
	.tip-block{width:241px; border:none; padding:0;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                 Tip items                 °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

@media all and (max-width: 767px){
	.tip-item{margin:0 0 35px 0;}
	h2.widgettitle{
		margin-left: 0px !important;
		text-align: center !important;
		padding-left: 36px;
		padding-right: 0px;
		background-size: 37px;
	}
	ul#pretty-pinterest-pins-widget li.pretty-pinterest-pin{
		width: 50% !important;
	}
}

/* .o° .o° .o° .o° .o° .o° Images °o. °o. °o. °o. °o. °o. */

.tip-item .img{
	overflow:hidden;
	line-height:0;
	float:left;
	width:491px;
	height:330px;
}

.tip-item .img img{
	width:100%;
}

.tip-item .img img.mobile{
	display:none;
}

/* even items */

.tip-item:nth-child(even) .img{
	float:right;
}

@media all and (max-width: 989px){
	.tip-item .img{width:370px; height:247px;}
}

@media all and (max-width: 767px){
	.tip-item .img img{display:none;}
	.tip-item .img img.mobile, .tip-item .img img.no_mobile{display:block;}
	.tip-item .img, .tip-item:nth-child(even) .img{width:auto; height:auto; float:none; padding:2px;}
}

/* .o° .o° .o° .o° .o° .o° Text °o. °o. °o. °o. °o. °o. */

.tip-item .text{
	float:right;
	padding:10px 20px 0 0;
	width:450px;
}

/* even items */

.tip-item:nth-child(even) .text{
	float:left;
	padding:10px 0 0 20px;
	text-align:right;
}

@media all and (max-width: 989px){
	.tip-item .text{width:337px;}
}

@media all and (max-width: 767px){
	.tip-item .text, .tip-item:nth-child(even) .text{width:auto; float:none; text-align:center; margin:0 2px; padding:0;}
}

/* .o° .o° .o° .o° .o° .o° Text : title °o. °o. °o. °o. °o. °o. */

.tip-item h2{
	font:700 29px / 32px 'Open Sans', sans-serif;
	color:#fff;
	position:relative;
	display:inline-block;
	padding:15px 20px;
	background:#f01724;
}

.tip-item h2 a{
	color:#fff;
	position:relative;
	z-index:2;
}


@media all and (max-width: 989px){
	.tip-item h2{font-size:21px; line-height:22px; padding:11px 15px;}
}

@media all and (max-width: 767px){
	.tip-item h2{text-align:left; display:block;}
}

/* .o° .o° .o° .o° .o° .o° Text : description °o. °o. °o. °o. °o. °o. */

.tip-item p{
	font:400 14px / 20px 'Open Sans', sans-serif;
	color:#000;
	padding:20px 0 0 0;
}

@media all and (max-width: 989px){
	.tip-item p{font-size:13px; line-height:18px; padding:15px 0 0 0;}
}

@media all and (max-width: 767px){
	.tip-item p{font-size:14px; line-height:18px; padding:20px 13px 0 13px; text-align:left;}
}

/* .o° .o° .o° .o° .o° .o° Text : link °o. °o. °o. °o. °o. °o. */

.tip-item a.tip-item-link{
	font:400 16px / 40px 'Open Sans', sans-serif;
	color:#f01724;
	text-transform:uppercase;
	display:inline-block;
	height:40px;
	padding:0 15px;
	border-radius:2px;
	border:solid 2px #e61a2b;
	margin:20px 0 11px 0;
	position:relative;
	z-index:2;
}

.tip-item a.tip-item-link:hover{
	background:#f01724;
	color:#fff;
}

@media all and (max-width: 989px){
	.tip-item a.tip-item-link{font-size:12px; line-height:29px; height:29px; padding:0 12px; margin:15px 0 11px 0;}
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/*         o°        o°        o°                                         °o        °o        °o         */
/*        O         O         O                   TIP INFO                  O         O         O        */
/* ><(((°>   ><(((°>   ><(((°>                                               <°)))><   <°)))><   <°)))>< */
/* _-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_-_ */

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                   Image                   °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.tip-info .tip-img{
	height:330px;
	line-height:0;
	overflow:hidden;
}
.tip-info .tip-img img{
	width:100%;
}

@media all and (max-width: 989px){
	.tip-info .tip-img{height:247px;}
}

@media all and (max-width: 767px){
	.tip-info .tip-img img{text-align:center; height:100%; width:auto;}
}


/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                   Title                   °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.tip-info h1{
	font:700 29px / 32px 'Open Sans', sans-serif;
	color:#fff;
	position:relative;
	text-align:center;
	margin-top:-25px;
}

.tip-info h1 span.tip-title1{
	color:#fff;
	box-shadow:20px 0 0 #f01724, -20px 0 0 #f01724;
	background:#f01724;
	padding:18px 0 13px 0;
	-webkit-box-decoration-break:clone;
	-ms-box-decoration-break:clone;
	-o-box-decoration-break:clone;
	box-decoration-break:clone;
}

.tip-info h1 span.tip-title2{
	position:relative;
	z-index:2;
}

@media all and (max-width: 989px){
	.tip-info h1{font-size:21px; line-height:22px; margin-top:-17px;}
	.tip-info h1 span.tip-title1{box-shadow:15px 0 0 #f01724, -15px 0 0 #f01724; padding:12px 0 10px 0;}
}

@media all and (max-width: 767px){
	.tip-info h1{margin:-10px 13px 0 13px; max-width:none; text-align:left; display:block;}
	.tip-info h1 span.tip-title1{box-shadow:11px 0 0 #f01724, -11px 0 0 #f01724;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                   Text                    °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.tip-info .text{
	padding:20px 49px 35px 49px;
	font:400 15px / 20px 'Open Sans', sans-serif;
	color:#411200;
}

.tip-info .text strong{
	font-weight:700;
}

/* .o° .o° .o° .o° .o° .o° Top content °o. °o. °o. °o. °o. °o. */

.tip-info .top-content .text{
	padding-top:85px;
}

.tip-info .top-content .text.has-product{
	width:561px;
	float:left;
}

@media all and (max-width: 989px){
	.tip-info .text{padding:15px 17px 55px 17px; font-size:14px; line-height:18px;}
	.tip-info .top-content .text{padding-top:64px;}
	.tip-info .top-content .text.has-product{width:450px;}
}

@media all and (max-width: 767px){
	.tip-info .text{padding:30px 13px;}
	.tip-info .top-content .text{padding-top:30px;}
	.tip-info .top-content .text.has-product{width:auto; float:none;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°               Linked product              °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.tip-info .tip-product{
	float:right;
	width:271px;
	padding:35px 49px 35px 0;
	text-align:center;
}

/* .o° .o° .o° .o° .o° .o° Block title °o. °o. °o. °o. °o. °o. */

.tip-info .tip-product p{
	font:700 18px / 18px 'Open Sans', sans-serif;
	color:#e61a2b;
	text-transform:uppercase;
	padding:0 0 13px 0;
}

/* .o° .o° .o° .o° .o° .o° Image °o. °o. °o. °o. °o. °o. */

.tip-info .tip-product .img{
	background:url(../images/tips/linked-product.png) no-repeat 39px 0;
	height:262px;
	text-align:center;
	line-height:262px;
}

.tip-info .tip-product .img img{
	max-height:90%;
	vertical-align:bottom;
}

/* .o° .o° .o° .o° .o° .o° Title °o. °o. °o. °o. °o. °o. */

.tip-info .tip-product h3{
	font:700 36px / 36px 'Dancing Script', cursive;
	color:#ca0103;
	padding:16px 0 0 0;
}

.tip-info .tip-product h3 a{
	color:#ca0103;
}

/* .o° .o° .o° .o° .o° .o° Link °o. °o. °o. °o. °o. °o. */

.tip-info .tip-product a.product-link{
	display:inline-block;
	height:44px;
	width:156px;
	background:#e61a2b;
	border-radius:2px;
	font:400 16px / 44px 'Open Sans', sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	margin:45px 0 0 0;
}

.tip-info .tip-product a.product-link:hover{
	background:#ca0103;
}

@media all and (max-width: 989px){
	.tip-info .tip-product{width:221px; padding:20px 17px 55px 0;}
	.tip-info .tip-product p{font-size:17px; line-height:17px; padding:0 0 20px 0;}
	.tip-info .tip-product .img{height:197px; line-height:197px;}
	.tip-info .tip-product h3{font-size:27px; line-height:27px; padding:14px 0 0 0;}
	.tip-info .tip-product a.product-link{height:33px; width:116px; margin:36px 0 0 0; font-size:12px; line-height:33px;}
}

@media all and (max-width: 767px){
	.tip-info .tip-product{width:auto; padding:20px 0 55px 0; float:none;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°                RELATED TIPS               °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.related-tips{
	padding:0 0 56px 0;
}

/* text */

.tip-info .related-tips .tip-item .text{
	float:right;
	padding:10px 20px 0 0;
	width:450px;
}

.tip-info .related-tips .tip-item:nth-child(even) .text{
	float:left;
	padding:10px 0 0 20px;
	text-align:right;
}

@media all and (max-width: 989px){
	.tip-info .related-tips .tip-item .text{width:337px;}
}

@media all and (max-width: 767px){
	.tip-info .related-tips .tip-item .text, .tip-info .related-tips .tip-item:nth-child(even) .text{width:auto; float:none; text-align:center; margin:0 2px; padding:0;}
}

/* title */

.related-tips .tip-item h3{
	font:700 29px / 32px 'Open Sans', sans-serif;
	color:#fff;
	position:relative;
	display:inline-block;
	padding:15px 20px;
	background:#f01724;
}

.related-tips .tip-item h3 a{
	color:#fff;
	position:relative;
	z-index:2;
}

@media all and (max-width: 989px){
	.related-tips{padding:0 0 33px 0;}
	.related-tips .tip-item h3{font-size:21px; line-height:22px; padding:11px 15px;}
}

@media all and (max-width: 767px){
	.related-tips .tip-item h3{text-align:left; display:block;}
	.related-tips .tip-item a.tip-item-link{margin:15px 0 0 0; padding: 0px 7px; }
}


/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°            LINKS TO OTHER TIPS            °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.tip-info .other-tips{
	text-align:center;
	font-size:0;
}

/* title */

.tip-info .other-tips h3{
	font:700 18px / 20px 'Open Sans', sans-serif;
	color:#e61a2b;
	text-transform:uppercase;
	padding:0 0 19px 16px;
	text-align:left;
}

/* .o° .o° .o° .o° .o° .o° Tip block °o. °o. °o. °o. °o. °o. */

.tip-info .other-tips .tip{
	width:322px;
	height:314px;
	display:inline-block;
	position:relative;
	line-height:0;
	overflow:hidden;
	text-align:left;
}

.tip-info .other-tips .tip:nth-child(1){
	float:left;
}

.tip-info .other-tips .tip:nth-child(3){
	float:right;
}

/* .o° .o° .o° .o° .o° .o° Image °o. °o. °o. °o. °o. °o. */

.tip-info .other-tips .tip img{
	width:100%;
}

/* .o° .o° .o° .o° .o° .o° Title °o. °o. °o. °o. °o. °o. */

.tip-info .other-tips .tip h4{
	position:absolute; left:34px; top:48px;
	font:700 29px / 32px 'Open Sans', sans-serif;
	color:#fff;
	display:inline-block;
	max-width:270px;
}

.tip-info .other-tips .tip h4 a{
	color:#fff;
	box-shadow:20px 0 0 #f01724, -20px 0 0 #f01724;
	background:#f01724;
	padding:18px 0 13px 0;
	-webkit-box-decoration-break:clone;
	-ms-box-decoration-break:clone;
	-o-box-decoration-break:clone;
	box-decoration-break:clone;
}

.tip-info .other-tips .tip h4 a span{
	position:relative;
	z-index:2;
}

@media all and (max-width: 989px){
	.tip-info .other-tips h3{padding:0 0 19px 12px;}
	.tip-info .other-tips .tip{width:239px; height:236px;}
	.tip-info .other-tips .tip h4{left:22px; top:34px; font-size:21px; line-height:22px; max-width:190px;}
	.tip-info .other-tips .tip h4 a{box-shadow:15px 0 0 #f01724, -15px 0 0 #f01724; padding:12px 0 10px 0;}
}

@media all and (max-width: 767px){
	.tip-info .other-tips .tip,
	.tip-info .other-tips .tip:nth-child(1),
	.tip-info .other-tips .tip:nth-child(3){width:auto; height:auto; float:none; margin:0 0 20px 0;}
}

/* ¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨¨ */
/*  o°        o°      o°      o°              PRINT AND SHARE              °o      °o      °o        °o  */
/* O ><(((°> O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O . . . O <°)))>< O */

.tip-info .tip-print-share{
	width:392px;
	margin:60px auto 0 auto;
	border-top:solid 1px #e7e5e5;
	border-bottom:solid 1px #e7e5e5;
	height:64px;
	text-align:center;
	font-size:0;
}

.tip-info .tip-print-share span{
	display:inline-block;
	width:50%;
	box-sizing:border-box;
	font:700 17px / 64px 'Open Sans', sans-serif;
	color:#52c43b;
	text-transform:uppercase;
	cursor:pointer;
	position:relative;
}

.tip-info .tip-print-share span:first-child{
	border-right:solid 1px #e7e5e5;
	margin:6px 0;
	line-height:52px;
}

.tip-info .tip-print-share span img{
	margin:0 7px 0 0;
	vertical-align:middle;
}

.tip-info .tip-print-share span:hover{
	color:#328720;
}

/* hover */

.tip-info .tip-print-share span .hover{
	position:absolute; top:-46px; left:50%;
	width:150px;
	margin-left:-75px;
	height:30px;
	text-align:center;
	background:#52c43b;
	font-size:0;
	padding:8px 0;
	display:none;
}

.tip-info .tip-print-share span .hover a{
	display:inline-block;
	width:30px;
	height:30px;
	margin:0 3px;
}

.tip-info .tip-print-share span .hover img{
	margin:0;
	vertical-align:top;
}

.tip-info .tip-print-share span .hover img.arrow{
	position:absolute; bottom:-7px; left:50%;
	margin-left:-6px;
}

.tip-info .tip-print-share span:nth-child(2):hover .hover{
	display:block;
}

@media all and (max-width: 989px){
	.tip-info .tip-print-share{width:195px;}
	.tip-info .tip-print-share span{width:auto;}
	.tip-info .tip-print-share span:first-child{display:none;}
}

@media all and (max-width: 767px){
	.tip-info .tip-print-share{margin-top:40px;}
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*        O         O         O               OBSOLETE H2 STYLE             O         O         O        */
/*

.tip-item h2{font:700 29px / 32px 'Open Sans', sans-serif; color:#fff; position:relative; display:inline-block; max-width:320px;}

.tip-item h2 a{color:#fff; box-shadow:20px 0 0 #f01724, -20px 0 0 #f01724; background:#f01724; padding:18px 0 13px 0; -webkit-box-decoration-break:clone; -ms-box-decoration-break:clone; -o-box-decoration-break:clone; box-decoration-break:clone;}

.tip-item h2 a span{position:relative; z-index:2;}

*/