html {
	-webkit-text-size-adjust: 100%;
}
html, body {
	max-width: 100%;
	overflow-x: hidden;
}
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 : 1360px ) {
	.upper-home-sections.home-sections .image-blocks-block {
		padding: 0 20px !important;
	}
	.upper-home-sections.home-sections .image-blocks-block .image-blocks {
		padding: 4% 0 2%;
		margin-left: -20px;
		margin-right: -20px;
		gap: 3%;
	}
	
}
@media ( max-width : 1200px ) {
	.upper-home-sections.home-sections .optin-content .caption .block-title {
		font-size: 17vw;
		font-size: clamp(24px, 17vw, 204px);
		left: -15px;
		right: -15px;
		text-align: center;
	}
	.home-section.optin-block.has-background .optin-content {
		gap: 15px;
		padding: 8% 6%;
	}
	.footer .optin-content .caption .block-title {
		font-size: 10vw;
		font-size: clamp(30px, 10.5vw, 120px);
	}
	.footer .home-section.optin-block.has-background .optin-content {
		background: url(images/footer-subscribe.jpg) no-repeat left 6% center;
		background-size: auto 130%;
		padding: 7% 8% 6% 32%;
	}
	.footer .optin-content .caption p {
		font-size: 19px;
		font-size: clamp(15px, 2.25vw, 19px);
	}
	.sub-footer .wrap {
		justify-content: space-evenly;
		align-items: center;
	}
	.sub-footer .wrap .copyright {
		margin-right: unset;
	}
	.sub-footer .wrap .widget {
		margin-left: unset;
	}
}


@media ( max-width : 1020px ) {
	.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: 304px;
			height: auto;
			margin: 0 auto;
		}
	
}
@media ( max-width : 900px ) {
	
	

	
}
@media ( max-width : 840px ) {
	.home-section .divider .extra-title, .latest .extra-title, .optin-content .block-title {
		font-size: 8.25vw;
	}
	
}




@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: 60px;
		margin: 0;
	}
	.top-bar, .header .logo, #main, .social {
		display: none;
	}
	
	.upper-home-sections.home-sections .image-blocks-block .image-blocks {
		padding: 20px 0 40px;
		margin-left: -10px;
		margin-right: -10px;
		gap: 3%;
	}
	
	.upper-home-sections.home-sections .optin-content .caption .block-title {
		font-size: 17vw;
		font-size: clamp(24px, 17vw, 204px);
		left: -15px;
		right: -15px;
		text-align: center;
		transform: none;
		top: 0;
	}
	.home-section.optin-block.has-background .optin-content {
		gap: 10px;
		padding: 6%;
		flex-wrap: wrap;
	}
	.optin-content .caption {
		text-align: center;
		flex-basis: 100%;
	}
		.optin-content .caption p {
			font-size: 2.25vw;
			font-size: clamp(12px, 2.25vw, 16px);
		}
	.optin-content .form {
		text-align: center;
		flex-basis: 100%;
	}
	
	.home-section .widget-content {
		gap: 20px
	}
	
	.home-section .widget-content .image {
		flex-basis: 100%;
		order: 1;
	}
		.home-section .widget-content.right .image {
			order: 1;
		}
	.home-section .widget-content .caption {
		flex-basis: 100%;
		padding: 0;
		order: 2;
	}
	.home-section .about-content {
		margin: 5vw auto;
		max-width: 600px;
	}
		.home-section .about-content .image {
			margin: 0 20px 0 20px;
		}
			.sidebar .home-section .about-content .image {
				margin: 0 0px 0 20px;
				padding-right: 20px;
			}
		.home-section .about-content .caption {
			text-align: left;
			padding: 20px 30px;
		}
		.home-section .about-content .caption .block-title {
			margin-left: -30px;
		}
		.home-section .about-content .image {
			position: relative;
		}
		.home-section .about-content .image:before {
			display: block;
			position: absolute;
			mix-blend-mode: multiply;
			opacity: 0.9;
			margin: 0;
			content: "";
			top: 0;
			bottom: 0;
			left: 0;
			-webkit-transform: translate(-33%,0%);
			-ms-transform: translate(-33%,0%);
			transform: translate(-33%,0%);
			height: 100%;
			width: 0;
			padding-left: 22%;
			background: url(images/welcome.svg) no-repeat center;
			background-size: auto 95%;
			z-index: 101;
			pointer-events: inherit
		}


}
@media ( max-width : 728px ) {
	
	.header {
		margin-bottom: 15px;
	}
		body.home .header {
			margin-bottom: 0;
		}
	.recipe-summary {
		margin-top: -15px;
	}
	.recipe-summary .wrap {
		padding: 0px;
		margin-bottom: 50px;
	}
	.recipe-summary .wrap .summary-image {
		width: 100%;
		margin-left: 0;
		order: 2;
	}
	.recipe-summary .wrap .summary-content {
		width: 100%;
		padding: 20px;
		text-align: center;
		order: 1;
	}
	
	.upper-home-sections {
		margin-bottom: 8vw;
	}
	
	
	.archives.items-3-col {
		gap: 3vw;
		row-gap: 2vw;
	}
	
	.footer {
		margin-top: 8vw;
		margin-bottom: 0vw;
	}
		.footer .optin-block .wrap {
			padding: 0;
		}
		.footer .home-section.optin-block.has-background .optin-content {
			background: url(images/footer-subscribe.jpg) no-repeat left 25% top 40%;
			background-size: auto 150%;
			padding: 8% 8% 8% 25%;
		}
		.footer .optin-content .caption .block-title {
			top: -15px;
		}
	
	.sub-footer .wrap {
		justify-content: space-evenly;
		align-items: center;
		flex-wrap: wrap;
	}
	.sub-footer .wrap .copyright {
		margin-right: unset;
		flex-basis: 100%;
		margin: 40px 0 20px;
		order: 4;
	}
	

}
@media ( max-width : 700px ) {
	.home-section .divider, .latest {
		font-size: 18px;
		text-align: center;
		margin: 20px 0 35px;
		font-weight: bold;
		text-transform: uppercase;
		position: relative;
		letter-spacing: .2em;
		line-height: 34px;
		height: 34px;
	}
	.home-section .divider .extra-title, .latest .extra-title, .optin-content .block-title {
		font-size: 8.25vw;
	}
	.upper-home-sections.home-sections .optin-content .caption .block-title {
		top: -10px;
		overflow: visible !important;
	}
	.home-section .item a.overlay .title {
		padding: 6% 8%;
		font-size: 2.2vw;
		font-size: clamp(10px, 2.25vw, 14px);
		letter-spacing: .15em;
	}
	
	.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));
	}
	.icons .item .title {
		font-size: clamp(9px, 3vw, 12px);
	}


}
@media ( max-width : 650px ) {
	
	.home-sections {
		display: flex;
		flex-flow: column;
		gap: 9vw;
	}
		.upper-home-sections.home-sections {
			margin-bottom: 70px;
		}
			.upper-home-sections.home-sections .optin-block:nth-child(2) {
				margin-top: -9vw;
				padding: 0
			}
		.lower-home-sections.home-sections {
			margin-top: 7vw;
		}
		.category-featured-posts {
			margin: 8vw 0 9vw;
		}
		.home-sections .home-section.has-background {
			padding: 6vw 0;
		}
		.home-section.featured-posts-block p.description, .featured-posts-block p.description {
			margin: -20px 0 25px;
			font-size: 90%;
		}
		.home-section .divider, .latest {
			margin: 20px 0 25px;
		}
		
	.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);
	}
	
	
}

@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%;
	}
	
	.footer .home-section.optin-block.has-background .optin-content {
		background: url(images/footer-subscribe.jpg) no-repeat left 20% top 40%;
		background-size: auto 160%;
		padding: 8% 7%;
	}
		.footer .optin-content .caption {
			margin-left: 20%;
		}
	.home-section .divider, .latest {
		line-height: 26px;
	}
	.home-section .divider .extra-title, .latest .extra-title {
		letter-spacing: .1em;
		margin-left  : calc( -100vw / 2 + 100% / 2 );
		margin-right : calc( -100vw / 2 + 100% / 2 );
		max-width    : 100vw;
	}
	
	
}

@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 ) {

	.subscribe .email-form {
	flex-wrap: wrap;
	gap: 10px;
	}
	.subscribe .email-input {
		flex-basis: 100%;
	}	
	.subscribe .email-submit {
		flex-basis: 100%;
	}
}
@media ( max-width : 450px ) {

}
@media ( max-width : 425px ) {
	.wrap, .wrapper {
		padding: 0 15px;
	}
	.upper-home-sections.home-sections .image-blocks-block {
		padding: 0 15px !important;
	}
	

	
	.optin-content .caption .description {
		font-size: 14px;
		font-size: clamp(12px, 3.2vw, 15px);
		line-height: 1.5;
	}
	
	#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 ) {
	
	.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;
	}
	.upper-home-sections.home-sections .image-blocks-block {
		padding: 0 10px !important;
	}

}