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 {
		padding: 8px 11px 7px 13px;
		letter-spacing: .1em;
		font-size: 13px;
		font-size: 1.5vw;
		font-size: clamp(9px, 1.5vw, 13px);
	}
	

}

@media ( max-width : 1120px ) {
	.header .logo {
		width: 300px;
	}
	#main, .top-stuff {
		float: right;
		width: -moz-calc(100% - 300px);
		width: -webkit-calc(100% - 300px);
		width: calc(100% - 300px);
	}
	#main {
		letter-spacing: .12em;
		font-size: 15px;
		font-size: 1.4vw;
	}
	#main li a {
		padding: 0 10px;
	}
	
}
@media ( max-width : 975px ) {
	.header .wrap {
		padding: 0 10px;
	}
	.header .logo {
		width: 270px;
	}
	.top-stuff .header-search {
		width: 120px;
	}
	.top-stuff .social {
		margin-right: 8px;
	}
	#top li {
		display: inline-block;
		margin: 0 10px 0 0;
	}
	
	#main, .top-stuff {
		float: right;
		width: -moz-calc(100% - 270px);
		width: -webkit-calc(100% - 270px);
		width: calc(100% - 270px);
	}
	#main {
		letter-spacing: .1em;
		font-size: 1.4vw;
	}
	
	.optin-content {
		gap: 10px;
	}
	.optin-content .caption {
		flex-shrink: 1;
		background: url(images/envelope@2x.png) no-repeat center left 90px;
		background-size: auto 100%;
		padding: 25px 0;
	}
		.optin-content h2.block-title {
			font-size: 16px;
			font-size: 1.7vw;
			margin: 5px 0 0;
		}
		.optin-content h2.block-title em, .post-content .subscribe h2 em, .inner-post .optin-content h2.block-title em {
			width: 160px;
			height: 42px;
			margin: -8px 0 0 0;
		}
}
@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, .top-stuff {
		display: none;
	}
	.header {
		height: 50px;
		border: none;
		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 {
		margin-bottom: 5vw;
	}
	
	.span_content_full .items-3-col .item {
		width: calc((100% / 2) - 4%);
		margin: 0 2% 25px;
	}
	
	.home-section .widget-content .image {
		margin-left  : calc( -100vw / 2 + 100% / 2 );
		margin-right : calc( -100vw / 2 + 100% / 2 );
		max-width    : 100vw;
		width: 100vw;
		margin-top: -6vw;
	}
	
	.home-section .widget-content .caption {
		width: 100%;
		padding: 0px;
		margin: 0 auto 0;
		text-align: center;
	}
		.home-section .widget-content .caption .block-title, .home-section .widget-content .caption .more {
			text-align: center;
		}
	.home-section.subscribe {
		background-image: none;
		background-color: #d4e6e6;
		padding: 10px 0 22px;
	}
	.optin-content {
		display: block;
		flex: none;
		gap: 0;
	}
	.optin-content .caption {
		width: 100%;
		background: url(images/envelope@2x.png) no-repeat center left 32%;
		background-size: auto 100%;
		padding: 25px 0;
		text-align: center;
	}
		.optin-content h2.block-title {
			font-size: 3vw;
			font-size: clamp(12px, 3vw, 21px);
			text-align: center;
			margin: 0;
		}
		.optin-content h2.block-title em, .post-content .subscribe h2 em, .inner-post .optin-content h2.block-title em {
			width: 160px;
			height: 42px;
			margin: -8px 0 0 0;
		}
	.optin-content .form {
		width: 100%;
		margin-top: -20px;
	}
	
}
@media ( max-width : 750px ) {
	
	.items-8-col {
		margin: 0 -1%;
	}
		.items-8-col .item {
			width: calc((100% / 4) - 2%);
			margin: 0 1% 0;
			
		}
		
	.icons:after {
		height: 30%;
		background-size: auto 7px;
	}
	.icons .item .title {
		font-size: 11px;
		font-size: .75vw;
		font-size: clamp(11px, 2vw, 13px);
		text-transform: uppercase;
		letter-spacing: .15em;
		margin: 10px 0 15px;
		text-align: center;
	}
		
	.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);
	}		

}
@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 ) {
	.upper-home-sections {
		margin-bottom: 30px;
	}
	
	.home-section {
		padding: 8vw 0;
	}
		.home-section.shaded {
			padding: 6vw 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: 23px;
			font-size: clamp(14px, 4vw, 23px);
			margin-top: 10px;
		}

	.press-desktop {
		display: none !important;
	}
	.press-mobile {
		display: block !important;
		padding-bottom: 25px;
	}
	
	.wprm-recipe.wprm-recipe-template-custom {
		margin-left: -20px;
		margin-right: -20px;
		border: none;
	}
	
}

@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;
	}
	.home-section.subscribe {
		background-image: none;
		background-color: #d4e6e6;
		padding: 10px 0 22px;
	}
	.optin-content .caption {
		width: 100%;
		background: url(images/envelope@2x.png) no-repeat top left 40%;
		background-size: auto 92%;
		padding: 25px 0;
		text-align: center;
	}
		.optin-content h2.block-title {
			font-size: 3vw;
			font-size: clamp(12px, 4vw, 21px);
			text-align: center;
			margin: 0;
		}
		
	.optin-content .form {
		width: 100%;
		margin-top: -10px;
	}
	
}
@media ( max-width : 450px ) {
	.item .rating-label {
		display: none
	}
	
	.icons {
		padding: 1vw 0 1.5vw;
	}
	.home-section .item a.overlay .title {
		padding: 7px 9px 6px 10px;
		letter-spacing: .1em;
		font-size: 13px;
		font-size: 1.5vw;
		font-size: clamp(9px, 3vw, 13px);
	}
}
@media ( max-width : 400px ) {
	.wrap, .wrapper {
		padding: 0 15px;
	}
	.wprm-recipe.wprm-recipe-template-custom {
		margin-left: -15px;
		margin-right: -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.subscribe {
		padding: 2px 0 15px;
	}
	.subscribe .email-form {
		display: block;
		flex: none;
	}
	
	.subscribe .email-input {
		width: 100%;
		margin-bottom: 8px;
	}
	.subscribe .email-submit {
		width: 100%;
		flex-shrink: 0;
		display: block;
	}
	
	.optin-content h2.block-title {
		font-size: 3vw;
		font-size: clamp(12px, 5vw, 21px);
		text-align: center;
		margin: 0;
	}
	.optin-content h2.block-title em, .post-content .subscribe h2 em, .inner-post .optin-content h2.block-title em {
		width: 140px;
		height: 37px;
		margin: -8px 0 0 0;
	}

	
}
@media ( max-width : 360px ) {
	.wrap, .wrapper {
		padding: 0 10px;
	}
	
	.icons .item .title {
		font-size: clamp(9px, 3vw, 13px);
		text-transform: uppercase;
		letter-spacing: .1em;
	}

}