/* ! Theme Name: Kadence-Child */

/* ! Base Template: Kadence */

/*
	Responsive styles using Media Queries
*/


/* !Media Queries ============================== */


/* !Desktop Browsers smaller than 2200px (large) */
@media only screen and (max-width: 2200px) {

}

/* !Desktop Browsers smaller than 1600px (standard) */
@media only screen and (max-width: 1600px) {
	main div.container,
	section.recipe div.container,
	section.recipe-posts div.container,
	footer div.site-footer-wrap { padding: 0 1rem; }
}

/* !Tablet Landscape orientation to Small Desktop browser width */
@media only screen and (max-width: 1200px) {

	nav.section-menu { padding: 1.5rem; }
	#footer-menu { justify-content: flex-start; }
}

/* !Tablet Portrait Orientation */
@media only screen and (max-width: 800px) {
	.hero-text { width: 90%; }
	.hero-text > h1 { font-size: 4rem; }
	.hero-text > p { max-width: 90%; line-height: 1; }

	div.forminator-checkbox__wrapper > div.forminator-consent__label {
		max-width: 90%;
	}

	div.recipe-set div.recipe-card { flex: 0 0 32%; max-width: 32%; }
	div.product-set div.product { flex: 0 0 32%; max-width: 32%; }

	.ft-ro-dir-row .footer-section-inner-items-2 .footer-widget-area {
		margin: 0 auto !important;
	}
}

/* !Mobile Portrait Orientation to Landscape Orientation */
@media only screen and (max-width: 670px) {
	h1  { font-size: 3rem !important; }
	h2  { font-size: 2.5rem !important; }
	h3  { font-size: 1.75rem !important; }
	h4  { font-size: 1.25rem !important; }
	h5  { font-size: 1.125rem !important; }
	h6  { font-size: 1.0rem !important; }

	.hero-section { overflow: visible; }
	.hero-text > h1 { font-size: 2.5rem !important; }
	.hero-text > p { display: none; }

	.home-slider div.slide { max-height: 200px; }
	.home-slider div.slide div.slide-copy {
		top: 0;
		right: 0;
		width: 100%;
		max-width: 100%;
		text-align: right;
		padding: 0.5rem 2rem;
	}
	.home-slider div.slide div.slide-copy > img {

		max-height: 80px;
		margin: 0 0 1rem 50%;
	}
	.home-slider div.slide div.slide-copy > p.lead { display: none; }

	div.recipe-set div.recipe-card { flex: 0 0 49%; max-width: 49%; }
	div.product-set div.product { flex: 0 0 49%; max-width: 49%; }

}

/* !Mobile Portrait Orientation */
@media only screen and (max-width: 520px) {
	h1  { font-size: 2.75rem !important; }
	h2  { font-size: 2.25rem !important; }
	h3  { font-size: 1.75rem !important; }
	h4  { font-size: 1.25rem !important; }
	h5  { font-size: 1.125rem !important; }
	h6  { font-size: 1.0rem !important; }

	div.product-header-section div.container { padding: 5rem 1rem; }

	.wp-block-columns.is-not-stacked-on-mobile { flex-wrap: wrap !important; }
	.wp-block-columns.is-not-stacked-on-mobile > .wp-block-column { flex: 0 0 100% !important; max-width: 100%; }

	div.recipe-set div.recipe-card { flex: 0 0 100%; max-width: 100%; }
	div.product-set div.product { flex: 0 0 100%; max-width: 100%; }
	div.video-set div.video { flex: 0 0 100%; max-width: 100%; }

	div#link-set div { flex: 0 0 100%; max-width: 100%; }

	section.recipe p.prep-details > span { flex: 0 0 100%; max-width: 100%; }
	section.recipe div.recipe-thumbnail,
	section.recipe div.recipe-product,
	section.recipe div.recipe-section,
	section.recipe div.recipe-section { flex: 0 0 100%; max-width: 100%; }

	section.product-item { padding: 2rem 0; }
	section.product-item div.container { padding: 0 1rem; }
	div.product-about,
	div.product-nutrition { flex: 0 0 100%; max-width: 100%; }

	section.pointers { padding: 2rem 0; }
	section#calculator-intro div.container { padding: 0 1rem; }
	div.calculator-set > div.calculator-inputs { flex: 0 0 60%; max-width: 60%; }
	div.calculator-set > div.calculator-results { flex: 0 0 36%; max-width: 36%; }
	div.calculator-set > div.calculator-results div.result { padding: 1rem; }
	div.result > img { float: none; margin: 0 auto 1rem auto; }
	div.result > h3 { display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; font-size: 1.25rem !important; }
	div.result > h3 > span { flex: 0 0 36%; max-width: 36%; text-align: right; }
	div.result > h3 > span.h3Suffix { flex: 0 0 60%; max-width: 60%; text-align: left; }
	div.result > h3 > span:empty ~ span:empty ~ span:empty ~ span.h3Blank { flex: 0 0 100%; max-width: 100%; text-align: center; }
	div.result > p { text-align: center; }

	div.ask-selection div.select-btn { flex: 0 0 48%; max-width: 48%; }


}