/* Landing page blocks. Kept separate from the ported theme CSS. */

.landing .block {
    padding: 40px 0;
}

.landing section.block-hero {
    padding: 0;
    margin: 0;
}

.block-hero {
    background-color: #2f2f2f;
    background-position: center;
    background-size: cover;
    color: #fff;
}

.block-hero-overlay {
    background: rgba(0, 0, 0, 0.35);
    padding: 120px 0;
}

.block-hero h1 {
    color: #fff;
    font-size: 42px;
    font-weight: 300;
    margin-top: 0;
}

@media (max-width: 767px) {
    .block-hero h1 {
        font-size: 30px;
    }
}

.block-image figcaption {
    color: #777;
    font-size: 14px;
    margin-top: 10px;
}

.block-text-image img {
    margin-bottom: 20px;
}

.block-cta {
    background: #f6f4f1;
}

.block-event .event-details {
    font-size: 18px;
    margin: 20px 0 30px;
}

.block-event .event-details li {
    margin-bottom: 8px;
}

.block-event .event-details .fa {
    width: 20px;
}

@media (max-width: 767px) {
    .block-hero-overlay {
        padding: 70px 0;
    }
}

/* Service page video: same size as the old Wagtail oEmbed (480px wide, centered) */
.servicos .block-video {
    max-width: 480px;
    margin: 0 auto 30px;
}