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 ) {
	.teaser-post .post-meta.post-cat a, .items-3-col .teaser-post .post-meta.post-cat a {
		font-size: 11px;
		padding: 3px 8px 3px 10px;
	}
	.items-3-col .teaser-post .post-meta.post-cat {
		margin: -12px 0 0;
	}
}
@media ( min-width : 650px ) and ( max-width : 800px ), ( max-width : 475px ) {
	
}

@media ( max-width : 1100px ) {

}


@media ( max-width : 1000px ) {
	.header {
		margin: 20px 0 30px;
	}
	.header .wrap {
		flex-wrap: wrap;
		justify-content: center;
		gap: 5%
	}
	.header .logo {
		display: block;
		flex: none;
		margin: 0 auto 20px;
		flex-basis: 100%;
	}
		.header .logo img {
			width: 358px;
			height: auto;
			margin: 0 auto;
		}
	
}
@media ( max-width : 900px ) {
	
	

	
}
@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;
		}
	
	.header {
		display: none;
	}
	.top-bar {
		margin-top: 50px;
		margin-bottom: 20px;
	}

	.home-sections .widget-content {
		flex: none;
		display: block;
	}
	.home-sections .about, .home-sections .about.has-background {
		padding: 0;
		margin-top: 180px;
	}	
		.home-sections .about.has-background {
			padding-block: 6vw;
		}
	.home-sections .widget-content .image {
		flex-basis: 80%;
		display: block;
		order: 1;
		max-width: 250px;
		margin: -150px auto 25px;
	}
	.home-sections .widget-content .caption {
		flex-basis: 100%;
		order: 2;
	}
	.home-section .widget-content .caption .block-title {
		font-size: 5vw;
		font-size: clamp(24px, 6vw, 36px);
	}
	
	.sub-footer .footer-nav {
		width: 100%;
		text-align: center;
		float: none;
	}
	.sub-footer .footer-nav li {
		display: inline-block;
		margin: 0 10px;
	}
		
	.copyright {
		width: 100%;
		text-align: center;
		float: none;
		margin-top: 15px;
	}

}
@media ( max-width : 728px ) {	
	.upper-home-sections {
		margin-bottom: 8vw;
	}
	
	.optin-content {
		display: block;
	}
	.optin-content .caption {
		flex-basis: 100%;
		flex-grow: 1;
		text-align: center;
		padding: 15px;
		position: relative;
	}
		.optin-content .caption .block-title {
			text-align: center;
			font-size: clamp(21px, 5vw, 36px);
			margin: 0;
		}
			.optin-content .caption * {
				position: relative;
				z-index: 11;
			}
		.optin-content .caption p {
			font-size: clamp(11px, 4vw, 16px);
		}
	.optin-content .form {
		flex-basis: 100%;
		margin-bottom: 15px;
	}
	
	.footer .press .wp-block-group__inner-container {
		display: block;
	}
	.footer .press h2 {
		margin-bottom: 10px;
	}
	.footer .press .wp-block-image {
		width: 100%;
		height: auto;
	}
	
	.archives.items-3-col {
		gap: 3vw;
		row-gap: 2vw;
	}
	

}
@media ( max-width : 700px ) {
	.home-section h2.block-title, .home-section .widget-content .caption .block-title, 	.optin-content .caption .block-title {
		font-size: clamp(21px, 8vw, 36px);
	}
	
	.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));
	}


}
@media ( max-width : 650px ) {
	.home-sections {
		gap: 10vw;
	}
	.lower-home-sections {
		padding-top: 7vw;
	}
		.lower-home-sections .home-section.featured-posts-block {
			padding-top: 7vw;
		}
	.home-sections .home-section.has-background, .footer .home-section.has-background {
		padding: 6vw 0;
	}
	.footer {
		margin-top: 10vw;
	}
	
	.lower-home-sections .home-section.optin-block+.home-section.featured-posts-block, .lower-home-sections .home-section.has-background+.home-section.featured-posts-block {
		margin-top: -10vw;
	}
	.lower-home-sections .home-section.featured-posts-block:after {
		height: 70%;
	}
	.home-section.about .widget-content {
		margin: 4vw auto 7vw;
	}

	.items-4-col {
		gap: 4vw;
		row-gap: 4vw;
		grid-template-columns: repeat(2, 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);
	}

	
	
	
	.wprm-recipe.wprm-recipe-template-purr-custom {
		margin-left: -15px;
		margin-right: -15px;
	}
	.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;
	}
	.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;
		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 ) {
	.home-section.icons-block .wrap {
		gap: 20px;
		flex-wrap: wrap;
	}
	.home-section.icons-block .wrap .search-content {
		flex-basis: 100%;
	}
		.home-section.icons-block .wrap .search-content .block-title {
			text-align: center;
			font-size: 4vw;
			font-size: clamp(21px, 8vw, 36px);
		}
	.home-section.icons-block .wrap .icons {
		flex-basis: 100%;
	}
	
	.icons .item .title, .sidebar .icons .item .title {
		font-size: clamp(9px, 3vw, 12px);
		margin: 10px 0;
	}
}

@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);
	}
		.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 ) {

}
@media ( max-width : 425px ) {
	.wrap, .wrapper {
		padding: 0 15px;
	}
	
	.optin-content {
		display: block;
		flex: none;
		gap: 0;
	}
	.optin-content .caption {
		flex-basis: 100%;
		flex-grow: 1;
		text-align: center;
		position: relative;
	}
	.subscribe .email-input {
		font-size: 16px;
		height: 50px;
		line-height: 50px;
		padding: 0 12px;
		width: 100%;
	}	
	.subscribe .email-submit {
		font-size: 16px;
		height: 50px;
		line-height: 50px;
		position: relative;
		width: 100%;
	}
	
	.optin-content .caption .block-title {
		font-size: clamp(21px, 8vw, 40px);
	}
	.optin-content .caption .description {
		font-size: 14px;
		font-size: clamp(11px, 4vw, 17px);
		line-height: 1.3;
	}
	
	#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: 4vw;
		grid-template-columns: repeat(1, 1fr);
	}
	.teaser-posts.items-3-col .item .title {
		font-size: 30px;
		font-size: clamp(18px, 8vw, 30px);
	}
	.teaser-post .post-cat {
		margin: 20px 0 0;
	}
	
}
@media ( max-width : 360px ) {
	
	.wrap, .wrapper {
		padding: 0 10px;
	}

}