/* Recipes */
header.site-header.layout-inset-image.single-recipe  .inner {
    padding: calc( var(--xy-gutter) / 2 );
}
header.single-recipe {
    position: relative;
    overflow: initial;
    z-index: 1;
}
header.single-recipe .text-wrapper {
    width: 100%;
    margin-left: auto;
    color: var(--clr-white);
}
header.single-recipe .profile-image {
    position: absolute;
    width: 14rem;
    border: solid 0.25rem var(--clr-yellow);
    border-radius: var(--rounded-full);
    overflow: hidden;
    left: calc(var(--xy-gutter) + 2rem );
    bottom: -2rem;
    /* translate: 0 25%; */
}
header.single-recipe .profile-image img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
header.single-recipe .recipe-details {
    display: flex;
    justify-content: flex-end;
}
header.single-recipe .recipe-details p {
    display: flex;
    gap: 2rem;
}
.single-recipe h1, .single-recipe h2, .single-recipe h3, .single-recipe h4 {
    color: var(--clr-theme, --clr);
}
.block.recipe-block {
    padding-top: 4rem;
    row-gap: 5rem;
}
h1.recipe-title > small {
    display: block;
    font-size: var(--text-lg);
    color: var(--clr);
    margin-top: 1.5rem;
}
h1.recipe-title {
    margin-bottom: 1rem;
}
.ingredient-list {
    padding-left: 1rem;
    margin-left:0.5rem;
}
.ingredient-list li {
    padding-left: 1rem;
    margin-bottom: 0.5rem;
}
.ingredient-list li.section {
    font-weight: bold;
    list-style: none;
    padding-left: 0;
    margin-left: -1rem;
    margin-top: 1.5rem;
}
.method-list {
    padding-left: 3.75rem;
}
.method-list li {
    padding-left: 2rem;
    margin-bottom: 3rem;
}
.method-list li::marker {
    content: "Step " counter(list-item) ": ";
    font-weight: var(--font-bold);
}
.tricks-wysiwyg {
    margin-top: 6rem;
}
.tricks-wysiwyg p strong { display: inline-block;}

/*.tricks-wysiwyg p { 
    display: grid;
    grid-template-columns: 1fr 6fr;
}
*/


/* Events */
header.single-event {
    color: var(--clr-white);
}
header.site-header.single-event .inner {
    align-items: stretch;
}
header.single-event .text-wrapper {
	display: flex;
	width: 100%;
    align-items: stretch;
	height: 100%;
	
}
header.single-event .text-wrapper .wysiwyg {
    width: 100%;
    display: flex;
    flex-direction: column;
}
header.single-event .text-wrapper > div > div:first-child {
    display: flex;
    justify-content: space-between;
    font-size: var(--text-3xl);
    font-family: var(--font-headings);
}
header.single-event .text-wrapper .the-title {
    margin-top: auto;
}
header.single-event h1 {
    margin-bottom:0;
}

.block.event-block {
    align-items: start;
    padding-top: 2rem;
}
.event-block .event-title {
    font-size: var(--text-4xl);
    margin-bottom: 4rem;
}
.event-block .event-title small {
    display: block;
    margin-top: 0.5rem;
    font-size: var(--text-lg);
    font-family: var(--font-sans);
    font-weight: var(--font-light);
}
.event-block .sticky {
    position: sticky;
    top: 4rem;
}
.event-block .event-info {
    padding: 1rem;
    border-radius: var(--rounded);
}
.event-block .event-info h6 {
    border-bottom: solid 1px var(--clr-highlight, var(--clr-yellow));
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}
.event-block .event-info ul {
    list-style: none;
    border-bottom: solid 1px var(--clr-highlight, var(--clr-yellow));
    padding-bottom: 1rem;
    margin-bottom: 1rem;

    display: flex;
    flex-direction: column;
    gap: 1rem;
}
.event-block .location-info {
    margin-top: 4rem;
}

/* Standard & Block Articles */
header.single-block .text-wrapper > * { width: 100%; }
header.single-block .text-wrapper {
    width: 100%;
    text-align: center;
}
.block.post-basic {
    padding-top: 3rem;
}


/* News page // Main Archive */
.block.page-for-posts {
    padding-top: 0;
}
.page-for-posts .post-list {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1.5rem;
    list-style: none;
}
.page-for-posts .post-list .post {
    grid-column: span 4;
    box-shadow: 1px -1px 11px -3px color-mix(in srgb, var(--clr-highlight) 20%, var(--clr-bg));
}
.page-for-posts .post-list .full-width {
    grid-column: span 12;
}

.page-for-posts .post-list .post.featured:nth-child(2) {
    grid-column: span 12;
}
.page-for-posts .post-list .post:nth-child(10),
.page-for-posts .post-list .post:nth-child(11) {
    grid-column: span 6;
}
.page-for-posts .post-list .post + .full-width {
    margin-top: 4rem;
}
.page-for-posts .post-list .card.post.featured:not(:nth-child(2)) .card-title {
    font-size: var(--text-xl);
}
.page-for-posts .post-list .card.post.featured:not(:nth-child(2)) .card-meta div {
    font-size: var(--text-sm);
}
.page-for-posts .post-list .card.post.featured:not(:nth-child(2)) img {
    aspect-ratio: 16 / 23;
}

.posts-pagination {
    text-align: center;
    padding: var(--xy-gutter);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}
.posts-pagination .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem;
    line-height: 1;
    border-radius: var(--rounded-full);
    width: 2rem;
    height: 2rem;
    transition: all 150ms ease;
}
.posts-pagination .page-numbers.current {
    background-color: var(--clr-yellow);
    color: var(--clr-white);
}
.posts-pagination .page-numbers:not(.current):hover {
    background-color: var(--clr-white);

}