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

/*---RETINA GRAPHICS---*/

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {


}

/*---FILTER TOGGLE---*/

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

/*---RESPONSIVE QUERIES---*/

@media ( max-width : 1000px ) {
	#main {
		letter-spacing: .1em;
		font-size: 14px;
	}
	
	#main li a, #top li a {
		padding: 0 12px;
	}


}
@media ( max-width : 900px ) {
	
	#main {
		letter-spacing: .1em;
		font-size: 13px;
	}
	
	#main li a, #top li a {
		padding: 0 10px;
	}
	.wprm-recipe.wprm-recipe-template-custom a.wprm-recipe-link em {
		display: none
	}

}
@media ( max-width : 850px ) {
	.featured-subscribe {
		padding: 40px 30px 40px 180px;
		background: url(images/subscribe-bg.jpg) no-repeat -50px center;
		background-color: #F7F7F9;
		background-size: auto 100%;
	}
	.footer-subscribe {
		background-image: none;
		background-color: #F2F4F5;
		padding: 50px 0;
		margin-top: 60px;
	}
	.footer-subscribe {
		padding: 35px 0;
	}
	.footer-subscribe .title {
		width: 100%;
		float: none;
		margin: 0 0 15px;
		text-align: center;
	}

	.footer-subscribe .email-form {
		width: 100%;
		float: none;
		margin: 0 auto;
		max-width: 500px;
	}
}

/* Responsive Recipe Index Navigation */
@media ( max-width : 799px ) {

	#catnav {
			padding: 15px 20px;
	}
	#catnav ul,
	#catnav li,
	#catnav li a,
	#catnav ul li > label {
			display: block;
			width: 100%;
			left: 0 !important;
	}
	#catnav li {
			margin: 15px 0;
			padding: 0;
			position: relative;
	}
	#catnav li a,
	#catnav ul li > label {
			text-align: left;
			cursor: pointer;
	}
	#catnav li > a:after,
	#catnav li > label:after {
			float: right;
			top: 4px;
			right: -2px;
	}
	#catnav li.menu-item-has-children > a:after,
	#catnav li.menu-item-has-children > label:after {
			content: "+";
			font-weight: normal;
			display: inline;
			margin-left: 6px;
			font-size: 120%;
			line-height: 1;
			position: relative;
			top: 3px;
			right: -1px;
	}
	#catnav li li.menu-item-has-children > a:after,
	#catnav li li.menu-item-has-children > label:after {
	    top: 0;   
	}
	#catnav li.menu-item-has-children > input:checked ~ label:after {
			content: "-";
	}
	#catnav > ul > li > ul {
		padding-top: 11px;
		border-radius: 0 0 12px 12px;
	}
	#catnav ul ul {
			font-size: 11px;
			transform: none;
			opacity: 0;
			transition: none;
			visibility: hidden;
			position: relative;
			top: -9px;
			left: 0;
			padding: 0;
			line-height: 1.4;
			background-color: #637784;
			text-align: center;
			z-index: 2001;
			width: 100%;
			height: 0;
			overflow: hidden;
	}
	#catnav ul li:hover > ul, 
	#catnav ul li:focus-within > ul,
	#catnav ul li > input ~ ul {
			height: 0;
			opacity: 0;
			pointer-events: none;
	}
	#catnav ul li > input:checked ~ ul {
			transform: rotateX(0) translateX(0) !important;
			height: auto !important;
			opacity: 1 !important;
			visibility: visible !important;
			pointer-events: auto !important;
	}
	#catnav ul li li > input:checked ~ label {
			background: #d0d6da !important;
		color: #637784 !important;
	}
	#catnav li li a,
	#catnav li li label {
			color: #ffffff !important;
	}
	#catnav ul ul li ul li a:hover {
			background-color: rgba(255,255,255,.25) !important;
	}
	#catnav li.menu-item-has-children > a {
			display: none;
	}
	#catnav ul li > input:checked ~ label {
		background: #637784;
		color: #fff;
	}

	/* Responsive Cat Nav Search */
	#catnav li.search-item {
			margin-top: 0;
			max-width: 100%;
	}
	
}

/* Desktop Size Touch Devices (iPad) */
@media all and ( min-width: 800px ) and ( hover: none ){
	#catnav ul li.menu-item-has-children > a {
		display: none;
	}
	#catnav ul li.menu-item-has-children > label {
		display: block;
	}
	#catnav ul li:hover > ul, 
	#catnav ul li:focus-within > ul,
	#catnav ul li > input ~ ul {
			height: 0;
			opacity: 0;
			pointer-events: none;
	}
	#catnav ul li > input:checked ~ ul {
			transform: rotateX(0) translateX(-50%) !important;
			height: auto !important;
			opacity: 1 !important;
			visibility: visible !important;
			pointer-events: auto !important;
	}
	#catnav li.menu-item-has-children > label:after {
			content: "\f107";
			font-family: 'Font Awesome 5 Pro';
			font-weight: normal;
			display: inline;
			margin-left: 6px;
			font-size: 120%;
			line-height: 1;
			position: relative;
			top: 2px;
			right: -2px;
	}
}

@media ( max-width : 799px ) {
	body {
		border: none;
		padding: 0;
	}

	.span_content, .span_content_full {
		float: none;
		width: 100%;
		max-width: 100%; 
		margin: 0 auto;
	}
	
	.span_content {
		max-width: 720px;
	}
	.span_content_full {
		max-width: 100%;
	}	
	
	.span_sidebar {
		clear: both;
		width: 100%;
		float: none;
		margin: 100px auto 0;
		border-top: 1px solid #ececec;
		padding-top: 70px;
	}

	.topsidebar, .midsidebar, .lowersidebar {
		float: none;
		margin: 0 auto;
		padding: 0;
		width: 100%;
		max-width: 300px;
	}
	
	.top-bar, .header-search, .header-social, #main, .logo {
		display: none !important;
	}
	
	.header {
		height: 50px
	}
	


	.footer-nav {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
		font-size: 130%;
	}
		.footer-nav a {
			padding: 5px;
			display: inline-block
		}

	.copyright {
		float: none;
		width: 100%;
		text-align: center;
		margin-bottom: 30px
	}
	.sub-footer {
		padding: 25px 0
	}
	
	.teaser-post h2.post-title, .teaser-post h3.post-title {
		font-size: 28px;
	}
	
	/*.iksm-container {
		display: block;
		margin-bottom: 20px;
	}
	.iksm-terms {
		position: relative;
		width: 100%;
	}
	.iksm-terms-tree__inner .iksm-term {
	    width: 100%;
	    float: none
	}*/
	
}

@media ( max-width : 750px ) {
	.home-section.home-featured {
		position: relative;
		padding: 0;
		margin-bottom: 60px
	}
	.home-second {
		
		margin-left: -20px;
		margin-right: -20px;
	}
	.home-second .subscribe {
		width: 100%;
		margin: 0px 0 0 !important;
	}
	
	.featured-subscribe {
		padding: 35px 20px 35px 160px;
		background: url(images/subscribe-bg.jpg) no-repeat -60px center;
		background-color: #F7F7F9;
		background-size: auto 100%;
	}
	
	.home-second .about {
		display: none;
	}
	.teaser-posts .teaser-post {
		width: 47%;
		margin-bottom: 50px;
	}
		.latest-posts.teaser-posts .teaser-post:nth-child(1) {
			width: 100%;
			max-width: 500px;
			margin-left: auto;
			margin-right: auto;
		}
			body.paged .latest-posts.teaser-posts .teaser-post:nth-child(1) {
				width: 47%;
				margin: 0 0 50px;
			}
		.teaser-posts-2col .teaser-post {
			width: 47%;
		}
	.cat-featured-posts .teaser-posts .teaser-post, .cat-featured-posts .teaser-posts .teaser-post:nth-child(1) {
		width: 31% !important;
		margin-bottom: 0;
	}
	.cat-featured-posts .teaser-post .post-title {
		font-size: 16px;
	}
	
	.home-sections {
		margin-top: 80px;
	}
	.home-section {
		margin-bottom: 80px;
	}
	.home-section.sourdough {
		padding: 40px 0 35px;
		margin-bottom: 60px;
	}
	.home-section.sourdough .image-header .caption {
		position: relative;
		z-index: 101;
		background-color: #ffffff;
		padding: 0 20px 15px;
		margin: 8% 6%;
	}
	.home-section .item a.overlay h4, .home-featured .category-posts .item a h2 {
	    padding: 8px 10px 6px;
	    font-size: 18px;
	}
}
@media ( max-width : 700px ) {
	
}
@media ( max-width : 650px ) {
	.home-sections {
		margin-top: 60px;
	}
	.home-section {
		margin-bottom: 60px;
	}
	.home-section.sourdough {
		padding: 0px 0 20px;
		margin-bottom: 50px
	}
	.home-section.sourdough .image-header {
		margin:0 -20px 30px;
	}

	.cat-featured-posts .teaser-post {
		width: 31%;
	}
	
	.home-section .category-posts .item {
		margin-bottom: 25px;
		width: 47.5%;
	}
	
	.home-featured .category-posts .item {
		width: 31%;
		margin-bottom: 0px
	}
		.home-featured .wrap .item:nth-child(4) {
			display: none
		}
	
	.home-section.video {
		padding-top: 25px;
		margin-bottom: 60px
	}
	.home-section.video .player {
		width: 100%;
		float: none;
		position: relative;
	}

	.home-section.video .caption {
		width: 100%;
		position: relative;
		float: none;
		margin-top: 20px;
		top: 0;
		right: 0;
		-webkit-transform: translate(0%,0%);
		-ms-transform: translate(0%,0%);
		transform: translate(0%,0%);
		
	}
	.teaser-post p {
		font-size: 90%;
	}
	.search-posts .teaser-post .post-title {
		font-size: 24px;
	}

	.archiveslist {
	    overflow: hidden;
	    -moz-column-count: 3;
	    -moz-column-gap: 10px;
	    -webkit-column-count: 3;
	    -webkit-column-gap: 10px;
	    column-count: 3;
	}

}

@media ( max-width : 525px ) {
	.home-section.sourdough .image-header .caption {
		margin: 12% 6%;
	}
	.home-section.sourdough .image-header img {
		width: auto;
		height: 100%;
	}
	.home-section.home-featured {
		margin-bottom: 40px
	}
	.latest-posts .teaser-post:nth-child(1):before {
		width: 90px;
		height: 90px;
		top: -24px;
		left: -24px;
	}
	.featured-subscribe {
		padding: 25px 20px;
		background-image: none;
		background-color: #F7F7F9;
	}
	.featured-subscribe .title h2 {
		font-size: 24px;
		margin: 0 0 -10px;
	}
	.home-section.sourdough h3 {
		font-size: 28px;
		top: -20px;
	}
		.home-section.sourdough h3 em {
			margin: 0px 0 20px;
		}
	.home-section.sourdough .image-header p {
		font-size: 18px;
		line-height: 1.6;
		margin-bottom: 10px;
	}
	.home-section.widget-4 {
		margin-bottom: 30px
	}
	.home-section .image-blocks .item {
		width: 100%;
		margin-bottom: 25px;
	}
	.home-section.sourdough .image-blocks .item {
		width: 100%;
		margin-bottom: 5px;
	}
}

@media ( max-width : 500px ) {
		
	.home-featured .wrap {
		padding: 0 10px;
	}
		.home-second {
			margin-left: -10px;
			margin-right: -10px;
		}
	.home-featured .category-posts .item a h2 {
	    padding: 6px 8px 4px;
	    font-size: 14px;
	}

	.archives {
		display: -ms-Flexbox;
		-ms-box-orient: horizontal;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-flow: row wrap;
		-moz-flex-flow: row wrap;
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin: 0 -2%;
	}
	.archives .archive-post {
		width: 46%;
		margin: 0 2% 20px;
		text-align: center;
	}

	.archiveslist {
	    overflow: hidden;
	    -moz-column-count: 2;
	    -moz-column-gap: 10px;
	    -webkit-column-count: 2;
	    -webkit-column-gap: 10px;
	    column-count: 2;
	}
	.post-meta .wprm-recipe-snippet {
		display: block;
		vertical-align: middle;
		padding: 7px 1px;
		margin-top: -7px;
		margin-bottom: 5px;
	}
	.wp-block-group.has-background {
		padding: 10px 30px;
		margin: 35px 0;
	}
		.wp-block-group[class*="icon-"] {
			padding-left: 30px
		}
		.wp-block-group[class*="icon-"]:before {
			font-size: 23px;
			line-height: 45px;
			width: 45px;
			height: 45px;
			top: 28px;
			left: -25px;
		}
	.wprm-recipe.wprm-recipe-template-custom .wprm-recipe-template-custom-header {
		padding: 15px;
	}
	.wprm-recipe.wprm-recipe-template-custom .wprm-recipe-template-custom-body {
		padding: 20px;
	}
	.wprm-recipe.wprm-recipe-template-custom a.wprm-recipe-link {
		font-size: 11px;
	}

}

@media ( max-width : 450px ) {

	
	
}

@media ( max-width : 425px ) {

	.teaser-posts .teaser-post {
		width: 100%;
		margin: 0 0 50px 0;
	}
		body.paged .latest-posts.teaser-posts .teaser-post:nth-child(1) {
				width: 100%;
			}
	.search-posts .teaser-post {
		width: 47%;
	}
	.teaser-post p {
		font-size: 100%;
	}

}

@media ( max-width : 376px ) {
	
	.featured-subscribe  {
		padding: 20px !important;
	}
	.featured-subscribe h2.divider, .footer .subscribe h2 {
		font-size: 14px;
		font-size: 3.5vw;
	}
		.featured-subscribe .wrap {
			padding: 0;
		}
	.subscribe .email-input {
		width: 48%;
		flex-grow: 1;
		margin-bottom: 10px;
	}
	
	.subscribe ul.formkit-alert {
		flex: none;
		width: 100%;
		display: none
	}

		
	.subscribe .email-submit {
		width: 100%;
		flex-shrink: 0;
	}

}