html {
	  -webkit-text-size-adjust: 100%;
}

/*---RESPONSIVE QUERIES---*/
@media ( min-width : 865px ) and ( max-width : 990px ), ( min-width : 480px ) and ( max-width : 605px ), ( max-width : 400px ) {

	
}
@media ( min-width : 800px ) and ( max-width : 1000px ), ( max-width : 480px ) {

	
}
	
@media ( min-width : 600px ) and ( max-width : 1000px ) {

	.home-section .item a.overlay .title {
		font-size: clamp(11px, 1.5vw, 13px);
	}
	

}

@media ( max-width : 1000px ) {
	.header .logo {
		overflow: hidden;
		width: 200px;
		float: left;
		margin: 25px 0 25px -5px;
	}
	#main {
		margin: 55px -10px 0 0;
		width: -moz-calc(100% - 200px);
		width: -webkit-calc(100% - 200px);
		width: calc(100% - 200px);
		letter-spacing: .1em;
		font-size: 13px;
		font-size: 1.5vw;
	}
	#main li a {
		padding: 0 10px;
	}
	#main li.browse a {
		width: 120px;
		height: 35px;
		position: relative;
		top: 3px
	}
	
}
@media ( max-width : 930px ) {
	
}
@media ( max-width : 860px ) {


}


/* Responsive Recipe Index Navigation */
@media ( max-width : 799px ) {
	.recipe-nav {
		padding: 3vw 0;
	}
	.recipe-nav .search-recipes {
		width: -moz-calc(100% - 40px);
		width: -webkit-calc(100% - 40px);
		width: calc(100% - 40px);
	}
	.recipe-nav .spacer {
		width: 40px;
		line-height: 43px;
		font-style: italic;
		text-align: left;
		padding: 0 10px 0 3px;
	}
	#catnav {
		padding: 0;
		margin: 0;
		text-align: center;
		display: block;
		width: 100%;
	}

	#catnav {
	
	}
	#catnav ul,
	#catnav li,
	#catnav li a,
	#catnav ul li > label {
			display: block;
			width: 100%;
			left: 0 !important;
	}
	#catnav li {
			margin: 8px 0;
			padding: 0;
			position: relative;
	}
	#catnav li a,
	#catnav ul li > label {
			text-align: left;
			cursor: pointer;
	}
	#catnav li > a:after,
	#catnav li > label:after {
			font-style: normal;
			float: right;
			top: 4px;
			right: -2px;
	}
	#catnav li.menu-item-has-children > a:after,
	#catnav li.menu-item-has-children > label:after {
			content: "+";
			font-weight: normal;
			display: inline;
			margin-left: 6px;
			font-size: 120%;
			line-height: 1;
			position: relative;
			top: 3px;
			right: -1px;
	}
	#catnav li li.menu-item-has-children > a:after,
	#catnav li li.menu-item-has-children > label:after {
		top: 0;   
	}
	#catnav li.menu-item-has-children > input:checked ~ label:after {
			content: "-";
	}
	#catnav > ul > li > ul {
		padding-top: 11px;
	}
	#catnav ul ul {
			font-size: 11px;
			transform: none;
			opacity: 0;
			transition: none;
			visibility: hidden;
			position: relative;
			top: -9px;
			left: 0;
			padding: 0;
			line-height: 1.4;
			background-color: #444542;
			text-align: center;
			z-index: 2001;
			width: 100%;
			height: 0;
			overflow: hidden;
	}
	#catnav ul li:hover > ul, 
	#catnav ul li:focus-within > ul,
	#catnav ul li > input ~ ul {
			height: 0;
			opacity: 0;
			pointer-events: none;
	}
	#catnav ul li > input:checked ~ ul {
			transform: rotateX(0) translateX(0) !important;
			height: auto !important;
			opacity: 1 !important;
			visibility: visible !important;
			pointer-events: auto !important;
	}
	#catnav ul li li > input:checked ~ label {
			background: #d0d6da !important;
		color: #444542 !important;
	}
	#catnav li li a,
	#catnav li li label {
			color: #ffffff !important;
	}
	#catnav ul ul li ul li a:hover {
			background-color: rgba(255,255,255,.25) !important;
	}
	#catnav li.menu-item-has-children > a {
			display: none;
	}
	#catnav ul li > input:checked ~ label {
		background: #444542;
		color: #fff;
	}

	
}

/* Desktop Size Touch Devices (iPad) */
@media all and ( min-width: 800px ) and ( hover: none ){
	#catnav ul li.menu-item-has-children > a {
		display: none;
	}
	#catnav ul li.menu-item-has-children > label {
		display: block;
	}
	#catnav ul li:hover > ul, 
	#catnav ul li:focus-within > ul,
	#catnav ul li > input ~ ul {
			height: 0;
			opacity: 0;
			pointer-events: none;
	}
	#catnav ul li > input:checked ~ ul {
			transform: rotateX(0) translateX(-50%) !important;
			height: auto !important;
			opacity: 1 !important;
			visibility: visible !important;
			pointer-events: auto !important;
	}
	#catnav li.menu-item-has-children > label:after {
			content: "\f107";
			font-family: 'Font Awesome 5 Pro';
			font-weight: normal;
			display: inline;
			margin-left: 6px;
			font-size: 120%;
			line-height: 1;
			position: relative;
			top: 2px;
			right: -2px;
	}
}

@media ( max-width : 799px ) {
	body {
		border: none;
		padding: 0;
	}

	.span_content, .span_content_full {
		float: none;
		width: 100%;
		max-width: 720px;
		margin: 0 auto;
	}
		.span_content_full {
			max-width: 100%;
		}	
	.span_sidebar {
		clear: both;
		width: 100%;
		float: none;
		margin: 50px auto 0;
		border-top: 1px solid #ececec;
		padding-top: 50px;
		max-width: 400px;
	}
	.facet_sidebar {
		border: none;
		padding: 0;
		margin: 0 0 25px;
	}
	button.facetwp-flyout-open {
		display: block !important;
	}
	.facetwp-flyout {
		display: block
	}
	.facet_left {
		display: none
	}
	.flyout-row h3 {
		margin: 0 0 10px !important;
	}
	.flyout-row.name-load_more {
		display: none
	}
	
	.top-bar, #main, .header .social {
		display: none;
	}
	.header {
		height: 50px;
		margin-bottom: 20px;
		text-align: center;
	}
		body.home .header {
			margin: 0;
		}
		.header .wrap {
			
		}
	.header .logo {
		display: none
	}
	.sub-footer .wrap {
		display: block;
		text-align: center;
	}
		.sub-footer .footer-nav {
			width: 100%;
			font-size: 120%;
			line-height: 2;
			display: block;
			text-align: center;
			margin: 10px 0;
		}
		.sub-footer .copyright {
			opacity: 0.7;
			width: 100%;
			display: block;
			text-align: center;
			margin: 10px 0;
		}
	
	.upper-home-sections {
		padding: 20px 0;
	}
	.inner-page-sections {
		display: none
	}
	.span_content_full .items-3-col .item {
		width: calc((100% / 2) - 4%);
		margin: 0 2% 25px;
	}
	
	.home-section .widget-content .image {
		width: -moz-calc(100% + 40px);
		width: -webkit-calc(100% + 40px);
		width: calc(100% + 40px);
		margin: -60px -20px 0;
	}
	
	.home-section .widget-content .caption {
		width: 92%;
		padding: 30px;
		margin: -15% auto 0;
	}
	
	.items-2-col.cta-blocks .item {
		margin: 0px;
		width: 100%;
	}
		.items-2-col.cta-blocks .item:nth-child(1) {
			margin-top: -30px;
			margin-bottom: 65px
		}
	.home-section .cta-blocks .item .caption {
		margin: 0 auto;
		margin-top: -100px;
		margin-bottom: 0px;
		width: 90%;
		max-width: 100%;
		padding: 5% 3% 1px;
	}
	.home-section .cta-blocks .item .caption p {
		font-size: 90%;
	}
		.home-section .cta-blocks .item .caption {
			display: block;
			content: "";
			background-image: url(images/quote-left.svg), url(images/quote-right.svg);
			background-repeat: no-repeat;
			background-size: 62px auto, 62px auto;
			background-position: 8% 30%, right 8% bottom 28%;
		}
	
	.icons {
		padding: 20px 0 5px;
	}
	.icons .items {
		width: 100%;
	}
	.icons .block-title {
		width: 100%;
		margin: 0 0 15px;
		background-image: none;
		padding: 0;
	}
	.icons .more {
		width: 100%;
		margin-top: 5px;
	}
	.icons .block-title em {
		font-size: 15px;
		background-image: none;
		width: auto;
		height: auto;
		text-indent: 0;
		margin: 0 auto;
		display: inline
	}
				
}
@media ( max-width : 750px ) {
	
	
	.items-5-col {
		margin: 0 -1.5%;
		justify-content: center
	}
		.items-5-col .item {
			width: calc((100% / 3) - 3%);
			margin: 0 1.5% 2%;
			margin-bottom: 25px;
			
		}
		.items-5-col .item:nth-child(6) {
			display: block;
		}

	.items-5-col .item .title {
		font-size: 21px;
		font-size: clamp(15px, 3vw, 21px);
	}
	.home-section.subscribe, .footer .subscribe {
	   
	}
		.inner-page-sections .subscribe {
			
		}

	.optin-content h2.block-title {
		margin: 0 0 15px;
		width: 100%;
	}
		.inner-page-sections .optin-content h2.block-title {
		
		}


	.optin-content .form {
		width: 100%;
		max-width: 600px;
		margin: 0 auto 10px;
	}
		

}
@media ( max-width : 700px ) {
	.press h2 {
		width: 100% !important;
		text-align: center;
		margin: 0 0 8px !important;
	}
	.press img {
		width: 100% !important;
		height: auto;
	}
	
}


@media ( max-width : 600px ) {
		
	.icons .items-8-col .item {
		width: -moz-calc(100% / 4);
		width: -webkit-calc(100% / 4);
		width: calc(100% / 4);
		margin: 0 0 15px !important;
		padding: 0 5px
	}
		.icons .item .title {
			font-size: 14px;
			text-transform: lowercase;
			font-size: clamp(11px, 3vw, 14px);
			margin: 10px 0 0
		}
		
	.items-4-col {
		margin: 0 -2%;
	}
		.items-4-col .item {
			width: calc((100% / 2) - 4%);
			margin: 0 2% 2%;
		}
		.items-4-col .item .title {
			font-size: 21px;
			font-size: clamp(15px, 3vw, 21px);
		}

	.press-desktop {
		display: none !important;
	}
	.press-mobile {
		display: block !important;
		padding-bottom: 25px;
	}
	
}

@media ( max-width : 500px ) {
	
	h1 {
		font-size: 30px;
	}
	.post-meta {
		font-size: 11px;
	}
	
	.archives.items-3-col .item {
		margin-bottom: 15px;
		width: calc((100% / 2) - 4%);
	}
		
	.breadcrumb_last {
		display: none;
	}
	.pagination h2.screen-reader-text {
		margin-bottom: 12px;
	}
	.archiveslist {
		 overflow: hidden;
		 -moz-column-count: 2;
		 -moz-column-gap: 10px;
		 -webkit-column-count: 2;
		 -webkit-column-gap: 10px;
		 column-count: 2;
	}
	
}
@media ( max-width : 450px ) {
	.item .rating-label {
		display: none
	}
}
@media ( max-width : 400px ) {
	.wrap, .wrapper {
		padding: 0 15px;
	}
	.span_content_full .items-3-col .item, .span_content .items-2-col.search-posts .item {
		width: calc((100%) - 4%);
		margin-bottom: 40px;
	}
	.span_content_full .items-3-col .item .title, .span_content .items-2-col.search-posts .item .title {
		font-size: 32px;
		font-size: clamp(24px, 8vw, 32px);
	} 
	
}
@media ( max-width : 375px ) {
	
	.home-section .item a.overlay .title {
		font-size: clamp(9px, 1.5vw, 13px);
		letter-spacing: .15em;
		padding: 6px 8px 3px 9px;
	}
	
}
@media ( max-width : 360px ) {
	.wrap, .wrapper {
		padding: 0 10px;
	}

}