html {
	  -webkit-text-size-adjust: 100%;
}

/*---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 : 480px ) {
	}
	
@media ( min-width : 800px ) and ( max-width : 1000px ) {
	

}

@media ( min-width : 800px ) {

	
	
}

@media ( min-width : 800px ) and ( max-width : 1030px ) {

}

@media ( max-width : 1060px ) {
	.header .logo {
		width: 400px;
		margin: 30px 0 20px -10px;
	}
	
	.header #main, .header .top-stuff {
		width: -moz-calc(100% - 390px);
		width: -webkit-calc(100% - 390px);
		width: calc(100% - 390px);
	}
	.header #main {
		margin: 0 -10px 0 0;
		font-size: 12px;
		font-size: clamp(11px, 1.3vw, 15px);
	}
		.header #main li {
			margin: 0 -3px;
		}
		#main li a {
			display: inline-block;
			padding: 0 10px;
		}
	.header .top-stuff {
		margin: 15px 0 5px;
	}
	
	.homepage-featured .item img {
		width: 120% !important;
		height: auto;
		display: block;
		margin: 0 -10%;
	}
	.homepage-featured .item .caption {
		position: absolute;
		top: 50%;
		right: auto;
		left: 50%;
		width: 80%;
		min-width: 400px;
		max-width:  550px;
		padding: 3% 4%;
		text-align: center;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}
	
}
@media ( min-width : 800px ) and ( max-width : 900px ) {

}



@media ( max-width : 799px ) {
	.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;
	}
	
	.top-bar, #main, .top-nav, .top-stuff, .logo {
		display: none;
	}
	.header {
		margin: 0;
		height: 50px;
	}
		body.home .header {
			margin-bottom: 0px;
		}
		.header .wrap {
			
		}
	.header .logo {
		margin: 10px auto 15px;
		float: none;
	}
		body.admin-bar .header .logo {
			margin: -30px auto 15px;
		}

	
	.sub-footer .footer-nav {
		width: 100%;
		float: none;
		text-align: center;
		margin: 20px 0;
		font-size: 120%;
	}
	
	.sub-footer .copyright {
		width: 100%;
		float: none;
		text-align: center;
	}


	.span_content_full .items-3-col .item {
		width: calc((100% / 2) - 4%);
		margin: 0 2% 30px;
	}
	
	
	.optin-content {
		display: block;
		flex: none;
		gap: 0;
		text-align: center;
	}
		.optin-content .caption, .optin-content .caption h2.block-title {
			width: 100%;
			display: block;
			flex: none;
			text-align: center;
			margin: 0;
		}
		.optin-content .form {
			width: 100%;
			margin: 10px auto 0;
		}
		.home-latest-content {
			position: relative;
			padding-top: 4.5vw;
		}
		.home-latest-content:after {
			content: "";
			background: url(images/dots-pink.svg) no-repeat;
			background-size: 100% auto;
			background-position: top right -65px;
			width: 30%;
			height: 0;
			padding-bottom: 26%;
			z-index: 2;
			position: absolute;
			top: 10px;
			right: 0;
			mix-blend-mode: multiply;
		}
		
	.sidebar .subscribe {
		display: none;
	}
	
	.homepage-featured {
		overflow: hidden;
	}
	.homepage-featured .item img.img-desktop {
		display: none;
	}
	.homepage-featured .item img.img-mobile {
		display: block;
	}
	.homepage-featured .item img {
		width: 100% !important;
		height: auto;
		display: block;
		margin: 0%;
	}
	.homepage-featured .item .caption {
		position: absolute;
		top: auto;
		bottom: 5%;
		right: auto;
		left: 50%;
		width: 90%;
		min-width: auto;
		max-width:  auto;
		padding: 3% 4%;
		text-align: center;
		-webkit-transform: translate(-50%,-0%);
		-ms-transform: translate(-50%,-0%);
		transform: translate(-50%,-0%);
	}
	.homepage-featured .item .post-meta {
		margin: 0 0 5px;
		font-size: 11px;
	}
	.homepage-featured .item .title {
		font-size: 5vw;
		font-size: clamp(22px, 6vw, 48px);
	}
	.homepage-featured .item .excerpt {
		color: #181818 !important;
		font-size: 3vw;
		font-size: clamp(13px, 3vw, 18px);
		line-height: 1.6;
		margin: 12px 0 18px;
	}
	.homepage-featured .more-link {
		letter-spacing: .22em;
		font-size: 11px;
		padding: 3% 5% 2.5% 6%;
	}

}
@media ( max-width : 750px ) {
	
	.home-section .widget-content {
		display: block;
		margin: 0 auto;
	}
		.home-section .widget-content .image {
			width: 100%;
			max-width: 320px;
			text-align: center;
			margin: 0 auto 30px;
		}
			.home-section.about .widget-content .image:before {
				content: "";
				width: 100%;
				height: 180%;
				display: block;
				background: url(images/blobs-purple.svg) no-repeat center left;
				background-size: 100% auto;
				position: absolute;
				top: -35%;
				bottom: -35%;
				left: -35%;
				mix-blend-mode: multiply;
				z-index: 1;
			}
		.home-section .widget-content .caption {
			width: 100%;
			text-align: center;
			padding: 0;
		}
			.home-section .widget-content .caption .block-title {
				text-align: center;
			}

		.home-section .block-title {
			font-size: 30px;
		}
		.home-section .fixed-more {
			position: relative;
			top: -0;
			right: 0;
			background-color: transparent;
			padding-left: 0;
			margin-top: -10px;
		}
	.wprm-recipe-template-custom {
		margin-left: -20px;
		margin-right: -20px;
	}
	.wprm-recipe-template-custom .wprm-recipe-template-custom-head {
		text-align: center;
		overflow: hidden;
		position: relative;
		background-color: #ffffff;
		margin: -200px 3% 30px;
		padding: 3% 4%;
		width: 94%;
	}
	.wprm-recipe-template-custom .wprm-recipe-summary {
		margin: 25px 0;
		font-size: 19px;
		line-height: 1.6;
	}

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

}
@media ( max-width : 650px ) {
	.home-section {
		padding: 30px 0;
	}

}

@media ( max-width : 600px ) {
	
	.items-4-col {
		margin: 0 -2%;
	}
		.items-4-col .item {
			width: calc((100% / 2) - 4%);
			margin: 0 2% 2%;
			
		}
		.items-4-col .item .title {
			font-size: 18px;
			font-size: clamp(12px, 4vw, 18px);
		}
	.items-5-col, .items-6-col {
		margin: 0 -1.5%;
		align-items: center;
		justify-content: center;
	}
		.items-5-col .item, .items-6-col .item {
			width: calc((100% / 3) - 3%);
			margin: 0 1.5% 3%;
			
		}
		.items-5-col .item .title, .items-6-col .item .title {
			font-size: 18px;
			font-size: clamp(12px, 3vw, 18px);
		}

}

@media ( max-width : 600px ) {

	.homepage-featured .item img {
		width: 140% !important;
		height: auto;
		display: block;
		margin: 0% -20%;
	}
	.homepage-featured .item .post-meta {
		margin: 0;
		font-size: 11px;
	}
	.homepage-featured .item .caption {
		padding: 4% 5%;
	}
	.homepage-featured .item .excerpt {
		margin: 12px 0 12px;
	}
	
	.home-section .block-title.divider {
		text-align: center;
		margin: 15px 0 30px;
		position: relative;
		display: block;
		flex: none;
		align-items: center;
		width: 100%;
	}
	.home-section .block-title.divider:after {
		display: none;
	}

	
}

@media ( max-width : 500px ) {
	h1 {
		font-size: 36px;
	}
	.archives.items-3-col .item {
		margin-bottom: 15px;
		width: calc((100% / 2) - 4%);
	}
		
	.breadcrumb_last {
		display: none;
	}
	.pagination h2.screen-reader-text {
		margin-bottom: 12px;
	}
	.archiveslist {
	    overflow: hidden;
	    -moz-column-count: 2;
	    -moz-column-gap: 10px;
	    -webkit-column-count: 2;
	    -webkit-column-gap: 10px;
	    column-count: 2;
	}
	.divider.latest {
		letter-spacing: .5em;
		font-size: 12px;
		margin: 15px 0 15px;
	}
	
	.optin-content h2.block-title {
		font-size: 18px;
		font-size: 4.1vw;
	}

}



@media ( max-width : 400px ) {
	
	.wrap, .wrapper {
		padding: 0 15px;
	}
	.span_content_full .items-3-col .item {
		width: calc((100%) - 4%);
		margin: 0 2% 30px;
	}
		.span_content_full .items-3-col .item .title {
			font-size: 24px;
			font-size: clamp(24px, 9vw, 34px);
		}
		
	.wprm-recipe-template-custom {
		margin-left: -15px;
		margin-right: -15px;
	}
	.wprm-recipe-template-custom .wprm-recipe-template-custom-head {
		margin: -100px 5% 30px;
		padding: 3% 2%;
		width: 90%;
	}
	.wprm-recipe-template-custom .recipe-buttons {
		display: block;
		justify-content: center;
		gap: 10px;
		margin: 20px 0 0;
	}
	.wprm-recipe-template-custom h2 {
		font-size: 36px;
	}
	.wprm-recipe-template-custom .wprm-recipe-link {
		width: 100%;
	}



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

}