/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./src/last-post/style.css ***!
  \*****************************************************************************************************************************************************************************/
.wp-block-p7-last-post,
.p7-last-post {
    max-width: 100% !important;
}

article.p7-last-post {
    height: auto;
    min-height: 80vh;
    background-image: linear-gradient(to bottom, rgba(0, 45, 71, 0), rgba(0, 45, 71, 0.7)), var(--background-image-last-post);
    background-size: cover;
    background-position: center center;
    padding: 60px 60px;
    display: flex;
    align-items: flex-end;
    color: var(--p7-text-color-last-post);
    justify-content: flex-start;
    position: relative;
    margin: 0px;
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
    article.p7-last-post {
        min-height: 60vh;
        padding: 30px 30px;
    }
}

@media screen and (max-width: 767px) {
    article.p7-last-post {
        min-height: 75vh;
        padding: 30px 20px;
    }
}

article.p7-last-post .p7-last-post__overlay {
    max-width: 630px;
}

article.p7-last-post a {
    text-decoration: none;
    color: var(--p7-text-color-last-post);
}

article.p7-last-post a h2 {
    color: var(--p7-text-color-last-post);
    font-size: 1.75rem;
    margin: 0px 0px 20px;
    font-family: var(--wp--preset--font-family--vollkorn);
}

article.p7-last-post a p {
    font-size: 1rem;
    color: var(--p7-text-color-last-post);
}

article.p7-last-post .p7-last-post__date p {
    font-size: 0.875rem;
    margin-bottom: 20px;
}

article.p7-last-post .post__excerpt {
    max-width: 500;
}

article.p7-last-post .p7-last-post__category {
    position: absolute;
    top: 60px;
    right: 60px;
    border: 1px solid var(--p7-text-color-last-post);
    padding: 10px 20px;
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: 700;
}

@media screen and (min-width: 767px) and (max-width: 1024px) {
    article.p7-last-post .p7-last-post__category {
        top: 30px;
        right: 30px;
    }
}

@media screen and (max-width: 767px) {
    article.p7-last-post .p7-last-post__category {
        top: 30px;
        right: 20px;
    }
}

/*# sourceMappingURL=style-index.css.map*/