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 : 1100px ), ( max-width : 480px ) {
	.home-section .item a.overlay .title {
		letter-spacing: .1em;
		font-size: 11px;
		border-radius: 4px;
		padding: 8px 12px 8px 13px;
		white-space: unset;
	}
	
	
}
	
@media ( min-width : 375px ) and ( max-width : 450px ) {
	
}
@media ( min-width : 650px ) and ( max-width : 800px ), ( max-width : 475px ) {

}

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


@media ( max-width : 1000px ) {
	.header .logo {
		width: 225px;
	}
	.header .top-stuff {
		margin-top: 10px;
		gap: 10px;
		flex-wrap: wrap;
		text-align: right;
		display: block;
		flex: none;
	}
	.header #top {
		display: block;
		margin-bottom: 8px;
	}
	.header .social {
		vertical-align: middle;
		display: inline-block;
	}
	.header .header-search {
		width: 180px;
		display: inline-block;
		vertical-align: middle;
	}

	.header #main {
		font-size: 2.2vw;
		margin: 10px -9px 0 0;
		float: right;
		clear: right;
	}
	#main li {
		margin: 0;
	}
	
	#main li a {
		padding: 0 10px;
	}
	
	
	#catnav li a,
	#catnav li label {
		padding: 0 18px;
		font-size: 14px;
	}
	#catnav li > a:after {
		font-size: 120%;
		top: 18px;
		right: 15px;
	}

	
}
@media ( max-width : 850px ) {
	.optin-content .caption {
		flex-basis: auto;
		flex-shrink: 1;
		background: url(images/icon-trans.png) no-repeat left 32% center;
		background-size: auto 100%;
		padding: 30px 0 25px 0px;
		margin: -15px 0 -25px;
	}
	.optin-content .caption .block-title {
		white-space: unset;
		font-size: 6vw;
		font-size: clamp(14px, 6vw, 28px);
		line-height: 1;
		margin: 0;
	}
}


/* Responsive Recipe Index Navigation */
@media ( max-width : 799px ) {
	.recipe-nav {
		padding: 0;
	}
	.recipe-nav .search-recipes {
		width: 100%;
	}
		.search-recipes .search-form {
			background-color: #e7dfed;
		}
	.recipe-nav .spacer {
		display: none;
	}
	#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: 17px;
	}
	#catnav li {
			margin: 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: "\f067";
			font-family: 'Font Awesome 5 Pro';
			font-weight: bold;
			font-style: normal;
			display: inline;
			color: #a180b8;
			font-size: 120%;
			line-height: 1;
			position: absolute;
			top: 17px;
			right: 15px;
	}
	#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: "\f068";
	}
	#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: #e7dfed;
		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: #a180b8 !important;
		color: #423f41 !important;
	}
	#catnav li li a,
	#catnav li li label {
		box-shadow: none;
			color: #423f41 !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 {
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px;
	}
		#catnav li li a, #catnav li li:hover a, 
		#catnav li li label, #catnav li li:hover label {
			border-bottom-left-radius: 0 !important;
			border-bottom-right-radius: 0 !important;
		}
	#catnav ul li > input:checked ~ label {
		background: #e7dfed;
		color: #443344;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
		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 {
		height: 50px;
		margin-bottom: 15px;
	}
		body.home .header {
			
		}
	.header .logo, .header .top-stuff, .header #main, .top-bar {
		display: none;
	}
		
	.home-section .search-content .block-title {
		font-size: 21px;
	}
	.home-section .search-content .search-form {
		flex-grow: 1;
		flex-basis: auto;
		min-width: auto;
	}
	ul.archiveslist {
		overflow: hidden;
		-moz-column-count: 3;
		-moz-column-gap: 0px;
		-webkit-column-count: 3;
		-webkit-column-gap: 0px;
		column-count: 3;
		column-gap: 0px;
	}

}
@media ( max-width : 728px ) {	
	.upper-home-sections {
		margin-bottom: 12vw;
		gap: 0;
	}
	.home-sections.recipe-index-sections {
		gap: 12vw;
		margin-bottom: 8vw;
	}
	
	.footer .press .wp-block-group__inner-container {
		display: block;
		padding: 0 12px;
	}
	.footer .press h2 {
		margin-bottom: 10px;
	}
	.footer .press .wp-block-image {
		width: 100%;
		height: auto;
	}
	
	.archives.items-3-col {
		gap: 3vw;
		row-gap: 2vw;
	}
	.breadcrumb .breadcrumb_last {
		display: none;	
	}
	

}
@media ( max-width : 700px ) {
	
	.home-sections .about .widget-content {
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		gap: 0px;
		margin-left: 0px;
	}
		.home-sections .about .caption {
			flex-basis: 100%;
			order: 2;
		}
			.home-sections .about .caption .more {
				margin: 20px 0 0;
			}
		.home-sections .about .image {
			flex-basis: 60%;
			margin: 0 auto 55px;
			order: 1;
			position: relative;
		}
		
	.teaser-posts.items-3-col {
		gap: 4vw;
		row-gap: 4vw;
		grid-template-columns: repeat(2, 1fr);
	}
		.teaser-posts.items-3-col .item .title {
			font-size: 30px;
			font-size: clamp(18px, 4.5vw, 30px);
		}
	.items-5-col, .items-6-col {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 4vw;
	}
		.items-6-col .item, .items-5-col .item {
			width: 30%;
		}
		.items-5-col .item .title, .items-6-col .item .title {
			font-size: 20px;
			font-size: clamp(14px, 3vw, 20px);
		}
	
	.items-7-col, .items-8-col {
		gap: 2vw;
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
		.items-7-col .item .title, .items-8-col .item .title {
			font-size: 1.5vw;
			font-size: clamp(9px, 3vw, 12px);
		}



}
@media ( max-width : 650px ) {
	.home-sections {
		gap: 10vw;
	}
		.lower-home-sections .home-section.has-background + .home-section.has-background {
			margin-top: -10vw;
		}
	
	.home-section .block-title {
		font-size: 20px;
		font-size: 6vw;
		font-size: clamp(16px, 6vw, 26px);
		margin-bottom: 15px;
	}
	
	.home-sections .home-section.has-background, .footer .home-section.has-background {
		padding: 8vw 0;
	}
		.home-section.subscribe.has-background {
			padding-top: 15px;
			padding-bottom: 25px;
		}
		.home-section.icons-block.has-background {
			position: relative;
			padding: 25px 0 5px;
		}
		.home-section.icons-block.has-background .block-title {
			margin: 0 0 10px;
			font-size: 20px;
		}
			.home-section.icons-block .block-title em {
				background: url(images/perfect.svg) no-repeat;
				background-size: 100% auto;
				width: 100px;
				height: 40px;
				text-indent: -9999px;
				display: inline-block;
				vertical-align: middle;
				position: relative;
				top: -5px;
				margin: 0 0px 0 -3px;
			}
			
	.footer {
		margin-top: 10vw;
	}
	
	.subscribe .email-form, .subscribe .formkit-fields, .subscribe .sib_signup_box_inside_1 {
		flex-wrap: wrap;
		gap: 10px;
	}
	.subscribe .email-input, .subscribe .fd-form-content input.fd-form-control, .dpsp-email-save-this-tool .hubbub-block-save-this-text-control, .formkit-form .formkit-input {
		flex-grow: 1;
	}
	.subscribe .email-submit, .dpsp-email-save-this-tool .hubbub-block-save-this-submit-button, .formkit-form .formkit-submit {
		flex-grow: 1;
	}
	
	ul.archiveslist {
		overflow: hidden;
		-moz-column-count: 2;
		-moz-column-gap: 0px;
		-webkit-column-count: 2;
		-webkit-column-gap: 0px;
		column-count: 2;
		column-gap: 0px;
	}

	.items-4-col {
		gap: 4vw;
		row-gap: 4vw;
		grid-template-columns: repeat(2, 1fr);
		grid-template-columns: repeat( auto-fit, minmax(40%, 1fr) );
	}
		.items-4-col .item .title {
			font-size: 24px;
			font-size: clamp(18px, 3.5vw, 24px);
		}
	.sidebar .items-4-col {
		gap: 4vw;
		row-gap: 4vw;
		grid-template-columns: repeat(2, 1fr);
	}

	.optin-content .caption {
		flex-basis: auto;
		flex-shrink: 1;
		background: url(images/icon-trans.png) no-repeat left 32% center;
		background-size: auto 100%;
		padding: 30px 0 25px 0px;
		margin: -15px 0 -25px;
	}
	.optin-content .caption .block-title {
		white-space: unset;
		font-size: 6vw;
		font-size: clamp(14px, 6vw, 28px);
		line-height: 1;
		margin: 0;
	}
		.optin-content .caption .block-title em {
			width: 150px;
			height: 30px;
			top: 4px;
			margin: 0 0px 0 2px;
		}


	
	
	.wprm-recipe.wprm-recipe-template-custom {
		
	}
	.wprm-recipe.wprm-recipe-template-custom .wprm-recipe-body {
		padding: 15px 15px 15px;
		border: none;
	}
	.wprm-recipe.wprm-recipe-template-custom .wprm-recipe-head {
		padding: 15px;
		display: flex;
		flex-flow: row wrap;
		text-align: center;
	}
	.wprm-recipe.wprm-recipe-template-custom .wprm-title-block {
		width: 100%;
		flex-basis: 100%;
		float: none;
		order: 2;
	}
	.wprm-recipe.wprm-recipe-template-custom .wprm-image-block {
		width: 100%;
		float: none;
		order: 1;
		text-align: center;
		margin: 0 auto 20px;
		max-width: 250px;
	}
	.wprm-recipe.wprm-recipe-template-custom .recipe-buttons {
		width: 100%;
		flex-basis: 100%;
		order: 3;
		gap: 10px;
		flex-wrap: wrap;
		margin: 0;
	}
	.wprm-recipe.wprm-recipe-template-custom .recipe-buttons a.wprm-recipe-link, a.wprm-recipe-roundup-link {
		width: 100%;
		flex-basis: 100%;
	}
	
	
}

@media ( max-width : 600px ) {
	.wprm-recipe.wprm-recipe-roundup-item {
		overflow: visible;
		margin-top: 200px !important;
	}
	.wprm-recipe-roundup-item .wprm-recipe-image {
		flex-basis: 250px;
		padding: 1px 15px 15px;
		margin: -135px auto 0;
		overflow: visible;
	}
		.wprm-recipe-roundup-item .wprm-recipe-image img {
			border-radius: 12px;
			border: 10px solid #ffffff !important;
		}
	.wprm-recipe-roundup-item .wprm-recipe-roundup-summary-container {
		flex-basis: 100%;
		padding: 1% 5% 5%;
		text-align: center;
	}
		.wprm-recipe-roundup-item .wprm-recipe-roundup-summary-container h3, 	.wprm-recipe-roundup-item .wprm-recipe-roundup-summary-container p {
			text-align: center;
		}
}

@media ( max-width : 500px ) {
	h1 {
		font-size: 30px;
	}
	ul.archiveslist {
		overflow: visible;
		column-count: 2;
	}
	.archives.items-3-col {
		gap: 4vw;
		row-gap: 4vw;
		grid-template-columns: repeat(2, 1fr);
		grid-template-columns: repeat( auto-fit, minmax(40%, 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;
		}


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

}
@media ( max-width : 450px ) {
	
	.dpsp-email-save-this-tool, .wp-block-social-pug-save-this {
		padding: 20px 20px 25px;
		border-radius: 32px;
	}
	.dpsp-email-save-this-tool h3.hubbub-save-this-heading {
		font-size: 32px;
	}
	.dpsp-email-save-this-tool form {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: 10px;
	}
	.dpsp-email-save-this-tool form p.hubbub-save-this-emailaddress-paragraph-wrapper {
		order: 1;
		flex-basis: 100%;
		flex-grow: 1;
	}
	.dpsp-email-save-this-tool form p.hubbub-save-this-submit-button-paragraph-wrapper {
		order: 2;
		width: 100%;
		flex-basis: 100%
	}

}
@media ( max-width : 425px ) {
	.wrap, .wrapper {
		padding: 0 15px;
	}
	.wprm-recipe.wprm-recipe-template-custom {
		margin-left: -15px;
		margin-right: -15px;
		width: auto;
	}

	
	#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;
		}
	
}
@media ( max-width : 375px ) {
	.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: 12vw;
		grid-template-columns: repeat(1, 1fr);
	}
	.teaser-posts.items-3-col .item .title {
		font-size: 30px;
		font-size: clamp(18px, 7vw, 30px);
	}

	
}
@media ( max-width : 360px ) {
	
	.wrap, .wrapper {
		padding: 0 10px;
	}
	.wprm-recipe.wprm-recipe-template-custom {
		margin-left: -10px;
		margin-right: -10px;
	}
	
	.subscribe .email-form {
		flex-wrap: wrap;
		background: none;
		box-shadow: none;
		display: block;
	}
	.subscribe .email-input {
		width: 100%;
		margin-bottom: 5px;
		flex-basis: 100%;
		border-radius: 26px;
		background: #ffffff;
		box-shadow: 0px 0px 6px rgba(162, 127, 178, .35);
	}
	.subscribe .email-submit {
		flex-basis: 100% !important;
		width: 100%;
		flex-grow: 1;
		flex-shrink: 0;
		border-radius: 26px !important;
	}

}