.single-post.letter {

    .main {
        margin-bottom: 5rem;
        max-width: 900px;
        margin-inline: auto;
    }

    .post__wrapper {
        flex-direction: column;
        gap: 4rem;
    }

    .post__header {
        margin-bottom: 2.5rem;
    }

    .post__title {
        width: 220px;
        margin-left: auto;
        margin-bottom: 4rem;
    }

    .post__title h1,
    .post__title span {
        font-weight: 500;
        font-size: 1rem;
        font-family: var(--ff-letter);
        color: var(--color-dark-blue);
    }

    .post__content {
        padding: 5rem 5rem;
        transform: rotate(-1deg);
        border-radius: 0;
        box-shadow: 5px 8px 14px var(--color-purple);
    }

    .post__content p {
        font-family: var(--ff-letter);
        color: var(--color-black);
        font-size: 1rem;
        font-weight: 500;
    }

    .post__signature {
        display: flex;
        flex-direction: column;
        font-family: var(--ff-letter);
        color: var(--color-black);
        width: 220px;
        margin-left: auto;
        gap: 4px;
        margin-top: 4rem;
        margin-bottom: 2rem;
        font-weight: 500;
    }

    .post__signature .note {
        font-size: 2rem;
        color: var(--color-black);
    }

    .post__address p {
        margin: 0;
    }

    .sidebar__share {
        display: flex;
        flex-direction: column;
        margin-inline: 4rem;
    }

    @media (max-width: 767px) {
        .sidebar__share {
            display: flex;
            flex-direction: column;
            margin-inline: 0rem;
        }

        .post__content {
            padding: 3rem 3rem;
            transform: rotate(0deg);
            border-radius: 0;
            box-shadow: 5px 8px 14px var(--color-purple);
        }
    }

    @media (max-width: 600px) {
        .post__signature {
            margin-left: 0;
        }

        .post__title {
            margin-left: 0;
        }
    }

    @media (max-width: 425px) {
        .post__content {
            padding: 1.5rem 1.5rem;
        }
    }
}

.category-blog.letter {

    .hero__title h1 {
        margin-bottom: 1rem;
        font-size: 2.5rem;
    }

    .post-card__body {
        padding: 20px 0 0 0;
    }
/*
    .hero__title p {
        font-family: var(--ff-letter);
        font-size: 1rem;
        color: var(--color-black);
    }*/

    .category-search {
        margin-top: 3rem;
    }

    .hero__img-wrapper img {
        aspect-ratio: 5 / 7;
        border-width: 4px 4px 4px 4px;
    }

    @media (max-width: 767px) {
        .hero__title h1 {
            font-size: 2rem;
        }
    }
}