/*
Theme Name: GeneratePress Child
Template: generatepress
*/

/* body {
    background: white;
} */

.wp-block-latest-posts__list {
    margin-left: 0;
    margin-bottom: 0;
}

.both-left .is-left-sidebar, 
.both-sidebars .is-left-sidebar, 
.left-sidebar .sidebar {
    order: unset;
}

.left-sidebar .sidebar p {
    display: none;
}

.bgimg-fixed {
    background-attachment: fixed;
}

.wp-block-latest-posts__list li + li {
    padding-top: 8px;
}

.wp-block-latest-posts__list time {
    padding-top: 8px;
}

#social-links a {
    padding-left: 0;
}

.wpsr-container {
    padding: 0 !important;
}

.gb-button-wrapper {
    position: relative;
    z-index: 2;
}

#icon-fullscript {
    width: 100%;
    display: block;
    position: absolute;
    bottom: -8%;
    opacity: 0.06;
    pointer-events: none;
    z-index: 0;
}

#icon-labshop {
    width: 200%;
    display: block;
    position: absolute;
    bottom: -8%;
    opacity: 0.3;
    pointer-events: none;
    z-index: 0;
}

#icon-connect {
    width: 40%;
    display: block;
    position: absolute;
    bottom: 9%;
    opacity: 0.08;
    pointer-events: none;
    z-index: 0;
    right: 52%;
    transform: scaleX(-1) rotate(-19deg);
}

.kb-btn,
.page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: Spectral, serif;
    text-transform: uppercase;
    text-align: center;
    padding: 8px 30px !important;
    margin: 0 2px 8px;
    border-radius: 20px;
    background-color: transparent;
    color: var(--contrast);
    border: 1px solid var(--contrast);
    text-decoration: none;
}

.page-numbers.dots {
    pointer-events: none;
}

.kb-btn--outline {
    background-color: transparent;
    color: var(--contrast);
    border-color: var(--contrast);
}

.kb-btn:hover,
.kb-btn:focus,
.page-numbers:hover,
.page-numbers:focus,
.page-numbers.current {
    border-color: #a79985;
    background-color: #a79985;
    color: var(--base-3);
}

.kb-btn:hover,
.kb-btn:focus {
    border-color: #a79985;
    background-color: #a79985;
    color: var(--base-3);
}

.blog .site-content,
.archive .site-content {
    flex-direction: column-reverse;
    padding: 16px;
}

.blog .site-content .is-left-sidebar,
.archive .site-content .is-left-sidebar {
    width: 100%;
}

.blog .site-content .is-left-sidebar .inside-left-sidebar,
.archive .site-content .is-left-sidebar .inside-left-sidebar {
    margin-top: 0;
    margin-bottom: 0;
}

.paging-navigation {
    display: block;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 48px !important;
    margin-bottom: 96px !important;
}

.blog .site-content .is-left-sidebar.widget-area .widget,
.archive .site-content .is-left-sidebar.widget-area .widget {
    padding: 0 0 16px;
}

.blog .site-content .is-left-sidebar .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow,
.archive .site-content .is-left-sidebar .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow {
    display: flex;
    flex-direction: column;
    align-items: top;
}

.blog .site-content .is-left-sidebar h2,
.archive .site-content .is-left-sidebar h2 {
    font-size: 16px;
    font-style: italic;
    letter-spacing: 0.04em;
    line-height: 1.4em;
    margin-top: 13px;
    margin-right: 24px;
}

.kb-blog-categories,
.kb-recipe-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.kb-recipe-tags {
    display: none;
}

.post-type-archive-recipe .kb-recipe-tags,
.tax-recipe_tag .kb-recipe-tags {
    display: flex;
}
.post-type-archive-recipe .kb-blog-categories,
.tax-recipe_tag .kb-blog-categories {
    display: none;
}

.kb-blog-categories li,
.kb-recipe-tags li {
    margin-right: 15px;
    margin-bottom: 14px !important;
}

.kb-blog-categories li a,
.kb-recipe-tags li a {
    display: block;
    text-transform: uppercase;
    font-size: 13px;
    font-family: 'Spectral', serif;
    font-weight: 400;
    line-height: 1.4em;
    letter-spacing: 0.02em;
    text-align: center;
    padding: 6px 16px;
    border-radius: 99px;
    border: 1px solid #a79985;
    background: transparent;
    text-decoration: none;
    color: #202421;
}

.kb-blog-categories li.current a,
.kb-recipe-tags li.current a {
    background: #e2d5cd;
}

.kb-blog-categories li a:hover,
.kb-blog-categories li a:focus,
.kb-recipe-tags li a:hover,
.kb-recipe-tags li a:focus {
    background: #e2d5cd;
    color: #202421;
}


.blog .site-content .content-area,
.archive .site-content .content-area {
    width: 100%;
}

.archive .site-content .content-area .page-header {
    display: none;
}

.blog.separate-containers .site-main,
.archive.separate-containers .site-main {
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 32px;
    row-gap: 48px;
}

.blog.separate-containers .site-main article,
.archive.separate-containers .site-main article {
    width: 100%;
    margin-bottom: 0;
}

.blog.separate-containers .site-main article .entry-meta,
.blog.separate-containers .site-main article .entry-summary,
.archive.separate-containers .site-main article .entry-meta,
.archive.separate-containers .site-main article .entry-summary {
    display: none;
}

.blog.separate-containers .site-main article .inside-article,
.archive.separate-containers .site-main article .inside-article {
    display: flex;
    flex-direction: column-reverse;
    padding: 0;
}

.blog.separate-containers .site-main article .inside-article h2,
.archive.separate-containers .site-main article .inside-article h2,
.single-content-more__item h3 {
    margin-top: 20px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-size: 19px;
    font-weight: 400;
    line-height: 1.4;
}

.blog.separate-containers .site-main article .inside-article .post-image,
.archive.separate-containers .site-main article .inside-article .post-image,
.single-content-more__item .post-image {
    margin-top: 0;
}

.single-content-more__item .post-image {
    margin-top: 0;
    display: block;
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.blog.separate-containers .site-main article .inside-article .post-image a, 
.archive.separate-containers .site-main article .inside-article .post-image a {
    display: block;
    width: 100%;
    padding-top: 100%;
    position: relative;
}

.blog.separate-containers .site-main article .inside-article .post-image img,
.archive.separate-containers .site-main article .inside-article .post-image img,
.single-content-more__item .post-image img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

/* SINGLE BLOG POST */
.hero-category,
.hero-category a {
    font-family: 'Spectral', serif;
    font-size: 20px;
    font-style: italic;
    line-height: 1.4;
    display: block;
    color: white;
}

.hero-category a {
    display: inline-block;
}

.single-content-recipe-tags {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 48px;
    margin-bottom: 20px;
    justify-content: center;
    align-items: center;
}

.single-content-recipe-tags > span {
    display: block;
    margin-right: 20px;
    font-style: italic;
    font-family: 'Spectral', serif;
    letter-spacing: 0.04em;
    line-height: 1.4em;
}

.single-content-recipe-tags a {
    margin-right: 15px;
}

.single-content-wrapper {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 16px 32px;
}

.single-content-wrapper p,
.single-content-wrapper li,
.single-content-wrapper a {
    line-height: 1.8;
}

.single-content-wrapper__secondary-content {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 24px;
}

.single-content-wrapper__secondary-content .wp-post-image {
    display: none;
}

.single-content-wrapper__secondary-content > .side-contents > h2 {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 16px;
    font-family: 'Spectral', serif;
    font-style: italic;
    line-height: 1.4em;
    letter-spacing: 0.04em;
}

.single-content-wrapper__secondary-content__item {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: 20px;
    margin-bottom: 32px;
}

.single-content-wrapper__secondary-content__item__image a img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.single-content-wrapper__secondary-content__item__image,
.single-content-wrapper__secondary-content__item__image a {
    display: block;
    width: 96px;
    height: 96px;
}

.single-content-wrapper__secondary-content__item__content {
    padding-left: 18px;
}

.single-content-wrapper__secondary-content__item__content h3,
.single-content-wrapper__secondary-content__item__content h3 a {
    font-size: 24px;
    font-family: 'Spectral', serif;
    line-height: 1.4em;
    display: block;
    margin-top: 0;
    margin-bottom: 0;
    text-decoration: none;
}

.single-content-wrapper__secondary-content__item__content h3 a:hover,
.single-content-wrapper__secondary-content__item__content h3 a:focus {
    text-decoration: underline;
}

.single-content-wrapper__secondary-content__item__content p {
    margin-top: 4px;
    font-size: 16px;
    font-style: italic;
    line-height: 1.6em;
    margin-bottom: 0;
}

.single-content-wrapper__secondary-content__item__content p + a {
    display: block;
    margin-top: 16px;
    font-size: 14px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
    text-decoration: underline;
    padding-left: 26px;
    position: relative;
}
.single-content-wrapper__secondary-content__item__content p + a::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url('./img/icon-linkout.svg') no-repeat;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.single-content-wrapper__secondary-content__item__content p + a:hover,
.single-content-wrapper__secondary-content__item__content p + a:focus {
    text-decoration: none;
}

.single-content-more {
    display: flex;
    flex-direction: column;
    padding: 16px;
}

.single-content-more__item {
    margin-bottom: 32px;
}

.single-content-more .kb-btn {
    margin: 32px auto;
}

.single-content-wrapper__main-content h2,
.single-content-wrapper__main-content h3,
.single-content-wrapper__main-content h4,
.single-content-wrapper__main-content h5,
.single-content-wrapper__main-content h2 a,
.single-content-wrapper__main-content h3 a,
.single-content-wrapper__main-content h4 a,
.single-content-wrapper__main-content h5 a {
    line-height: 1.4;
}

.single-content-wrapper__main-content a {
    border-bottom: 1px solid #bf937d4d;
}

.single-content-wrapper__main-content figure > a {
    border-bottom: none;
}

.single-content-wrapper__main-content .gb-grid-wrapper + .gb-grid-wrapper {
    margin-top: 32px;
}

.search .entry-meta {
    display: none;
}

.search .entry-summary {
    margin-top: 1em;
}

.search .sidebar .wp-block-heading {
    display: none;
}

.search .sidebar .kb-blog-categories li a, 
.search .sidebar .kb-recipe-tags li a {
    padding: 8px 12px;
}

.search.post-image-aligned-center .featured-image, 
.search.post-image-aligned-center .post-image {
    text-align: left;
}

.search.post-image-aligned-center .featured-image img,
.search.post-image-aligned-center .post-image img {
    border-radius: 999px;
}

@media screen and (min-width: 640px) {
    .blog.separate-containers .site-main article,
    .archive.separate-containers .site-main article {
        width: calc(50% - 24px);
    }
}

@media screen and (min-width: 1024px) {
    .blog .site-content,
    .archive .site-content {
        padding: 0 16px;
    }

    .blog.separate-containers .site-main article,
    .archive.separate-containers .site-main article {
        width: calc(25% - 24px);
    }

    .kb-blog-categories li a,
    .kb-recipe-tags li a {
        font-size: 16px;
        padding: 13px 26px;
    }

    .wp-block-latest-posts__list {
        display: flex;
        flex-direction: row;
        margin-left: 0;
        margin-bottom: 0;
    }

    .wp-block-latest-posts__list li {
        padding-right: 48px;
    }

    .wp-block-latest-posts__list li + li {
        padding-top: 0;
    }
    
    .wp-block-latest-posts__list time {
        padding-top: 8px;
    }

    .single-content-recipe-tags {
        margin-top: 64px;
        margin-bottom: 0;
    }

    .blog .site-content .is-left-sidebar.widget-area .widget,
    .archive .site-content .is-left-sidebar.widget-area .widget {
        padding: 64px 0 50px;
    }   

    .blog .site-content .is-left-sidebar .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow,
    .archive .site-content .is-left-sidebar .wp-block-group__inner-container.is-layout-flow.wp-block-group-is-layout-flow {
        flex-direction: row;
    }

    .single-content-wrapper {
        flex-direction: row;
        padding: 96px 16px 80px;
    }

    .single-content-wrapper__main-content {
        width: 50%;
    }

    .single-content-wrapper__secondary-content {
        width: 50%;
        padding-left: 48px;
        position: relative;
        border: none;
    }

    .single-content-wrapper__secondary-content .wp-post-image {
        display: block;
        margin-bottom: 96px;
    }

    .single-content-wrapper__secondary-content .side-contents {
        position: sticky;
        top: 0;
    }

    .single-content-more .kb-btn {
        margin: 80px auto 72px;
    }

    .single-content-more > div {
        display: flex;
        flex-direction: row;
        column-gap: 32px;
    }

    .single-content-more__item {
        width: calc(25% - 24px);
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        margin-bottom: 0;
    }
}
@media screen and (min-width: 1232px) {
    .blog .site-content,
    .archive .site-content {
        padding: 0;
    }

    .single-content-wrapper {
        flex-direction: row;
        padding: 96px 0 80px;
    }
}