/* === Custom Block Styling === */
.renderFeaturedDoc{
    padding-top: var(--CB-padding-top);
    padding-right: var(--CB-padding-right);
    padding-bottom: var(--CB-padding-bottom);
    padding-left: var(--CB-padding-left);
    margin-top: var(--CB-margin-top);
    margin-bottom: var(--CB-margin-bottom);
}

.renderFeaturedDoc__blockHeading{
    text-align: center;
    color: var(--FC-white);
    margin-bottom: 0px;
}

.renderFeaturedDoc__backgroundImage{
    background-size: cover;
    background-position: center;
    min-height: 700px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.renderFeaturedDoc__docLink svg path{
    transition: var(--FC-default-transition);
}

.renderFeaturedDoc__docLink:hover svg path{
    fill: var(--FC-bo-yellow);
    transition: var(--FC-default-transition);
}

.renderFeaturedDoc__blackRow{
    padding-top: 64px;
    padding-bottom: 450px;
    background-color: var(--FC-bo-black);
}

.renderFeaturedDoc__documentaryContainer{
    margin-top: -400px;
}

.renderFeaturedDoc__documentaryExcerptRow{
    padding-top: 32px;
    justify-content: center;
}


@media screen and (max-width: 575px){
    .renderFeaturedDoc__blackRow{
        padding-bottom: 350px;
    }
    .renderFeaturedDoc__backgroundImage{
        min-height: 500px;
    }
    .renderFeaturedDoc__documentaryContainer{
        margin-top: -300px;
    }
}