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

	.teaser-post a.more-link {
		font-size: 11px;
		padding: 9px 13px 8px 15px;	
	}
	.post-meta.post-cat a {
		padding: 6px 12px 6px 13px;
		font-size: 10px;
	}

}

@media ( max-width : 1000px ) {
	.header .logo {
		overflow: hidden;
		width: 280px;
		margin: 40px 0 30px -12px;
		float: left;
	}
	#main {
		letter-spacing: .08em;
		font-size: 21px;
		font-size: 2vw;
	}
	#main li a {
		padding: 0 10px;
	}
	#top li {
		margin: 0 5px;
	}
	.header .top-nav {
		float: right;
		margin: 20px 0 10px
	}
	.header .social {
		margin: 0 8px 0 5px;
	}
	.header .header-search {
		width: 150px;
	}
}
@media ( max-width : 925px ) {

	
	
}
@media ( max-width : 900px ) {
	.header .logo {
		overflow: hidden;
		width: 250px;
		margin: 40px 0 30px -12px;
		float: left;
	}
}
@media ( max-width : 860px ) {


}

@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;
	}
	
	#main, .header .social, .top-stuff, .top-bar, .top-nav {
		display: none;
	}
	
	.header {
		background: none;
		height: 50px;
		margin-bottom: 20px;
	}
		body.home .header {
			
		}
	.header .logo {
		display: none
	}
	
	.upper-home-sections h1.tagline {
		margin: 0 0 -1vw;
		font-size: 21px;
		text-transform: uppercase;
		letter-spacing: .125em;
		line-height: 53px;
	}
		.upper-home-sections h1.tagline em {
			margin: 0 -5px 0 3px;
			width: 150px;
			height: 53px;
		}
	
	.home-sections .home-section.about .widget-content:after {
		top: 5%;
		bottom: 5%;
	}
	
	.about-featured-posts .wrap {
		display: block;
	}
	.about-featured-posts .item a.flex .title {
		flex-basis: 65%;
		text-align: left;
		font-size: 1.2vw;
		font-size: clamp(14px, 2vw, 21px);
	}
	.home-sections .home-section.about.has-background + .home-section.optin-block {
		margin-top: 0;
	}
	
	.sub-footer .wrap {
		display: block;
		text-align: center;
	}
		.sub-footer .footer-nav {
			width: 100%;
			font-size: 120%;
			line-height: 2;
			display: block;
			text-align: center;
			margin: 10px 0;
		}
		.sub-footer .copyright {
			opacity: 0.7;
			width: 100%;
			display: block;
			text-align: center;
			margin: 10px 0;
		}
	
	.sidebar .subscribe {
		display: none;
	}
	
}
@media ( max-width : 750px ) {

	.optin-content {
		flex-wrap: wrap;
		justify-content: center;
		text-align: center;
		gap: 15px
	}
	.optin-content.type-form .image {
		flex-basis: 150px;
		justify-content: center;
		padding: 20px;
		margin: 0;
	}
	.optin-content .caption {
		flex-basis: 50%;
		flex-grow: 1;
		justify-content: center;
		margin: 0 auto;
	}
	.optin-content .form {
		flex-basis: 100%;
		align-self: center;
		text-align: center;
		margin: 0 auto;
		max-width: unset;
	}
	
	.home-section .video-content {
		display: block;
		margin: 0 auto;
	}
		.home-section .video-content .player {
			width: 100% !important;
			text-align: center;
			margin: 0 auto 20px;
			padding-bottom: 56.25%;
		}
	
		.home-section .video-content .caption {
			width: 100% !important;
			text-align: center;
			padding-top: 0;
			padding-bottom: 30px;
		}
			.home-section .video-content .caption .block-title {
				text-align: center;
			}
			.home-section .video-content .caption .more {
				margin-top: 10px;
			}
	

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

	.press h2 {
		width: 100% !important;
		text-align: center;
		margin: 0 0 8px !important;
	}
	.press img {
		width: 100% !important;
		height: auto;
	}
	
	.home-sections .home-section.about.has-background {
		padding-top: 4vw;
	}
	.home-sections .home-section.about .widget-content:after {
		display: none;
	}
	
	.home-section .widget-content {
		gap: 20px;
	}
	.home-section .widget-content .image, .home-section .cat-content .image {
		flex-basis: 100%;
	}
		.home-section.about .widget-content .image {
			max-width: 400px;
			margin: 0 auto;
		}
		.about-featured-posts {
			margin-top: 5vw;
			margin-bottom: 0;
			background-color: #ffffff;
			padding: 3vw 0;
		}
	.home-section .widget-content .caption, .home-section.about .widget-content .caption {
		flex-basis: 100%;
	}
	
	.cat-sections {
		margin-top: -50px;
		margin-bottom: 4vw;
	}
	.cat-sections {
		padding: 0 !important;
	}
	.cat-sections .cat-section .wrap {
		padding: 0;
	}
		.cat-sections .home-section .widget-content .caption {
			order: 2;
			width: 92%;
			margin: 0 auto 0;
			position: absolute;
			top: 50%;
			left: 4%;
			-webkit-transform: translate(0%,-50%);
			-ms-transform: translate(0%,-50%);
			transform: translate(0%,-50%);
		}
		
	.teaser-posts.items-3-col {
		gap: 4vw;
		row-gap: 6vw;
		grid-template-columns: repeat(2, 1fr);
	}
		.teaser-posts.items-3-col .item .title {
			font-size: 28px;
			font-size: clamp(18px, 5vw, 28px);
		}
	.items-4-col {
		gap: 4vw;
		row-gap: 4vw;
		grid-template-columns: repeat(2, 1fr);
	}
		.items-4-col .item .title {
			font-size: 21px;
			font-size: clamp(16px, 5vw, 23px);
		}
		.image-blocks.items-4-col {
			gap: 3vw;
			row-gap: 3vw;
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
			.image-blocks.items-4-col .item:nth-child(4) {
				display: none;
			}
	.sidebar .items-4-col {
		gap: 4vw;
		row-gap: 4vw;
		grid-template-columns: repeat(2, 1fr);
	}
	.items-5-col, .items-6-col {
		gap: 4vw;
		row-gap: 6vw;
		grid-template-columns: repeat(3, 1fr);
	}
		.items-5-col .item .title, .items-6-col .item .title {
			font-size: 18px;
			font-size: clamp(14px, 4vw, 24px);
		}
	
	.items-7-col, .items-8-col {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 1%;
	}
		.items-7-col .item, .items-8-col .item {
			flex-basis: 24%;
		}

}

@media ( max-width : 600px ) {
	
	.upper-home-sections h1.tagline {
		margin: 0 0 -15px;
		font-size: 3vw;
		text-transform: uppercase;
		letter-spacing: .125em;
		line-height: 53px;
	}
		.upper-home-sections h1.tagline em {
			margin: 0 -5px 0 3px;
			width: 150px;
			height: 53px;
		}
		
	.home-section .block-title, .cat-featured-section .block-title, .divider, .latest.block-title {
		text-align: center;
		margin-top: 0;
	}
	.home-section .block-title .subtitle, .cat-featured-section .block-title em {
		display: block;
		border: none;
		margin: 0 0 5px;
		padding: 0;
		text-align: center;
		width: 100%;
	}
	.home-sections {
		display: flex;
		flex-flow: column;
		gap: 12vw;
	}
		.lower-home-sections {
			margin-top: 12vw;
		}
		.upper-home-sections {
			gap: 25px;
			margin-bottom: 12vw;
		}
		.cat-sections {
			gap: 0;
		}
	.footer {
		margin-top: 12vw;
	}
	
	.optin-content {
		padding: 20px 0 25px 0;
		gap: 10px;
	}
		.optin-content.with-image.type-form {
			padding: 5px 0 25px 0;
			gap: 0px;
		}
	
	.home-section.cat-featured-section {
		margin: 0;
		padding: 4vw 0 4vw;
	}

	.press-desktop {
		display: none !important;
	}
	.press-mobile {
		display: block !important;
		padding-bottom: 25px;
	}
	
	.wprm-recipe.wprm-recipe-template-custom {
		margin-left: -20px;
		margin-right: -20px;
		border: none;
	}
	.full-width-page-content .wp-block-media-text .wp-block-media-text__content {
		margin-left: 0%;
		background-color:unset;
		padding: unset;
	}
	.wp-block-media-text .wp-block-media-text__content {
		padding: 0;
	}
	.span_content_full .wp-block-media-text h1 {
		margin-top: 25px;
		font-size: 32px;
	}
}

@media ( max-width : 500px ) {
	
	h1 {
		font-size: 32px;
	}
		h1.post-title, h2.post-title {
			margin: 0px 0 4px;
		}
	h2 {
		font-size: 26px;
	}
	.home-section .divider, .latest.block-title {
		font-size: 21px;
	}

	.post-meta {
		font-size: 11px;
	}
	
	.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);
		}
		
	.about-featured-posts {
		margin-top: 5vw;
		margin-bottom: 0;
		background-color: #ffffff;
		padding: 5vw 0 3vw;
	}
	.about-featured-posts .block-title {
		margin-bottom: -10px;
	}
	.about-featured-posts .items {
		max-width: 320px;
		margin: 0 auto;
		border: 1px solid #ececed;
		padding: 10px;
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}
		.about-featured-posts .item {
			margin: 0 auto;
		}
		.about-featured-posts .item a.flex .title {
			font-size: clamp(14px, 4vw, 21px);
		}
		
	.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;
	}

	
}
@media ( max-width : 480px ) {
	
	.cat-sections .home-section .widget-content .caption {
		order: 2;
		width: auto;
		margin: 0 5% 0;
		position: relative;
		margin-top: -35%;
		bottom: 0;
		top: 0;
		left: 0;
		-webkit-transform: translate(0%, -0%);
		-ms-transform: translate(0%,-0%);
		transform: translate(0%, -0%);
	}
	.home-section .item a.overlay .title {
		font-size: clamp(9px, 1.5vw, 13px);
		display: block;
		position: relative;
		bottom: 0px;
		left: 0;
		margin: 6px 0 0;
	}
	.home-section .item a.overlay .title .inline {
		padding: 0;
		background-color: transparent;
		font-size: clamp(10px, 1.5vw, 13px);
	}
	.home-section .widget-content .caption p {
		margin: 15px 0 15px;
	}
	
}

@media ( max-width : 400px ) {
	.wrap, .wrapper {
		padding: 0 15px;
	}
	.wprm-recipe.wprm-recipe-template-custom {
		margin-left: -15px;
		margin-right: -15px;
	}
	
}
@media ( max-width : 375px ) {
	.upper-home-sections h1.tagline {
		line-height: 35px;
	}
	.upper-home-sections h1.tagline em {
		margin: 0 -5px 0 3px;
		width: 100px;
		height: 35px;
	}
	
	.teaser-posts.items-3-col {
		gap: 4vw;
		row-gap: 40px;
		grid-template-columns: repeat(1, 1fr);
	}
		.teaser-posts.items-3-col .item .title, .items-mixed-col .large-item .title {
			font-size: 30px;
			font-size: clamp(18px, 7vw, 28px);
		}

	
}
@media ( max-width : 365px ) {
	.wrap, .wrapper {
		padding: 0 10px;
	}

}