@import url("https://use.typekit.net/qqo1rjv.css");

.placeholder {
    border: 1px solid red;
    width: 100%;
    padding: 2rem;
    border-radius: 10px;
}

.main-header {
    position: absolute;
    z-index: 99;
    width: 100vw;
}

.content-width {
    width: min(1180px, calc(100% - 40px)) !important;
    margin: auto;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.content-width-left {
    width: min(628px, calc(100% - 40px)) !important;
    margin-left: auto;
}

.content-width-right {
    width: min(628px, calc(100% - 40px)) !important;
    margin-right: auto;
}

h1 strong {
    color: #c82127;
}

.page-tag {
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .13em;
    font-size: var(--wp--preset--font-size--extra-small);
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;

    &::before {
        content: "";
        width: 28px;
        height: 4px;
        background: #c82127;
        transform: skewX(-24deg);
    }
}

.cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;

    .wp-block-boldblocks-group {
        padding: 27px;
        background: #fff;
        border-top: 5px solid #07583a;
        margin: 0;

        h3 {
            margin: 12px 0 7px;
            font-weight: 700;
            text-transform: uppercase;
        }

        p {
            margin: 0;
            color: #67716a;
        }
    }
}