/**
 * For shortcodes/shortcode-recipe-grid.html.php
 */

#grid-more,
.recipe-grid-pagination {
	clear: both;
	text-align: center;
	padding-top: 30px;
}
#grid-more a,
.recipe-grid-pagination .page-numbers {
	outline: none;
	border: none;
	text-decoration: none;
	padding: 5px 10px;
	display: inline-block;
	color: #fff;
	background-color: #202020;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
	filter: alpha(opacity=50);
}
#grid-more a:hover,
.recipe-grid-pagination .page-numbers.current {
	-webkit-opacity: 1.0;
	-moz-opacity: 1.0;
	opacity: 1.0;
	filter: alpha(opacity=100);
}
#grid-more a.disabled {
	background-color: #ccc;
}
#grid-more + .recipe-grid-pagination {
	display: none;
}
.paged.page #grid-more {
	display: none;
}
.paged.page #grid-more + .recipe-grid-pagination {
	display: block;
}
.recipe-grid-filters .filter-heading {
	display: block;
	clear: both;
	font-weight: bold;
	margin-top: 10px;
}

.recipe-grid-filters span.counter {
	font-weight: bold;
	display: inline-block;
	margin-left: 5px;
}


#recipe-index-wrapper #toggle-mobile,
#recipe-index-wrapper label[for="toggle-mobile"] { display: none; }

#recipe-index-wrapper article.recipe p {
    display: none !important;
}

.recipe-fullwidth-container #search-category {
	margin-bottom: 30px;
}
.recipe-fullwidth-container #search-category ul li {
    display: inline-block;
    width: 20%;
    min-width: 300px;
}

.recipe-category-block article.recipe img {
	width: 100%;
	height: 100%;
}

@media (max-width: 767px) {

	#recipe-index-wrapper {
		position: relative;
	}

	#recipe-index-wrapper label.toggle {
		position: absolute;
		display: block;
		top: 0;
		left: 0;
		z-index: 99998;
		height: 40px;
		width: 40px;
		padding: 5px;
		-webkit-box-sizing: initial;
		-moz-box-sizing: initial;
		box-sizing: initial;
		-webkit-transition: all 1.0s cubic-bezier(0.5, 0.2, 0.5, 1) 0s;
		-moz-transition: all 1.0s cubic-bezier(0.5, 0.2, 0.5, 1) 0s;
		-ms-transition: all 1.0s cubic-bezier(0.5, 0.2, 0.5, 1) 0s;
		-o-transition: all 1.0s cubic-bezier(0.5, 0.2, 0.5, 1) 0s;
		transition: all 1.0s cubic-bezier(0.5, 0.2, 0.5, 1) 0s;
	}
		#recipe-index-wrapper label .dashicons {
			font-size: 40px;
			color: #222;
			cursor: pointer;
		}
	#recipe-index-wrapper label.sticky {
		position: fixed;
		background: #222;
	}
		#recipe-index-wrapper label.sticky .dashicons {
			color: #fff;
		}
	#recipe-index-wrapper input#toggle-mobile {
		visibility: hidden;
	}
	#recipe-index-wrapper #toggle-mobile:checked ~ aside.recipe-filters-sidebar {
		margin-left: 0 !important;
	}
	#recipe-index-wrapper #toggle-mobile:checked ~ label.toggle {
		position: fixed;
		left: 250px;
	}
	#recipe-index-wrapper #toggle-mobile:checked ~ label.toggle-menu-text {
		display: none;
	}
	#recipe-index-wrapper #toggle-mobile:checked ~ label span.dashicons::before {
		content: "\f335" !important;
	}

	#recipe-index-wrapper label.toggle-menu-text {
		display: block;
		position: absolute;
		left: 50px;
		top: 0px;
		padding: 10px;
		padding-left: 0;
		font-size: 16px;
		font-weight: normal;
	}

	.home #recipe-index-wrapper article.recipe,
	.recipe-category-block article.recipe,
	.post-type-archive-recipes #recipe-index-wrapper article.recipe {
		float: none !important;
		display: inline-block !important;
		margin-right: 10px !important;
		margin-bottom: 10px !important;
	}
	#recipe-index-wrapper .recipe-loop-container {
		text-align: center;
		float: left;
		clear: both;
		margin-top: 20px;
		margin-top: 58px !important;
	}
	#recipe-index-wrapper .recipe-filters-sidebar {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		padding: 20px;
		padding-top: 6px;
		padding-left: 4px;
		max-width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		/* -webkit-box-shadow: 0 0 8px #888;
		-moz-box-shadow: 0 0 8px #888;
		box-shadow: 0 0 8px #888; */
		background: rgba(255,255,255,0.8);
		z-index: 99997;
		margin-left: -300px;
		-webkit-transition: all 1.0s cubic-bezier(0.5, 0.2, 0.5, 1) 0s;
		-moz-transition: all 1.0s cubic-bezier(0.5, 0.2, 0.5, 1) 0s;
		-ms-transition: all 1.0s cubic-bezier(0.5, 0.2, 0.5, 1) 0s;
		-o-transition: all 1.0s cubic-bezier(0.5, 0.2, 0.5, 1) 0s;
		transition: all 1.0s cubic-bezier(0.5, 0.2, 0.5, 1) 0s;
	}
		#recipe-index-wrapper .recipe-filters-sidebar .recipe-grid-filters {
			background: none !important;
			padding-left: 24px;
			padding-top: 24px;
			direction: rtl;
			overflow: auto;
			position: absolute;
			top: 6px;
			left: 4px;
			right: 20px;
			bottom: 10px;
		}
		#recipe-index-wrapper .recipe-filters-sidebar .recipe-grid-filters * {
			direction: ltr;
		}


	.home #recipe-index-wrapper article.recipe,
	.recipe-category-block article.recipe,
	.post-type-archive-recipes #recipe-index-wrapper article.recipe,
	.home #recipe-index-wrapper article.recipe .post-thumbnail,
	.recipe-category-block article.recipe .post-thumbnail,
	.post-type-archive-recipes #recipe-index-wrapper article.recipe .post-thumbnail,
	.home #recipe-index-wrapper article.recipe h4,
	.recipe-category-block article.recipe h4,
	.post-type-archive-recipes #recipe-index-wrapper article.recipe h4 {
		min-width: 300px;
		min-height: 300px;
		max-width: 80%;
	}

}