/**
 * Single Post Styles
 * Styles for single post pages
 */

/* Post Header - Flex layout with image on left, copy on right */
.post-header {
    display: flex;
    max-width: 1400px;
    margin: 30px auto 100px;
    width: 97%;
    justify-content: space-between;
}

.post-header .post-header__image {
    width: 49%;
    position: relative;
}

.post-header .post-header__image .post-featured-image {
    border-radius: 25px;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.post-header .post-header__content {
    background-color: #A2BEFF;
    padding: 23px 38px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 25px;
    position: relative;
    width: 49%;
}
.post-meta-bar__date-author {
	    font-family: "Google Sans Flex";
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    letter-spacing: 2.4px;
    text-transform: uppercase;
}
.post-header__top-right a.author-link {
text-decoration:underline!important;
}
.post-header__top-left {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
	width:50%;
}
.post-header__top-flex {
	display: flex;
}
.post-header__top-right {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.5rem;
	width:50%;
	text-align:right;
}
.post-header__top-right a {
	text-decoration:none;
}
.post-header__top-right .share-icons {
	display: flex;
gap: 0.5rem;
}
.post-header .post-header__content .jump-to-comments {
	    text-align: left;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: "Google Sans Flex";
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    line-height: 130%;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    border-radius: 50px;
    border: 1.5px solid var(--CREAM, #fff7e4);
    background: var(--CORNFLOWER, #5B66C6);
    display: flex;
    height: 40px;
    padding: 12px 20px 10px !important;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    color: #fff7e4;
    width: fit-content;
}
.post-header .post-header__content h1 {
	color: var(--SMOKED, #6D240B);
    font-family: "Google Sans Flex";
    font-size: 65px;
    font-style: normal;
    font-weight: 800;
    line-height: 105%;
    text-transform: uppercase;
    margin: 40px 0 20px;
}
.post-header .post-header__content .wprm-recipe-time-container  {
	border-radius: 15px;
	border: 2px solid var(--SMOKED, #6D240B);
	display: flex;
	height: 35px;
	padding: 10px 9px;
	justify-content: center;
	align-items: center;
	gap: 5px;
	color: var(--SMOKED, #6D240B);
	font-family: "Google Sans Flex";
	font-size: 15px;
	font-style: normal;
	font-weight: 800;
	line-height: 140%; /* 21px */
	letter-spacing: 0px;
	text-transform: uppercase;
}
.post-header .post-header__content .wprm-recipe-times-container {
	display:flex;
	gap:10px
}
.post-header .post-header__content .wprm-recipe-block-container-columns .wprm-recipe-details-label {
    display: inline-block;
    min-width: max-content;
}
.post-header .post-header__content .wprm-recipe-time, .post-header .post-header__content .wprm-recipe-details-unit {
	color: var(--SMOKED, #6D240B);
	font-family: "Google Sans Flex";
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 23.8px */
	letter-spacing: 0;
}
.post-header .post-header__content .post-summary p {
	margin:20px 0 55px;
	letter-spacing:0.01rem;
}
.share-icons .share-icon--link {
    border-radius: 32px;
    border: 1.75px solid var(--SMOKED, #6D240B);
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
    background: transparent;
    padding: 4px 0;
}
.share-icons .share-icon--email{
	border-radius: 32px;
    border: 1.75px solid var(--SMOKED, #6D240B);
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
    background: transparent;
}
.share-icons .ssba_pinterest_share{
	border-radius: 32px;
    border: 1.75px solid var(--SMOKED, #6D240B);
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
}
/* Post Content Wrapper - Grid layout */
.post-content-wrapper {
	display: grid;
	grid-template-columns: 1fr 400px;
	gap: 2rem;
	max-width: 1317px;
	margin: 0 auto;
	width: 97%;
}
.post-content-wrapper .post-content img {
	width:100%;
}

.post-content-wrapper .post-content {
	max-width: 750px;
}
.post-content-wrapper .post-content p {
	letter-spacing: 0;
    font-size: 16px;
}
.post-content-wrapper .post-content strong {
	font-weight:800;
}
.post-content-wrapper .post-content blockquote p {
	font-family: Primed;
	font-size: 65px;
	font-style: normal;
	font-weight: 400;
	line-height: 90%;
	margin-left: 152px;
}
.post-content-wrapper .post-content .wp-block-quote.has-text-align-right p:before, .post-content-wrapper .post-content .wp-block-quote:before {
	display:none;
}

/* Custom list markers for single post content */
.post-content-wrapper .post-content ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 50px;
}

.post-content-wrapper .post-content ul li {
	position: relative;
	padding-left: 40px;
	margin-bottom: 12px;
	font-size: 16px;
	letter-spacing: 0;
	width: 104%;
}
.post-content-wrapper .post-content ul li .has-inline-color {
	font-weight:700;
}
.post-content-wrapper .post-content h2 {
	letter-spacing:-0.11rem;
	color:#5B66C6;
}

.post-content-wrapper .post-content .close-titles {
	padding:0;
}
.post-content-wrapper .post-content .close-titles h4 {
	margin:0 0 7px;
}
.post-content-wrapper .post-content .close-titles p {
	margin:0 0 10px;
}
.post-content-wrapper .post-content ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0.3em;
    width: 28px;
    height: 14px;
    background-color: #FFC856;
    border-top-left-radius: 999px;
    border-top-right-radius: 999px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border: 2px solid #6D240B;
    transform: rotate(-8deg);
}
.post-content-wrapper .post-content .wp-block-image img {
	border-radius:25px;
}
.post-content-wrapper .post-content .wp-block-image {
margin: 50px 0;
}
/* Exclude table of content and WPRM recipe blocks from custom list markers */
.post-content-wrapper .post-content .table-of-content-list,
.post-content-wrapper .post-content .table-of-content-list li,
.post-content-wrapper .post-content .post-featured-posts-v2-block .archive-post-categories-list,
.post-content-wrapper .post-content .post-featured-posts-v2-block .archive-post-categories-list li {
	list-style: revert;
	padding-left: 23px;
}

.post-content-wrapper .post-content .table-of-content-list li::before,
.post-content-wrapper .post-content .post-featured-posts-v2-block .archive-post-categories-list li::before {
	content: none;
	background-image: none;
}

/* Exclude other WPRM lists (but not ingredients) from custom list markers */
.post-content-wrapper .post-content [class*="wprm-"] ul:not(.wprm-recipe-ingredients ul),
.post-content-wrapper .post-content [class*="wprm-"] ul:not(.wprm-recipe-ingredients ul) li {
	list-style: revert;
	padding-left: 23px;
}

.post-content-wrapper .post-content [class*="wprm-"] ul:not(.wprm-recipe-ingredients ul) li::before {
	content: none;
	background-image: none;
}

/* Apply custom list markers to WPRM recipe ingredients - multiple selector variations */
.wprm-recipe-ingredients ul,
.wprm-recipe-ingredients ul li,
[class*="wprm-recipe-ingredients"] ul,
[class*="wprm-recipe-ingredients"] ul li,
.wprm-recipe-container .wprm-recipe-ingredients ul,
.wprm-recipe-container .wprm-recipe-ingredients ul li,
.post-content-wrapper .post-content .wprm-recipe-ingredients ul,
.post-content-wrapper .post-content .wprm-recipe-ingredients ul li,
.post-content-wrapper .post-content [class*="wprm-recipe-ingredients"] ul,
.post-content-wrapper .post-content [class*="wprm-recipe-ingredients"] ul li,
.post-content-wrapper .post-content .wprm-recipe-container .wprm-recipe-ingredients ul,
.post-content-wrapper .post-content .wprm-recipe-container .wprm-recipe-ingredients ul li {
	list-style: none !important;
	padding-left: 0;
}

.wprm-recipe-ingredients ul li,
[class*="wprm-recipe-ingredients"] ul li,
.wprm-recipe-container .wprm-recipe-ingredients ul li,
.post-content-wrapper .post-content .wprm-recipe-ingredients ul li,
.post-content-wrapper .post-content [class*="wprm-recipe-ingredients"] ul li,
.post-content-wrapper .post-content .wprm-recipe-container .wprm-recipe-ingredients ul li {
	position: relative !important;
	padding-left: 50px !important;
	margin-bottom: 12px;
}

.wprm-recipe-ingredients ul li::before,
[class*="wprm-recipe-ingredients"] ul li::before,
.wprm-recipe-container .wprm-recipe-ingredients ul li::before,
.post-content-wrapper .post-content .wprm-recipe-ingredients ul li::before,
.post-content-wrapper .post-content [class*="wprm-recipe-ingredients"] ul li::before,
.post-content-wrapper .post-content .wprm-recipe-container .wprm-recipe-ingredients ul li::before {
    content: ''!important;
    position: absolute!important;
    left: 0!important;
    top: 0.3em!important;
    width: 28px!important;
    height: 14px!important;
    background-color: #FFC856!important;
    border-top-left-radius: 999px!important;
    border-top-right-radius: 999px!important;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
    border: 2px solid #6D240B!important;
    transform: rotate(-8deg)!important;
}

/* WPRM Recipe Instructions - Step markers */
.wprm-recipe-instructions ol,
[class*="wprm-recipe-instructions"] ol,
.post-content-wrapper .post-content .wprm-recipe-instructions ol,
.post-content-wrapper .post-content [class*="wprm-recipe-instructions"] ol {
	counter-reset: step-counter;
	list-style: none;
	padding-left: 0;
}

.wprm-recipe-instructions ol li,
[class*="wprm-recipe-instructions"] ol li,
.post-content-wrapper .post-content .wprm-recipe-instructions ol li,
.post-content-wrapper .post-content [class*="wprm-recipe-instructions"] ol li {
	counter-increment: step-counter;
	position: relative;
	padding-left: 80px;
	margin-bottom: 12px;
}

.wprm-recipe-instructions ol li::before,
[class*="wprm-recipe-instructions"] ol li::before,
.post-content-wrapper .post-content .wprm-recipe-instructions ol li::before,
.post-content-wrapper .post-content [class*="wprm-recipe-instructions"] ol li::before {
	content: 'Step ' counter(step-counter);
	position: absolute;
	left: 0;
	top: 0;
	font-family: "Google Sans Flex";
	font-size: 16px;
	font-weight: 800;
	color: var(--SMOKED, #6D240B);
	white-space: nowrap;
}

/* General exclusion for post-featured-posts-v2-block categories (in case block is outside post-content) */
.post-featured-posts-v2-block .archive-post-categories-list,
.post-content-wrapper .post-content .post-featured-posts-v2-block .archive-post-categories-list {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	display: flex;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
}

.post-featured-posts-v2-block .archive-post-categories-list li,
.post-content-wrapper .post-content .post-featured-posts-v2-block .archive-post-categories-list li {
	list-style: none;
	color: white;
	margin-bottom: 0;
	border-radius: 50px;
	background: #5b66c6;
	display: flex;
	padding: 5px 10px 4px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	text-align: center;
	font-family: "Google Sans Flex";
	font-size: 10px;
	font-style: normal;
	font-weight: 800;
	line-height: 130%;
	letter-spacing: 2.4px;
	text-transform: uppercase;
	border: 1px solid white;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	position: relative;
	width: auto;
}

.post-featured-posts-v2-block .archive-post-categories-list li::before,
.post-content-wrapper .post-content .post-featured-posts-v2-block .archive-post-categories-list li::before {
	content: none;
	background-image: none;
}
.post-content-wrapper .post-content .wp-block-gallery.has-nested-images figure.wp-block-image img {
	border-radius: 25px;
}
.post-content-wrapper .post-content .wp-block-gallery.has-nested-images{
	gap: 20px;
    margin: 30px 0 50px;
}
.post-content-wrapper .post-content .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption) {
	border-radius: 25px;
	border: 2px solid var(--CORNFLOWER, #5B66C6);
	overflow:hidden;
	display: block!important;
}
.post-content-wrapper .post-content .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
	display:none;
}
.post-content-wrapper .post-content .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption) img {
	height:auto;
	display:block;
	border-radius:0!important;
	width: 100%!important;
	height: auto!important;
}
.post-content-wrapper .post-content .wp-block-gallery.has-captions figure figcaption {
	 /* 22.4px */
	 color: var(--CORNFLOWER, #5B66C6);
	 text-align: center;
	 font-family: "Google Sans Flex";
	 font-size: 16px;
	 font-style: italic;
	 font-weight: 500;
	 line-height: 140%;
	 letter-spacing: -0.01rem;
	 display: block;
	 background: none;
	 text-shadow: none;
	 margin: 0;
	 position: relative;
	 bottom: inherit;
	 top: inherit;
	 left: inherit;
	 right: inherit;
	 display: block;
}
.post-content-wrapper .post-content .schema-how-to-steps {
	padding:0;
	list-style:none;
	position:relative;
}
.post-content-wrapper .post-content .schema-how-to-step {
	display: flex;
    align-items: center;
	gap:20px;
}
.post-content-wrapper .post-content .schema-how-to-step-name {
	 display: block;
    width: 140px;
    height: 49px;
    border: 1.5px solid #5B66C6;
    border-radius: 50%;
    text-align: center;
    color: #5B66C6;
    font-family: "Google Sans Flex";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding-top: 13px;
}
.post-content-wrapper .post-content .schema-how-to-step-text {
	width:90%;
}

.post-content-wrapper .post-sidebar {
	width: 400px;
}
.block-area-sidebar {
	background: #FEFAC8;
	padding: 38px 29px 68px;
	text-align: center;
	border-radius: 25px;
}
.block-area-sidebar h2 {
	font-family: "Perfectly Nineties";
	font-size: 36px;
	font-style: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: 0px;
	text-transform:capitalize;
	margin:0 0 20px;
}
.block-area-sidebar p {
	font-family: "Google Sans Flex";
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 23.8px */
	letter-spacing: -0.03rem;
}
.block-area-sidebar .wp-block-image {
	border-radius:25px;
	overflow:hidden;
	max-width: 90%;
	margin: 0 auto 23px;
}
.block-area-sidebar .wp-block-image img {
	width: 100%!important;
	height:100%;
	display:block;
	max-width:100%;
	object-fit:cover;
	object-position: center;
}
.block-area-sidebar .wp-block-buttons .wp-block-button__link {
	background:transparent;
	border: 1.5px solid var(--SMOKED, #6D240B);
	color: #6D240B!important;
}
.block-area-sidebar .wp-block-buttons .wp-block-button__link:hover{
	border: 1.5px solid var(--SMOKED, #6D240B);
	background: var(--Yolk, #FFC856);
}

/* Post Content Header */
.post-content-header {
    margin-bottom: 50px;
}

.post-content-category {
    margin-bottom: 14px;
    color: var(--CORNFLOWER, #5B66C6);
    font-family: "Google Sans Flex";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.post-content-category .category-name {
	color: var(--CORNFLOWER, #5B66C6);
	font-family: "Google Sans Flex";
	font-size: 15px;
	font-style: normal;
	font-weight: 800;
	line-height: 140%; /* 21px */
	letter-spacing: 3px;
	text-transform: uppercase;
}

.post-content-category .separator {
	margin: 0px 2px 0px;
	color: var(--CORNFLOWER, #5B66C6);
	font-family: "Google Sans Flex";
	font-size: 13px;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.post-content-title {
    letter-spacing: -0.12rem;
    margin: 0 0 17px;
    color: var(--CORNFLOWER, #5B66C6);
    font-family: "Google Sans Flex";
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 105%;
    text-transform: uppercase;
}

.post-affiliate-notice {
	margin-top: 0;
	padding: 0;
	border-left: none;
	border-radius: 4px;
	color: var(--6, #612602);
	font-family: "Google Sans Flex";
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	line-height: 15px; /* 93.75% */
}

.post-affiliate-notice__text {
    color: var(--wp--preset--color--smoked, #6D240B);
    margin: 0;
    font-family: "Google Sans Flex";
    font-size: 16px;
    font-style: italic;
    font-weight: 400;
    line-height: 15px;
	letter-spacing: 0.01rem !important;
}
.comments-section {
	max-width: 1320px;
	margin: 0 auto 40px;
	width: 97%;
}
.comments-section__top {
	    border-radius: 25px;
	    background: var(--Yolk, #FFC856);
	    text-align: center;
	    padding: 77px 30px 3px;
	    margin: 0 auto 20px;
}
.comments-section.no-comments-yet {
	padding-bottom:50px;
}

.comments-title {
    margin: 0 0 20px 0;
    letter-spacing: 0;
    color: var(--SMOKED, #6D240B);
    text-align: center;

/* H2 */
    font-family: "Google Sans Flex";
    font-size: 32px;
    font-style: normal;
    font-weight: 800;
    line-height: 105%; /* 33.6px */
    text-transform: uppercase;
    letter-spacing: -0.1rem;
}

.comments-prompt {
	color: var(--SMOKED, #6D240B);
	text-align: center;
	font-family: "Google Sans Flex";
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
	line-height: 130%; /* 15.6px */
	letter-spacing: 2.4px;
	text-transform: uppercase;
}

/* Comment Form */
.comment-form {
    max-width: 500px;
    margin: 0 auto 75px;
    position: relative;
    padding-top: 10px;

}

.comment-form-rating {
	margin-bottom: 1.5rem;
	text-align: center;
}

.comment-form-rating .stars {
	display: flex;
	justify-content: center;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.comment-form-author,
.comment-form-email,
.comment-form-comment {
    margin-bottom: 0;
    position: relative;
}

.comment-form-author label,
.comment-form-email label,
.comment-form-comment label {
    display: block;
    margin-bottom: 0.5rem;
    position: absolute;
    top: 11px;
    left: -83px;
    color: var(--SMOKED, #6D240B);
    font-family: "Google Sans Flex";
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
    letter-spacing: 0.28px;
    width: 65px;
    text-align: right;
}
.comment-notes, .comment-form-cookies-consent{
	display: none;
}
.comment-form .comment-form-wprm-rating {
    position: absolute;
    top: -26px;
    left: 0;
    right: 0;
    margin: auto;
}
.comment-form .comment-form-wprm-rating label {
	display: none;
}
.comment-form .comment-form-wprm-rating .wprm-rating-stars {
    display: flex;
    vertical-align: middle;
    margin: 0 auto;
    justify-content: center;
    font-size: 40px;
}

.comment-form-author input[type="text"],
.comment-form-author input[type="email"],
.comment-form-email input[type="text"],
.comment-form-email input[type="email"],
.comment-form-comment textarea {
	width: 100%;
	padding: 0.75rem;
	border-radius: 15px;
	border: 2px solid var(--SMOKED, #6D240B);
	background: transparent;
	color: var(--SMOKED, #6D240B);
	font-family: "Google Sans Flex";
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
	line-height: 130%; /* 15.6px */
	letter-spacing: 2.4px;
	text-transform: uppercase;
}

.comment-form-author input[type="text"]::placeholder,
.comment-form-author input[type="email"]::placeholder,
.comment-form-email input[type="text"]::placeholder,
.comment-form-email input[type="email"]::placeholder,
.comment-form-comment textarea::placeholder {
	color: var(--SMOKED, #6D240B);
}

.comment-form-comment textarea {
	min-height: 120px;
    width: 100%;
	padding: 0.75rem;
	border-radius: 15px;
	border: 2px solid var(--SMOKED, #6D240B);
	background: transparent;
	color: var(--SMOKED, #6D240B);
	font-family: "Google Sans Flex";
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
	line-height: 130%; /* 15.6px */
	letter-spacing: 2.4px;
	text-transform: uppercase;
}

.comment-form .form-submit {
	margin-top: 1.5rem;
}

.comment-form .form-submit #submit {
	cursor: pointer;
	transition: opacity 0.2s;
	display: flex;
	height: 42px;
	padding: 10px 15px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	margin: 0 auto;
	border-radius: 50px;
	border: 1.5px solid var(--SMOKED, #6D240B);
	color: var(--SMOKED, #6D240B);
	text-align: center;
	font-family: "Google Sans Flex";
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
	line-height: 130%; /* 15.6px */
	letter-spacing: 2.4px;
	text-transform: uppercase;
	background: transparent;
}

.comment-form .form-submit #submit:hover {
	background: #6D240B;
	color: #FFC856;
}

.commentlist .comment-respond .comment-form-author label, .commentlist .comment-respond .comment-form-email label, .commentlist .comment-respond .comment-form-comment label {
color:#612602;
}
.commentlist .comment-respond .comment-form-author input[type="text"], .commentlist .comment-respond .comment-form-author input[type="email"], .commentlist .comment-respond .comment-form-email input[type="text"], .commentlist .comment-respond .comment-form-email input[type="email"], .commentlist .comment-respond .comment-form-comment textarea {
	border: 1px solid #612602;
}
.commentlist .comment-respond .comment-form-author input[type="text"]::placeholder, .commentlist .comment-respond .comment-form-author input[type="email"]::placeholder, .commentlist .comment-respond .comment-form-email input[type="text"]::placeholder, .commentlist .comment-respond .comment-form-email input[type="email"]::placeholder, .commentlist .comment-respond .comment-form-comment textarea::placeholder {
	color: #612602;
}
.commentlist .comment-respond #reply-title {
	text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: 0.98px;
    text-transform: uppercase;
    margin: 0 auto 30px;
    color: #612602;
}
.commentlist .comment-respond #reply-title small {
	margin: 0 10px;
    font-size: 13px;
}
/* Comment List */
.commentlist {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 25px;
	max-width:1000px;
	margin: 40px auto;
}

.commentlist .comment-body {
   border-radius: 25px;
   border: 1px solid var(--CREAM, #FFF7E4);
   background: var(--SMOKED, #6D240B);
   color:#FFF7E4;
   padding:25px;
   margin: 0 0 20px;
}
.commentlist .comment .comment-author {
	color: var(--CREAM, #FFF7E4);
	font-family: "Google Sans Flex";
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
	line-height: 130%; /* 15.6px */
	letter-spacing: 2.4px;
	text-transform: uppercase;
}
.commentlist .comment .comment-author cite {
	font-style:inherit;
}
.commentlist .comment a {
	color:#FFF7E4;
	text-decoration:none;
}
.commentlist .comment .reply a {
	font-family: "Google Sans Flex";
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
	line-height: 130%; /* 15.6px */
	letter-spacing: 2.4px;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: auto;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
}
.commentlist .comment .comment-form {
	border-radius: 25px;
    background: var(--Yolk, #FFC856);
	max-width: 90%;
    margin: 0 auto 75px;
    position: relative;
    padding-top: 10px;
    padding: 30px 115px;
}
/* WPRM Comment Rating Stars - Yolk Color */
.commentlist .comment .comment-body img.wprm-comment-rating {
    filter: brightness(0) saturate(100%) invert(85%) sepia(95%) saturate(2000%) hue-rotate(-49deg) brightness(105%) contrast(95%);
    margin: -10px 0 20px;
}

.commentlist .comment .comment-body .wprm-comment-rating {
	color: var(--Yolk, #FFC856);
}

.commentlist .comment .comment-body .wprm-comment-rating svg,
.commentlist .comment .comment-body .wprm-comment-rating svg path,
.commentlist .comment .comment-body .wprm-comment-rating svg polygon {
	fill: var(--Yolk, #FFC856);
	stroke: var(--Yolk, #FFC856);
}

.commentlist .comment .comment-body img.wprm-comment-rating[src*="star"],
.commentlist .comment .comment-body .wprm-comment-rating img {
	filter: brightness(0) saturate(100%) invert(85%) sepia(95%) saturate(2000%) hue-rotate(-49deg) brightness(105%) contrast(95%);
}

.commentlist .comment .comment-body {
	position:relative;
}
.children .comment-body {
	border-radius: 25px;
	border: 2px solid #6d240b;
	background: var(--Yolk, #FFC856);
	color: #6d240b;
}
.children .comment-body a {
	color:#6d240b;
}
.children .comment-body .comment-author{
	color:#6d240b;
}
.commentlist .comment .reply {
	position:absolute;
	top: 18px;
	right: 30px;
}

.comment-content .comment-meta {
    display: flex;
    align-items: center;
    gap: 0px;
    margin-bottom: 1rem;
    color: var(--Smokey, #612602);
    text-align: center;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 110%;
    letter-spacing: 0.98px;
    text-transform: uppercase;
    position: relative;
}

.comment-rating {
	display: flex;
	gap: 0.25rem;
}

.comment-rating .star {
	font-size: 1rem;
	color: #ffa500;
}

.comment-rating .star.star-empty {
	color: #ddd;
}


.comment-date::before {
	content: '|';
	margin: 0 0.5rem;
}
.comment-reply {
	position: absolute;
	right: 0;
	top: 0;
}
.comment-reply-link {
	margin-left: auto;
    text-transform: uppercase;
    color: var(--wp--preset--color--smokey, #5c3d2e);
    text-decoration: underline;
}

.comment-reply-link:hover {
	opacity: 0.7;
}

.comment-text {
    color: var(--wp--preset--color--smokey, #5c3d2e);
    font-family: Poppins;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.34px;
}

.comment-item .children {
	list-style: none;
	padding-left: 2rem;
	margin-top: 1rem;
	border-left: 2px solid rgba(92, 61, 46, 0.2);
}
.comment-item.comment-author-michelle-holtmann {
	background: var(--Cream, #F8E8D2);
}
.commentlist ol {
	list-style: none;
    padding-left: 100px;
}
.commentlist ol.children li {
	max-width: 900px;
}

.author-box {
	border-radius: 25px;
	border: 2px solid var(--6, #612602);
	margin: 50px auto;
	padding: 22px;
}
.author-box__top-flex, .author-box__bottom-flex {
	display:flex;
	justify-content:space-between;
}
.author-box__bottom-flex {
	margin-top: 12px;
}
.author-box__link {
	text-decoration:none!important;
}
.author-box__top-flex h3 {
	    font-family: "Google Sans Flex";
	    font-size: 12px;
	    font-style: normal;
	    font-weight: 800;
	    line-height: 130%;
	    letter-spacing: 2.4px;
	    text-transform: uppercase;
	    margin: 0;
}
.author-box__bio p {
	font-family: "Google Sans Flex";
	font-size: 17px;
	font-style: normal;
	font-weight: 500;
	line-height: 140%; /* 23.8px */
	letter-spacing: 0.34px;
}
.author-social-links li {
	padding:0!important;
	width: fit-content!important;
	margin: 0!important;
}
.author-social-links {
	display:flex;
	margin: 0!important;
	justify-content: space-between!important;
	width: 125px;
}
.author-box__content {
	width: 79%;
}
.author-box .author-box__avatar img {
	width: 125px;
    height: 125px;
    border-radius: 5px;
    border: 2px solid var(--6, #612602);
    object-fit: cover;
    object-position: center;
}
.author-social-links li:before {
	display:none!important;
}
.author-social-links li {
	transition: all 0.2s;
}
.author-social-links li:hover{
	transform: translateY(-3px)!important;
}
/* Author Box Button */
.author-box__button-wrapper {
	margin-top: 0;
	width: 79%;
}

.author-box__button {
	background-color: transparent;
	color: var(--wp--preset--color--smoked, #6D240B);
	text-decoration: none;
	transition: background-color 0.3s ease, color 0.3s ease, transform 0.2s ease;
	cursor: pointer;
	border-radius: 50px;
	border: 1.5px solid var(--SMOKED, #6D240B);
	display: inline-flex;
	height: 38px;
	padding: 8px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	font-family: "Google Sans Flex";
	font-size: 12px;
	font-style: normal;
	font-weight: 800;
	line-height: 130%; /* 15.6px */
	letter-spacing: 2.4px;
	text-transform: uppercase;
	margin-top: -2px;
}
.author-box__button:hover {
	border: 1.5px solid var(--LEMON, #FFFB8B);
	background: var(--SMOKED, #6D240B);
	color: var(--LEMON, #FFFB8B);
}

.author-box__button:active {
	transform: translateY(0);
}

/* Yoast FAQ Block - Dropdown Toggle */
.wp-block-yoast-faq-block {
    margin: 0 0 50px;
}

.wp-block-yoast-faq-block .schema-faq-section {
    margin-bottom: 13px;
    border-radius: 15px;
    border: 2px solid var(--SMOKED, #6D240B);
    padding: 0;
}

.wp-block-yoast-faq-block .schema-faq-question {
    position: relative;
    cursor: pointer;
    margin: 0;
    color: var(--SMOKED, #6D240B);
    transition: color 0.2s ease;
    font-family: "Google Sans Flex";
    font-size: 15px;
    font-style: normal;
    font-weight: 800;
    line-height: 140%;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 10px 15px;
    width: 100%;
    display: block;
}

.wp-block-yoast-faq-block .schema-faq-question:hover {
	color: var(--CORNFLOWER, #5B66C6);
}

.wp-block-yoast-faq-block .schema-faq-question::after {
	content: '';
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 32px;
	height: 32px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_274_1883)'%3E%3Cpath d='M1.45499 15.9996C1.45499 24.0328 7.96721 30.545 16.0004 30.545C24.0337 30.545 30.5459 24.0328 30.5459 15.9996C30.5459 7.96632 24.0337 1.4541 16.0004 1.4541C7.96721 1.4541 1.45499 7.96632 1.45499 15.9996Z' fill='%23FFC856'/%3E%3Cpath d='M10.1823 15.9996L16.0004 21.8177L21.8186 15.9996' fill='%23FFC856'/%3E%3Cpath d='M10.1823 15.9996L16.0004 21.8177M16.0004 21.8177L21.8186 15.9996M16.0004 21.8177L16.0004 10.1814M16.0004 30.545C7.96721 30.545 1.45499 24.0328 1.45499 15.9996C1.45499 7.96632 7.96721 1.4541 16.0004 1.4541C24.0337 1.4541 30.5459 7.96632 30.5459 15.9996C30.5459 24.0328 24.0337 30.545 16.0004 30.545Z' stroke='%236D240B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_274_1883'%3E%3Crect width='32' height='32' fill='white' transform='translate(32 1.39876e-06) rotate(90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: transform 0.3s ease;
}

.wp-block-yoast-faq-block .schema-faq-section.is-open .schema-faq-question::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32' fill='none'%3E%3Cg clip-path='url(%23clip0_274_1892)'%3E%3Cpath d='M30.545 16.0004C30.545 7.96721 24.0328 1.45499 15.9996 1.45499C7.96632 1.45499 1.4541 7.96721 1.4541 16.0004C1.4541 24.0337 7.96632 30.5459 15.9996 30.5459C24.0328 30.5459 30.545 24.0337 30.545 16.0004Z' fill='%23FFC856'/%3E%3Cpath d='M21.8177 16.0004L15.9996 10.1823L10.1814 16.0004' fill='%23FFC856'/%3E%3Cpath d='M21.8177 16.0004L15.9996 10.1823M15.9996 10.1823L10.1814 16.0004M15.9996 10.1823L15.9996 21.8186M15.9996 1.45499C24.0328 1.45499 30.545 7.96721 30.545 16.0004C30.545 24.0337 24.0328 30.5459 15.9996 30.5459C7.96632 30.5459 1.4541 24.0337 1.4541 16.0004C1.4541 7.96721 7.96632 1.45499 15.9996 1.45499Z' stroke='%236D240B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_274_1892'%3E%3Crect width='32' height='32' fill='white' transform='translate(0 32) rotate(-90)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.wp-block-yoast-faq-block .schema-faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, padding 0.3s ease;
	padding: 0 0 0 0;
	margin: 0;
}

.wp-block-yoast-faq-block .schema-faq-section.is-open .schema-faq-answer {
    max-height: 2000px;
    padding: 15px 15px 15px 15px;
    border-radius: 0 0 15px 15px;
    border-top: 2px solid var(--SMOKED, #6D240B);
    background: var(--Yolk, #FFC856);
}

.wp-block-yoast-faq-block .schema-faq-answer p {
	margin: 0 0 10px 0;
	font-family: "Google Sans Flex";
	font-size: 16px;
	line-height: 140%;
	color: var(--SMOKED, #6D240B);
}

.wp-block-yoast-faq-block .schema-faq-answer p:last-child {
	margin-bottom: 0;
}
.related-posts {
	max-width: 1317px;
	margin: 42px auto;
	width: 97%;
}
.related-posts .related-posts-title {
    font-family: "Google Sans Flex";
    font-size: 65px;
    font-style: normal;
    font-weight: 800;
    line-height: 105%;
    text-transform: uppercase;
    color: var(--CORNFLOWER, #5B66C6);
    margin: 0 0 28px;
    letter-spacing: -0.2rem;
}
.related-posts .archive-posts-grid {
	padding:0;
}
.related-posts .yarpp-related h3 {
	font-weight:100;
	font-size:26px;
}
/* Responsive: Stack header on smaller screens */
@media (max-width:1280px) {
	.post-header .post-header__content h1 {
		font-size: 50px;
	}
	.post-header .post-header__content .wprm-recipe-times-container {
		flex-wrap:wrap;
	}
}
@media (max-width:1080px) {
	.post-header .post-header__content h1 {
		font-size:40px;
	}
	.related-posts .archive-posts-grid {
        grid-template-columns: repeat(4, 1fr);
    }
	.post-content-wrapper .post-sidebar {
		display:none;
	}
	.post-content-wrapper {
		display:block;
	}
	.post-content-wrapper .post-content {
		max-width:100%;
	}
}

@media (max-width: 768px) {
	.comment-form-author label, .comment-form-email label, .comment-form-comment label {
position:relative;
	left:inherit;
	top:inherit;}
	.post-header {
		flex-direction: column-reverse;
		margin: 20px auto 20px;
	}
	    .related-posts .archive-posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
	.related-posts .related-posts-title {
		font-size:50px;
	}
	.post-header .post-header__image {
		width: 100%;
		height: 400px;
		margin: 20px auto 0;
	}
	
	.post-header .post-header__content {
		width: 100%;
	}
}
@media (max-width:500px) {
	.post-header .post-header__content {
        width: 100%;
		padding:25px;
    }
	.post-header__top-flex {
		display:block;
		text-align:center;
	}
	.post-header__top-left {
		width:100%;
		justify-content:center;
	}
	.post-header {
		width:95%;
		margin-bottom:30px;
	}
	.post-header__top-right {
		    width: 100%;
    flex-direction: column-reverse;
    text-align: center;
    justify-content: center;
	}
	.post-meta-bar__date-author {
		    text-align: center;
    width: 100%;
    margin: 10px auto 4px;
	}
	.post-header__top-right .share-icons {
    display: flex;
    gap: 0.5rem;
		    justify-content: center;
    width: 100%;
}
	.post-header .post-header__content h1 {
		    font-size: 42px;
    margin: 20px auto;
    text-align: center;
	}
	.post-header .post-header__content .wprm-recipe-time-container {
		width:100%;
	}
	.post-header .post-header__content .post-summary p {
		    text-align: center;
    margin: 20px auto 15px;
	}
	.post-meta-bar__share {
		width:100%;
	}
	.wprm-recipe-template-custom---brita-cooks-2 {
		    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
	}
	.post-content-wrapper {
		width:95%;
	}
	.post-content-header {
	    margin-bottom: 25px;
	}
	.post-content-wrapper .post-content h2 {
		font-size:26px;
		line-height:1.35;
		letter-spacing:-0.1rem;
	}
	.post-affiliate-notice__text {
        font-size: 14px !important;
        line-height: 1.3;
        letter-spacing: 0.02rem !important;
    }
	.post-content-wrapper .post-content blockquote p {
margin:0;
	font-size:42px;}
	.post-content-wrapper .post-content ul li {
		width:100%;
	}
	.wp-block-yoast-faq-block .schema-faq-question {
		padding-right:30px;
	}
	.author-box__top-flex, .author-box__bottom-flex {
    display: block;
}
	.author-box .author-box__avatar img {
display:block;
	margin: 0 auto;}
	.author-box__content {
    width: 100%;
    text-align: center;
    margin: 20px auto 0;
}
	.author-social-links {
		margin: 0 auto 10px!important;
	}
	.author-box__button-wrapper {
		width:100%;
	}
	.author-box__button {
		    margin: 0 auto;
    display: block;
    text-align: center;
    max-width: 200px;
    padding: 9px 0 0;
	}
	.related-posts .related-posts-title {
		font-size:42px;
		text-align:center;
	}
}