/* Post Template
--------------------------------------------- */

ul[class*="columns-"].wp-block-post-template .wp-block-post > .wp-block-group {
	height: 100%;
}

/* Hide empty pagination container */
.wp-block-post-template + .wp-block-group:empty {
	display: none;
}


.wp-block-post-template {
    
}

.blog-post-card {
    position: relative;
    --radius: 8px;
    --border-width: 3px;
    border-radius: calc(var(--radius) + var(--border-width));
    overflow: hidden;
    border: var(--border-width) solid var(--wp--preset--color--base);
    outline: 1px solid var(--wp--preset--color--primary-accent);
        height: 100% !important;
    min-height: 140px !important;
}

.blog-post-card__featured-image {
    background-color: rgb(0 0 0 / 50%);
    border-radius: calc(var(--radius) + var(--border-width));
    overflow: hidden;
    position: relative;
}

.blog-post-card__featured-image:after {
    content: "";
    z-index: 2;
    background: linear-gradient(10deg, #060e19cf, #0000);
    width: 100%;
    height: 100%;
    position: absolute !important;
    inset: 0;
    pointer-events: none;
}

.blog-post-card__featured-image img {
    opacity: .8;
}

.blog-post-card__title,
.blog-post-card__title-date,
.blog-post-card__taxonomy {
    font-size: var(--wp--preset--font-size--small);
    color: var(--wp--preset--color--main);
}

.wp-block-post-title :where(a):after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blog-post-card__taxonomy {
    position: absolute !important;
    z-index: 2;
    top: 10px;
    right: 5px;
    margin: 0 !important;
}

.blog-post-card__taxonomy.is-style-term-button a {
    background-color: var(--wp--preset--color--base);
    color: var(--wp--preset--color--main);
    font-size: var(--wp--preset--font-size--small);
    border-radius: 10px;
}

.blog-post-card__title-date {
    position: absolute !important;
    width: 100%;
    bottom: 0;
    z-index: 3;
    left: -1px;
}

.blog-post-card__title {
    background-color: var(--wp--preset--color--base);
    padding: 16px 14px 16px 14px;
    max-width: calc(100% - 120px);
    border-top-right-radius: calc(var(--radius) + var(--border-width));
    min-height: 4.8em;
    display: flex;
    align-items: anchor-center;
    position: relative;
}

.blog-post-card__title::before,
.blog-post-card__title::after {
    content: "";
    position: absolute;
    display: block;
    height: calc(1.5 * calc(calc(var(--radius) + var(--border-width))));
    width: calc(1.5 * calc(calc(var(--radius) + var(--border-width))));
    background-size: cover;
    z-index: 3;
    transform: scaleX(-1);
}

.blog-post-card__title::before {
    top: calc(calc(-1 * calc(var(--radius) + var(--border-width)) * 1.5) + 0px);
    left: 1px;
    background-image: url('data:image/svg+xml,<svg viewBox=\'0 0 22 22\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M -0.064 22.019 C 15.19 22.02 21.975 17.041 22 0 L 22 22 L -0.064 22.019 Z\' style=\'fill: rgb(255, 255, 255);\'></path></svg>');
    transform: scaleX(-1);
}

.blog-post-card__title::after {
    bottom: 0px;
    right: calc(calc(-1 * calc(var(--radius) + var(--border-width)) * 1.5) + 0px);
    background-image: url('data:image/svg+xml,<svg viewBox=\'0 0 22 22\' fill=\'none\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M -0.064 22.019 C 15.19 22.02 21.975 17.041 22 0 L 22 22 L -0.064 22.019 Z\' style=\'fill: rgb(255, 255, 255);\'></path></svg>');
    transform: scaleX(-1);
}


.blog-post-card__date {
    min-height: 4.8em;
    display: flex;
    align-items: center;
}

.wp-block-post.category-newsletter>.wp-block-group {
    background: var(--wp--preset--color--tertiary) !important;
}

.wp-block-post.category-newsletter .wp-block-post-date {
    color: var(--wp--preset--color--contrast) !important;
    align-items: end;
}