/* --- Latest Posts
-------------------------------------------------------- */

body:not(.home) .wp-site-blocks .wp-block-section.wp-block-latest-posts {
    padding-top: 0;

}

.block-editor-block-list__block.wp-block-section.wp-block-latest-posts {
    padding-left: 0;
}

.wp-block-latest-posts {

    .wp-block-post-terms svg {
        display: none;
    }

    .wp-block-query {

        .wp-block-post-template {
            display: block;

            .wp-block-post {
                width: 100%;
                margin-block-start: 0;

                &:nth-child(odd) .wp-block-columns {
                    flex-direction: row-reverse;

                }
            }
        }

        .wp-block-post-date svg {
            display: none;
        }

        .wp-block-post-date+.wp-block-post-title {
            margin-top: 14px;
        }

        .wp-block-read-more {
            position: relative;
            text-transform: uppercase;
            text-decoration: none;
            cursor: pointer;
            font-size: var(--wp--preset--font-size--body-medium);
            font-weight: var(--wp--custom--typography--font-weight--bold);
            line-height: var(--wp--custom--typography--line-height--paragraph);
            padding: 0 0 2px;
            display: flex;
            align-items: center;
            margin-block-start: 1.5rem;
            background-color: transparent;
            color: var(--wp--preset--color--foreground);

            &::before {
                position: absolute;
                left: 0;
                top: 100%;
                width: 100%;
                height: 2px;
                content: '';
                background-color: var(--wp--preset--color--button-color);
                transition: all 0.4s;
            }

            &:hover::before {
                width: 30px;
            }
        }
    }
}

.wp-block-latest-posts div.wp-block-columns {
    gap: 0;
    margin: 0;

    .wp-block-post-featured-image,
    .wp-block-post-featured-image a,
    .wp-block-post-featured-image img {
        height: 100%;
    }

    .wp-block-post-featured-image img {
        object-fit: cover;
    }

}

.wp-block-latest-posts div.wp-block-columns>div {
    flex-grow: 1;
    flex-basis: 0;
}

.wp-block-latest-posts .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li {
    width: 100%;
    margin-block-start: 0;
}

.wp-block-latest-posts .wp-block-post-image {
    background-image: url("assets/images/no-thumb.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 50vh;
}

.wp-block-latest-posts .wp-block-post-template .wp-block-column.wp-block-post-content,
.wp-block-latest-posts .wp-block-post-template .post .wp-block-column.wp-block-post-content {
    box-sizing: border-box;
    padding: var(--wp--custom--spacing--wp-block-post-gap-vertical) var(--wp--custom--spacing--wp-block-post-gap-horizontal);

}

.wp-block-latest-posts .wp-block-post-template .post .wp-block-column {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    box-sizing: border-box;
}

.wp-block-latest-posts .wp-block-post-template .post .wp-block-column>* {
    width: 100%;
}

.wp-block-latest-posts .wp-block-query .wp-block-post-template .taxonomy-category.wp-block-post-terms>a {
    border: none;
    padding: 0;
    color: var(--wp--preset--color--button-color);
    font-size: var(--wp--preset--font-size--upper-heading);
    margin-bottom: 14px;
    margin-right: 21px;

    &:hover,
    &:focus {
        background: transparent;
        color: var(--wp--preset--color--foreground);
    }
}

.wp-block-latest-posts .wp-block-post-title {
    font-size: var(--wp--custom--typography--font-size--heading-two);
    line-height: var(--wp--custom--typography--line-height--heading-two);
}

.wp-block-post-terms+.wp-block-post-title {
    margin-block-start: 14px;
}

a.wp-block-post-excerpt__more-link {
    padding-right: 15px;
    position: relative;
    text-decoration: none;
    font-family: var(--wp--preset--font-family--josefin-sans);
    font-weight: var(--wp--custom--typography--font-weight--semi-bold);

    &::before {
        position: absolute;
        left: 100%;
        top: 50%;
        width: 20px;
        height: 2px;
        content: '';
        background-color: var(--wp--preset--color--foreground);
        transition: all 0.4s;
        transform: translateY(-50%);

    }

    &::after {
        position: absolute;
        right: -20px;
        top: 50%;
        width: 10px;
        height: 10px;
        content: '';
        background-color: transparent;
        border-right: 2px solid var(--wp--preset--color--foreground);
        border-bottom: 2px solid var(--wp--preset--color--foreground);
        transition: all 0.4s;
        transform: translateY(-50%) rotate(315deg);


    }

    &:focus,
    &:hover {
        color: var(--wp--preset--color--text-link);
        padding-right: 25px;
    }

    &:focus::before,
    &:hover::before {
        background-color: var(--wp--preset--color--text-link);
    }

    &:focus::after,
    &:hover::after {
        border-color: var(--wp--preset--color--text-link);
    }

}

.wp-block-latest-posts .wp-block-post-featured-image .components-placeholder {
    min-height: auto;
}

.wp-block-latest-posts .wp-block-anchor {
    padding-top: 21px;
}

.wp-block-post-title+.wp-block-post-date {
    margin-block-start: 0.75rem;
}

/** latest posts three col **/
.wp-block-latest-posts.posts-three-col {
    .wp-block-query .wp-block-post-template {
        display: grid;
    }
}



.style-variation-sports .wp-block-post-template .wp-block-post-title {
    font-size: var(--wp--custom--typography--font-size--heading-four) !important
}