/*--------------------------------------------------------------
# Global Blocks
# Backgrounds
# Section Header (Accent, Badge, Default)
# Section Posts
# Truncated Posts
--------------------------------------------------------------*/
a.wprm-recipe-jump.wprm-recipe-link {
    display: block;
    padding: var(--wp--custom--layout--block-gap-small) var(--wp--custom--layout--block-gap);
    background: var(--wp--preset--color--yellow);
    color: var(--wp--preset--color--ink);
    border-radius: var(--wp--custom--border-radius--medium);
    box-shadow: var(--wp--custom--box-shadow--2);
    line-height: 1;
    font-weight: 700;
    width: fit-content;
    margin: var(--wp--custom--layout--block-gap-joc) 0;
}

@media (max-width: 600px) {
    .wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
    width: calc(50% - var(--wp--style--block-gap, .5em)* .75)!important;
}
}
@media (max-width: 450px) {
    .wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
    width: 100%!important;
}
}
/*--------------------------------------------------------------
# Backgrounds
--------------------------------------------------------------*/
.is-style-default .wrap {
    padding: var(--wp--custom--layout--block-gap) 0;
}

.is-style-bg-solid {
    background: var(--wp--preset--color--grey);
    max-width: 100vw;
    padding: var(--wp--custom--layout--block-gap-large) var(--wp--custom--layout--block-gap);
    margin: 0 calc(-1 * var(--wp--custom--layout--block-gap));
}

.is-style-bg-border .wrap {
    border: var(--wp--custom--border-width--xsmall) solid var(--wp--preset--color--grey);
    background: var(--wp--preset--color--white);
    padding: var(--wp--custom--layout--block-gap);
}

.is-style-bg-ichimatsu {
    background-color: #FFF;
    opacity: 1;
    background-image: repeating-linear-gradient(45deg, #F5F5F5 25%, transparent 25%, transparent 75%, #F5F5F5 75%, #F5F5F5), repeating-linear-gradient(45deg, #F5F5F5 25%, #FFFFFF 25%, #FFFFFF 75%, #F5F5F5 75%, #F5F5F5);
    background-position: 0 0, 3px 3px;
    background-size: 6px 6px;
    padding: var(--wp--custom--layout--block-gap-large) var(--wp--custom--layout--block-gap);
    margin: 0 calc(-1 * var(--wp--custom--layout--block-gap));
    max-width: 100vw;
}

.type-post .is-style-bg-solid, .block-area-after-post .is-style-bg-solid, .block-area-sidebar .is-style-bg-solid {
    max-width: 100%;
    margin: var(--wp--custom--layout--block-gap) auto;
    padding: var(--wp--custom--layout--block-gap);

}

.type-post .is-style-bg-ichimatsu, .block-area-after-post .is-style-bg-ichimatsu, .block-area-sidebar .is-style-bg-ichimatsu {
    max-width: 100%;
    margin: var(--wp--custom--layout--block-gap) auto;
    padding: var(--wp--custom--layout--block-gap);
}

@media (max-width: 800px) {
    .is-style-bg-solid, .is-style-bg-ichimatsu {
    padding: var(--wp--custom--layout--block-gap); 
}
}
/*--------------------------------------------------------------
# Search Block
--------------------------------------------------------------*/
.wp-block-search {
    max-width: 100vw;
    padding: var(--wp--custom--layout--block-gap-large);
    margin: 0 calc(-1 * var(--wp--custom--layout--block-gap))!important;
}

.wp-block-search .wp-block-search__label {
    font-family: var(--wp--preset--font-family--custom-serif);
    max-width: var(--wp--custom--layout--content);
    font-size: var(--wp--preset--font-size--xlarge);
    line-height: var(--wp--custom--line-height--small);
    letter-spacing: var(--wp--custom--letter-spacing--none);
    text-transform: none;
    font-weight: 400;
    margin: 0 auto 10px;
    display: block;
    text-align: center;
}

.wp-block-search .wp-block-search__inside-wrapper {
    max-width: var(--wp--custom--layout--content);
    margin: 0 auto;
}
.wp-block-search .wp-block-search__inside-wrapper input {
    -webkit-appearance:none;
    border-radius:0!important;
    font-family: var(--wp--preset--font-family--custom-serif);
    font-size: var(--wp--preset--font-size--x-large);
    color: var(--wp--preset--color--ink);
    line-height: var(--wp--custom--line-height--small);
    letter-spacing: var(--wp--custom--letter-spacing--tight);
    margin: 0;
    font-weight: 700;
}
.wp-block-search button.wp-block-search__button.wp-element-button {
    border-radius: var(--wp--custom--border-radius--medium);
    box-shadow: var(--wp--custom--box-shadow--2);
    color: var(--wp--preset--color--white) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: var(--wp--custom--layout--block-gap-small) 0 0;
    padding: var(--wp--custom--layout--block-gap-small);
    text-decoration: none;
    line-height: var(--wp--custom--line-height--xsmall);
}
@media (max-width: 600px) {
    .wp-block-search {
        padding: 40px 20px;
    }
    .wp-block-search .wp-block-search__inside-wrapper input {
        text-align: center;
        font-size: 20px;
    }
}
/*--------------------------------------------------------------
# Section Headers
--------------------------------------------------------------*/
.section-header {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 0 var(--wp--custom--layout--block-gap-small);
}

.section-title {
    font-size: var(--wp--preset--font-size--x-large);
    color: var(--wp--preset--color--ink);
    line-height: var(--wp--custom--line-height--small);
    letter-spacing: var(--wp--custom--letter-spacing--tight);
    margin: 0;
    font-weight: 700;
}

.section-desc {
    font-size: var(--wp--preset--font-size--medium);
    line-height: var(--wp--custom--line-height--medium);
    margin: 0 0 var(--wp--custom--layout--block-gap-small);
}

.section-desc p {
    margin: 0;
}

.section-icon {
    display: block;
    line-height: 1;
}

.section-icon svg {
    width: 40px;
    height: 40px;
    margin-right: 5px;
}

.block-area-sidebar .section-title {
    font-size: var(--wp--preset--font-size--large);
}

.block-area-sidebar .section-desc {
    font-size: var(--wp--preset--font-size--small);
}

.section-link {
    background: var(--wp--preset--color--ink);
    border-radius: var(--wp--custom--border-radius--medium);
    box-shadow: var(--wp--custom--box-shadow--2);
    color: var(--wp--preset--color--white)!important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: var(--wp--custom--layout--block-gap-small) 0 0 auto;
    padding: var(--wp--custom--layout--block-gap-small);
    text-decoration: none;
}
.section-link:hover {
    background: var(--wp--preset--color--red);
    opacity:1;
}
.section-link .sm-caps {
    font-weight: 700;
        font-size: var(--wp--preset--font-size--xxsmall);

}

.block-area-sidebar .section-link {
    margin: 0 auto;
}

.section-link svg {
    fill: var(--wp--preset--color--white);
    transform: rotate(-90deg);
    margin-left: 5px;
    width: 15px;
    height: 15px;
}

@media (max-width: 600px) {
    .section-header {
        display: block;
        text-align: center;
    }
    .section-icon svg {
    width: 30px;
    height: 30px;
    margin-right: 0;
}
    .section-title {
        font-size: var(--wp--preset--font-size--large);
    }
    .section-desc {
        text-align: center;
    }
}

.block-callout-button {
    background: var(--wp--preset--color--ink);
    border-radius: var(--wp--custom--border-radius--medium);
    box-shadow: var(--wp--custom--box-shadow--2);
    color: var(--wp--preset--color--white)!important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin: var(--wp--custom--layout--block-gap-small) 0 0;
    padding: var(--wp--custom--layout--block-gap-small);
    text-decoration: none;
    line-height: var(--wp--custom--line-height--xsmall);
}

.block-callout-button .sm-caps {
    display: block;
    font-weight: 700;
}

.block-callout-button svg {
    fill: var(--wp--preset--color--white);
    transform: rotate(-90deg);
    margin-left: 5px;
    width: 15px;
    height: 15px;
}

.block-callout-button:hover {
    background: var(--wp--preset--color--red);
    opacity: 1;
}

.mm-button {
    background: var(--wp--preset--color--ink);
    border-radius: var(--wp--custom--border-radius--medium);
    box-shadow: var(--wp--custom--box-shadow--2);
    color: var(--wp--preset--color--white)!important;
    display: block;
    width: fit-content;
    margin: var(--wp--custom--layout--block-gap-small) 0;
    padding: var(--wp--custom--layout--block-gap-small);
    text-decoration: none;
    line-height: var(--wp--custom--line-height--xsmall);
    font-weight: 700;
    font-size: var(--wp--preset--font-size--xsmall);
    letter-spacing: var(--wp--custom--letter-spacing--loose);
    line-height: var(--wp--custom--line-height--small);
    text-transform: uppercase;
    font-weight: 700;
}

.mm-button:hover {
    background: var(--wp--preset--color--red);
    opacity: 1;
}
/*--------------------------------------------------------------
# Section Posts
--------------------------------------------------------------*/
.section-posts {
    display: grid;
    column-gap: var(--wp--custom--layout--block-gap);
    row-gap: var(--wp--custom--layout--block-gap-joc);
    position: relative;
}

.section-posts-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.section-posts-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.section-posts-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.section-posts-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.section-posts-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.section-posts-all {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    column-gap: 0;
    row-gap: 0;
}

/*--------------------------------------------------------------
## Section Posts: In Posts
--------------------------------------------------------------*/
.type-post .section-posts {
    column-gap: var(--wp--custom--layout--block-gap-small);
    row-gap: var(--wp--custom--layout--block-gap-small);
}

.type-post .section-posts-6 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.type-post .section-posts-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
/*--------------------------------------------------------------
## Section Posts: After Posts
--------------------------------------------------------------*/
.block-area-after-post .section-posts {
    column-gap: var(--wp--custom--layout--block-gap-small);
    row-gap: var(--wp--custom--layout--block-gap-small);
}

.block-area-after-post .section-posts-6 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.block-area-after-post .section-posts-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
/*--------------------------------------------------------------
## Section Posts: Sidebar
--------------------------------------------------------------*/
.block-area-sidebar .section-posts {
    column-gap: var(--wp--custom--layout--block-gap-small);
    row-gap: var(--wp--custom--layout--block-gap-small);
}

.block-area-sidebar .section-posts-small {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.block-area-sidebar .section-posts-all {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.block-area-sidebar .section-posts-6 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.block-area-sidebar .section-posts-4 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}

.block-area-sidebar .section-posts-3 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.block-area-sidebar .section-posts-list {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
/*--------------------------------------------------------------
## Section Posts: Mobile
--------------------------------------------------------------*/
@media (max-width: 900px) {
    .section-posts {
    column-gap: var(--wp--custom--layout--block-gap-small);
    row-gap: var(--wp--custom--layout--block-gap-small);
    }
    .section-posts-6 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .section-posts-4 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .section-posts-list {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

}

@media (max-width: 800px) {
    .section-posts-3, .type-post .section-posts-3, .block-area-after-post .section-posts-3 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .section-posts-2, .type-post .section-posts-2, .block-area-after-post .section-posts-2 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
}

@media (max-width: 600px) {
    .section-posts-6, .type-post .section-posts-6, .block-area-after-post .section-posts-6 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/*--------------------------------------------------------------
# Truncated Posts
--------------------------------------------------------------*/
.highlight-group {
    border: 2px solid #F5f5f5;
    padding: var(--wp--custom--layout--block-gap);
}
.post-abbr {
    background: var(--wp--preset--color--white);
    box-shadow: var(--wp--custom--box-shadow--1);
    -moz-box-shadow: var(--wp--custom--box-shadow--1);
    -webkit-box-shadow: var(--wp--custom--box-shadow--1);
}

.post-abbr img {
    display: block;
}

.post-abbr a, .post-abbr a:visited {
    color: var(--wp--preset--color--ink);
    text-decoration: none;
}

.post-abbr a:hover, .post-abbr a:visited:hover {
    color: var(--wp--preset--color--red);
}
.post-abbr .article-title {
    font-family: var(--wp--preset--font-family--system-sans);
    line-height: var(--wp--custom--line-height--xsmall);
    letter-spacing: var(--wp--custom--letter-spacing--none);
    margin: 0 0 var(--wp--custom--layout--block-gap-small);
    display: block;
    font-weight: 700;

}
.post-meta {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: var(--wp--preset--color--ink);
    font-size: var(--wp--preset--font-size--xxsmall);
    line-height: var(--wp--custom--line-height--small);
    letter-spacing: var(--wp--custom--letter-spacing--tight);
    font-weight: 400;
}

.post-meta.recipe-rating a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.post-meta.post-comments a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.post-meta svg {
    fill: var(--wp--preset--color--red);
    width: 15px;
    height: 15px;
    margin-right: 4px;
}

.post-meta .wprm-recipe-rating .wprm-recipe-rating-details, .post-meta .wprm-recipe-time .wprm-recipe-details-unit {
    font-size: 1em;
}

.post-meta .recipe-rating-label {
    margin-right: 5px;
}

.single .post-abbr .post-meta .recipe-rating-label, .single .post-abbr .post-meta .wprm-recipe-details-label {
    display: none;
}

.overprint {
    color: var(--wp--preset--color--ink);
    display: block;
    width: fit-content;
    border-bottom: 2px solid var(--wp--preset--color--ink);
    padding: 0 0 2px;
    font-size: var(--wp--preset--font-size--xsmall);
    letter-spacing: var(--wp--custom--letter-spacing--loose);
    line-height: var(--wp--custom--line-height--small);
    text-transform: uppercase;
    font-weight: 700;
}

.overprint a, .overprint a:visited {
    color: var(--wp--preset--color--ink);
}


/*--------------------------------------------------------------
## Post Type - Abbreviated Small
--------------------------------------------------------------*/
.post-sm .abbr-content {
    padding: var(--wp--custom--layout--block-gap-small);
}

.post-sm h3 {
    font-size: var(--wp--preset--font-size--small);
}

/*--------------------------------------------------------------
## Post Type - Abbreviated Medium
--------------------------------------------------------------*/
.post-med .abbr-content {
    padding: var(--wp--custom--layout--block-gap);
    position: relative;
}

.post-med h3 {
    font-size: var(--wp--preset--font-size--medium);
}
.post-med .post-abbr-details {
    display:flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 800px) {
    .post-med .abbr-content {
        padding: var(--wp--custom--layout--block-gap) var(--wp--custom--layout--block-gap-small) var(--wp--custom--layout--block-gap-small);
    }

    .post-med h3 {
        font-size: var(--wp--preset--font-size--small);
    }
}

/*--------------------------------------------------------------
## Post Type - Abbreviated Large
--------------------------------------------------------------*/
.post-lg {
    position: relative;
}

.post-lg .abbr-content {
    padding: var(--wp--custom--layout--block-gap);
}

.post-lg h3 {
    font-size: var(--wp--preset--font-size--medium);
}

/*--------------------------------------------------------------
## Post Type - Abbreviated List
--------------------------------------------------------------*/
.post-list {
    display: flex;
    align-items: center;
}

.post-list .abbr-content {
    padding: var(--wp--custom--layout--block-gap-small);
    width: 75%;
}

.post-list .post-abbr-img {
    width: 50%;
}

.post-list h3 {
    font-size: var(--wp--preset--font-size--small);
}
.post-list .post-abbr-img {
    width: 30%;
}

.single .post-list h3 {
    font-size: var(--wp--preset--font-size--large);
    margin: 0 0 var(--wp--custom--layout--block-gap-small);
}
.single .post-list .entry-summary {
    font-size: var(--wp--preset--font-size--medium);
    line-height: var(--wp--custom--line-height--medium);
    margin: var(--wp--custom--layout--block-gap-small) 0;
}
@media (max-width: 700px) {
    .single .post-list {
        display: block;
    }
    .single .post-list .post-abbr-img img {
        width: 100%;
        height: auto;
    }
    .single .post-list .abbr-content {
        padding: var(--wp--custom--layout--block-gap);
        width: 100%;
    }
}

/*--------------------------------------------------------------
## Post Type - Abbreviated Video
--------------------------------------------------------------*/
.post-video {
    position: relative;
}

.post-video .abbr-content {
    position: absolute;
    left: 20px;
    bottom: 20px;
    text-align: left;
    width: 80%;
}

.post-video h3 {
    font-size: var(--wp--preset--font-size--medium);
    margin: var(--wp--custom--layout--block-gap-small) 0;
    display: block;
    background: var(--wp--preset--color--white);
    padding: var(--wp--custom--layout--block-gap-small);
    width: fit-content;
}

.post-video .post-meta {
    background: var(--wp--preset--color--white);
    padding: var(--wp--custom--layout--block-gap-small);
    width: fit-content;
}

/*--------------------------------------------------------------
# Cookbook 
--------------------------------------------------------------*/
.book-column {
    align-items: center !important;
}

.book-price {
    display: block;
    margin: 20px 0;
}

.book-disclosure {
    font-size: .8rem;
    margin: 20px 0 0;
    font-style: italic;
}