/******************************************
* Media Queries (Responsive Design)
*******************************************/

/*
WARNING! DO NOT EDIT THIS FILE!

To make it easy to update your theme, you should not edit the styles in this file. Instead
add your styles in Customizer > Additional CSS.

*/

/* Compatibility with WP admin bar */
.admin-bar .headroom.headroom--not-top {
	top: 32px;
}

@media screen and (max-width: 1400px) {
	.single .wpz-float-sharing-wrap {
		display: none;
	}
	
	.entry-content div.sharedaddy.sd-sharing-enabled {
		display: block;
	}
}

@media screen and (max-width: 1260px) {
	.inner-wrap {
		margin-left: 2%;
		margin-right: 2%;
	}
	
	/*  .elementor-section.inner-wrap {
        padding-left: 2% !important;
        padding-right: 2% !important;
    }
*/
	.main-navbar.headroom--not-top .main-navbar-wrap {
		padding: 0 2%;
	}
	
	.adv img, .adv_side img, .adv_content img {
		max-width: 100%;
		height: auto;
	}
	
	.navbar-header.left-align {
		text-align: center;
		float: none;
		max-width: 100%;
	}
	
	.prevnext .next_post_pag {
		display: none;
	}
	
	.prevnext .previous_post_pag {
		float: none;
		width: 100%;
	}
	
	.slicknav_nav {
		padding: 0 2%;
	}
}

@media screen and (max-width: 1080px) {
	.recent-posts.list-view .post.has-post-thumbnail .post-thumb {
		min-width: 40%;
		width: 40%;
	}
}

@media screen and (max-width: 1030px) {
	.book-of-the-month-section .elementor-container {}
}

@media (min-width: 980px) {
	#menu-main-slide {
		display: none !important;
	}
}

@media screen and (max-width: 979px) {
	.content-area {
		width: 100%;
		float: none;
	}
	
	#sidebar {
		float: none;
		margin: 50px auto 0;
		width: 100%;
		max-width: 365px;
	}
	
	.woocommerce #sidebar {
		display: none;
	}
	
	.site-header.headroom .navbar-brand h2, .site-header.headroom .main-navbar {
		transition: all .2s ease-in-out;
	}
	
	.logo_wrapper_main.headroom--not-top .adv {
		display: none;
	}
	
	.navbar-brand-wpz {
		margin-top: 15px;
		margin-bottom: 15px;
	}
	
	.site-header.headroom--not-top .navbar-brand img {
		transition-duration: .34s;
		max-width: 80%;
		height: auto;
	}
	
	#menu {
		display: none;
	}
	
	.slicknav_menu {
		display: block;
	}
	
	.header_social {
		float: none;
		text-align: left;
	}
	
	#navbar-main > div {
		display: none;
	}
	
	.navbar-toggle {
		display: block;
	}
	
	.slicknav_btn {
		padding: 16px 0;
	}
	
	.slides li h3 a {
		font-size: 36px;
	}
	
	.cookbook-index-search .sb-search-input {
		width: 66%;
	}
	
	.logo_wrapper_main .slicknav_menu .slicknav_icon {
		width: 24px;
	}
	
	.slicknav_collapsed .slicknav_icon span:nth-child(2) {
		top: 7px;
	}
	
	.slicknav_collapsed .slicknav_icon span:nth-child(3) {
		top: 14px;
	}
	
	.logo_wrapper_main .navbar-brand-wpz img {
		margin-bottom: 0;
	}
	
	.logo_wrapper_main .sb-search {
		/*flex: 1;*/
		position: relative;
		right: 0;
	}
}

/* Tablet Portrait */
@media screen and (max-width: 768px) {
	.section-title {
		font-size: 22px;
	}
	
	.inner-wrap {
		margin-right: 4%;
		margin-left: 4%;
	}
	
	.main-navbar.headroom--not-top .main-navbar-wrap {
		padding: 0 4%;
	}
	
	.slicknav_nav {
		padding: 0 4%;
	}
	
	.slicknav_nav ul {
		padding: 180px 0 0;
	}
	
	.full-layout .recent-posts.list-view .post-thumb {
		min-width: 40%;
	}
	
	.site-footer .footer-logo-wrap {
		flex-direction: column;
	}
	
	.site-footer .footer-logo-wrap > * {
		text-align: center;
	}
	
	.site-footer .footer-logo-wrap > *:nth-child(2) {
		flex-grow: 100%;
	}
	
	.headroom--not-top .navbar-brand-wpz img {
		transition: all .2s ease-in-out;
		max-height: 70px;
		width: auto;
	}
	
	h1 {
		font-size: 28px;
	}
	
	h2 {
		font-size: 26px;
	}
	
	h3 {
		font-size: 22px;
	}
	
	h4 {
		font-size: 20px;
	}
	
	.slicknav_btn {
		float: none;
		display: inline-block;
	}
	
	.slicknav_menu {
		text-align: center;
	}
	
	.logo_wrapper_main .slicknav_menu {
		text-align: left;
	}
	
	.slicknav_nav a {
		text-align: left;
	}
	
	.home .slider-wrap .cookbook-slider .cookbook-slider-title {
		position: static;
		justify-content: flex-start;
		margin-bottom: 20px;
	}
	
	.home .slider-wrap .cookbook-slider .cookbook-slider-title h3, .home .slider-wrap .cookbook-slider .cookbook-slider-prevnext .prevnext-wrapper {
		width: auto;
	}
	
	.home .slider-wrap .cookbook-slider > .cookbook-slides .cookbook-slide {
		flex-wrap: wrap;
	}
	
	.home .slider-wrap .cookbook-slider > .cookbook-slides .cookbook-slide .slide-background {
		order: 1;
		height: 50vw;
		width: 100%;
	}
	
	.home .slider-wrap .cookbook-slider > .cookbook-slides .cookbook-slide .slide-overlay {
		order: 2;
		width: 100%;
		padding: 0;
	}
	
	.home .slider-wrap .cookbook-slider .cookbook-slider-prevnext {
		bottom: 20px;
	}
	
	.entry-title {
		font-size: 20px;
	}
	
	.recent-posts .post.sticky .entry-title {
		font-size: 26px;
	}
	
	.page .site-main > article, .single .site-main > article {
		width: 100%;
		max-width: 100%;
	}
	
	/* Full Width Sticky */
	.page h1.entry-title, .single h1.entry-title {
		font-size: 36px;
	}
	
	.entry-cover .entry-info h1.entry-title {
		margin-bottom: 0;
	}
	
	#respond .form_fields p {
		margin-bottom: 24px;
		width: 100%;
		float: none;
		padding-left: 0;
	}
	
	.form-allowed-tags {
		display: none;
	}
	
	.wpzoom-featured-cat h3 {
		font-size: 18px;
	}
	
	.widget .feature-posts-list li h3 {
		font-size: 16px;
	}
	
	.featured-list h4 {
		font-size: 16px;
	}
	
	.site-widgetized-section .widgets {
		width: 100%;
		margin: 0 auto;
	}
	
	.footer-widgets {
		display: block;
	}
	
	.footer-widgets .column {
		width: 100% !important;
		display: block;
		border: none;
	}
	
	.section-footer .zoom-instagram-widget .zoom-instagram-widget__items .zoom-instagram-widget__item img {
		max-width: 150px;
		height: auto;
	}
	
	/* Recipe Index */
	.food-index-main .content-area {
		width: 100%;
	}
	
	.food-index-main #sidebar {
		width: 100%;
	}
	
	.cookbook-index .post .entry-title {
		font-size: 16px !important;
	}
	
	/* Featured category widget */
	ul.wpz-featured-grid li .entry-title {
		font-size: 16px !important;
	}
}

@media screen and (max-width: 730px) {
	.recent-posts .type-page, .recent-posts .post {
		flex-basis: 48%;
	}
	
	.recent-posts {
		gap: 4%;
	}
	
	.author-profile-archive .section-title {
		font-size: 22px;
	}
	
	.author-profile-archive .author-avatar {
		min-width: 25%;
	}
	
	.author-profile-archive {
		align-items: flex-start;
	}
}

@media screen and (max-width: 640px) {
	.site-header .logo_wrapper_main {
		gap: 1%;
	}
	
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
		float: none;
		width: 100%;
	}
	
	.logo_wrapper_main .navbar-brand-wpz img {
		max-height: 100px;
		width: auto;
	}
	
	.headroom--not-top .navbar-brand-wpz img {
		transition: all .2s ease-in-out;
		max-height: 70px;
		width: auto;
	}
	
	.recent-posts .post-thumb {
		max-width: 100%;
		float: none;
		margin: 0 0 30px;
	}
	
	.recent-posts.list-view .post .post-thumb {
		width: 100%;
		float: none;
		margin: 0 0 20px;
	}
	
	.archive .recent-posts .post, .search .recent-posts .post {
		width: 100%;
		margin-right: 0;
	}
	
	.col_arch ul li {
		width: 100%;
		float: none;
		margin: 0 0 5px 0;
	}
	
	.entry-meta {
		font-size: 12px;
	}
	
	.page h1.entry-title, .single h1.entry-title {
		font-size: 28px;
	}
	
	/* by default there are 4 widgets */
	.site-widgetized-section .widgets .widget {
		width: 100%;
		margin-right: 0;
	}
	
	.site-widgetized-section .widgets .widget:last-child, .site-widgetized-section .widgets-3 .widget {
		width: 100%;
		margin-right: 0;
	}
	
	.site-widgetized-section .widgets-3 .widget:nth-child(2n + 2) {
		margin-right: 0;
	}
	
	.site-widgetized-section .widgets-2 .widget {
		width: 100%;
		margin-right: 0;
	}
	
	/* Navigation */
	div.navigation {
		font-size: 14px;
		margin: 15px 0;
	}
	
	div.navigation a {
		padding: 6px 10px;
		border: none;
	}
	
	div.navigation a:hover {
		background: none;
	}
	
	div.navigation span.current {
		padding: 6px 10px;
		color: #333;
		background: none;
	}
	
	div.navigation span.pages {
		margin-right: 15px;
		display: none;
	}
	
	div.navigation span.dots {
		color: #999;
		line-height: 100%;
		margin: 0 2px;
	}
	
	div.navigation .prev, div.navigation .next {
		position: absolute;
		padding: 8px 0;
		border: none;
		color: #666;
	}
	
	.site-info {
		font-size: 12px;
	}
	
	.sb-search {
		right: 2%;
	}
	
	.column-widgets .widget-column {
		width: 100%;
		margin-right: 0;
	}
	
	.cookbook-index-search .sb-search-input {
		width: 64%;
	}
	
	.cookbook-index-search {
		padding: 5%;
	}
	
	ul.wpz-featured-grid li, .featured-grid-2 ul.wpz-featured-grid li, .featured-grid-4 ul.wpz-featured-grid li, .featured-grid-8 ul.wpz-featured-grid li {
		width: 48%;
		margin-right: 4%;
	}
	
	ul.wpz-featured-grid li:nth-child(3n+3), .featured-grid-2 ul.wpz-featured-grid li:nth-child(3n+3), .featured-grid-4 ul.wpz-featured-grid li:nth-child(3n+3), .featured-grid-8 ul.wpz-featured-grid li:nth-child(3n+3) {
		margin-right: 4%;
	}
	
	.featured-grid-2 ul.wpz-featured-grid li:nth-child(2n+2), .featured-grid-4 ul.wpz-featured-grid li:nth-child(4n+4), .featured-grid-8 ul.wpz-featured-grid li:nth-child(4n+4), ul.wpz-featured-grid li:nth-child(2n+2) {
		margin-right: 0 !important;
	}
}

@media screen and (max-width: 600px) {
	.admin-bar .headroom.headroom--not-top {
		top: 0;
	}
}

@media screen and (max-width: 500px) {
	.recent-posts.list-view .type-page.has-post-thumbnail .post-thumb, .recent-posts.list-view .post.has-post-thumbnail .post-thumb {
		width: 100%;
		float: none;
		margin: 0 0 20px;
	}
	
	.recent-posts.list-view .type-page, .recent-posts.list-view .post {
		display: block;
	}
	
	.recent-posts.list-view .type-page.has-post-thumbnail .entry-body, .recent-posts.list-view .post.has-post-thumbnail .entry-body {
		padding: 0;
	}
}

@media screen and (max-width: 460px) {
	.recent-posts .type-page, .recent-posts .post {
		flex-basis: 100%;
	}
	
	.recent-posts {
		gap: 0;
	}
	
	.single .share a {
		margin: 5px;
	}
	
	.prevnext .prevnext_title {
		max-width: 43%;
	}
	
	.cookbook-index-search .sb-search-input {
		width: 57%;
	}
	
	.cookbook-index-search .sb-search-submit {
		width: 28%;
	}
	
	.recipe_index_list_posts li h3 {
		font-size: 14px;
	}
}