/* All Archive Press Page */

section.newly-added {
    border-bottom:1px solid var(--grey-dark);
}

.post-card.col-2 picture.card-img {
    height: 440px;
    width: 50%;
    position: relative;
}

section.section-post-loop .posts-container.news {
    order: 1;
    width: calc(50% - var(--column-gap));
}
section.section-post-loop .posts-container.events {
    order: 2;
    width: calc(50% - var(--column-gap));
}
section.section-post-loop .posts-container.insights {
    order: 3;
}
section.section-post-loop .posts-container.case-studies {
    order: 41;
}

section.section-post-loop .posts-container {
    display: flex;
    flex-wrap:wrap;
    height: 100%;
    gap:calc(var(--column-gap) * 2);
}

section.section-post-loop .posts-container > h2 {
    width: calc(100% - (var(--column-gap) * 2) - 200px);
}

section.section-post-loop .posts-container > a {
    min-width: 200px;
    padding:12px 24px;
    text-align: center;
    border:1px solid;
    color: var(--primary-regular);
    height: fit-content;
    border-radius: 50px;
}

section.section-post-loop .posts-container > .columns {
    width: 100%;
}

section.section-post-loop .posts-container.news .post-card {
    width: calc(50% - (var(--column-gap) / 2));
}

section.section-post-loop .posts-container.events .post-card {
    width: 100%;
}

section.section-post-loop .posts-container.events .post-card:nth-child(1),
section.section-post-loop .posts-container.events .post-card:nth-child(4) {
    display: none;
}

@media screen and (max-width:1440px) {

    .post-card.col-2 picture.card-img {
        height: 360px;
    }

}

@media screen and (max-width:1200px) {

    .post-card.col-2 picture.card-img {
        height: 348px;
    }
    
}

@media screen and (max-width:1024px) and (orientation:portrait) {

    section.banner {
        padding-bottom: var(--section-padding);
    }

    .post-card.card-events > a {
        justify-content: space-between;
    }

    section.newly-added .posts-container .post-card.col-4,
    section.section-post-loop .case-studies .post-card.col-4 {
        width: calc(50% - (var(--column-gap) / 2));
    }
    section.section-post-loop .posts-container.news,
    section.section-post-loop .posts-container.events {
        width: 100%;
    }
    .post-card.card-events.col-2 picture.card-img {
        width: calc(50% - (var(--column-gap) / 2))!important;
        height: 400px!important;
    }
    .post-card.card-events.col-2 .card-content {
        width: calc(50% - (var(--column-gap) / 2))!important;
    }
    .post-card.col-4 picture.card-img {
        height: 220px;
    }
    .post-card.card-case-studies .card-content .post-info {
        top: calc(220px - var(--column-gap) - (var(--small-size) * 2));
    }
    .post-card.card-news .card-content .post-info {
        top: calc(220px - var(--column-gap) - var(--small-size));
    }

}

@media screen and (max-width:990px) and (orientation:portrait) {

    .post-card.card-events.col-2 picture.card-img {
        width: calc(40% - (var(--column-gap) / 2))!important;
        height: 100%!important;
    }
    .post-card.card-events.col-2 .card-content {
        width: calc(60% - (var(--column-gap) / 2))!important;
    }
    .post-card.col-4 picture.card-img {
        height: 200px;
    }
    .post-card.card-case-studies .card-content .post-info {
        top: calc(200px - var(--column-gap) - (var(--small-size) * 2))!important;
    }
    .post-card.card-news .card-content .post-info {
        top: calc(200px - var(--column-gap) - var(--small-size));
    }

}

@media screen and (max-width:520px) {

    .post-card.card-events.col-2 picture.card-img,
    .post-card.card-events.col-2 .card-content,
    section.newly-added .posts-container .post-card.col-4,
    section.section-post-loop .case-studies .post-card.col-4,
    section.section-post-loop .posts-container.news .post-card,
    section.section-post-loop .posts-container > h2 {
        width: 100%!important;
    }

    section.section-post-loop .posts-container > h2 {
        order:1;
    }
    section.section-post-loop .posts-container > .columns {
        order:2;
    }
    section.section-post-loop .posts-container > a {
        order:3;
    }

}