/* --------------------------------------------------
   Separator
-------------------------------------------------- */

.carr_s-block-separator {
    box-sizing: border-box;
}


/* --------------------------------------------------
   Spacer
-------------------------------------------------- */

.carr_s-block-spacer {
    clear: both;
}


/* --------------------------------------------------
   Cover
-------------------------------------------------- */

.carr_s-block-cover {
    position: relative;

    display: flex;
    align-items: center;

    box-sizing: border-box;

    min-height: 430px;

    overflow: hidden;
}


.carr_s-block-cover__image-background,
.carr_s-block-cover__video-background {

    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    z-index: 0;
}


.carr_s-block-cover__background {
    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    z-index: 1;
}


.carr_s-block-cover__inner-container {
    position: relative;

    width: 100%;

    z-index: 2;
}


/* --------------------------------------------------
   Media & Text
-------------------------------------------------- */

.carr_s-block-media-text {
    display: grid;

    grid-template-columns:
        50% 1fr;

    grid-template-rows:
        auto;

    box-sizing: border-box;
}


.carr_s-block-media-text
> .carr_s-block-media-text__media {

    grid-column: 1;
    grid-row: 1;
}


.carr_s-block-media-text
> .carr_s-block-media-text__content {

    grid-column: 2;
    grid-row: 1;
}


.carr_s-block-media-text
.carr_s-block-media-text__media img,
.carr_s-block-media-text
.carr_s-block-media-text__media video {

    max-width: unset;
    width: 100%;

    vertical-align: middle;
}


.carr_s-block-media-text.has-media-on-the-right
> .carr_s-block-media-text__media {

    grid-column: 2;
}


.carr_s-block-media-text.has-media-on-the-right
> .carr_s-block-media-text__content {

    grid-column: 1;
}


@media (max-width: 600px) {

    .carr_s-block-media-text.is-stacked-on-mobile {
        grid-template-columns: 100% !important;
    }


    .carr_s-block-media-text.is-stacked-on-mobile
    > .carr_s-block-media-text__media {

        grid-column: 1;
        grid-row: 1;
    }


    .carr_s-block-media-text.is-stacked-on-mobile
    > .carr_s-block-media-text__content {

        grid-column: 1;
        grid-row: 2;
    }

}