/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v7.0.29,
* Autoprefixer: v9.7.6
* Browsers: last 4 version
*/

/* Custom Video Item Block Styling */

section.custom-video-block {
    --padding-top: 4;
    --padding-right: 4;
    --padding-left: 4;
    --padding-bottom: 5;
    --width: 50;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
    padding: 0;
    margin: auto;
    overflow: hidden;
}
section.custom-video-block article {
    margin-top: calc(var(--pace) * var(--padding-top));
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    z-index: 1;
    color: inherit;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;

    text-align: center;
}

/* TEXT */
section.custom-video-block article h3.custom-video-block-text {
    margin-bottom: 16.5px;
    margin-bottom: calc(var(--margin) / 2);
}

section.custom-video-block article h3.custom-video-block-title {
    max-width: 88%;
    margin: auto;
}

section.custom-video-block article div.custom-video-block-description {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
section.custom-video-block article div.custom-video-block-description p {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 33px;
    /* margin-bottom: var(--margin); */
    max-width: 350px;
}
/* VIDEO */
section.custom-video-block article figure.custom-video-figure {
    position: relative;
    width: 100%;
    display: block;
    margin: 0 auto;
}

section.custom-video-block article figure.custom-video-figure.add-margin {
    margin: 33px auto;
    /* margin: var(--margin) auto; */
}

section.custom-video-block article figure.custom-video-figure iframe {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
}

@media screen and (min-width: 768px) {
    section.custom-video-block article figure.custom-video-figure {
        width: 85%;
    }

    section.custom-video-block article div.custom-video-block-description {
        width: 60%;
    }
}

@media screen and (min-width: 1024px) {
    section.custom-video-block article.custom-video-block-contents {
        width: 85%;
    }

    section.custom-video-block article div.custom-video-block-description {
        margin-left: unset;
        width: 100%;
    }

    section.custom-video-block article div.custom-video-block-description p {
        width: 80%;
        max-width: unset;
    }

    section.custom-video-block article figure.custom-video-figure,
    section.custom-video-block article figure.custom-video-figure iframe {
        width: 100%;
        height: 500px;
    }
}