/*! 
Theme Name: How Sweet Eats
Theme URL: https://www.howsweeteats.com
Description: Custom responsive blog theme for How Sweet Eats.
Author: Purr Design
Author URI: http://www.purrdesign.com
Version: 4.0
*/

/*! RESET
----------------------------------------------------------------------------------------------------*/

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td, u, ul, var, video {
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	white-space: normal;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

input[type="submit"], input[type="text"], input[type="search"] {
	-webkit-appearance: none;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*! MAIN CONTAINER */

.container {
	max-width: 100%;
	margin: 0 auto;
}

/*! COLUMN WIDTH ON DISPLAYS +768px */

@media ( min-width : 801px ) {
	.span_content {
		margin-left: 0;
		width: 68%;
		width: -moz-calc(100% - 300px - 5%);
		width: -webkit-calc(100% - 300px - 5%);
		width: calc(100% - 300px - 5%);
		max-width: 728px;
		float: left;
		display: inline-block;
	}
		
	.span_content_full {
		width: 100%;
		max-width: 100%;
		margin: 0 auto !important;
		float: none !important;
		display: block;
	}
	
	.span_sidebar {
		width: 300px;
		float: right;
		clear: right;
		display: block;
	}
	.facet_content {
		width: -moz-calc(100% - 290px);
		width: -webkit-calc(100% -290px);
		width: calc(100% - 290px);
		min-width: 0;
		max-width: 100%;
		float: right;
	}
	.facet_sidebar {
		width: 250px;
		min-width: 0;
		max-width: 700px;
		float: left;
		clear: none !important
	}

}

.wrapper {
	margin: 0 auto 0;
	padding: 0 20px;
	width: 100%;
	max-width: 1160px;
}
	
.wrap {
	margin: 0 auto 0;
	padding: 0 20px;
	width: 100%;
	max-width: 1160px;
}

.screen-reader-text {
    position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

#skip a {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
	color: #2D2D31;
	font-size: 14px;
	font-weight: bold;
	border: 1px solid #ececec;
	background-color: #ececec;
	padding: 5px 10px;
	text-decoration: none;
}
 
#skip a:focus {
	position:absolute;
	left: 8px;
	top: 8px;
	z-index: 3001;
	width:auto;
	height:auto;
}

/*!---------STRUCTURE---------*/

@font-face {
    font-family: 'qualion';
    src: url('../woff2/qualion-bold-webfont.woff2') format('woff2'),
         url('../woff/qualion-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
	font-display: fallback;
}

@font-face {
    font-family: 'qualion';
    src: url('../woff2/qualion-regular-webfont.woff2') format('woff2'),
         url('../woff/qualion-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
	font-display: fallback;
}

@font-face {
    font-family: 'qualion';
    src: url('../woff2/qualion-regularitalic-webfont.woff2') format('woff2'),
         url('../woff/qualion-regularitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
	font-display: fallback;
}


body {
	font-family: "Qualion", "Lato", helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	line-height: 1.7;
	color: #2d2d31;
	margin: 0;
}

a, input[type=submit], button {
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}

a:link, a:visited, a:active {
	color: #ae0481;
	text-decoration: underline;
}

a:hover {
	color: #ce68b3;
}
p {
	margin: 25px 0;
}

img {
	display: block;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Qualion", "Lato", helvetica, sans-serif;
	line-height: 1.2;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .07em;
	margin: 25px 0;
	color: #2d2d31;
}

h1 {
	font-size: 28px;
}
	.post-content h1 {
		
	}
h2 {
	font-size: 24px;
}
	.post-content h2, .page_content h2 {
		margin-top: 40px;
		padding-bottom: 12px;
		border-bottom: 1px solid #ececec;
	}
	
	h2 strong, h3 strong {
		font-weight: 500 !important
	}

h3 {
	font-size: 24px;
	text-transform: uppercase;
	letter-spacing: .075em;
	font-weight: bold;
}
	.post-content h3, .page_content h3 {
		margin-top: 30px;
	}
		.post-content h3 span {
			font-weight: bold !important
		}
	h3.divider {
		text-align: center
	}
		h3.divider span {
			display: inline-block;
		}
		h3.divider:after {
			
		}

			
	h3 em {
		color: #ae0381;
		display: block;
		font-size: 11px;
		font-style: normal;
		margin-bottom: 8px
	}
	
	h3.widget-title {
		font-size: 18px;
	}
		h3.widget-title em {
			
		}
	.facet_sidebar h3.widget-title {
		margin-top: 10px;
		margin-bottom: 5px;
		font-size: 16px;
		text-align: left
	}

h4 {
	font-size: 16px;
}

h5 {
	font-size: 16px;
}

strong, b {
	font-weight: bold;
}

em, i {
	font-style: italic;
}

.clear {
	clear: both;
}

.sep {
	width: 100%;
	display: block;
	clear: both;
	margin: 45px 0;
	border-top: 1px solid #ececec;
}
	.facet_sidebar .sep {
		margin: 30px 0
	}
hr {
	border: 0;
	height: 0;
	border-top: 1px solid #ececec;
	border-bottom: none;
	margin: 45px auto;
}

	hr.is-style-default {
		width: 150px;
		margin: 45px auto;
		border-top: 1px solid #ececec;
	}
	hr.is-style-wide {
		width: 100%;
		margin: 45px auto;
	}

/*!---------HEADER---------*/
.top-bar {
	background-color: #f2f2f3;
	overflow: hidden
}

	.top-bar .social {
		float: right;
		line-height: 28px;
		margin-right: 15px;
		display: inline-block;
		vertical-align: middle;
		margin-top: 14px;
	}

	.top-bar .header-search {
		float: right;
		vertical-align: middle;
		width: 160px;
		margin-top: 13px;
		margin-right: -13px;
		
	}

.header {
	clear: both;
	margin-bottom: 35px;
	border-bottom: 1px solid #ececec;
	height: 121px;
}
	body.home .header {
		border: none;
		margin-bottom: 0;
	}
	body.paged .header {
		margin-bottom: 35px;
		border-bottom: 1px solid #ececec;
	}

.header .logo {
	overflow: hidden;
	width: 330px;
	margin: 29px 0 35px; 
	padding: 2px;
	float: left;
	clear: both;
}
	.header .logo img {
		width: 100%;
		height: auto;
		display: block;
	}
.header .logo a {

}

.top-cta {
	clear: both;
	overflow: visible;
	text-align: center;
	font-size: 15px;
	font-family: "qualion", Arial, Helvetica, Geneva, sans-serif;
	display: flex;
	align-items: center;
	align-content: center;
	justify-content: center;
	gap: 10px;
	background-color: #f2f2f3;
	margin-bottom: 30px;
	padding: 7px;
}
	.top-cta p {
		margin: 0;
		display: inline-block;
	}
	.top-cta p.simple-image img {
		width: 60px;
		height: auto;
		display: block;
		transform: rotate(-10deg);
		margin: -20px 0 -16px;
		box-shadow: 1px 1px 2px rgba(0,0,0,.15);
	}
	.top-cta .more a {
		font-size: 11px;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: .1em;
		color: #ffffff;
		background-color: #ae0481;
		padding: 5px 10px 3px 10px;
		border-radius: 8px;
		display: inline-block;
		text-decoration: none;
	}
		.top-cta .more a:hover {
			background-color: #ce68b3;
		}

/*!---------CONTENT---------*/

.span_content {
	
}

.span_content img, .span_sidebar img {
	max-width: 100%;
	height: auto;
}

.span_content ul, .span_content ol {
	padding: 0;
	margin: 25px 0;
}
.span_content ul ul {
	margin: 10px 0;
}
.span_content ul li {
	list-style-type: disc;
	margin: 0 0 10px 15px;
	padding: 0;
}
	.span_content ul li li {
		list-style-type: circle;
	}

.span_content ol {
	
} 
.span_content ol li {
	list-style-type: decimal;
	margin: 0 0 10px 25px;
	padding: 0;
}

.video-container {
	position: relative;
	padding-bottom: 56%;
	height: 0;
	overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed, .video-container video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


h1.page-title, h1.archive-title, h2.page-title, h2.archive-title {
	margin: 0 0 20px;
}

h1.page-title {

}

/*!---------SIDEBAR---------*/

.sidebar {
	font-size: 90%;
	text-align: center
}

.leftsidebar {
	width: 48%;
	float: left;
}

.rightsidebar {
	width: 48%;
	float: right;
}

.midsidebar {
	overflow: hidden;
}

.lowersidebar {
	
}
.widget {
	margin: 30px 0 60px 0;
	text-align: center;
}
	.find-a-recipe .widget {
		margin: 15px 0;
	}
.widget.center, .widget.center .textwidget {
	text-align: center;
}

.widget.ad, .widget.ad .textwidget {
	text-align: center;
}
	.widget.ad .textwidget iframe {
		margin: 0 auto;
	}

.widget.ad img {
	display: inline-block;
}

h3.widget-title {
	text-align: center;
}

.hide-title h3.widget-title {
	display: none;
}

.widget a {
	text-decoration: none;
}

.widget p {
}


.sidebar select {
	color: #616165;
	font-size: 16px;
	font-family: "qualion", Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
	line-height: 50px;
	height: 50px;
	padding: 0 15px;
	width: 100%;
	border: 1px solid #ececec;
	background-color: #ffffff;
	border-radius: 0;
	-webkit-appearance: none;
    -moz-appearance: none;    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=);
    background-position: right 50%;
    background-repeat: no-repeat;
}
	.widget_categories h3.widget-title {
		display: none;
	}

.sidebar .about {
	text-align: center;
	margin-top: 0;
}

.sidebar .about h3.widget-title {
	margin: 0 0 15px;
}

.sidebar .about p {
	margin: 0 0 15px;
	font-size: 90%;
}
.sidebar .about p.simple-image {

}
	.sidebar .about p.simple-image img {
		margin-bottom: 25px;
	}
.sidebar .about p.more {
	margin-bottom: 0;
}
.sidebar .about p.more a {
	text-transform: uppercase;
	letter-spacing: .07em;
	font-weight: bold;
	color: #2d2d31;
	font-size: 12px;
}
	.sidebar .about p.more a:hover {
		color: #CE68B3
	}
	
.social a {
	text-decoration: none;
	padding: 5px 7px;
}
	
	.social a svg {
	    fill: #616165;
	    height: 13px;
	    width: auto;
	    -webkit-transition: all .2s ease-in-out;
	    -moz-transition: all .2s ease-in-out;
	    transition: all .2s ease-in-out;
	}
	.top-bar .social a svg {
		fill: #6C6C6F
	}
		.social a:hover, .social a:hover svg {
		    fill: #AE0481 !important;
		}

.sidebar .social {
	overflow: hidden;
	padding: 10px 0;
	margin-top: -40px;
}

.sidebar .social h3.widget-title {
	
}

.sidebar .social .textwidget {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}
.sidebar .social a svg {
	height: 16px;
	fill: #2D2D31;
	color: #2D2D31;
}

/*! -- Custom Content Widgets -- */

.sidebar .item img {
	width: 100%;
	height: auto;
	display: block;
}

.sidebar .item a {
	display: block;
}

.sidebar .item a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.sidebar .item h4 {
	margin: 10px 0;
	text-align: center;
}

/*!Featured Posts Widget*/
.sidebar .featuredposts {
	
}
.sidebar .featured, .sidebar .category-posts {
	text-align: center;
	overflow: hidden;
}

.sidebar .featured .item, .sidebar .category-posts .item {
	width: 47%;
	margin: 0 6% 4% 0;
	float: left;
}
	.sidebar .featured .item:nth-of-type(2n), .sidebar .category-posts .item:nth-of-type(2n) {
		 margin-right: 0;
	}
	
	.sidebar .featured .item:nth-of-type(2n+1), .sidebar .category-posts .item:nth-of-type(2n+1) {
		clear: left
	}
	
.sidebar .featured h4 {
	
}



/*!---------POSTS---------*/

.post {
	margin-bottom: 0px;
}
.home-post {
	margin-bottom: 60px
}
	
h1.post-title, h2.post-title {
	margin: 10px 0 10px;
}

h1.post-title a, h2.post-title a {
	text-decoration: none;
	color: #2d2d31;
}

h1.post-title a:hover, h2.post-title a:hover {
	color: #AE0481;
}

.post-content>p:first-of-type, .excerpt>p:first-of-type {
	
}
.post-meta {
	font-family: "qualion", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	color: #616165;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: .15em;
	overflow: hidden;
	margin: 0 0 25px;
}
	.meta-top {
		margin: 0 0 12px
	}
	.post-date {
		margin: 0 0 10px;
		color: #ae0381
	}
		.post-date a {
			color: #ae0381 !important;
			text-decoration: none;
		}
			.post-date a:hover {
				color: #CE68B3 !important
			}
.post-meta em {
	font-style: normal;
	text-transform: none;
	letter-spacing: normal;
	font-style: italic;
	font-weight: normal
}

.post-meta a {
	color: #616165;
	text-decoration: none;
}

.post-meta a:hover, .edit a:hover, .meta-bottom a:hover {
	color: #AE0481;
	text-decoration: underline;
}

.post-meta .spacer:before {
	content: "//";
	display: inline-block;
	color: #dedede;
	margin: 0 5px;
	font-weight: 300;
}
.post-meta .avatar {
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	margin-right: 5px;
}
.ccount {
	display: inline-block
}

.meta-bottom {
	clear: both;
	margin: 25px 0 15px;
	overflow: hidden;
	text-align: left;
}

.meta-bottom p {
	margin: 0;
}

.meta-bottom .left {
	width: 80%;
	float: left;
	text-align: left;
	display: inline-block;
}

.meta-bottom .right {
	text-align: right;
	width: 20%;
	float: right;
}

.meta-centered {
	text-align: center;
}

.meta-centered p {
	margin: 0;
}
.meta-centered p.post-cats {
	margin-top: 20px;
}

a.post-edit-link, a.comment-edit-link, a.comment-reply-link, a#cancel-comment-reply-link {
	color: #fff !important;
	font-size: 8px;
	line-height: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #616165;
	text-transform: uppercase;
	letter-spacing: 0;
	margin-left: 8px;
	padding: 2px 3px 1px;
	text-decoration: none;
	box-shadow: none !important;
	border: none;
	display: inline-block !important;
}

a.post-edit-link:hover, a.comment-edit-link:hover, a.comment-reply-link:hover, a#cancel-comment-reply-link:hover {
	color: #fff;
	background-color: #AE0481;
}


a.more-link {
	width: 120px;
	height: 29px;
	background: url(../png/readmore%402x.png) no-repeat;
	background-size: 100% auto;
	text-indent: -99999px;
	display: inline-block;
	margin: 0 auto;
}

	a.more-link:hover {
		opacity: 0.6
	}


.alignleft {
	margin-right: 10px;
	float: left;
}

.alignright {
	margin-left: 10px;
	float: right;
}

.aligncenter {
	text-align: center;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.post blockquote {
	margin: 35px 0;
	clear: both;
	padding: 4% 6%;
}
	.post blockquote p {
		
	}
	.post blockquote h3 {
		text-transform: none;
		letter-spacing: normal;
		font-weight: 500;
	}

.wp-caption {
	text-align: center;
	max-width: 100% !important;
}

.wp-caption p, figcaption {
	color: #616165;
	font-size: 15px;
	font-style: italic;
	text-align: center;
}
	
		
/*! Gutenberg Blocks */


	
/*! Inner Post */

.inner-post {
	clear: both;
	margin: 40px 0 0;
}


.booklinks p {
	text-align: center;
	font-size: 13px;
	margin: 0 !important; }
	
.booklinks p strong {
	font-weight: bold;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: .07em;
	display: block;
}
.booklinks p a {

}
	.booklinks p a:hover {
	}
	.booklinks p em {
		font-style: normal;
		margin: 0 5px;
		color: #d4d4d4;
	}

.inner-post .booklinks {
	overflow: hidden;
	text-align: left;
	background-color: #f2f2f3;
	padding: 25px;
}
	.inner-post .booklinks h4 {
		margin: 0px 0 5px;
		padding-top: 30px;
	}
	.inner-post .booklinks h3 {
		margin: 0 0 5px;
		font-size: 30px;
	}
	.inner-post .booklinks p {
		text-align: left;
	}
	.inner-post .booklinks p.description {
		font-size: 16px;
		font-style: italic;
		margin-bottom: 20px !important;
	}
	.inner-post .booklinks img {
		float: left;
		width: 35%;
		height: auto;
		margin-right: 5%;
	}


#dpsp-content-bottom {
	text-align: center;
}
	#dpsp-content-bottom ul li {
		display: inline-block;
		float: none;
		margin: 0 5px 0 !important
	}
	#dpsp-content-top ul li {
		display: inline-block;
		float: none;
		margin: 0 7px 0 0 !important
	}

.disclosure, small {
	font-style: italic;
	color: #616165;
	font-size: 14px;
	line-height: 1.5;
}
	.disclosure p {
		margin: 15px 0;
	}
	.disclosure strong {
		font-style: normal;
		font-size: 13px;
	}
	.disclosure a {
		text-decoration: underline;
		color: #616165;
		border: none;
		box-shadow: none;
	}
	.disclosure-top {
		text-align: left;
		margin: -10px 0 15px;
	}




/*!Next/prev Posts*/

.post-nav {
	line-height: 1.4;
	text-decoration: none;
	margin: 0px 0 100px;
	padding: 20px 2px 20px;
	overflow: hidden;
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .07em;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

.post-nav .nav-links {
	overflow: hidden;
	width: 100%;
}

.post-nav a {
	color: #2d2d31;
	text-decoration: none;
}

.post-nav .nav-previous {
	float: left;
	width: 48%;
}

.post-nav .nav-next {
	float: right;
	text-align: right;
	width: 48%;
}

.post-nav div a:hover {
	color: #AE0481;
}

.post-nav em {
	display: block;
	font-style: normal;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: .1em;
	font-size: 10px;
	color: #616165;
	padding: 0 0 5px;
}


/*!----Homepage Featured Styles----*/
	
.home-featured-post, .home-section.about .wrap {
	position: relative;
	min-height: 400px;
}

.home-featured-post .caption, .home-section.about .wrap .textwidget {
	position: absolute;
	top: 50%;
	right: 5%;
	background-color: #ffffff;
	width: 40%;
	padding: 25px 25px 20px;
	text-align: center;
	-webkit-transform: translate(0%,-50%);
	-ms-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
}

.home-featured-post .caption h1 {
	font-size: 24px;
}
.home-featured-post .caption p {
	line-height: 1.6;
	margin: 20px 0;
	display: none
}

.home-featured-post a.caption {
	text-decoration: none;
	border: none !important
}
	.home-featured-post a.caption:hover {
		opacity: 0.9
	}
	
.featured-subscribe {
	margin: 50px auto;
	max-width: 870px;
}
	.featured-subscribe .wrap {
		padding: 0 !important;
	}
	.footer-subscribe {
		overflow: hidden;
		border-top: 1px solid #ececec;
		max-width: 100%;
		padding: 50px 0;
		margin: 0;
	}
		.footer-subscribe .wrap {
			padding: 0 20px !important;
			max-width: 840px;
		}
	.featured-subscribe h3.widget-title {
		width: 410px;
		float: left;
		margin: 18px 0 0;
	}
	
	.featured-subscribe .text-widget {
		width: -moz-calc(100% - 410px);
		width: -webkit-calc(100% - 410px);
		width: calc(100% - 410px);
		float: left;
	}
	
/*!Homepage Category Sections*/

.home-sections {
	overflow: hidden;
	clear: both;
	margin-top: 100px;
}

.home-sections .adthrive-ad, body.home #AdThrive_Content_1_desktop {
    margin-top: 20px;
    margin-bottom: 50px !important;
}

.home-section {
	margin-bottom: 100px;
	clear: both;
	position: relative;
	overflow: hidden;
}
	.home-section .wrap {
		overflow: hidden
	}

.home-section:last-of-type {
	margin-bottom: 20px;
}

.home-section h3.divider {

}
		
.home-section .item {
	overflow: hidden;
	text-align: center;
	width: 22.75%;
	margin: 0 3% 2.5% 0;
	float: left;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

	.home-section .item:nth-child(4n) {
		margin-right: 0;
	}
	.home-section .item:nth-child(4n+1) {
		clear: left
	}
	
.home-section .item img {
	display: block;
	width: 100%;
	height: auto;
}

.home-section .item h4 {
	clear: both;
	margin: 15px 0 15px;
	text-align: center;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.home-section a {
	text-decoration: none;
}

.home-section .item a {
	display: block;
	color: #2d2d31;
}

	.home-section .item a:hover, .home-section .item a:hover h4 {
		color: #AE0481
	}

.home-section .more {
	text-align: center;
	clear: both
}
.home-section .more a.more-button, .cookbook .more a, .essentials .more a {
	color: #fff;
	font-size: 13px;
	letter-spacing: .1em;
	line-height: 1.2;
	font-weight: bold;
	background-color: #2d2d31;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: .1em;
	border-radius: 10px;
	padding: 16px 25px 13px;
	display: inline-block;
}
	.home-section .more a.more-button em {
		display: none
	}
	.home-section .more a.more-button:hover, .cookbook .more a:hover, .essentials .more a:hover {
		background-color: #ae0381
	}
	
.home-section.about {
	
}
	.home-section.about .wrap {
		position: relative;
		min-height: 500px;
		background: url(../jpg/about-bg.jpg) no-repeat left center;
		background-size: auto 100%;
	}
	
	.home-section.about .wrap .textwidget {
		position: absolute;
		top: 50%;
		right: 5%;
		background-color: #ffffff;
		width: 48%;
		padding: 25px;
		text-align: center;
		-webkit-transform: translate(0%,-50%);
		-ms-transform: translate(0%,-50%);
		transform: translate(0%,-50%);
	}
	.home-section.about .social {
		
	}
	.home-section.about .social a {
		background-color: #2d2d31;
		border-radius: 50%;
		width: 36px;
		height: 36px;
		text-align: center;
		display: inline-block;
	}
		.home-section.about .social a svg {
			fill: #ffffff !important; 
		}
	.home-section.about .social a:hover {
		background-color: #ae0381
	}

.home-section.shaded {
	background: #F2F2F3;
	padding-top: 60px;
	padding-bottom: 60px;
}
	
.home-section.search {
	padding-top: 60px;
	padding-bottom: 60px;
	text-align: center;
}
	.home-section.search h3 {
		margin-bottom: 12px;
	}
	.home-section.search h3.divider {
		font-size: 30px;
		margin-bottom: 25px;
	}
	.home-section.search .search-form {
		max-width: 600px;
		border: none;
		margin: 0 auto;
		background-color: #ffffff;
		border-radius: 20px;
		margin-bottom: 50px;
	}
		.home-section.search .search-field {
			font-size: 18px;
			padding: 5px 20px 0;
			height: 60px;
			line-height: 60px;
			background-color: transparent;
			width: -moz-calc(100% - 60px);
			width: -webkit-calc(100% - 60px);
			width: calc(100% - 60px);
		}
		.home-section.search .search-submit {
			height: 60px;
			line-height: 60px;
			font-size: 25px;
			text-align: center;
			width: 60px;
		}
.home-section.search ul li {
	margin: 6px 4px ;
	display: inline-block;
}
.home-section.search ul li a {
	color: #ffffff;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: .1em;
	font-weight: bold;
	display: inline-block;
	padding: 8px 12px 6px;
		background-color: #2d2d31;
		border-radius: 10px;
}	
	.home-section.search ul li a:hover {
		background-color: #ae0381
	}
.home-section.search .sm {
	display: block
}
	.home-section.search .sm a {
		background-color: transparent !important;
		color: #555556;
		text-decoration: underline;
	}	
	.home-section.search .sm a:hover {
		color: #ae0381
	}	

		
.home-section.recentposts {
	
}

.home-section.recentposts h3.divider {
	text-align: left
}
.home-section.recentposts .teaser-post {
	width: 47%;
	margin-right: 6%;
	text-align: center;
	float: left;
}
	.home-section.recentposts .teaser-post:nth-child(2n) {
		margin-right: 0;
	}
	
.home-section.recentposts .more {
	text-align: center
}

.home-section.recentposts .post-date {
	margin-top: 20px;
}

.home-section.recentposts h2 {
	
}

.home-section.video {
	text-align: center;
	overflow: hidden;
}

.home-section.video h3 {
	width: 35%;
	float: right;
	margin: 5% 0 10px;
	color: #AE0481;
	font-size: 11px;
}
.home-section.video h4 {
	font-size: 28px;
	width: 35%;
	float: right;
	margin: 0px;
}
.home-section.video p {
	margin: 15px 0;
	width: 35%;
	float: right;
}
.home-section.video .more {
	margin: 0;
	width: 35%;
	float: right;
	clear: none !important;
}
.home-section.video .adthrive {
	width: 60%;
	float: left;
	margin: 0 !important;
}
body.home.adthrive-device-desktop div[id*="cls-video-container"] {
	width: 60%;
	float: left;
	margin-right: 5%;
	min-height: auto !important;
    min-width: auto !important;
}
.home-section.cookbook {
	background: url(../jpg/marble.jpg);
	overflow: hidden;
}
	.home-section.cookbook .wrap {
		max-width: 920px;
	}
.home-section.cookbook h3 {
	margin: 13% 0 0;
	width: 350px;
	float: left;
}
.home-section.cookbook p {
	margin: 20px 0 0;
	font-size: 90%;
	width: 350px;
	float: right;
	text-align: center;
}

.home-section.cookbook p.simple-image {
	margin: 0;
	width: -moz-calc(100% - 350px);
	width: -webkit-calc(100% - 350px);
	width: calc(100% - 350px);
	float: left
}
	.home-section.cookbook p.simple-image img {
		width: 100%;
		height: auto;
	}
.home-section.cookbook p.more {
	clear: none
}

.home-section.essentials {
	background: url(../jpg/marble.jpg);
	overflow: hidden;
	padding-top: 25px;
	padding-bottom: 25px;
}
	.home-section.essentials .wrap {
		max-width: 875px;
	}
.home-section.essentials h3 {
	margin: 15% 0 0;
	width: 400px;
	float: right;
}
.home-section.essentials p {
	margin: 20px 0 0;
	font-size: 90%;
	width: 400px;
	float: right;
	text-align: center;
}

.home-section.essentials p.simple-image {
	margin: 25px 0;
	width: -moz-calc(100% - 400px);
	width: -webkit-calc(100% - 400px);
	width: calc(100% - 400px);
	padding-right: 25px;
	float: left
}
	.home-section.essentials p.simple-image img {
		width: 100%;
		height: auto;
	}
.home-section.essentials p.more {
	clear: none;
	float: right;
}

/*!---------TEASER STYLES---------*/

.span_content .teaser-post {
	font-size: 93%;
	position: relative;
	overflow: hidden;
	width: 47%;
	margin: 0 6% 50px 0;
	float: left;
	clear: none;
	text-align: center;
}
	.span_content .teaser-post:nth-child(2n) {
		margin-right: 0
	}
	.span_content .teaser-post:nth-child(2n+1) {
		clear: both
	}
	
.span_content_full .teaser-post {
	width: 30%;
	margin: 0 5% 60px 0;
	clear: none;
	float: left;
	position: relative;
	overflow: hidden;
	text-align: center;
}
	.span_content_full .teaser-post:nth-child(3n) {
		margin-right: 0;
	}
	.span_content_full .teaser-post:nth-child(3n+1) {
		clear: left;
	}
.teaser-post .teaser-image a {
	display: block
}
.teaser-post img {
	width: 100%;
	height: auto;
	display: block;
}
.teaser-post .post-image a {
	display: block;
}

.teaser-post a {
	text-decoration: none;
	display: inline-block
}

.teaser-post h2.post-title {
	margin: 0;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}

	.teaser-post a:hover, .teaser-post a:hover h2 {
		color: #AE0481
	}
	
.teaser-post .post-date {
	margin: 15px 0 10px;
}

.teaser-post p {
	margin: 20px 0px;
	color: #2d2d31
}

.teaser-post .more {
	margin-top: 25px;
}


/*!---------ARCHIVE STYLES---------*/
.cat-desc {
	margin-bottom: 45px
}
	.cat-desc2 {
		border-top: 1px solid #ececec;
		margin-top: 35px;
		margin-bottom: 0
	}
.archives {
	margin-top: 5px;
	margin-bottom: 15px;
	width: 100%;
	clear: left;
	overflow: hidden;
}

.archive-post {
	margin-right: 5%;
	margin-bottom: 20px;
	width: 30%;
	float: left;
	text-align: center;
	background-color: #ffffff;
}
	
	.archive-post:nth-child(3n) {
		margin-right: 0;
	}
	
	.archive-post:nth-child(3n+1) {
		clear: both;
	}
.recipe-cats .item {
	margin-right: 2%;
	margin-bottom: 20px;
	width: 15%;
	float: left;
	text-align: center;
	clear: none;
	background-color: #ffffff;
}
	
	.recipe-cats .item:nth-child(6n) {
		margin-right: 0;
	}
	
	.recipe-cats .item:nth-child(6n+1) {
		clear: both;
	}

.archive-post img {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}

.archive-post a {
	text-decoration: none;
	display: block;
}

.archive-post a.post-edit-link {
	display: inline-block;
}

.archive-post .post-meta {
	margin: 0;
	font-size: 10px;
}

.archive-post h4 {
	color: #2d2d31;
	margin: 10px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
	.recipe-cats .item h4 {
		font-size: 14px;
	}

.archive-post .excerpt p {
	font-size: 90%;
	line-height: 1.6;
	margin: 10px 0 10px;
}


.archive-post .post-meta:before, .archive-post .post-meta:after {
	display: none;
}

.archive-post a:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.archiveslist {
	overflow: hidden;
	-moz-column-count: 3;
	-moz-column-gap: 10px;
	-webkit-column-count: 3;
	-webkit-column-gap: 10px;
	column-count: 3;
	column-gap: 10px;
	padding-left: 25px !important;
}

.archiveslist li {
	margin: 0 0 10px !important;
	padding: 0 10px 0 0 !important;
	list-style-type: disc;
	list-style-position: outside;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid-column;
	line-height: 1.4;
	font-size: 93%;
}

.archiveslist a:link {
	color: #2d2d31;
	text-decoration: none;
}

.archiveslist a:visited {
	color: #88898a;
	text-decoration: none;
}

.archiveslist a:hover {
	color: #AE0481;
}

.archiveslist a:active {
	color: #2d2d31;
}

.archiveslist>li {
	
}

.archiveslist ul {

}

.archiveslist ul li {
	font-style: italic;
	margin-left: 20px !important;
}

.subcats {
	margin-bottom: 30px;
}

.subcats h3 {
	font-size: 14px;
	margin: 0px;
	display: none;
}

ul.subcategories {
	overflow: hidden;
	margin: 0px 0 0px !important;
	padding: 0 !important;
}

ul.subcategories li, .widget.categories ul li {
	display: inline-block;
	margin: 0 !important;
}

ul.subcategories ul li ul {
	margin: 0;
	padding: 0;
}

ul.subcategories ul li ul li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

ul.subcategories li:before {
	display: none;
}

/*ul.subcategories ul li:first-of-type:before {
	content: "Subcategories:";
	display: inline-block;
	font-family: "Qualion", "Lato", helvetica, sans-serif;
	line-height: 1.2;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .07em;
	font-size: 13px;
	margin: 3px 5px 3px 4px;
}*/

ul.subcategories ul li a, .widget.categories a {
	display: inline-block;
	font-size: 10.5px;
	font-family: "qualion", Arial, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .1em;
	padding: 3px 10px 1px;
	margin: 3px;
	text-decoration: none;
	color: #2D2D31;
	background-color: #ffffff;
	border: 1px solid #ececec;
}

	ul.subcategories ul li a a:hover, .widget.categories a:hover {
		color: #ffffff;
		background-color: #AE0481;
	}

ul.subcategories ul li a:hover, ul.subcategories ul li.current-cat a {
	background-color: #AE0481;
	color: #ffffff !important;
}

ul.subcategories ul li a.all {
	color: #2d2d31 !important;
	background-color: #ffffff;
}

ul.tagindex, .tagindex li {
	margin: 0 !important;
	padding: 0 !important;
}

.tagslist>li {
	margin: 0 0 5px 0 !important;
	padding: 0 0 0 5px !important;
	font-size: 90%;
}

.tagslist>li em {
	font-size: 90%;
	color: #88898a;
	margin-left: 8px;
}
.tagindex li {	
	list-style-type: none !important;
}
.tagindex li:before {
	display: none !important;
}

.tagindex a {
	font-family: "qualion", Arial, Helvetica, Geneva, sans-serif;
	font-size: 13px;
	line-height: 22px;
	text-align: center;
	font-weight: normal;
	display: block;
	margin-right: 2px;
	width: 22px;
	height: 25px;
	float: left;
	border: solid 1px #f6f5f5;
	color: #616165;
}

.tagindex a:link {
	text-decoration: none;
}

.tagindex a:visited {
	text-decoration: none;
}

.tagindex a:active {
	text-decoration: none;
}

.tagindex a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #AE0481;
}

.tagtitle {
	margin-bottom: 5px;
	font-size: 20px;
}

.tagtitle a {
	text-decoration: none;
	text-transform: none;
}

.tagtitle em {
	color: #616165;
	letter-spacing: normal;
	font-style: italic;
	margin-left: 9px;
	font-family: "qualion", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	float: right;
}

.tagtitle em a {
	color: #616165;
	font-size: 11px;
}

.tagtitle a:hover {
	color: #2d2d31;
}

#menu-toggle {
	  display: none;
	}
	label.filter-toggle {
	  display: none;
	}

/*!Breadcrumbs*/

.breadcrumb {
	font-family: "qualion", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	color: #616165;
	font-size: 11px;
	letter-spacing: .12em;
	line-height: 15px;
	clear: both;
	margin: 0 0 10px;
}
.breadcrumb a {
	color: #616165;
	font-weight: bold;
	text-decoration: underline;
}
	.breadcrumb .breadcrumb_last {
		font-family: "Qualion", "Lato", helvetica, sans-serif;
		font-weight: normal;
		font-style: italic;
		font-size: 12px;
		letter-spacing: normal;
		font-weight: normal;
		text-transform: lowercase;
	}
.breadcrumb a:hover {
	color: #AE0481;
}

/*!---------FORMS---------*/

#submit, .submitbutton, #commentform #submit, a.smbutton, .wp-block-button a {
	color: #ffffff;
	font-size: 14px;
	letter-spacing: .1em;
	line-height: 1.2;
	font-weight: bold;
	background-color: #2d2d31;
	font-family: "qualion", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	box-shadow: none !important;
	letter-spacing: .1em;
	cursor: pointer;
	margin-top: 5px;
	padding: 18px 25px 15px;
	border-radius: 10px !important;
	text-decoration: none;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
	.wp-block-button.bigbutton a {
		font-size: 21px;
		padding: 25px 40px;
	}
a.smbutton {
	font-size: 12px;
	padding: 5px 10px;
}


	#submit:hover, .submitbutton:hover, #commentform #submit:hover, a.smbutton:hover, .wp-block-button a:hover {
		background-color: #AE0481;
		color: #ffffff;
	}

.commentinput, .styledinput, .captchainput, #commentform input {
	color: #696969;
	font-size: 16px;
	font-family: "qualion", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	line-height: 18px;
	background-color: #fff;
	margin-bottom: 7px;
	padding: 10px;
	border: 1px solid #ececec;
}

.commentinput, #commentform input[type=email], #commentform input[type=text] {
	width: 100%
}

#commentform textarea, .cntctfrm_input textarea, .gform_wrapper textarea {
	color: #696969;
	font-size: 16px;
	font-family: "qualion", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	line-height: 18px;
	background-color: #fff;
	margin-bottom: 7px;
	padding: 15px;
	border: 1px solid #ececec;
	width: 100%
}

#commentform #submit {
	width: auto;
}

.wpcf7-form {
	width: 100%;
	border: 1px solid #ececec;
	padding: 25px;
	margin-bottom: 35px;
}

.wpcf7-form .formfield {
	overflow: hidden;
	margin-bottom: 15px;
}

.wpcf7-form p {
	margin: 10px 0;
}

.wpcf7-form .styledinput {
	display: block;
	margin: 0;
	width: 100%;
	float: left;
}

.wpcf7-form .submit {
	clear: both;
}

.search-form {
	width: 100%;
	max-width: 350px;
	border: none;
	overflow: hidden;
	background-color: transparent;
}
	.facet_sidebar .search-form {
		margin-top: 18px;
	}

.span_content .search-form {
	max-width: 100%;
}
	
.search-form .search-field {
	color: #6F6F71;
	font-size: 16px;
	font-family: "Qualion", "Lato", helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
	line-height: 50px;
	height: 50px;
	background-color: #f4f4f5;
	border-radius: 20px;
	padding: 0 15px;
	border: none;
	vertical-align: middle;
	float: left;
	width: -moz-calc(100% - 40px);
	width: -webkit-calc(100% - 40px);
	width: calc(100% - 40px);
}

	.search-form .search-field:focus {
		outline: none;
		border: 1px solid #AE0481;
	}
	.header-search .search-form .search-field {	
		height: 28px;
		line-height: 28px;
		font-size: 14px;
		padding: 0 11px;
		background-color: #ffffff;
		padding-top: 2px;
	}
	.span_content .search-form .search-field {
		width: -moz-calc(100% - 50px);
		width: -webkit-calc(100% - 50px);
		width: calc(100% - 50px);
	}
	
	
.search-form .search-submit {
	background-color: #ffffff;
	font-family: "qualion", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	letter-spacing: .1em;
	font-size: 21px;
	color: #2d2d31;
	background-color: transparent;
	line-height: 50px;
	height: 50px;
	border-style: none;
	vertical-align: middle;
	text-align: center;
	margin: -1px 0 0;
	float: right;
	cursor: pointer;
	width: 40px;
}
	.search-form .search-submit i {
		
	}
	.header-search .search-form .search-submit {
		background-color: transparent;
		height: 28px;
		line-height: 28px;
		font-size: 16px;
		color: #616165;
	}
	.span_content .search-form .search-submit {
		
	}
.search-form .search-submit:hover {
	color: #AE0481;
}


/*Subscribe Forms*/

.subscribe {
	
}

.subscribe {
	
}
	.sidebar .subscribe {
		border: 1px solid #ececec;
		padding: 0 25px 25px;
		margin-top: 60px;
		margin-bottom: 70px;
	}
	.inner-post .subscribe {
		border: 1px solid #ececec;
		padding: 0 25px 25px;
		margin-top: 100px;
		margin-bottom: 70px;
	}
	
.subscribe h3 {
	font-size: 22px;
	margin: 0;
	text-align: left;
}
	.subscribe h3 em {
		display: inline-block;
		margin: -6px 0 0;
		width: 122px;
		height: 32px;
		line-height: 1;
		vertical-align: middle;
		background: url(../png/newrecipes%402x.png) no-repeat;
		background-size: 100% auto;
		text-indent: -99999px;
		display: inline-block 
	}
	.sidebar .subscribe h3 {
		text-align: center;
		font-size: 24px;
	}
.subscribe h3:before {
	width: 48px;
	height: 37px;
	background: url(../png/envelope%402x.png) no-repeat;
	background-size: 100% auto;
	display: block;
	content: "";
	margin: -7px 8px 0 0;
	float: left;
	vertical-align: middle;
}
	.sidebar .subscribe h3:before {
		margin: -18px auto 15px;
		float: none;
	}
	.inner-post .subscribe h3:before {
		
	}
.subscribe p {
	margin: 0 0 20px;
	font-weight: 500;
	font-size: 18px;
	font-family: "qualion", sans-serif;
	text-align: center;
}
	.sidebar .subscribe p {
		font-size: 16px;
		line-height: 1.4;
		margin: 10px 0 15px;
	}
	.subscribe p em {
		
	}

.subscribe .email-form {
	clear: none;
	margin: 0;
	overflow: hidden;
	background-color: transparent;
	position: relative;
	text-align: left;
}

	.email-form ul {
		margin: 0 !important;
		padding: 0 !important;
	}
.subscribe .email-input {
	border: none;
	background-color: #ffffff;
	color: #434f57;
	font-style: italic;
	font-size: 16px;
	font-family: "Qualion", "Lato", helvetica, sans-serif;
	float: left;
	width: -moz-calc(100% - 133px);
	width: -webkit-calc(100% - 133px);
	width: calc(100% - 133px);
	height: 58px;
	line-height: 58px;
	margin: 0;
	padding: 0 20px;
	border: 1px solid #ececec;
	border-radius: 20px;
}

	.email-input:focus {
		
	}
	.sidebar .subscribe .email-input {
		height: 48px;
		line-height: 48px;
		width: -moz-calc(100% - 50px);
		width: -webkit-calc(100% - 50px);
		width: calc(100% - 50px);
		font-size: 16px;
	}
.subscribe .email-submit {
	border: none;
	width: 100%;
	font-family: "qualion", Arial, Helvetica, Geneva, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: normal;
	color: #2d2d31;
	text-align: center;
	background-color: transparent;
	border: none;
	float: right;
	display: inline-block;
	width: 58px;
	height: 58px;
	line-height: 58px;
	padding: 0;
	margin: 0;
	text-decoration: none;
	cursor: pointer;
}
	.subscribe .email-submit i {
		font-size: 32px;
		position: relative;
		top: 9px;
	}
	.email-submit strong {
		display: none
	}
	.sidebar .subscribe .email-submit {
		width: 50px;
		height: 48px;
		line-height: 48px;
	}
		.sidebar .subscribe .email-submit i {
			font-size: 28px;
			top: 6px
		}
	.subscribe .email-submit span {
		
	}


	.subscribe .email-submit:hover, .subscribe .email-submit:focus {
		color: #AE0481
	}

.email-input::placeholder {
	color: #616165;
}

.search-field::placeholder {
	color: #616165;
}

.subscribe .checkboxes {
	text-align: left;
	width: 75px;
	float: left;
	margin-top: 5px;
}
	.sidebar .subscribe .checkboxes {
		float: none;
		text-align: center;
		width: 100%;
	}
.subscribe .checkboxes strong {
	display: none;
}
.subscribe .checkboxes ul {
	margin-top: 6px;
	margin-left: 0;
	padding: 0;
	text-align: center;
}
.subscribe .checkboxes ul li, .subscribe .checkboxes .formkit-checkboxes {
	display: block;
	margin: 0;
	padding: 0;
	font-style: italic;
	font-size: 13px;
}
	.sidebar .subscribe .checkboxes .formkit-checkboxes {
		display: inline-block;
	}

/*!---------FOOTER---------*/

	
.footer {
	overflow: hidden;
	clear: both;
	margin-top: 50px;
}

.footer a {
	text-decoration: none;
	color: #616165;
}
	.footer a:hover {
		 color: #AE0481;
	}
	

.footer-subscribe {

}
	
.sub-footer {
	padding: 30px 0;
	color: #616165;
	background-color: #f2f2f3;
	overflow: hidden;
	font-size: 12px;
	line-height: 20px;
	text-align: left;
}
.sub-footer a {
	text-decoration: none;
	color: #616165;
}

.sub-footer a:hover {
	color: #AE0481;
}

.footer-nav {
	width: -moz-calc(100% - 270px);
	width: -webkit-calc(100% - 270px);
	width: calc(100% - 270px);
	float: left;
	text-transform: lowercase;
}
	.footer-nav li {
		display: inline-block;
		margin: 0 10px 0 0;
		padding: 0;
	}	
	.footer-nav li.top a {
		color: #2d2d31;
		font-family: "qualion", sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		letter-spacing: .1em;
	}

.copyright {
	width: 270px;
	float: right;
	text-align: right;
}
.copyright p {
	margin: 0;
}

.copyright em {
	text-transform: none;
	font-weight: normal;
	letter-spacing: normal;
}

.copyright a {
	text-decoration: underline;
	color: #616165;
}

.copyright a:hover {
	color: #AE0481;
}


.copyright .footer-nav {
	margin: 20px 0 5px;
	font-family: "qualion", sans-serif;
	color: #616165;
}
.copyright .footer-nav li {
	display: inline-block;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: .05em;
}
	.copyright .footer-nav li:after {
		content: "|";
		margin: 0 3px 0 6px;
	}
		.copyright .footer-nav li:last-child:after {
			display: none
		}


#footer_branding {
	clear: both;
	float: none;
	font-style: italic;
	text-transform: none;
	letter-spacing: normal;
	opacity: 0.6;
	margin: 25px 0;
}

/*!---------COMMENTS---------*/

#comments, #pings {
	margin-top: 5px
}

#respond {
	margin-bottom: 90px;
	padding: 3% 5%;
	background: #f2f2f3;
	background-size: 430px auto;
}

	#reply-title a#cancel-comment-reply-link {
		display: none !important
	}
	#comment-list #reply-title a#cancel-comment-reply-link {
		display: inline-block !important
	}
#comment-list {
	font-size: 90%;
	list-style-type: none;
	margin: 20px 0 30px;
	padding: 0;
}

#comment-list li {
	margin: 30px 0;
	padding: 25px;
	background-color: #ffffff;
	border: 1px solid #ececec;
	list-style-type: none;
}

#comment-list li:before {
	display: none;
}

#comment-list li.bypostauthor {
	border: none;
	padding: 0;
}

#comment-list li.bypostauthor>div.comment {
	background-color: #f4f4f5;
	padding: 20px;
}

#comment-list li p {
	margin: 10px 0;
}

#comment-list li p:last-of-type {
	margin-bottom: 0;
}

.comment-meta {
	margin: 0;
	font-size: 11px;
	text-align: left;
	clear: none;
}

.comment-meta:before {
	display: none;
}

.comment-meta a {
	
}

.comment-meta strong {
	font-weight: bold;
	font-size: 14px;
	color: #2d2d31;
}

.comment-meta strong a {
	color: #2d2d31;
	text-decoration: underline;
	border: none !important;
	box-shadow: none !important;
}

.comment-meta a:hover {
	color: #AE0481;
	text-decoration: underline
}

#comment-list .avatar {
	float: right;
	border-radius: 50%;
	margin: 0 0 10px 10px;
}

#commentform {
	margin-bottom: 30px;
	width: 100%
}

#commentform label {
	
}

#commentform p {
	margin-bottom: 5px
}

.wp-smiley {
	vertical-align: middle
}
.akismet_comment_form_privacy_notice {
	font-style: italic;
	color: #616165;
	font-size: 14px;
	line-height: 1.4;
	margin: 0 0 80px;
	display: block
	}
/*!threaded comments*/

#comment-list li ul {
	margin: 0;
	padding: 0
}

#comment-list li li {
	margin-bottom: 0;
	border: none;
}

#cancel_reply, #cancel_reply a {
	color: #2d2d31;
	font-size: 11px;
	font-weight: bold
}

/*!---------PAGE NUMBERS---------*/

.pagination {
	font-weight: bold;
	font-family: "qualion", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
	letter-spacing: .15em;
	clear: both;
	text-align: center;
	font-size: 11px;
	margin: 0;
	padding: 10px 0;
	overflow: hidden;
	color: #616165;
}
	.comment-nav .pagination {
		text-align: left;
		margin: 0 0 35px;
	}
.pagination h2.screen-reader-text {
	position: relative;
	left: 0px;
	top: auto;
	width: auto;
	height: auto;
	overflow: hidden;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin: 0 10px 0 0;
	padding: 0;
	position: relative;
	top: 3px;
}
.pagination .nav-links {
	display: inline-block
}
.pagination a {
	box-shadow: none !important
}
.pagination .page-numbers {
	color: #616165;
	padding: 4px 8px 3px;
	margin: 0 3px;
	text-decoration: none;
	display: inline-block;
	border: 1px solid #ececec;
	border-radius: 7px;
}

.pagination span.page-numbers.current, .pagination a.active {
	color: #ffffff;
	background-color: #ae0381;
	font-weight: bold;
	border: none;
}

.pagination span.page-numbers.dots {
	border: none;
}

.pagination a.page-numbers:hover {
	background-color: #AE0481;
	border-color: #AE0481;
	color: #ffffff;
}

.comment-nav p {
	margin: 0;
	font-size: 14px;
	color: #616165;
}

/*!---------TOP DROPDOWN MENU---------*/

#top {
	padding: 0;
	font-size: 13px;
	line-height: 54px;
	height: 54px;
	display: block;
	width: 50%;
	float: left;
	text-transform: lowercase;
	margin-left: -6px;
}

#top ul.mainmenu {
	display: block;
	width: 100%;
}

#top li {
	display: inline-block;
	margin: 0 -3px;
	padding: 0;
	position: relative;
}

#top li a {
	display: inline-block;
	padding: 0 12px;
	text-decoration: none;
	color: #6C6C6F;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out
}

#top li a:hover, #top li:hover a {
	color: #AE0481;
}
	
/*!Sub Menus Level 1 */

#top ul ul {
	display: none;
	position: absolute;
	top: 54px;
	left: 50%;
	padding: 5px 0;
	font-size: 11px;
	line-height: 1.3;
	background-color: #252121;
	text-align: center;
	z-index: 2001;
	margin-left: -90px;
	width: 180px;
}

#top ul ul li {
	float: none;
	width: 180px;
	margin: 0;
}

#top li li a {
	width: 100%;
	padding: 5px 15px;
	border: none;
	color: #ffffff !important;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
	
	#top li li a:hover {
		color: #ae0381 !important
	}

#top li li.bold a {
	font-weight: bold;
}

#top ul li:hover > ul {
	display: block;
}

/*!---------MAIN DROPDOWN MENU---------*/

#main {
	clear: both;
	text-align: right;
	font-size: 16px;
	font-family: "qualion", sans-serif;
	text-transform: uppercase;
	letter-spacing: .075em;
	font-weight: bold;
	display: block;
	clear: right;
	float: right;
	width: -moz-calc(100% - 350px);
	width: -webkit-calc(100% - 350px);
	width: calc(100% - 350px);
	margin-right: 0;
	margin-top: 35px;
}

#main ul.mainmenu {
	display: block;
	width: 100%;
}

#main li {
	display: inline-block;
	margin: 0px;
	padding: 0;
	position: relative;
}
	
#main li a {
	display: inline-block;
	padding: 0 15px;
	text-decoration: none;
	color: #2d2d31;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	text-align: center;
	-webkit-transition: color .2s ease-in-out;
	-moz-transition: color .2s ease-in-out;
	transition: color .2s ease-in-out
}
	#main li a i {
		display: block;
		margin: 0 auto 5px;
		font-size: 130%;
		line-height: 1;
	}
#main li a:hover, #main li:hover a {
	color: #AE0481;
}


/*!Sub Menus Level 1 */

#main ul ul {
	transform: rotateX(-90deg) translateX(-50%);
	transform-origin: top left;
	opacity: 0.3;
	transition: 280ms all 120ms ease-out;
	visibility: hidden;
	position: absolute;
	top: 53px;
	left: 50%;
	padding: 7px 0;
	line-height: 1.4;
	background-color: #ececec;
	text-align: center;
	z-index: 2001;
	width: 200px;

}

#main ul ul li {
	float: none;
	margin: 0;
}

#main li li a, #main li:hover li a {
	display: block;
	width: 200px;
	color: #2d2d31;
	margin: 0;
	background-color: transparent;
	padding: 8px 15px;
	border: none;
	font-family: "Qualion", "Lato", helvetica, sans-serif;
	font-size: 15px;
	text-transform: none;
	letter-spacing: normal;
	font-weight: normal;
	text-align: center;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

	#main li li.bold a {
		font-weight: bold;
	}
	
	#main li li a:hover, #main li li:hover a {
		color: #AE0481;
	}
	
#main ul li:hover > ul, #main ul li:focus-within > ul {
	opacity: 1;
	transform: rotateX(0) translateX(-50%);
	visibility: visible;
}


/*! Show indicator for menu items with children */
#main ul ul li.menu-item-has-children>a:after {
	content: "\f054";
	font-family: 'Font Awesome 5 Pro';
	font-weight: normal;
	float: right;
	display: inline;
	margin: 2px -5px 0 0;
	font-size: 80%;
}
	
		
/*!Sub Menus Level 2*/

#main ul ul li ul {
	background-color: #dfdfdf !important;
	left: 220px;
	top: -7px;
	margin: 0;
}
	#main li li li a {
	color: #2d2d31 !important;
	}	
	#main li li li a:hover, #main li li li:hover a {
		color: #AE0481 !important;
	}
#main ul ul li ul:before {
	display: none;
}

#main ul ul ul:after {
	display: none
}

/*Search*/
#main li.search {
	width: 55px
}
#main li.search a {
	
}


/*! WPRM */

.wprm-recipe.wprm-recipe-template-custom {
	padding: 30px;
	position: relative;
	overflow: visible;
	margin: 50px 0 55px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.15);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.15);
	box-shadow: 0 0 10px rgba(0,0,0,.15);

}

.wprm-recipe.wprm-recipe-template-custom .wprm-recipe-image {
	float: right;
	width: 35%;
	margin: 0 0 15px 15px
}
	.wprm-recipe.wprm-recipe-template-custom .wprm-recipe-image img {
		display: block;
		width: 100%;
		height: auto;
	}

.wprm-recipe.wprm-recipe-template-custom h2.wprm-recipe-name {
	margin: 0px 0 15px !important;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .07em;
	border: none;
	padding: 0;
}
	
.wprm-recipe.wprm-recipe-template-custom h3.wprm-recipe-header {
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .07em;
	margin: 25px 0 15px !important;
}

.wprm-recipe.wprm-recipe-template-custom h4.wprm-recipe-group-name {
	margin: 25px 0 10px !important;
	font-size: 15px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: .07em;
}

.wprm-recipe.wprm-recipe-template-custom .wprm-recipe-summary {
	margin-top: 25px;
	font-style: italic;
}

.wprm-recipe.wprm-recipe-template-custom .wprm-recipe-instructions-container {
	margin-bottom: 35px
}

.wprm-recipe.wprm-recipe-template-custom .wprm-recipe-notes-container {
	border-top: 1px solid #ececec;
}

.wprm-recipe.wprm-recipe-template-custom .wprm-recipe-ingredient-notes {
	font-style: italic;
	opacity: 1.0;
	color: #616165;
}
/*Recipe Meta*/

.wprm-recipe.wprm-recipe-template-custom .recipe-meta {
	margin: 0;
	text-align: left !important
}
.wprm-recipe.wprm-recipe-template-custom .recipe-meta-bottom {
	clear: both;
	color: #616165;
	padding-top: 25px;
	margin: 0;
}
.wprm-recipe.wprm-recipe-template-custom .recipe-meta .wprm-block-text-normal, .wprm-recipe.wprm-recipe-template-custom .wprm-recipe-servings-container {
	text-transform: uppercase;
	color: #616165;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: .07em;
	text-align: left;
}
	.wprm-recipe.wprm-recipe-template-custom .recipe-meta .wprm-block-text-italic {
		color: #616165;
		font-size: 12px;
		font-weight: normal;
		text-transform: lowercase;
		letter-spacing: normal;
		font-style: italic !important;
		font-size: 14px;
	}
	.wprm-recipe.wprm-recipe-template-custom .wprm-recipe-servings-container {
		display: inline-block;
		margin-right: 10px;
	}

	.wprm-recipe.wprm-recipe-template-custom .wprm-recipe-servings-link {
		background-color: #ffffff;
		padding: 0 3px 0 5px
	}

.wprm-recipe.wprm-recipe-template-custom .recipe-meta .wprm-recipe-details-unit, .wprm-recipe.wprm-recipe-template-custom .wprm-recipe-servings-unit, .wprm-recipe.wprm-recipe-template-custom .wprm-nutrition-label-text-nutrition-unit {
	font-size: 100%
}
	.wprm-recipe.wprm-recipe-template-custom .recipe-meta-bottom p {
		margin-top: 25px;
		margin-bottom: 10px;
	}

/*Ratings*/
.wprm-recipe.wprm-recipe-template-custom .recipe-rating {
	text-align: left;
	font-size: 15px;
	line-height: 30px;
	margin-bottom: 20px;
	
}
	.wprm-recipe.wprm-recipe-template-custom .recipe-rating div {
		display: inline-block
	}
	.wprm-recipe.wprm-recipe-template-custom .recipe-rating a {
		text-decoration: none;
		color: #2D2D31;
		display: inline-block;
		border: none;
		box-shadow: none;
		line-height: 26px;
		vertical-align: middle;
		position: relative;
		top: 1px;
		font-family: "qualion", sans-serif;
		text-transform: uppercase;
		letter-spacing: .07em;
		margin-left: 10px;
		border: 1px solid #ececec;
		padding: 2px 15px 0;
		border-radius: 6px;
		font-size: 11px !important;
	}
		.wprm-recipe.wprm-recipe-template-custom .recipe-rating a:hover {
			color: #ffffff;
			background-color: #AE0481
		}
	.wprm-recipe.wprm-recipe-template-custom .wprm-recipe-rating-details {
		font-style: italic;
		font-weight: normal !important;
		display: inline-block;
		position: relative;
		top: 2px;
		color: #616165;
		font-size: 13px;
		margin-left: 5px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out
	}


.comment-form-wprm-rating label {
	position: relative;
	top: -3px;
	font-weight: 500;
	
}

		
/*Buttons*/
.wprm-recipe.wprm-recipe-template-custom .wprm-template-buttons {
	margin: 20px 0;
}
.wprm-recipe.wprm-recipe-template-custom a.wprm-recipe-link {
	text-decoration: none;
	font-family: "qualion", sans-serif;
	text-transform: uppercase;
	letter-spacing: .07em;
	font-size: 14px;
	font-weight: bold;
	padding: 15px 15px 13px !important;
	border: none !important;
}
	.wprm-recipe.wprm-recipe-template-custom a.wprm-recipe-link:hover {
		background-color: #ae0381 !important;
		color: #ffffff !important
	}

/*Lists*/

.wprm-recipe.wprm-recipe-template-custom ul.wprm-advanced-list li:before {
    margin: 2px 0 0 -32px !important;
	font-family: "qualion", sans-serif;
}

/*Nutrition*/
.wprm-recipe.wprm-recipe-template-custom .wprm-nutrition {
	
}
.wprm-recipe.wprm-recipe-template-custom .wprm-nutrition h3 {
	display: none
}
.wprm-recipe.wprm-recipe-template-custom .wprm-nutrition-label-container {
	color: #6F6F71;
	font-size: 14px;
	line-height: 1.7;
	font-weight: bold;
	text-align: center;
	background-color: #f4f4f5;
	padding: 20px;
	margin-top: 25px;
}
	.wprm-recipe.wprm-recipe-template-custom .wprm-nutrition-label-container .wprm-block-text-italic {
		letter-spacing: normal;
		text-transform: lowercase;
		font-weight: normal;
	} 


.wprm-recipe.wprm-recipe-template-custom .wprm-nutrition-label-container-grouped .wprm-nutrition-label-text-nutrition-container {
    white-space: nowrap;
    padding-right: 10px;
    flex-basis: 33% !important;
}

/*Footer*/

.wprm-recipe.wprm-recipe-template-custom .recipe-ps, .recipe-ps {
	padding: 25px 30px 25px;
	background-color: #2a2a2a;
	color: #ffffff;
	margin: 25px -30px -30px;
	font-size: 90%;
}
	.category-ps {
		margin: 25px 0;
		padding: 20px 20px 20px;
		font-size: 90%;
		text-align: center;
	}
	.wprm-recipe.wprm-recipe-template-custom .recipe-ps p, .recipe-ps p {
		margin: 0 0 10px;
		line-height: 1.5 !important;
	}
		.wprm-recipe.wprm-recipe-template-custom .recipe-ps p:last-of-type, .recipe-ps p:last-of-type {
			margin-bottom: 0;
		}
	.wprm-recipe.wprm-recipe-template-custom .recipe-ps h3, .recipe-ps h3 {
		margin: 10px 0 15px !important;
		font-size: 18px;
		text-transform: uppercase;
		letter-spacing: .07em;
		color: #ffffff !important;
	}
		.category-ps h3 {
			margin: 5px 0 9px !important;
			font-size: 16px;
		}
	.wprm-recipe.wprm-recipe-template-custom .recipe-ps svg, .recipe-ps svg {
		color: #fff;
		fill: #ffffff;
		float: left;
		margin-right: 20px
	}
		.category-ps svg {
			width: 80px;
			height: 80px;
			float: none;
			margin: 0 auto;
		}
.wprm-recipe.wprm-recipe-template-custom .recipe-ps a, .recipe-ps a {
	color: #ffffff !important;
}
	.wprm-recipe.wprm-recipe-template-custom .recipe-ps a:hover, .recipe-ps a:hover {
		color: #ae0381 !important
	}

/*Jump Button*/

.post-meta .wprm-recipe-snippet {
	display: inline-block;
	vertical-align: middle;
	padding: 7px 1px;
	margin-top: -2px;
}
	.post-meta a.wprm-recipe-link, .post-meta a.video-jump {
		display: inline-block;
		color: #616165 !important;
		font-family: "qualion", sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		letter-spacing: .07em;
		padding: 5px 10px 3px;
		border: 1px solid #ececec;
		border-radius: 6px;
		margin-right: 10px;
	}
		.post-meta a.wprm-recipe-link:hover, .post-meta a.wprm-recipe-link:focus, .post-meta a.video-jump:hover, .post-meta a.video-jump:focus {
			color: #ffffff !important;
			background-color: #AE0481 !important;
			opacity: 1.0 !important;
		}
		.post-meta a.wprm-recipe-link:before {
			content: "\f063";
			font-family: "Font Awesome 5 Pro";
			font-weight: normal;
			margin-right: 5px;
			color: #AE0481;
		}
			.post-meta a.wprm-video-link:before, .post-meta a.video-jump:before {
				content: "\f8a8";
				font-family: "Font Awesome 5 Pro";
				font-weight: normal;
				margin-right: 5px;
				color: #AE0481;
			}
	.post-meta a.wprm-video-link {
		margin-left: -10px;
	}
		
/*Mailer Lite*/


.ml-error input {
	background: url(../png/error-icon.png) 98% center no-repeat #ffffff !important;
	background-size: 24px 24px !important;
}
.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent,
.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
	margin: 0 0 15px;
	background-color: #ffffff;
	border: 2px solid #E8E8E8;
	padding: 15px;
}
	.footer .ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent {
		margin: 15px 0;
	}
.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4,
.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
	font-size: 14px;
	margin: 0 0 5px !important;
	text-align: center;
	word-break: break-word;
}
.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p,
.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
	font-size: 13px;
	line-height: 1.5;
	color: #4d4d4d !important;
	margin: 0;
	text-align: center;
}

.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p:last-child,
.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p:last-child {
margin: 0;
}

/* Recipe Index Search Styles
----------------------------- */

.wrap--cat-search__pagination {
	clear: both;
}

.search-posts--cat-search {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;

    width: 105%;
    margin-left: -2.5%;
}

.search-posts--cat-search .teaser-post {
    width: 100%!important;
    margin: 0 2.5% 60px 2.5%!important;
    clear: both!important;
    float: none!important;
    position: relative;
    overflow: hidden;
    text-align: center;	

    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 28.3333%!important;
    -ms-flex: 0 1 28.3333%!important;
    flex: 0 1 28.3333%!important;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;    
}

@media ( max-width: 768px ) {

	.search-posts--cat-search {
	    width: calc( 100% + 20px );
	    margin-left: -10px;
	}

	.search-posts--cat-search .teaser-post {
	    margin: 0 10px 60px 10px!important;
	    -webkit-flex: 0 1 calc( 50% - 20px )!important;
	    -ms-flex: 0 1 calc( 50% - 20px )!important;
	    flex: 0 1 calc( 50% - 20px )!important;
	}

}

@media ( max-width: 480px ) {

	.search-posts--cat-search {
	    width: 100%;
	    margin-left: 0;
	}

	.search-posts--cat-search .teaser-post {
	    margin: 0 0 60px 0!important;
	    -webkit-flex: 0 1 100%!important;
	    -ms-flex: 0 1 100%!important;
	    flex: 0 1 100%!important;
	}

}