@charset "utf-8";

/**
* Blog Page Specific Styles
*/

#blog-id,
.wp-singular {
    .blog__items {
        padding: clamp(1.25rem, 0.096rem + 3.21vw, 2.5rem);
        background: rgb(var(--color-black--rgb) / 5%);
        border: 1px dashed rgb(var(--color-black--rgb) / 15%);
        border-radius: 5px;
    }
    .post__meta {
        gap: 20px;
        font-family: var(--font-family-heading);
        /* font-size: var(--fSize--14); */
        img {
            margin-right: 5px;
        }
    }
    .post__body {
        img {
            margin: 20px 0;
            border-radius: 10px;
            -webkit-filter: drop-shadow(0 0 30px var(--shadow--light-black));
            filter: drop-shadow(0 0 30px var(--shadow--light-black));
        }
    }
    .post--readmore {
        display: flex;
        justify-content: flex-end;
        margin-top: 20px;
    }
    .wp-pagenavi,
    .single-post__link {
        display: flex;
        justify-content: center;
        margin: 50px auto;
        a,
        .current,
        .extend {
            font-family: var(--font-family-heading);
            /* font-size: var(--fSize--14); */
            border: none;
        }
        .extend {
            border: 1px solid var(--color-dark-grey);
            border-radius: 2px;
        }
        .pages {
            display: none;
        }
    }
    .single-post__link {
        display: flex;
        gap: 40px;
        align-items: center;
        justify-content: center;
        a {
            display: flex;
            gap: 10px;
            align-items: center;
            align-items: baseline;
            &:first-child {
                img {
                    transform: rotate(180deg);
                }
            }
        }
    }
}

.wp-singular {
    .nav-page--return {
        .nav-page__item {
            &::before {
                transform: rotate(-90deg);
            }
        }
    }
}