/* ============================================================
   Aanvullingen op style.css (de een-op-een overgenomen stylesheet
   van de oude site). Die laten we ongemoeid; alles wat nieuw is
   voor de herbouw staat hier.

   Let op bij het benoemen van klassen: style.css bevat
   .homepage [class*=-region] [class*=-pp] { float:left; width:100% }
   voor het pagepart-grid. Een klasse met '-pp' erin wordt dus
   automatisch een kolom. Vandaar '-cta' voor de onderdelen.
   ============================================================ */

/* ---------- Formularium-blok op de homepage ----------------
   De klant wil de link naar het regionale antibioticaformularium
   prominent: het is samen met vier ziekenhuizen gemaakt en wordt
   dagelijks gebruikt. Daarom een eigen blok direct onder de slider,
   in plaats van een regel tussen de quotes.
   ---------------------------------------------------------- */

.homepage .formularium-region {
    margin-top: 30px;
    margin-bottom: 45px;
}

.homepage .formularium-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 32px 40px;
    background-color: #241d68;
    border-radius: 6px;
    color: #fff;
    text-decoration: none;
    transition: background-color .2s;
}

.homepage .formularium-cta:hover,
.homepage .formularium-cta:focus {
    background-color: #1b1550;
    color: #fff;
    text-decoration: none;
}

.homepage .formularium-cta__tekst {
    display: block;
}

.homepage .formularium-cta__label {
    display: inline-block;
    margin-bottom: 12px;
    padding: 4px 14px;
    border-radius: 16px;
    background-color: rgba(255, 255, 255, .12);
    color: #6dda39;
    font-family: Circular Std, sans-serif;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: .04em;
    line-height: 1.6;
    text-transform: uppercase;
}

.homepage .formularium-cta__titel {
    display: block;
    color: #fff;
    font-family: Circular Std, sans-serif;
    font-size: 30px;
    font-weight: 400;
    line-height: 38px;
}

.homepage .formularium-cta__titel strong {
    font-weight: 700;
}

.homepage .formularium-cta__sub {
    display: block;
    margin-top: 8px;
    color: rgba(255, 255, 255, .75);
    font-size: 17px;
    line-height: 1.5;
}

.homepage .formularium-cta__btn {
    flex: 0 0 auto;
    padding: 12px 28px 13px;
    background-color: #6dda39;
    border-radius: 24px;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.27778;
    white-space: nowrap;
    transition: all .2s;
}

.homepage .formularium-cta__btn:after {
    content: "\f054";
    display: inline-block;
    margin-left: 13px;
    font-size: 14px;
    font-family: FontAwesome, sans-serif;
    font-weight: 400;
}

.homepage .formularium-cta:hover .formularium-cta__btn,
.homepage .formularium-cta:focus .formularium-cta__btn {
    background-color: #fff;
    color: #6dda39;
}

@media (max-width: 991px) {
    .homepage .formularium-cta {
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;
        padding: 26px 24px;
    }

    .homepage .formularium-cta__titel {
        font-size: 24px;
        line-height: 30px;
    }

    .homepage .formularium-cta__sub {
        font-size: 16px;
    }
}