html {
	-webkit-text-size-adjust: 100%;
}
input[type="text"],
input[type="button"],
input[type="submit"],
input[type="email"],
.text-field
.textarea {   
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 0;
}

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

	
}
@media ( min-width : 650px ) and ( max-width : 960px ), ( max-width : 600px ) {

	
}
	
@media ( min-width : 800px ) and ( max-width : 900px ) {
	
}
@media ( min-width : 650px ) and ( max-width : 1300px ), ( max-width : 400px ) {
	.home-sections .about-content .image:after {
		top: -20px;
		left: -20px;
		width: 76px;
		height: 76px;
	}
}

@media ( max-width : 1100px ) {

}


@media ( max-width : 1000px ) {
	
	
}
@media ( max-width : 940px ) {
	
	
}
@media ( max-width : 840px ) {
	.optin-content {
		flex-wrap: wrap;
		gap: 10px;
		width: 100%;
		padding: 0;
	}
	.optin-content .form {
		flex-basis: 100%;
	}
	.optin-content .caption {
		flex-basis: 100%;
		flex-shrink: 1;
		max-width: 100%;
		text-align: center;
	}
		.optin-content .caption p {
			margin: 0;
		}
}


/* Responsive Recipe Index Navigation */
@media ( max-width : 799px ) {
	.recipe-nav {
		padding: 0;
	}
	.search-recipes {
		margin-top: 25px;
		width: 100%;
	}
	#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;
			font-size: 15px;
	}
	#catnav li {
			margin: 0 0 15px;
			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: "\f324";
			font-family: 'Font Awesome 5 Pro';
			font-weight: normal;
			font-style: normal;
			display: inline;
			color: #d1926a;
			font-size: 140%;
			line-height: 1;
			position: absolute;
			top: 16px;
			right: 12px;
	}
	#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: "\f322";
	}
	#catnav > ul > li > ul {
		padding-top: 0px;
	}
	#catnav ul ul {
		font-size: 11px;
		transform: none;
		opacity: 0;
		transition: none;
		visibility: hidden;
		position: relative;
		top: 0px;
		left: 0;
		padding: 0;
		line-height: 1.4;
		background-color: #f0dfcc;
		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 {
		
	}
	#catnav li li a,
	#catnav li li label {
		box-shadow: none;
			color: #232123 !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 li:hover a, 
	#catnav li:hover label {
	}
	#catnav ul li > input:checked ~ label {
		box-shadow: none;
	}

	
}


@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;
	}
		.span_sidebar .subscribe {
			display: none;
		}
	
	.header {
		padding: 0;
		height: 50px;
		border: none;
		margin: 0 0 25px;
	}
	.header .logo, .header #main {
		display: none;
	}
	.top-bar {
		display: none;
	}
	
	.upper-home-sections .tagline h1 {
		margin: 15px;
		text-align: center;
		font-size: clamp(18px, 4.5vw, 30px);
	}
	.tagline p:first-of-type {
		font-size: 13px;
		letter-spacing: .15em;
	}
		
	
	.about-featured-posts .items-1-col {
		gap: 10px;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	
	.home-sections .video-content {
		flex-wrap: wrap;
	}
	.home-sections .video-content .player {
		flex-basis: 100%;
		display: block;
		height: 0;
		padding-bottom: 56%;
		height: 0;
		overflow: hidden;
		position: relative;
	}
	.home-sections .video-content .caption {
		flex-basis: 100%;
		padding: 0;
		text-align: center;
		order: 2;
	}
	.home-section .video-content .caption .block-title {
	
	}
	.home-section .video-content .caption .more {
		text-align: center;
	}
	
	.footer .wrap {
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: center;
		gap: 15px;
		row-gap: 35px;
	}
	.footer .wrap .footer-widget {
		order: 1;
		flex-basis: 25%;
		flex-shrink: 0;
		margin: 0;
		text-align: center;
	}
	.footer .wrap .footer-logo {
		flex-basis: 100%;
		order: 4;
		margin: 0 auto;
		text-align: center;
	}
		.footer .wrap .logo img {
			margin: 0 auto;
			width: 100%;
			height: auto;
			max-width: 290px;
		}

}

@media (max-width: 767px) {
	
	[data-ff-el="root"].ff-692f3aa504cea1b9c4bc0575 .ff-692f3aa504cea1b9c4bc0575__field {
		max-width: unset !important;
	}
	.subscribe [class$='__content'] {
		display: flex !important;
	}
	[data-ff-el="root"].ff-692f3aa504cea1b9c4bc0575 .ff-692f3aa504cea1b9c4bc0575__content, .subscribe [data-ff-el="root"] [class$='__content'], .subscribe .fd-form-content  {
		display: flex !important;
		width: 100% !important;
		margin: 0 auto;
	}
	.subscribe [data-ff-el="root"] div[class$='__fields'] {
		gap: 10px;
		display: flex !important;
		justify-content: space-between !important;
		margin: 0 !important;
		width: 100%;
		flex-grow: 1;
		flex-wrap: wrap;
	}
	.subscribe [data-ff-el="root"] .fd-form-group {
		flex-basis: 48% !important;
		width: 48%;
		flex-grow: 1;
		max-width: unset !important;
		margin: 0 !important;
	}
		.subscribe [data-ff-el="root"] input {
			background-color: #ffffff !important;
			border: none !important;
		}
		
	.press-desktop {
		display: none;
	}
	.press-mobile {
		display: block;
	}
}

@media ( max-width : 728px ) {	
	.upper-home-sections {
		margin-bottom: 12vw;
	}

	.lower-home-sections {
		margin-top: 12vw;
	}
	.cat-landing {
		margin: 6vw 0 6vw;
		gap: 8vw;
	}
	
	.pre-footer {
		margin-top: 12vw;
	}
	.footer {
		padding: 50px 0;
	}
	
	.archives.items-3-col {
		gap: 3vw;
		row-gap: 2vw;
	}
	
	.subscribe .email-form, .subscribe .formkit-fields {
		flex-wrap: wrap;
	}
	.subscribe .email-submit {
		flex-grow: 1;
	}
	
	
	

}
@media ( max-width : 700px ) {

	.teaser-posts.items-3-col {
		gap: 4vw;
		row-gap: 6vw;
		grid-template-columns: repeat(2, 1fr);
	}
		.teaser-posts.items-3-col .item .title {
			font-size: 28px;
			font-size: clamp(18px, 5vw, 28px);
		}
	.items-5-col, .items-6-col {
		gap: 4vw;
		row-gap: 3vw;
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
		.items-5-col .item .title, .items-6-col .item .title {
			font-size: 18px;
			font-size: clamp(14px, 4vw, 24px);
		}
		.image-blocks .item .title, .icons .item .title {
			font-size: clamp(10px, 2vw, 13px);
		}
	
	.items-7-col, .items-8-col {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 1%;
	}
		.items-7-col .item, .items-8-col .item {
			flex-basis: 24%;
		}
		.home-section.icons-block .item.block-title {
			font-size: 22px;
			white-space: nowrap;
			flex-basis: 100%;
			width: 100%;
			align-self: center;
			padding-right: 0px;
			margin: 0 auto;
			flex: none;
		}
		.icons .item .title, .sidebar .icons .item .title {
			font-size: clamp(9px, 2.5vw, 12px);
			margin: 10px 0;
		}

	
	.pre-footer .featured-posts-block .items .item a .title {
		padding: 5px;
		font-size: 10px;
		font-size: clamp(10px, 2vw, 12px);
	}

}
@media ( max-width : 650px ) {

	.upper-home-sections {
	
	}
	.lower-home-sections {
		gap: 10vw;
	}
		.lower-home-sections .home-section.has-background + .home-section.has-background {
			margin-top: -10vw;
		}
		.cat-landing {
			margin: 10vw 0;
			gap: 10vw;
		}

	.home-sections .home-section.has-background, .footer .home-section.has-background {
		padding: 6vw 0;
	}
	
	.home-sections .home-section.about {
	
	}
	
	.home-sections .home-section .widget-content {
		display: block;
	}
		.home-section .widget-content .image, .home-section.about .widget-content .image {
			flex-basis: 90%;
			width: 90%;
			margin: 0;
		}
			.home-section.about .widget-content .image {
				max-width: 350px;
				margin: 0 auto 0;
			}
		.home-section .widget-content .caption, .home-section.about .widget-content .caption {
			text-align: center;
			width: 100%;
			padding: 0;
		}
		.home-section .widget-content .caption .block-title, .home-section .widget-content .caption .more {
			text-align: center;
		}
	
	
	.items-4-col {
		gap: 4vw;
		row-gap: 4vw;
		grid-template-columns: repeat(2, 1fr);
	}
		.items-4-col .item .title {
			font-size: 21px;
			font-size: clamp(16px, 3vw, 21px);
		}
	.sidebar .items-4-col {
		gap: 4vw;
		row-gap: 4vw;
		grid-template-columns: repeat(2, 1fr);
	}
	.items-mixed-col {
		display: flex;
		flex-wrap: wrap;
		gap: auto;
		justify-content: space-between;
	}
		.items-mixed-col .large-item {
			flex-basis: 100%;
			margin-bottom: 25px;
		}
			.items-mixed-col .large-item .title {
				font-size: clamp(21px, 5vw, 28px);
			}
		.items-mixed-col .small-item {
			flex-basis: 48%;
		}
			.items-mixed-col .small-item .title {
				font-size: clamp(16px, 3vw, 21px);
			}
		
	
}

@media ( max-width : 600px ) {
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 4vw;
		font-size: clamp(21px, 5vw, 30px);
	}
	
	.about-featured-posts {
		padding: 4%;
		margin-bottom: 25px;
	}
	.about-featured-posts .block-title {
		white-space: nowrap;
	}
	.about-featured-posts .items-1-col {
		gap: 10px;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
	
	.wp-block-gallery.has-nested-images.columns-2 figure.wp-block-image, .wp-block-gallery.has-nested-images.columns-3 figure.wp-block-image {
		width: 100% !important;
	}
	
	.wprm-recipe.wprm-recipe-template-purr-custom .recipe-buttons a.wprm-recipe-link, a.wprm-recipe-roundup-link {
		font-size: 11px;
	}
	
	
	.wpforms-container {
		padding: 20px 20px 40px;
		margin: 45px 0;
	}
	.wpforms-container .wpforms-form .wpforms-field-container {
		flex-basis: 100%;
	}
	.wpforms-form .wpforms-field-container .disclaimer {
		bottom: 15px;
	}
	.wpforms-form .disclaimer p {
		font-size: 11px;
	}

}

@media ( max-width : 500px ) {
	
	.upper-home-sections {
		
	}
	.lower-home-sections {
		gap: 12vw;
	}
		.lower-home-sections .home-section.has-background + .home-section.has-background {
			margin-top: -12vw;
		}
	
	ul.archiveslist {
		overflow: visible;
		column-count: 2;
	}
	.archives.items-3-col {
		gap: 4vw;
		row-gap: 4vw;
		grid-template-columns: repeat(2, 1fr);
	}
		.archives.items-3-col .item .title {
			font-size: 16px;
			font-size: clamp(16px, 5vw, 20px);
		}

	.post .wp-block-group.has-background, .post .has-background {
		padding: 15px 20px;
	}
		.wp-block-group.has-background h2.has-background {
			margin: -15px -20px 10px;
			padding: 15px 20px;
		}
	
	.home-section .widget-content .caption .social {
		margin: 20px auto 0;
		text-align: center;
		display: block;
	}
	
	.wprm-recipe.wprm-recipe-template-purr-custom {
		margin-left: -20px;
		margin-right: -20px;
		border: none;
	}
	.wprm-recipe.wprm-recipe-template-purr-custom .wprm-recipe-body {
		padding: 15px 15px 15px;
	}
	.wprm-recipe.wprm-recipe-template-purr-custom .wprm-recipe-head {
		
	}
	.wprm-recipe.wprm-recipe-template-purr-custom .wprm-image-block {
		width: 100%;
		float: none;
		text-align: center;
		margin: 0 auto 25px;
	}
	.wprm-recipe.wprm-recipe-template-purr-custom .recipe-buttons {
		width: 100%;
		flex-basis: 100%;
		order: 3;
		gap: 10px;
		flex-wrap: wrap;
		margin: 0;
	}
	.wprm-recipe.wprm-recipe-template-purr-custom .recipe-buttons a.wprm-recipe-link, a.wprm-recipe-roundup-link {
		width: 100%;
		flex-basis: 100%;
	}
	
	.pre-footer .featured-posts-block .items-6-col {
		grid-template-columns: repeat(2, 1fr);
	}
	

}
@media ( max-width : 475px ) {
	.subscribe form, .subscribe .email-form, .subscribe .mc4wp-form-fields {
		flex-wrap: wrap;
	}
	.subscribe .email-submit {
		flex-basis: 100%;
		flex-grow: 1;
	}

}
@media ( max-width : 450px ) {
	.upper-home-sections .tagline h1 {
		margin: 15px;
		text-align: center;
		font-size: clamp(21px, 6vw, 30px);
		margin: 0 10px 10px;
	}
	.tagline p:first-of-type {
		font-size: 12px;
		line-height: 1.4;
		margin: 0 10px;
	}

}
@media ( max-width : 425px ) {
	.wrap, .wrapper {
		padding: 0 15px;
	}
	.wprm-recipe.wprm-recipe-template-purr-custom {
		margin-left: -15px;
		margin-right: -15px;
		border: none;
	}
	
	#comment-list li {
		padding: 0;
		border: none;
	}
		#comment-list li li {
			padding: 10px;
		}
		#comment-list li.bypostauthor, #comment-list li.byuser {
			background-color: #F4F6F6;
			padding: 10px;
			margin-top: 15px;
		}
	
	.home-sections .about-content .image:after {
		top: 10px;
		left: -18px;
		width: 76px;
		height: 76px;
	}
	
	.footer .wrap .footer-widget {
		flex-basis: 100%;
		text-align: center;
	}
	.wpforms-form .wpforms-field-container .disclaimer {
		bottom: 5px;
		line-height: 1.2;
		width: 96%;
		left: 2%;
	}
}
@media ( max-width : 375px ) {
	.formkit-fields .formkit-field {
		flex-basis: 100% !important;
		flex-grow: 1 !important;
		margin: 0 !important;
	}
		.sidebar .formkit-field {
			flex-basis: 100% !important;
		}
	.formkit-fields .formkit-submit {
		flex-basis: 100% !important;
		flex-shrink: 1 !important;
		margin: 0 !important;
	}
	
	.item .wprm-recipe-rating {
		font-size: 12px;
		line-height: 15px;
	}
		.item .wprm-recipe-rating .wprm-recipe-rating-details {
			display: none !important;
		}
	
	.teaser-posts.items-3-col {
		gap: 4vw;
		row-gap: 40px;
		grid-template-columns: repeat(1, 1fr);
	}
		.teaser-posts.items-3-col .item .title, .items-mixed-col .large-item .title {
			font-size: 30px;
			font-size: clamp(18px, 7vw, 28px);
		}
	.teaser-post .post-cat {
		margin: 20px 0 0;
	}
	p.comment-form-attachment {
		padding: 10px;
	}
	#respond {
		margin-left: -10px;
		margin-right: -10px;
		padding: 15px;
	}
	
}
@media ( max-width : 360px ) {
	
	.wrap, .wrapper {
		padding: 0 10px;
	}
	.wprm-recipe.wprm-recipe-template-purr-custom {
		margin-left: -10px;
		margin-right: -10px;
		border: none;
	}

}