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 : 800px ) and ( max-width : 1000px ), ( max-width : 600px ) {

	
	
}
	
@media ( min-width : 375px ) and ( max-width : 450px ) {
	
}
@media ( min-width : 650px ) and ( max-width : 800px ), ( max-width : 475px ) {

}

@media ( max-width : 950px ) {
	.home-section.subscribe.has-background {
		padding-top: 20px;
		padding-bottom: 25px;
	}
	.optin-content {
		flex-wrap: wrap;
		gap: 0;
	}
	.optin-content .caption {
		flex-basis: auto;
		flex-shrink: 1;
		padding: 25px 0 25px 0px;
		margin-bottom: -15px;
		margin-top: -15px;
	}
	.optin-content .caption .block-title {
		font-size: 30px;
		font-size: 4.5vw;
		font-size: clamp(14px, 4.5vw, 30px);
	}

}


@media ( max-width : 860px ) {
	.header .logo {
		width: 300px;
	}
	.header .header-search {
		width: 180px;
		display: inline-block;
		vertical-align: middle;
	}

	.header #main {
		font-size: 2.5vw;
		margin: 20px -9px 0 0;
		float: right;
		clear: right;
	}
	#main li {
		margin: 0;
	}
	#main li a {
		padding: 0 10px;
	}

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


@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;
		}
	body {
		background-image: url(images/slice-white.svg);
		background-repeat: no-repeat;
		background-size: 45% auto;
		background-position: top -25px right -12%;
	}
	.header {
		height: 50px;
		margin-bottom: 15px;
	}
		body.home .header {
			margin-bottom: 0px;
		}
	.header .logo, .header .top-stuff, .header #main {
		display: none;
	}


}
@media ( max-width : 728px ) {	
	.upper-home-sections {
		margin-bottom: 8vw;
		gap: 0;
	}
	.lower-home-sections {
		margin-top: 8vw;
		gap: 10px;
	}
	
	.archives.items-3-col {
		gap: 3vw;
		row-gap: 2vw;
	}
	

}
@media ( max-width : 700px ) {
	
	.home-sections .home-section.about {
		background-image: url(images/slice-yellow.svg), url(images/slice-pinkpurple.svg);
		background-repeat: no-repeat, no-repeat;
		background-size: auto 40%, auto 50%;
		background-position: top 18% left -25%, bottom -50px right -58%;
	}
		.home-sections .about .caption .block-title {
			font-size: clamp(32px, 5vw, 61px);
			margin: 0 0 20px 0;
			text-align: center;
		}
		.home-sections .about .caption p {
			margin: 15px 0 25px 0%;
			line-height: 1.5;
		}
		.home-sections .about .caption .more {
			margin: 20px 0 0 0%;
			text-align: center;
		}
	
	.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%;
			text-align: center;
			order: 2;
		}
			.home-sections .about .caption .more {
				margin: 20px 0 0;
			}
		.home-sections .about .image {
			flex-basis: 50%;
			margin: 0 auto 35px;
			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);
		}

	.home-section .search-content {
		flex-wrap: wrap;
	}


}
@media ( max-width : 650px ) {
	.home-sections {
		gap: 10vw;
	}
	.lower-home-sections {
		margin-top: 10vw;
		gap: 12vw;
	}
	.home-sections .home-section.has-background, .footer .home-section.has-background {
		padding: 6vw 0;
	}
	.footer {
		margin-top: 10vw;
	}
	
	.home-section.subscribe.has-background {
		padding: 4% 0;
	}
		.home-section.subscribe.has-background .wrap {
			padding: 0 10px;
		}

	.items-4-col {
		gap: 4vw;
		row-gap: 4vw;
		grid-template-columns: repeat(2, 1fr);
	}
		.image-blocks.items-4-col {
			gap: 3vw;
			row-gap: 5vw;
			padding-bottom: 5vw;
		}
		.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);
	}

	
	
	.wprm-recipe.wprm-recipe-template-purr-custom {
		
	}
	.wprm-recipe.wprm-recipe-template-purr-custom .wprm-recipe-body {
		padding: 15px 15px 15px;
		border: none;
	}
	.wprm-recipe.wprm-recipe-template-purr-custom .wprm-recipe-head {
		padding: 15px;
		display: flex;
		flex-flow: row wrap;
		text-align: center;
	}
	.wprm-recipe.wprm-recipe-template-purr-custom .wprm-title-block {
		width: 100%;
		flex-basis: 100%;
		float: none;
		order: 2;
	}
	.wprm-recipe.wprm-recipe-template-purr-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-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%;
	}
	
	
}

@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;
		}
		
	.wprm-recipe.wprm-recipe-template-purr-custom .wprm-call-to-action {
		background-image: url(images/slice-yellow.svg), url(images/slice-pinkpurple.svg);
		background-repeat: no-repeat, no-repeat;
		background-size: auto 60%, auto 75%;
		background-position: top -25px left -15%, bottom -15px right -25px;
	
	}


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

}
@media ( max-width : 450px ) {
	
	
	.subscribe .email-form, .subscribe .mailerlite-form-inputs {
		gap: 2%;
	}
	.formkit-fields .formkit-field, .subscribe .mailerlite-form-inputs .mailerlite-form-field {
		flex: 0 0 59% !important;
	}
	.formkit-fields .formkit-submit, .subscribe .mailerlite-form-inputs .mailerlite-subscribe-button-container {
		flex: 0 0 40% !important;
	}
	.subscribe .email-input, .subscribe .mailerlite-form-inputs input[type=email] {
		font-size: 16px;
		height: 48px;
		line-height: 48px;
		padding: 0 18px !important;
		border-radius: 22px !important;
	}
	.subscribe .email-submit, .subscribe .mailerlite-form-inputs .mailerlite-subscribe-submit {
		font-size: 13px !important;
		height: 48px;
		line-height: 48px;
		letter-spacing: .15em;
		padding: 1px 17px 0 20px !important;
		border-radius: 22px !important;
	}
	
	.optin-content .caption .block-title {
		font-size: clamp(14px, 5vw, 30px);
	}
		.optin-content .caption .divider em {
			font-size: 135%;
			top: -4px;
		}
	.optin-content .caption {
		flex-basis: auto;
		flex-shrink: 1;
		padding: 20px 0 20px 0px;
		margin-bottom: -12px;
		margin-top: -15px;
	}
	

}
@media ( max-width : 425px ) {
	.wrap, .wrapper {
		padding: 0 15px;
	}
	.wprm-recipe.wprm-recipe-template-purr-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;
		}
		
	.home-section .item a.overlay .title {
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translate(-50%, 35%);
		letter-spacing: .08em;
		font-size: 11px;
		padding: 12px 16px 8px 18px;
	}
	
}
@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: 4vw;
		grid-template-columns: repeat(1, 1fr);
	}
	.teaser-posts.items-3-col .item .title {
		font-size: 30px;
		font-size: clamp(18px, 8vw, 30px);
	}

	
}
@media ( max-width : 360px ) {
	
	.wrap, .wrapper {
		padding: 0 10px;
	}
	
	.subscribe .email-form, .subscribe .mailerlite-form-inputs {
		gap: 8px;
		flex-wrap: wrap;
	}
	.formkit-fields .formkit-field, .subscribe .mailerlite-form-inputs .mailerlite-form-field {
		flex: 0 0 100% !important;
	}
	.formkit-fields .formkit-submit, .subscribe .mailerlite-form-inputs .mailerlite-subscribe-button-container {
		flex: 0 0 100% !important;
	}
	.wprm-recipe.wprm-recipe-template-purr-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;
	}

}