/*
 * Stirred By Grace - flair layer.
 * Loaded only on pages listed in the sbg_flair_page_ids option (body.sbg-flair),
 * by wp-content/novamira-sandbox/sbg-flair.php. Styling only; the blocks are
 * normal Kadence/Gutenberg blocks. See claude/flair-styling-mockups.md.
 */

body.sbg-flair {
	--sbg-cream: #F1EDE3;
	--sbg-paper: #F7F3EA;
	--sbg-olive: #4B5A2E;
	--sbg-sage: #6B7550;
	--sbg-deep: #303520;
	--sbg-ink: #211E19;
	--sbg-stone: #D9D2C1;
	--sbg-script: "Dancing Script", "Snell Roundhand", cursive;
	--sbg-head: "Bricolage Grotesque", sans-serif;
	--sbg-quote: "Cormorant Garamond", Georgia, serif;
	--sbg-branch-big: url("/wp-content/uploads/sbg-flair/branch-big.svg");
	--sbg-branch-tall: url("/wp-content/uploads/sbg-flair/branch-tall.svg");
	--sbg-sprig: url("/wp-content/uploads/sbg-flair/sprig.svg");
	--sbg-sprig-tiny: url("/wp-content/uploads/sbg-flair/sprig-tiny.svg");
	--sbg-swash: url("/wp-content/uploads/sbg-flair/swash.svg");
	--sbg-wave-white: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 100' preserveAspectRatio='none'><path d='M1000,50l-182.69,-45.286l-292.031,61.197l-190.875,-41.075l-143.748,28.794l-190.656,-23.63l0,70l1000,0l0,-50Z' fill='%23ffffff' opacity='0.4'/><path d='M1000,57l-152.781,-22.589l-214.383,19.81l-159.318,-21.471l-177.44,25.875l-192.722,5.627l-103.356,-27.275l0,63.023l1000,0l0,-43Z' fill='%23ffffff'/></svg>");
}

/* ---------- Shared pieces ---------- */

/* Line art is a masked pseudo-element, so its colour is just background-color. */
.sbg-flair .sbg-art,
.sbg-flair .kb-row-layout-idsbg4-hero::before,
.sbg-flair .kb-row-layout-idsbg4-hero::after,
.sbg-flair .kb-row-layout-idsbg4-popular::before,
.sbg-flair .kb-row-layout-idsbg4-devotionals::before,
.sbg-flair .kb-row-layout-idsbg4-about::before,
.sbg-flair .kb-row-layout-idsbg4-newsletter::before,
.sbg-flair .kb-row-layout-idsbg4-newsletter::after,
.sbg-flair .kadence-columnsbg4-welcome-col-1 .wp-block-image::before {
	content: "";
	position: absolute;
	pointer-events: none;
	z-index: 0;
	background-color: var(--sbg-olive);
	-webkit-mask: var(--sbg-branch-big) no-repeat center / contain;
	mask: var(--sbg-branch-big) no-repeat center / contain;
}

/* Rows that carry art clip it at their own edges - so nothing ever crosses
   into the header or a neighbouring band. overflow: clip (not hidden) keeps
   position: sticky working inside. */
.sbg-flair .kb-row-layout-idsbg4-hero,
.sbg-flair .kb-row-layout-idsbg4-popular,
.sbg-flair .kb-row-layout-idsbg4-devotionals,
.sbg-flair .kb-row-layout-idsbg4-about,
.sbg-flair .kb-row-layout-idsbg4-newsletter {
	position: relative;
	overflow: clip;
}
.sbg-flair .kb-row-layout-idsbg4-hero > .kt-row-column-wrap,
.sbg-flair .kb-row-layout-idsbg4-popular > .kt-row-column-wrap,
.sbg-flair .kb-row-layout-idsbg4-devotionals > .kt-row-column-wrap,
.sbg-flair .kb-row-layout-idsbg4-about > .kt-row-column-wrap,
.sbg-flair .kb-row-layout-idsbg4-newsletter > .kt-row-column-wrap {
	position: relative;
	z-index: 1;
}

.sbg-flair .entry-content p.sbg-script {
	margin: 0;
	font-family: var(--sbg-script);
	font-weight: 600;
	font-style: normal;
	font-size: 41px;
	line-height: 1;
	letter-spacing: 0;
	text-transform: none;
	color: var(--sbg-sage);
}
.sbg-flair .entry-content p.sbg-eyebrow {
	margin: 0 0 6px;
	font-family: var(--sbg-head);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--sbg-sage);
}

/* Pill buttons with a little lift. */
.sbg-flair .entry-content .kb-button {
	border-radius: 999px !important;
}

/* ---------- Hero ---------- */

.sbg-flair .kb-row-layout-idsbg4-hero .kt-row-layout-bottom-sep {
	display: none;
}
.sbg-flair .kb-row-layout-idsbg4-hero::before {
	left: -24px;
	top: -70px;
	width: 420px;
	height: 270px;
	opacity: .28;
	transform: rotate(-4deg);
}
.sbg-flair .kb-row-layout-idsbg4-hero::after {
	right: -40px;
	top: -30px;
	width: 220px;
	height: 320px;
	opacity: .28;
	-webkit-mask-image: var(--sbg-branch-tall);
	mask-image: var(--sbg-branch-tall);
	transform: scaleX(-1) rotate(-40deg);
}
.sbg-flair h1.kt-adv-headingsbg4-hero-head {
	max-width: 760px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-wrap: balance;
	font-size: clamp(38px, 4.6vw, 64px) !important;
	line-height: 1.05 !important;
	letter-spacing: -0.015em;
}
.sbg-flair h1.kt-adv-headingsbg4-hero-head span:last-child {
	position: relative;
	display: inline-block;
}
.sbg-flair h1.kt-adv-headingsbg4-hero-head span:last-child::after {
	content: "";
	position: absolute;
	left: -5%;
	right: -14%;
	bottom: -0.2em;
	height: .32em;
	background-color: #B5502E;
	-webkit-mask: var(--sbg-swash) no-repeat center / 100% 100%;
	mask: var(--sbg-swash) no-repeat center / 100% 100%;
}

/* The recipe cards continue the cream band, full-bleed, with the wave at the
   bottom (the mobile pass already does this below 768px). */
.sbg-flair .kadence-column619_581c65-76 {
	position: relative;
	width: 100vw;
	max-width: 100vw;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	background: var(--sbg-cream);
	padding: 10px 24px 120px;
}
.sbg-flair .kadence-column619_581c65-76::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 64px;
	pointer-events: none;
	background: var(--sbg-wave-white) no-repeat center / 100% 100%;
}
.sbg-flair .kadence-column619_581c65-76 > .kt-inside-inner-col {
	max-width: 1200px;
	margin: 0 auto;
}
.sbg-flair .kadence-column619_581c65-76 > .kt-inside-inner-col::before {
	content: "Fresh from the kitchen";
	display: block;
	margin: 0 0 36px;
	font-family: var(--sbg-head);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: .22em;
	text-transform: uppercase;
	color: var(--sbg-sage);
	text-align: center;
}
.sbg-flair .kb-posts-id-619_8e5479-ba .loop-entry {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	padding: 0 !important;
	border-radius: 0 !important;
}
.sbg-flair .kb-posts-id-619_8e5479-ba .post-thumbnail {
	margin: 8px 8px 24px !important;
	border: 0 !important;
	border-radius: 999px 999px 16px 16px !important;
	overflow: hidden;
	box-shadow: 0 0 0 8px #FFFFFF, 0 26px 40px -24px rgba(48, 53, 32, .55) !important;
}
.sbg-flair .kb-posts-id-619_8e5479-ba .post-thumbnail-inner {
	border-radius: 999px 999px 16px 16px !important;
	overflow: hidden;
}
.sbg-flair ul.kb-posts-id-619_8e5479-ba .entry-title,
.sbg-flair ul.kb-posts-id-619_8e5479-ba .entry-title a {
	font-family: var(--sbg-head) !important;
	font-weight: 500 !important;
	letter-spacing: .12em !important;
	text-transform: uppercase;
	text-align: center;
	color: var(--sbg-ink);
}

/* ---------- Search ---------- */

.sbg-flair .kadence-column619_c78141-e0 {
	padding-top: 24px;
	padding-bottom: 72px;
}
.sbg-flair h2.kt-adv-heading619_591fcd-9a {
	display: flex !important;
	align-items: center;
	justify-content: center;
	gap: 18px;
	font-size: 40px !important;
}
.sbg-flair h2.kt-adv-heading619_591fcd-9a::before,
.sbg-flair h2.kt-adv-heading619_591fcd-9a::after {
	content: "";
	flex: none;
	width: 150px;
	height: 68px;
	background-color: var(--sbg-olive);
	-webkit-mask: var(--sbg-sprig) no-repeat center / contain;
	mask: var(--sbg-sprig) no-repeat center / contain;
}
.sbg-flair h2.kt-adv-heading619_591fcd-9a::before {
	transform: scaleX(-1);
}
.sbg-flair .kadence-column619_c78141-e0 .wp-block-search__label {
	display: block;
	margin: -4px 0 22px;
	font-family: var(--sbg-script) !important;
	font-weight: 600 !important;
	font-size: 39px !important;
	line-height: 1 !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
	color: var(--sbg-sage) !important;
	text-align: center;
}
.sbg-flair .kadence-column619_c78141-e0 .wp-block-search__inside-wrapper {
	position: relative;
	max-width: 640px;
	margin: 0 auto;
	border: 0 !important;
	padding: 0 !important;
}
.sbg-flair .kadence-column619_c78141-e0 .wp-block-search__input {
	height: 60px;
	border-radius: 999px !important;
	border: 1.5px solid var(--sbg-olive) !important;
	padding: 0 64px 0 26px !important;
	background: #FFFFFF;
	box-shadow: 0 10px 30px -18px rgba(48, 53, 32, .45);
	font-size: 16px;
}
.sbg-flair .kadence-column619_c78141-e0 .wp-block-search__inside-wrapper::after {
	content: "";
	position: absolute;
	right: 8px;
	top: 50%;
	width: 44px;
	height: 44px;
	margin-top: -22px;
	border-radius: 50%;
	pointer-events: none;
	background: var(--sbg-olive) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F1EDE3' stroke-width='2' stroke-linecap='round'><circle cx='11' cy='11' r='6.5'/><path d='m20 20-4.2-4.2'/></svg>") no-repeat center / 18px 18px;
}

/* ---------- Browse by equipment ---------- */

.sbg-flair .kb-row-layout-idsbg4-equipment {
	position: relative;
	padding-top: 72px !important;
}
.sbg-flair .kb-row-layout-idsbg4-equipment::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -1px;
	height: 64px;
	pointer-events: none;
	transform: scaleY(-1);
	background: var(--sbg-wave-white) no-repeat center / 100% 100%;
}
.sbg-flair .kadence-columnsbg4-equipment-col p.sbg-eyebrow,
.sbg-flair .kadence-columnsbg4-equipment-col p.sbg-script {
	text-align: center;
}
.sbg-flair h2.kt-adv-headingsbg4-equipment-head {
	font-size: 40px !important;
	padding-bottom: 0 !important;
	margin: 0 !important;
}
.sbg-flair .kadence-columnsbg4-equipment-col p.sbg-script {
	margin: 2px 0 26px;
}

/* Chips: white, hairline, line icon. Active stays olive. */
.sbg-flair .kb-btnssbg4-equipment-btns {
	gap: 12px;
}
.sbg-flair .kb-btnssbg4-equipment-btns a.kb-button {
	background: #FFFFFF !important;
	color: var(--sbg-ink) !important;
	border: 1px solid var(--sbg-stone) !important;
	box-shadow: none !important;
	min-height: 44px;
	padding: 10px 18px 10px 14px !important;
	font-family: var(--sbg-head);
	font-weight: 500;
}
.sbg-flair .kb-btnssbg4-equipment-btns a.kb-button:hover {
	border-color: var(--sbg-olive) !important;
}
.sbg-flair .kb-btnssbg4-equipment-btns a.kb-button .kt-btn-inner-text {
	display: inline-flex;
	align-items: center;
	gap: 8px;
}
.sbg-flair .kb-btnssbg4-equipment-btns a.kb-button .kt-btn-inner-text::before {
	content: "";
	flex: none;
	width: 20px;
	height: 20px;
	background-color: var(--sbg-olive);
	-webkit-mask: var(--sbg-icon) no-repeat center / contain;
	mask: var(--sbg-icon) no-repeat center / contain;
}
.sbg-flair .kb-btnssbg4-equipment-btns a.kb-button.sbg-chip-active {
	background: var(--sbg-olive) !important;
	color: var(--sbg-paper) !important;
	border-color: var(--sbg-olive) !important;
	box-shadow: none !important;
}
.sbg-flair .kb-btnssbg4-equipment-btns a.kb-button.sbg-chip-active .kt-btn-inner-text::before {
	background-color: #E4D9BC;
}

/* Equipment results: softer photo corners. */
.sbg-flair .kb-posts-id-sbg4-latest-posts .post-thumbnail,
.sbg-flair .kb-posts-id-sbg4-latest-posts .post-thumbnail-inner {
	border-radius: 16px !important;
	overflow: hidden;
}

/* ---------- Trending ---------- */

.sbg-flair .entry-content > h2.o-anim-offset-o-anim-offset-0px,
.sbg-flair .entry-content > p.sbg-trending-script {
	box-sizing: border-box;
	width: 100%;
	max-width: var(--global-content-width, 1290px);
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--global-content-edge-padding, 1.5rem) !important;
	padding-right: var(--global-content-edge-padding, 1.5rem) !important;
}
.sbg-flair .entry-content > h2.o-anim-offset-o-anim-offset-0px {
	position: relative;
	font-size: 44px;
	padding-bottom: 0 !important;
}
.sbg-flair .entry-content > h2.o-anim-offset-o-anim-offset-0px::after {
	content: "";
	display: block;
	width: 220px;
	height: 22px;
	margin-top: 2px;
	background-color: var(--sbg-olive);
	-webkit-mask: var(--sbg-swash) no-repeat left center / 100% 100%;
	mask: var(--sbg-swash) no-repeat left center / 100% 100%;
}
.sbg-flair .entry-content > p.sbg-trending-script {
	margin-top: 2px !important;
	margin-bottom: 8px !important;
	padding-left: calc(var(--global-content-edge-padding, 1.5rem) + 120px) !important;
}

.sbg-flair .kb-row-layout-idsbg4-popular::before {
	right: -40px;
	bottom: 60px;
	width: 340px;
	height: 490px;
	opacity: .18;
	-webkit-mask-image: var(--sbg-branch-tall);
	mask-image: var(--sbg-branch-tall);
	transform: rotate(10deg);
}
.sbg-flair .kb-posts-id-619_386f73-28 .post-thumbnail,
.sbg-flair .kb-posts-id-619_386f73-28 .post-thumbnail-inner {
	border-radius: 50% 18px !important;
	overflow: hidden;
}
.sbg-flair .kb-posts-id-sbg4-popular-posts .post-thumbnail,
.sbg-flair .kb-posts-id-sbg4-popular-posts .post-thumbnail-inner {
	border-radius: 16px !important;
	overflow: hidden;
}

/* ---------- Devotionals ---------- */

.sbg-flair .kb-row-layout-idsbg4-devotionals::before {
	left: -140px;
	top: 40px;
	width: 1000px;
	height: 640px;
	opacity: .16;
	background-color: #C9CFAE;
	transform: rotate(-6deg);
}
.sbg-flair h2.kt-adv-headingsbg4-devotionals-head {
	font-size: 46px !important;
	line-height: 1.05 !important;
	color: var(--sbg-cream) !important;
	margin: 0 !important;
}
.sbg-flair .kadence-columnsbg4-devotionals-col p.sbg-script {
	font-size: 62px;
	line-height: .85;
	color: #D9C9A3;
	padding-left: 40px;
	margin: 0 0 18px;
}
.sbg-flair .kadence-columnsbg4-devotionals-col p.sbg-dev-intro {
	margin: 0 0 26px;
	font-size: 17px;
	line-height: 1.65;
	color: #D8D6C8;
	max-width: 340px;
}
.sbg-flair .kb-posts-id-sbg4-devotionals-posts .loop-entry {
	background: transparent !important;
	box-shadow: none !important;
	border: 0 !important;
}
.sbg-flair .kb-posts-id-sbg4-devotionals-posts .post-thumbnail {
	margin: 0 0 18px !important;
	border-radius: 999px 999px 14px 14px !important;
	overflow: hidden;
}
.sbg-flair .kb-posts-id-sbg4-devotionals-posts .post-thumbnail {
	padding-bottom: 105% !important;
}
.sbg-flair .kb-posts-id-sbg4-devotionals-posts .entry-content-wrap {
	padding: 0 !important;
	background: transparent !important;
}
.sbg-flair .kb-posts-id-sbg4-devotionals-posts .entry-header::before {
	content: "";
	display: block;
	width: 28px;
	height: 1.5px;
	margin-bottom: 14px;
	background: #B9C197;
}
.sbg-flair ul.kb-posts-id-sbg4-devotionals-posts .entry-title,
.sbg-flair ul.kb-posts-id-sbg4-devotionals-posts .entry-title a {
	color: var(--sbg-paper) !important;
	font-weight: 500 !important;
}
.sbg-flair .kb-posts-id-sbg4-devotionals-posts .entry-summary,
.sbg-flair .kb-posts-id-sbg4-devotionals-posts .entry-summary p {
	color: #CFCDBE !important;
}
.sbg-flair .kb-btnssbg4-devotionals-btnwrap a.kb-button {
	background: var(--sbg-cream) !important;
	color: var(--sbg-deep) !important;
	border-color: var(--sbg-cream) !important;
}
/* Soft wave into the white seasonal heading. */
.sbg-flair .kb-row-layout-idsbg4-devotionals::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	height: 56px;
	z-index: 1;
	pointer-events: none;
	background: var(--sbg-wave-white) no-repeat center / 100% 100%;
}
.sbg-flair .kb-row-layout-idsbg4-devotionals {
	padding-bottom: 110px !important;
}

@media (min-width: 1025px) {
	.sbg-flair .kadence-columnsbg4-devotionals-col > .kt-inside-inner-col {
		display: grid !important;
		grid-template-columns: 380px minmax(0, 1fr);
		column-gap: 64px;
		align-content: start;
		align-items: start;
	}
	.sbg-flair .kadence-columnsbg4-devotionals-col > .kt-inside-inner-col > * {
		grid-column: 1;
	}
	.sbg-flair .kadence-columnsbg4-devotionals-col > .kt-inside-inner-col > h2 { grid-row: 1; margin-top: 12px !important; }
	.sbg-flair .kadence-columnsbg4-devotionals-col > .kt-inside-inner-col > p.sbg-script { grid-row: 2; }
	.sbg-flair .kadence-columnsbg4-devotionals-col > .kt-inside-inner-col > p.sbg-dev-intro { grid-row: 3; }
	.sbg-flair .kadence-columnsbg4-devotionals-col > .kt-inside-inner-col > .kb-buttons-wrap { grid-row: 4; justify-content: flex-start; }
	.sbg-flair .kadence-columnsbg4-devotionals-col > .kt-inside-inner-col > ul.kb-posts {
		grid-column: 2;
		grid-row: 1 / span 5;
		margin: 0 !important;
	}
}

/* ---------- Seasonal ---------- */

.sbg-flair .entry-content > h2.sbg-season-heading {
	text-align: center;
	font-size: 44px;
	letter-spacing: .02em;
	text-transform: uppercase;
	line-height: 1;
	padding-top: 24px !important;
	padding-bottom: 20px !important;
}
.sbg-flair .entry-content > h2.sbg-season-heading .sbg-season-word {
	display: block;
	margin-bottom: -6px;
	font-family: var(--sbg-script);
	font-weight: 600;
	font-size: 98px;
	line-height: .85;
	letter-spacing: 0;
	text-transform: none;
	color: var(--sbg-olive);
}
.sbg-flair .entry-content > h2.sbg-season-heading::after {
	content: "";
	display: block;
	width: 90px;
	height: 40px;
	margin: 8px auto 0;
	background-color: var(--sbg-olive);
	-webkit-mask: var(--sbg-sprig-tiny) no-repeat center / contain;
	mask: var(--sbg-sprig-tiny) no-repeat center / contain;
}
.sbg-flair .kb-posts-id-619_3dec23-46 .post-thumbnail,
.sbg-flair .kb-posts-id-619_3dec23-46 .post-thumbnail-inner {
	border-radius: 18px 50% !important;
	overflow: hidden;
}
/* Follow-ups as rows with round thumbnails, at every width. */
.sbg-flair .kb-posts-id-619_d172de-23 .post-thumbnail,
.sbg-flair .kb-posts-id-619_d172de-23 .post-thumbnail-inner {
	border-radius: 50% !important;
	overflow: hidden;
}
@media (min-width: 768px) {
	.sbg-flair .kadence-column619_27224f-0b {
		order: 2;
	}
	.sbg-flair .kb-posts-id-619_d172de-23.grid-cols {
		grid-template-columns: minmax(0, 1fr) !important;
		row-gap: 0 !important;
	}
	.sbg-flair .kb-posts-id-619_d172de-23 .loop-entry {
		display: flex !important;
		flex-direction: row !important;
		align-items: center;
		gap: 22px;
		padding: 18px 0 !important;
		background: transparent !important;
		box-shadow: none !important;
		border-bottom: 1px solid var(--sbg-stone);
	}
	.sbg-flair .kb-posts-id-619_d172de-23 .kb-post-list-item:last-child .loop-entry {
		border-bottom: 0;
	}
	.sbg-flair .kb-posts-id-619_d172de-23 .post-thumbnail {
		flex: 0 0 132px;
		width: 132px;
		margin: 0 !important;
	}
	.sbg-flair .kb-posts-id-619_d172de-23 .post-thumbnail {
		padding-bottom: 132px !important;
		height: 0;
	}
	.sbg-flair .kb-posts-id-619_d172de-23 .entry-content-wrap {
		flex: 1;
		padding: 0 !important;
	}
	.sbg-flair ul.kb-posts-id-619_d172de-23 .entry-title,
	.sbg-flair ul.kb-posts-id-619_d172de-23 .entry-title a {
		text-align: left !important;
		font-size: 22px !important;
		font-weight: 500 !important;
	}
}

/* ---------- Still hungry ---------- */

.sbg-flair .kadence-columnsbg4-welcome-col-1 .wp-block-image {
	position: relative;
	width: min(440px, 100%);
	aspect-ratio: 1;
	margin: 0 auto;
	border-radius: 50%;
	background: var(--sbg-cream);
	display: flex;
	align-items: center;
	justify-content: center;
}
.sbg-flair .kadence-columnsbg4-welcome-col-1 .wp-block-image img {
	position: relative;
	z-index: 1;
	width: 64%;
	height: auto;
}
.sbg-flair .kadence-columnsbg4-welcome-col-1 .wp-block-image::before {
	left: -6%;
	bottom: -2%;
	width: 78%;
	height: 52%;
	transform: rotate(-38deg);
	transform-origin: left bottom;
}
.sbg-flair h2.kt-adv-headingsbg4-welcome-head {
	font-size: 48px !important;
}
.sbg-flair .kadence-columnsbg4-welcome-col-2 p.sbg-script {
	font-size: 46px;
	line-height: 1.1;
	color: var(--sbg-olive);
	margin: -6px 0 18px;
}
.sbg-flair .kadence-columnsbg4-welcome-col-2 p.sbg-soul + p {
	position: relative;
	padding-left: 34px;
	font-family: var(--sbg-quote);
	font-style: italic;
	font-size: 25px;
	line-height: 1.4;
	color: var(--sbg-ink) !important;
}
.sbg-flair .kadence-columnsbg4-welcome-col-2 p.sbg-soul + p::before {
	content: "\201C";
	position: absolute;
	left: -4px;
	top: -26px;
	font-size: 96px;
	line-height: 1;
	color: #C9B98F;
}

/* ---------- About ---------- */

.sbg-flair .kb-row-layout-idsbg4-about::before {
	right: -60px;
	top: -20px;
	width: 400px;
	height: 580px;
	opacity: .3;
	-webkit-mask-image: var(--sbg-branch-tall);
	mask-image: var(--sbg-branch-tall);
	transform: rotate(14deg);
}
.sbg-flair .kadence-columnsbg4-about-col-2 p.sbg-eyebrow::after {
	content: "";
	display: block;
	width: 36px;
	height: 2px;
	margin-top: 10px;
	background: var(--sbg-olive);
}
.sbg-flair h2.kt-adv-headingsbg4-about-head {
	font-size: 46px !important;
	line-height: 1.08 !important;
}
.sbg-flair .kadence-columnsbg4-about-col-1 .wp-block-image {
	position: relative;
	max-width: 460px;
	margin: 0 auto 26px;
}
.sbg-flair .kadence-columnsbg4-about-col-1 .wp-block-image::before {
	content: "";
	position: absolute;
	inset: 26px -26px -26px 26px;
	border: 1.5px solid #B9AF94;
	border-radius: 999px 999px 18px 18px;
	pointer-events: none;
}
.sbg-flair .kadence-columnsbg4-about-col-1 .wp-block-image img {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 460 / 540;
	object-fit: cover;
	border-radius: 999px 999px 18px 18px;
}

/* ---------- Newsletter ---------- */

.sbg-flair .kb-row-layout-idsbg4-newsletter::before {
	left: -60px;
	top: -30px;
	width: 620px;
	height: 390px;
	opacity: .22;
	background-color: var(--sbg-cream);
}
.sbg-flair .kb-row-layout-idsbg4-newsletter::after {
	right: -80px;
	bottom: -120px;
	width: 520px;
	height: 330px;
	opacity: .14;
	background-color: var(--sbg-cream);
	transform: scaleX(-1) rotate(20deg);
}
.sbg-flair .kadence-columnsbg4-newsletter-col p.sbg-script {
	text-align: center;
	font-size: 43px;
	color: #E4D9BC;
	margin-bottom: 4px;
}
.sbg-flair .kb-row-layout-idsbg4-newsletter input[type="text"],
.sbg-flair .kb-row-layout-idsbg4-newsletter input[type="email"] {
	height: 54px;
	border-radius: 999px !important;
	border: 0 !important;
	background: var(--sbg-paper) !important;
	padding: 0 22px !important;
}
.sbg-flair .kb-row-layout-idsbg4-newsletter button,
.sbg-flair .kb-row-layout-idsbg4-newsletter .kb-forms-submit {
	min-height: 54px;
	border-radius: 999px !important;
	border: 0 !important;
	background: var(--sbg-ink) !important;
	color: var(--sbg-cream) !important;
	padding: 0 30px !important;
}

/* ---------- Tablet ---------- */

@media (max-width: 1024px) {
	.sbg-flair .kadence-columnsbg4-devotionals-col p.sbg-script { font-size: 52px; }
	.sbg-flair .entry-content > h2.sbg-season-heading .sbg-season-word { font-size: 85px; }
}

/* ---------- Phone ---------- */

@media (max-width: 767px) {
	.sbg-flair .entry-content p.sbg-script { font-size: 33px; }
	.sbg-flair .kb-row-layout-idsbg4-hero::before {
		left: auto;
		right: -60px;
		top: -40px;
		width: 280px;
		height: 180px;
		transform: scaleX(-1) rotate(-30deg);
	}
	.sbg-flair .kb-row-layout-idsbg4-hero::after { display: none; }
	.sbg-flair .kadence-column619_581c65-76 {
		padding: 20px 8px 76px;
	}
	.sbg-flair .kadence-column619_581c65-76::after { height: 30px; }
	.sbg-flair .kadence-column619_581c65-76 > .kt-inside-inner-col::before {
		margin-bottom: 18px;
		font-size: 11px;
	}
	.sbg-flair .kb-posts-id-619_8e5479-ba .post-thumbnail { margin: 6px 6px 18px !important; box-shadow: 0 0 0 6px #FFFFFF, 0 18px 30px -20px rgba(48, 53, 32, .5) !important; }
	.sbg-flair ul.kb-posts-id-619_8e5479-ba .entry-title,
	.sbg-flair ul.kb-posts-id-619_8e5479-ba .entry-title a {
		font-size: 12.5px !important;
		letter-spacing: .1em !important;
	}

	.sbg-flair h2.kt-adv-heading619_591fcd-9a {
		flex-direction: column;
		gap: 4px;
		font-size: 30px !important;
	}
	.sbg-flair h2.kt-adv-heading619_591fcd-9a::before {
		width: 100px;
		height: 44px;
		transform: none;
		-webkit-mask-image: var(--sbg-sprig-tiny);
		mask-image: var(--sbg-sprig-tiny);
	}
	.sbg-flair h2.kt-adv-heading619_591fcd-9a::after { display: none; }
	.sbg-flair .kadence-column619_c78141-e0 .wp-block-search__label { font-size: 33px !important; margin-bottom: 16px; }
	.sbg-flair .kadence-column619_c78141-e0 .wp-block-search__input { height: 54px; }
	.sbg-flair .kadence-column619_c78141-e0 .wp-block-search__inside-wrapper::after { width: 42px; height: 42px; margin-top: -21px; right: 6px; }

	.sbg-flair .kb-row-layout-idsbg4-equipment { padding-top: 44px !important; }
	.sbg-flair .kb-row-layout-idsbg4-equipment::before { height: 30px; }
	.sbg-flair h2.kt-adv-headingsbg4-equipment-head { font-size: 30px !important; }
	.sbg-flair .kadence-columnsbg4-equipment-col p.sbg-script { font-size: 31px; margin-bottom: 18px; }
	.sbg-flair .kb-btnssbg4-equipment-btns { gap: 8px; }
	.sbg-flair .kb-btnssbg4-equipment-btns a.kb-button { padding: 9px 16px 9px 12px !important; }
	.sbg-flair .kb-posts-id-sbg4-latest-posts .post-thumbnail,
	.sbg-flair .kb-posts-id-sbg4-latest-posts .post-thumbnail-inner { border-radius: 10px !important; }

	.sbg-flair .entry-content > h2.o-anim-offset-o-anim-offset-0px { font-size: 32px; }
	.sbg-flair .entry-content > h2.o-anim-offset-o-anim-offset-0px::after { width: 150px; height: 18px; }
	.sbg-flair .entry-content > p.sbg-trending-script {
		padding-left: calc(var(--global-content-edge-padding, 1.5rem) + 60px) !important;
	}
	.sbg-flair .kb-row-layout-idsbg4-popular::before { width: 220px; height: 320px; bottom: 30px; right: -70px; }
	.sbg-flair .kb-posts-id-sbg4-popular-posts .post-thumbnail,
	.sbg-flair .kb-posts-id-sbg4-popular-posts .post-thumbnail-inner { border-radius: 50% !important; }

	.sbg-flair .kb-row-layout-idsbg4-devotionals::before { left: auto; right: -260px; top: 20px; width: 620px; height: 400px; transform: scaleX(-1) rotate(-30deg); }
	.sbg-flair h2.kt-adv-headingsbg4-devotionals-head { font-size: 34px !important; }
	.sbg-flair .kadence-columnsbg4-devotionals-col p.sbg-script { font-size: 44px; padding-left: 36px; }
	.sbg-flair .kb-posts-id-sbg4-devotionals-posts .post-thumbnail { padding-bottom: 74% !important; }
	.sbg-flair .kb-row-layout-idsbg4-devotionals { padding-bottom: 80px !important; }
	.sbg-flair .kb-row-layout-idsbg4-devotionals::after { height: 30px; }

	.sbg-flair .entry-content > h2.sbg-season-heading { font-size: 32px; }
	.sbg-flair .entry-content > h2.sbg-season-heading .sbg-season-word { font-size: 79px; }

	.sbg-flair .kadence-columnsbg4-welcome-col-1 .wp-block-image { width: 250px; }
	.sbg-flair h2.kt-adv-headingsbg4-welcome-head { font-size: 34px !important; }
	.sbg-flair .kadence-columnsbg4-welcome-col-2 p.sbg-script { font-size: 41px; }
	.sbg-flair .kadence-columnsbg4-welcome-col-2 p.sbg-soul + p { font-size: 22px; padding-left: 28px; }
	.sbg-flair .kadence-columnsbg4-welcome-col-2 p.sbg-soul + p::before { font-size: 76px; top: -20px; }

	.sbg-flair .kb-row-layout-idsbg4-about::before { width: 250px; height: 360px; right: -70px; top: 10px; }
	.sbg-flair h2.kt-adv-headingsbg4-about-head { font-size: 34px !important; }
	.sbg-flair .kadence-columnsbg4-about-col-1 .wp-block-image { max-width: 280px; margin: 0 auto 0 10px; }
	.sbg-flair .kadence-columnsbg4-about-col-1 .wp-block-image::before { inset: 16px -16px -16px 16px; }

	.sbg-flair .kb-row-layout-idsbg4-newsletter::before { width: 380px; height: 240px; left: -90px; top: -40px; }
	.sbg-flair .kb-row-layout-idsbg4-newsletter::after { display: none; }
	.sbg-flair .kadence-columnsbg4-newsletter-col p.sbg-script { font-size: 38px; }
}
body.sbg-flair .kb-btnsbg4-eq-1 { --sbg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11h14v7H3z'/%3E%3Cpath d='M3 11a7 4 0 0 1 14 0'/%3E%3Cpath d='M17 13h3v-7'/%3E%3Cpath d='M5 18v3M15 18v3'/%3E%3Cpath d='M19 3.5c.8.6.8 1.4 0 2'/%3E%3C/svg%3E"); }
body.sbg-flair .kb-btnsbg4-eq-2 { --sbg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='3.5' width='17' height='17' rx='2'/%3E%3Cpath d='M3.5 8h17'/%3E%3Crect x='7' y='11' width='10' height='6.5' rx='1'/%3E%3Cpath d='M7 5.8h.01M10 5.8h.01'/%3E%3C/svg%3E"); }
body.sbg-flair .kb-btnsbg4-eq-3 { --sbg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 10h14v7a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3z'/%3E%3Cpath d='M4 10h16'/%3E%3Cpath d='M8 10V8.5a4 2 0 0 1 8 0V10'/%3E%3Cpath d='M12 6.5V5'/%3E%3Ccircle cx='12' cy='15' r='1.6'/%3E%3C/svg%3E"); }
body.sbg-flair .kb-btnsbg4-eq-4 { --sbg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3.5' width='14' height='17' rx='4'/%3E%3Cpath d='M5 11h14'/%3E%3Cpath d='M9 15h6'/%3E%3Ccircle cx='12' cy='7.2' r='1.2'/%3E%3C/svg%3E"); }
body.sbg-flair .kb-btnsbg4-eq-5 { --sbg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 9h16a8 7 0 0 1-16 0z'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M8 15.5 6 21M16 15.5l2 5.5M12 16v3'/%3E%3Cpath d='M9 3.5c.8.8.8 1.8 0 2.6M13 3.5c.8.8.8 1.8 0 2.6'/%3E%3C/svg%3E"); }
body.sbg-flair .kb-btnsbg4-eq-8 { --sbg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c3 3.5 5 6 5 9.5a5 5 0 0 1-10 0c0-2 1-3.5 2.2-4.8.3 1.7 1 2.6 2 2.8C11 8 11.2 5.5 12 3z'/%3E%3Cpath d='M4 21h16'/%3E%3C/svg%3E"); }
body.sbg-flair .kb-btnsbg4-eq-9 { --sbg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='10' width='16' height='4' rx='1'/%3E%3Cpath d='M19 12h2.5'/%3E%3Cpath d='M6 14v4M16 14v4'/%3E%3Cpath d='M7 7c.7-.7.7-1.5 0-2.2M11 7c.7-.7.7-1.5 0-2.2M15 7c.7-.7.7-1.5 0-2.2'/%3E%3C/svg%3E"); }
body.sbg-flair .kb-btnsbg4-eq-10 { --sbg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 9v9a2 2 0 0 0 2 2h15a2 2 0 0 0 2-2V9'/%3E%3Cpath d='M2.5 12.5c1.2-.8 2.4-.8 3.6 0s2.4.8 3.6 0'/%3E%3Crect x='14' y='3.5' width='4' height='12.5' rx='1.6'/%3E%3Cpath d='M16 6.5h.01'/%3E%3Crect x='5' y='15.2' width='6' height='2.6' rx='1'/%3E%3C/svg%3E"); }

/* Late fixes */
.sbg-flair h2.kt-adv-headingsbg4-devotionals-head { white-space: nowrap; }
.sbg-flair .kadence-columnsbg4-welcome-col-2 p.sbg-soul + p a,
.sbg-flair .kadence-columnsbg4-welcome-col-2 p.sbg-soul + p span[data-publisher-link] { color: var(--sbg-olive) !important; font-style: normal; font-family: var(--sbg-head); font-size: 13px; letter-spacing: .16em; text-transform: uppercase; text-decoration: none; }
.sbg-flair .kadence-columnsbg4-welcome-col-1 .wp-block-image img { width: 70%; }

@media (max-width: 767px) {
	.sbg-flair .entry-content p.sbg-script { font-size: 28px; }
	.sbg-flair .kadence-columnsbg4-equipment-col p.sbg-script { font-size: 27px; }
	.sbg-flair .kadence-column619_c78141-e0 .wp-block-search__label { font-size: 27px !important; }
	.sbg-flair .entry-content > h2.o-anim-offset-o-anim-offset-0px::after { margin-left: auto; margin-right: auto; }
	.sbg-flair .entry-content > p.sbg-trending-script { text-align: center; padding-left: var(--global-content-edge-padding, 1.5rem) !important; }
	.sbg-flair .kb-row-layout-idsbg4-hero::before { top: -95px; right: -90px; opacity: .2; }
	.sbg-flair .kadence-columnsbg4-devotionals-col p.sbg-script { font-size: 38px; }
	.sbg-flair .kadence-columnsbg4-welcome-col-2 p.sbg-script { font-size: 36px; }
	.sbg-flair .kadence-columnsbg4-newsletter-col p.sbg-script { font-size: 33px; }
}
@media (max-width: 767px) {
	.sbg-flair .kadence-columnsbg4-welcome-col-2 p.sbg-script { font-size: 30px; }
	.sbg-flair .kb-row-layout-idsbg4-about::before { opacity: .16; }
}

/* ---------- Round 2 (2026-09-16) ---------- */

/* No white strip between the header and the cream hero. */
.sbg-flair .entry-content-wrap { padding-top: 0 !important; }

/* "by Grace" in script inside the About heading (core text-colour mark). */
.sbg-flair h2.kt-adv-headingsbg4-about-head mark.has-inline-color {
	display: block;
	margin-top: -10px;
	padding-left: 110px;
	background: none !important;
	font-family: var(--sbg-script);
	font-weight: 600;
	font-size: 1.6em;
	line-height: 1;
	letter-spacing: 0;
	color: var(--sbg-olive) !important;
}

/* Branches: a touch larger, a touch softer. Devotionals left as is. */
.sbg-flair .kb-row-layout-idsbg4-hero::before { width: 500px; height: 322px; opacity: .22; }
.sbg-flair .kb-row-layout-idsbg4-hero::after { width: 265px; height: 385px; opacity: .22; }
.sbg-flair .kb-row-layout-idsbg4-popular::before { width: 400px; height: 575px; opacity: .16; }
.sbg-flair .kadence-columnsbg4-welcome-col-1 .wp-block-image::before { width: 92%; height: 62%; left: -10%; opacity: .7; }
.sbg-flair .kb-row-layout-idsbg4-about::before { width: 470px; height: 680px; opacity: .24; }
.sbg-flair .kb-row-layout-idsbg4-newsletter::before { width: 720px; height: 455px; opacity: .2; }
.sbg-flair .kb-row-layout-idsbg4-newsletter::after { width: 600px; height: 380px; opacity: .12; }
.sbg-flair h2.kt-adv-heading619_591fcd-9a::before,
.sbg-flair h2.kt-adv-heading619_591fcd-9a::after { width: 176px; height: 80px; opacity: .8; }
.sbg-flair .entry-content > h2.sbg-season-heading::after { width: 110px; height: 48px; opacity: .8; }

/* Subscribe label centred in its pill. */
.sbg-flair .kb-row-layout-idsbg4-newsletter button.kb-forms-submit {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	line-height: 1 !important;
}

/* "what about your soul?" sits right under its sentence. */
.sbg-flair .kadence-columnsbg4-welcome-col-2 p:has(+ p.sbg-soul) { margin-bottom: 0 !important; }
.sbg-flair .kadence-columnsbg4-welcome-col-2 p.sbg-script { margin-top: -2px; }

/* Equipment band: even cream above and below the heading group. */
.sbg-flair .kb-row-layout-idsbg4-equipment { padding-top: 64px !important; padding-bottom: 36px !important; }
.sbg-flair .kadence-columnsbg4-equipment-col p.sbg-script { margin-bottom: 22px; }

@media (max-width: 767px) {
	.sbg-flair h2.kt-adv-headingsbg4-about-head mark.has-inline-color { padding-left: 64px; margin-top: -6px; }
	.sbg-flair .kb-row-layout-idsbg4-hero::before { width: 330px; height: 212px; opacity: .18; }
	.sbg-flair .kb-row-layout-idsbg4-popular::before { width: 260px; height: 378px; }
	.sbg-flair .kb-row-layout-idsbg4-about::before { width: 290px; height: 420px; opacity: .16; }
	.sbg-flair .kb-row-layout-idsbg4-newsletter::before { width: 440px; height: 278px; }
	.sbg-flair h2.kt-adv-heading619_591fcd-9a::before { width: 118px; height: 52px; }
	.sbg-flair .kadence-columnsbg4-welcome-col-2 p.sbg-script { font-size: 31px; }
	.sbg-flair .kb-row-layout-idsbg4-equipment { padding-top: 44px !important; padding-bottom: 34px !important; }
	.sbg-flair .kadence-columnsbg4-equipment-col p.sbg-script { margin-bottom: 0; }
	/* Centre every button group on phones. */
	.sbg-flair .entry-content .kb-buttons-wrap:not(.kb-btnssbg4-equipment-btns) { width: 100%; justify-content: center !important; align-items: center !important; }
	.sbg-flair .kb-row-layout-idsbg4-newsletter .kb-submit-field { justify-content: center !important; }
}
.sbg-flair .kadence-column619_581c65-76 { margin-top: -1px; }

/* Kadence's clearfix makes row ::before display:table, which collapses it. */
.sbg-flair .kb-row-layout-wrap::before, .sbg-flair .kb-row-layout-wrap::after { display: block !important; }
.sbg-flair .kb-row-layout-idsbg4-equipment::before, .sbg-flair .kb-row-layout-idsbg4-devotionals::after { width: 100%; }

/* ---------- Round 3: hero branch ---------- */

/* Breathing room under the header (still cream). */
.sbg-flair .kb-row-layout-idsbg4-hero > .kt-row-column-wrap { padding-top: 44px !important; }

/* The two small corner sprigs are gone... */
.sbg-flair .kb-row-layout-idsbg4-hero::before,
.sbg-flair .kb-row-layout-idsbg4-hero::after { display: none !important; }

/* ...replaced by one large branch sweeping behind and past the recipe cards.
   It may reach up into the headline band, but clip-path stops it short of
   the header. */
.sbg-flair .kadence-column619_581c65-76 {
	z-index: 1;
	clip-path: inset(-170px 0 -2px 0);
}
.sbg-flair .kadence-column619_581c65-76::before {
	content: "";
	position: absolute;
	z-index: 0;
	pointer-events: none;
	left: -80px;
	bottom: 20px;
	width: 1320px;
	height: 840px;
	opacity: .15;
	background-color: var(--sbg-olive);
	-webkit-mask: var(--sbg-branch-big) no-repeat center / contain;
	mask: var(--sbg-branch-big) no-repeat center / contain;
	transform: rotate(-3deg);
}
.sbg-flair .kadence-column619_581c65-76 > .kt-inside-inner-col {
	position: relative;
	z-index: 1;
}

@media (min-width: 1440px) {
	.sbg-flair .kadence-column619_581c65-76::before { left: calc(50% - 760px); width: 1500px; height: 955px; }
}
@media (max-width: 767px) {
	.sbg-flair .kb-row-layout-idsbg4-hero > .kt-row-column-wrap { padding-top: 30px !important; }
	.sbg-flair .kadence-column619_581c65-76 { clip-path: inset(-110px 0 -2px 0); }
	.sbg-flair .kadence-column619_581c65-76::before {
		left: -150px;
		bottom: 90px;
		width: 760px;
		height: 1300px;
		opacity: .13;
		transform: rotate(-12deg);
		-webkit-mask-image: var(--sbg-branch-tall);
		mask-image: var(--sbg-branch-tall);
	}
}
/* ---------- Round 4 ---------- */

/* The header sits on top (opaque white), so the hero branch reads as
   continuing underneath the nav bar. */
.sbg-flair header.wp-block-kadence-header {
	position: relative;
	z-index: 10;
	background: #FFFFFF;
}
.sbg-flair .kadence-column619_581c65-76 { clip-path: inset(-700px 0 -2px 0); }
.sbg-flair .kadence-column619_581c65-76::before {
	bottom: 90px;
	width: 1415px;
	height: 900px;
	opacity: .12;
	transform: rotate(-9deg);
}
@media (min-width: 1440px) {
	.sbg-flair .kadence-column619_581c65-76::before { left: calc(50% - 780px); width: 1560px; height: 992px; }
}
@media (max-width: 767px) {
	.sbg-flair .kadence-column619_581c65-76 { clip-path: inset(-700px 0 -2px 0); }
	.sbg-flair .kadence-column619_581c65-76::before { opacity: .11; bottom: 90px; width: 760px; height: 1300px; transform: rotate(-12deg); }
}

/* Still Hungry: branch lies horizontally beneath the logo, larger and softer. */
.sbg-flair .kadence-columnsbg4-welcome-col-1 .wp-block-image::before {
	left: 50%;
	top: 41%;
	bottom: auto;
	width: 130%;
	height: 83%;
	opacity: .42;
	transform: translateX(-50%) rotate(27deg);
	transform-origin: center center;
}@media (min-width: 768px) {
	.sbg-flair .kadence-columnsbg4-welcome-col-1 .wp-block-image::before { width: 118%; height: 75%; top: 44%; }
}
.sbg-flair .kb-row-layout-idsbg4-welcome { overflow-x: clip; }

/* ---------- Round 5: keep the hero branch out from behind the headline ---------- */

/* The headline row now sits above the card column, on a transparent ground;
   the column paints the cream upward with an offset shadow instead. */
.sbg-flair .kb-row-layout-idsbg4-hero {
	background: transparent !important;
	z-index: 2;
}
.sbg-flair .kadence-column619_581c65-76 {
	box-shadow: 0 -600px 0 0 var(--sbg-cream);
}
/* A soft cream halo behind the headline and the small label hides the
   branch there; it still shows around them and runs up under the nav. */
.sbg-flair h1.kt-adv-headingsbg4-hero-head {
	position: relative;
	width: fit-content;
	padding: 4px 20px 10px;
	background: var(--sbg-cream);
	border-radius: 60px;
	box-shadow: 0 0 36px 28px var(--sbg-cream);
}
.sbg-flair .kadence-column619_581c65-76 > .kt-inside-inner-col::before {
	display: table !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding: 2px 12px;
	background: var(--sbg-cream);
	box-shadow: 0 0 18px 14px var(--sbg-cream);
}@media (max-width: 767px) {
	.sbg-flair h1.kt-adv-headingsbg4-hero-head { padding: 2px 0 8px; box-shadow: 0 0 22px 16px var(--sbg-cream); }
}

/* ---------- Round 6: no halo; the hero branch lies horizontally behind the cards ---------- */

.sbg-flair .kb-row-layout-idsbg4-hero {
	background: var(--sbg-cream) !important;
	z-index: auto;
}
.sbg-flair .kadence-column619_581c65-76 {
	box-shadow: none;
	clip-path: inset(0 0 -2px 0);
}
.sbg-flair h1.kt-adv-headingsbg4-hero-head {
	background: none;
	box-shadow: none;
	border-radius: 0;
	padding: 0;
}
.sbg-flair .kadence-column619_581c65-76 > .kt-inside-inner-col::before {
	background: none;
	box-shadow: none;
}
/* branch-big's art rises at about 27deg, so rotating the box +27deg lays it flat. */
.sbg-flair .kadence-column619_581c65-76::before {
	left: 50%;
	top: 250px;
	bottom: auto;
	width: 1500px;
	height: 954px;
	opacity: .13;
	-webkit-mask-image: var(--sbg-branch-big);
	mask-image: var(--sbg-branch-big);
	transform: translate(-50%, -50%) rotate(27deg);
}
@media (min-width: 1440px) {
	.sbg-flair .kadence-column619_581c65-76::before { left: 50%; width: 1700px; height: 1082px; top: 270px; }
}
@media (max-width: 767px) {
	.sbg-flair .kadence-column619_581c65-76 { clip-path: inset(0 0 -2px 0); }
	.sbg-flair .kadence-column619_581c65-76::before {
		left: 50%;
		top: 170px;
		bottom: auto;
		width: 720px;
		height: 458px;
		opacity: .12;
		-webkit-mask-image: var(--sbg-branch-big);
		mask-image: var(--sbg-branch-big);
		transform: translate(-50%, -50%) rotate(27deg);
	}
}
/* Round 7: no branch in the hero at all (Brad). */
.sbg-flair .kadence-column619_581c65-76::before { display: none !important; }

/* ---------- Round 8: rolling waves + hand-written note (hero) ---------- */

/* Three wave layers, each a seamless 600px tile, rolling at different speeds.
   The front layer is white so it runs straight into the search section. */
.sbg-flair .kadence-column619_581c65-76 { padding-bottom: 150px; }
.sbg-flair .kadence-column619_581c65-76::after {
	height: 120px;
	background-image: url("/wp-content/uploads/sbg-flair/wave-1.svg"), url("/wp-content/uploads/sbg-flair/wave-2.svg"), url("/wp-content/uploads/sbg-flair/wave-3.svg");
	background-repeat: repeat-x;
	background-size: 600px 100%;
	background-position: 0 100%, 0 100%, 0 100%;
	animation: sbg-waves 45s linear infinite;
}
@keyframes sbg-waves {
	to { background-position: -1800px 100%, 1200px 100%, -600px 100%; }
}

/* The note: written left to right, then the arrow draws itself. */
.sbg-flair .entry-content p.sbg-note {
	position: relative;
	z-index: 2;
	display: block;
	width: fit-content;
	margin: -14px 70px -6px auto;
	padding: 0 6px;
	font-family: var(--sbg-script); font-weight: 600;
	font-size: 33px;
	line-height: 1.15;
	color: var(--sbg-sage);
	transform: rotate(-4deg);
}
/* A cream cover that slides off to the right reveals the words as if written.
   (A mask would also hide the arrow, which sits outside the text box.) */
.sbg-flair .entry-content p.sbg-note::before {
	content: "";
	position: absolute;
	inset: -4px -2px;
	background: var(--sbg-cream);
	transform-origin: 100% 50%;
	animation: sbg-write 1.7s cubic-bezier(.45, .05, .55, .95) .4s forwards;
}
.sbg-flair .entry-content p.sbg-note::after {
	content: "";
	position: absolute;
	right: -64px;
	bottom: -30px;
	width: 62px;
	height: 46px;
	background: url("/wp-content/uploads/sbg-flair/arrow-draw.svg") no-repeat center / contain;
}
@keyframes sbg-write {
	to { transform: scaleX(0); }
}

@media (max-width: 767px) {
	.sbg-flair .kadence-column619_581c65-76 { padding-bottom: 100px; }
	.sbg-flair .kadence-column619_581c65-76::after { height: 80px; background-size: 420px 100%; }
	.sbg-flair .entry-content p.sbg-note { font-size: 25px; margin: -8px 48px 0 auto; }
	.sbg-flair .entry-content p.sbg-note::after { right: -46px; bottom: -24px; width: 44px; height: 34px; }
	/* Two recipe arches on phones; all four from tablet up. */
	.sbg-flair .kb-posts-id-619_8e5479-ba .kb-post-list-item:nth-child(n+3) { display: none; }
}
@media (max-width: 767px) {
	@keyframes sbg-waves {
		to { background-position: -1260px 100%, 840px 100%, -420px 100%; }
	}
}

@media (prefers-reduced-motion: reduce) {
	.sbg-flair .kadence-column619_581c65-76::after { animation: none; }
	.sbg-flair .entry-content p.sbg-note::before { display: none; }
	.sbg-flair .entry-content p.sbg-note::after { background-image: url("/wp-content/uploads/sbg-flair/arrow.svg"); }
}
/* Arrow is inline SVG (added at render) so it can be drawn stroke by stroke. */
.sbg-flair .entry-content p.sbg-note::after { content: none; }
.sbg-flair .sbg-note-arrow { position: absolute; right: -64px; bottom: -30px; width: 62px; height: 46px; overflow: visible; }
.sbg-flair .sbg-note-arrow path { stroke-dasharray: 1; stroke-dashoffset: 1; animation: sbg-draw .7s ease-out 2.1s forwards; }
.sbg-flair .sbg-note-arrow path + path { animation-duration: .3s; animation-delay: 2.75s; }
@keyframes sbg-draw { to { stroke-dashoffset: 0; } }
@media (max-width: 767px) {
	.sbg-flair .sbg-note-arrow { right: -46px; bottom: -24px; width: 44px; height: 34px; }
}
@media (prefers-reduced-motion: reduce) {
	.sbg-flair .sbg-note-arrow path { animation: none; stroke-dashoffset: 0; }
}
/* Wave layers: the first listed paints on top, so front (white) goes first. */
.sbg-flair .kadence-column619_581c65-76::after {
	background-image: url("/wp-content/uploads/sbg-flair/wave-3.svg"), url("/wp-content/uploads/sbg-flair/wave-2.svg"), url("/wp-content/uploads/sbg-flair/wave-1.svg");
}.sbg-flair .kadence-column619_581c65-76::after { bottom: -3px; }
.sbg-flair .kadence-column619_581c65-76 { clip-path: inset(0 0 -4px 0); }

/* Round 9: row dividers a touch darker. */
.sbg-flair .kb-posts-id-sbg4-popular-posts .kb-post-list-item,
.sbg-flair .kb-posts-id-619_d172de-23 .kb-post-list-item,
.sbg-flair .kb-posts-id-619_d172de-23 .loop-entry { border-color: #C6BEAA !important; }


/* Round 10 (2026-10-21): recipe hover + narrower newsletter. */
/* Recipe photos ease in 4% inside their clipped shape; titles warm to olive. Hover devices only. */
.sbg-flair .kb-posts-id-619_8e5479-ba .post-thumbnail-inner,
.sbg-flair .kb-posts-id-sbg4-latest-posts .post-thumbnail-inner,
.sbg-flair .kb-posts-id-619_386f73-28 .post-thumbnail-inner,
.sbg-flair .kb-posts-id-sbg4-popular-posts .post-thumbnail-inner,
.sbg-flair .kb-posts-id-619_3dec23-46 .post-thumbnail-inner,
.sbg-flair .kb-posts-id-619_d172de-23 .post-thumbnail-inner { isolation: isolate; }
.sbg-flair .kb-posts-id-619_8e5479-ba .post-thumbnail img,
.sbg-flair .kb-posts-id-sbg4-latest-posts .post-thumbnail img,
.sbg-flair .kb-posts-id-619_386f73-28 .post-thumbnail img,
.sbg-flair .kb-posts-id-sbg4-popular-posts .post-thumbnail img,
.sbg-flair .kb-posts-id-619_3dec23-46 .post-thumbnail img,
.sbg-flair .kb-posts-id-619_d172de-23 .post-thumbnail img {
  transition: transform .7s cubic-bezier(.22,.61,.36,1) !important;
  transform-origin: 50% 50%;
}
.sbg-flair .kb-posts-id-619_8e5479-ba .entry-title a,
.sbg-flair .kb-posts-id-sbg4-latest-posts .entry-title a,
.sbg-flair .kb-posts-id-619_386f73-28 .entry-title a,
.sbg-flair .kb-posts-id-sbg4-popular-posts .entry-title a,
.sbg-flair .kb-posts-id-619_3dec23-46 .entry-title a,
.sbg-flair .kb-posts-id-619_d172de-23 .entry-title a { transition: color .3s ease; }
@media (hover: hover) {
.sbg-flair .kb-posts-id-619_8e5479-ba .loop-entry:hover .post-thumbnail img,
.sbg-flair .kb-posts-id-sbg4-latest-posts .loop-entry:hover .post-thumbnail img,
.sbg-flair .kb-posts-id-619_386f73-28 .loop-entry:hover .post-thumbnail img,
.sbg-flair .kb-posts-id-sbg4-popular-posts .loop-entry:hover .post-thumbnail img,
.sbg-flair .kb-posts-id-619_3dec23-46 .loop-entry:hover .post-thumbnail img,
.sbg-flair .kb-posts-id-619_d172de-23 .loop-entry:hover .post-thumbnail img,
.sbg-flair .kb-posts-id-619_8e5479-ba .loop-entry:focus-within .post-thumbnail img,
.sbg-flair .kb-posts-id-sbg4-latest-posts .loop-entry:focus-within .post-thumbnail img,
.sbg-flair .kb-posts-id-619_386f73-28 .loop-entry:focus-within .post-thumbnail img,
.sbg-flair .kb-posts-id-sbg4-popular-posts .loop-entry:focus-within .post-thumbnail img,
.sbg-flair .kb-posts-id-619_3dec23-46 .loop-entry:focus-within .post-thumbnail img,
.sbg-flair .kb-posts-id-619_d172de-23 .loop-entry:focus-within .post-thumbnail img { transform: scale(1.04); }
.sbg-flair .kb-posts-id-619_8e5479-ba .loop-entry:hover .entry-title a,
.sbg-flair .kb-posts-id-sbg4-latest-posts .loop-entry:hover .entry-title a,
.sbg-flair .kb-posts-id-619_386f73-28 .loop-entry:hover .entry-title a,
.sbg-flair .kb-posts-id-sbg4-popular-posts .loop-entry:hover .entry-title a,
.sbg-flair .kb-posts-id-619_3dec23-46 .loop-entry:hover .entry-title a,
.sbg-flair .kb-posts-id-619_d172de-23 .loop-entry:hover .entry-title a { color: var(--sbg-olive) !important; }
}
@media (prefers-reduced-motion: reduce) {
.sbg-flair .kb-posts-id-619_8e5479-ba .post-thumbnail img,
.sbg-flair .kb-posts-id-sbg4-latest-posts .post-thumbnail img,
.sbg-flair .kb-posts-id-619_386f73-28 .post-thumbnail img,
.sbg-flair .kb-posts-id-sbg4-popular-posts .post-thumbnail img,
.sbg-flair .kb-posts-id-619_3dec23-46 .post-thumbnail img,
.sbg-flair .kb-posts-id-619_d172de-23 .post-thumbnail img { transition: none !important; transform: none !important; }
}

/* Newsletter: a centred 620px block instead of the full band. */
.sbg-flair .kadence-form-sbg4-newsletter-form { max-width: 620px; margin-left: auto !important; margin-right: auto !important; }


/* Round 10b (2026-10-21): devotional titles shift to wheat gold on hover (no image motion). */
.sbg-flair .kb-posts-id-sbg4-devotionals-posts .entry-title a { transition: color .35s ease !important; }
@media (hover: hover) {
.sbg-flair .kb-posts-id-sbg4-devotionals-posts .loop-entry:hover .entry-title a,
.sbg-flair .kb-posts-id-sbg4-devotionals-posts .entry-title a:focus-visible { color: #E2BE6E !important; }
}

/* Round 10c: devotional excerpt in Public Sans Light, thinner light-on-dark rendering. */
.sbg-flair .kb-posts-id-sbg4-devotionals-posts .entry-summary,
.sbg-flair .kb-posts-id-sbg4-devotionals-posts .entry-summary p {
  font-weight: 300 !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Round 10d: Read More Devotionals button fills wheat gold on hover (its block hover was cream on cream). */
.sbg-flair .wp-block-kadence-advancedbtn .kb-btnsbg4-devotionals-btn.kb-button {
  transition: background-color .3s ease, border-color .3s ease, color .3s ease !important;
}
.sbg-flair .wp-block-kadence-advancedbtn .kb-btnsbg4-devotionals-btn.kb-button:hover,
.sbg-flair .wp-block-kadence-advancedbtn .kb-btnsbg4-devotionals-btn.kb-button:focus-visible {
  background: #E2BE6E !important;
  border-color: #E2BE6E !important;
  color: #303520 !important;
}