.paragraph--type--bp-video
{
    /* width: 100vw; */
    /* height: 100vh;

    background-color: transparent; */
}
.paragraph--type--bp-video video
{
    /* position: relative;

    display: flex;
 */
    /* width: 100vw; */
    /* height: 100vh; */

    /* justify-content: center;
    align-items: center; */
}

@media (max-width: 1199.98px)
{
    .paragraph--type--bp-video video[poster]
    {
        height: auto !important;
        max-height: 641px;
        aspect-ratio: 9 / 16;
    }
}

.paragraph--type--bp-video .ev3-video-text-section
{
    padding: 0;
}
.paragraph--type--bp-video .ev3-video-text-section
{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 0 16px;
}
@media (min-width: 991px)
{
    .paragraph--type--bp-video .ev3-video-text-section-contents.fade-out
    {
        -webkit-transition: opacity 1.5s ease-in-out;
           -moz-transition: opacity 1.5s ease-in-out;
                transition: opacity 1.5s ease-in-out;

        opacity: 0;
    }
    .paragraph--type--bp-video .ev3-video-text-section-contents.fade-out:hover
    {
        -webkit-transition: opacity .55s ease-in-out;
           -moz-transition: opacity .55s ease-in-out;
                transition: opacity .55s ease-in-out;

        opacity: 1;
    }
}
/* @media (min-width: 768px)
{
    .paragraph--type--bp-video .ev3-video-text-section-contents
    {
        margin-left: 80px;
    }
} */
/* @media (min-width: 768px)
{
    .paragraph--type--bp-video .ev3-video-text-section-contents .field--type-text-long
    {
        bottom: 120px;

        max-width: 950px;
        padding-right: unset;
    }
} */
.paragraph--type--bp-video .ev3-video-text-section-contents .field--type-text-long h1,
.paragraph--type--bp-video .ev3-video-text-section-contents .field--type-text-long .h1
{
    font-size: 3rem !important;
    line-height: 3.5rem;

    letter-spacing: normal !important;

    text-shadow: 1px 1px #000;

    grid-area: sub-text;
}
@media (max-width: 991px)
{
    .paragraph--type--bp-video .ev3-video-text-section-contents .field--type-text-long h1,
    .paragraph--type--bp-video .ev3-video-text-section-contents .field--type-text-long .h1
    {
        font-size: 1.85rem !important;
        line-height: 2rem;
    }
}
.paragraph--type--bp-video .ev3-video-text-section-contents .field--type-text-long h2,
.paragraph--type--bp-video .ev3-video-text-section-contents .field--type-text-long .h2
{
    font-size: 2.7773rem !important;
    line-height: 3.8574rem;

    letter-spacing: normal !important;

    text-shadow: 1px 1px #000;

    grid-area: main-text;
}
@media (max-width: 991px)
{
    .paragraph--type--bp-video .ev3-video-text-section-contents .field--type-text-long h2,
    .paragraph--type--bp-video .ev3-video-text-section-contents .field--type-text-long .h2
    {
        font-size: 1.7773rem !important;
        line-height: 2.2rem !important;
    }
}
.paragraph--type--bp-video .ev3-video-text-section-contents .field--type-text-long p .btn
{
    font-size: 1rem;

    padding: 1rem 2rem !important;

    transition: .5s;
    text-transform: uppercase;

    border: none;
    background-color: var(--primary, #a68e3b);
}
@media (min-width: 768px)
{
    .paragraph--type--bp-video .ev3-video-text-section-contents .field--type-text-long p .btn
    {
        padding: .5rem 1rem !important;
    }
}

/**
 * Video Text Box Alignment - Left
 */
.banner-box-position-left .ev3-video-text-section {
    align-items: flex-start;
    justify-content: center;
}

/**
 * Video Text Box Alignment - center
 */
.banner-box-position-center .ev3-video-text-section {
    align-items: center;
    justify-content: center;
}

/**
 * Video Text Box Alignment - right
 */
.banner-box-position-right .ev3-video-text-section {
    align-items: end;
    justify-content: center;
}

/**
 * Video Text Box Alignment - bottom left
 */
.banner-box-position-bottom-left .ev3-video-text-section {
    align-items: flex-start;
    justify-content: flex-end;
}

/**
 * Video Text Box Alignment - bottom right
 */
.banner-box-position-bottom-right .ev3-video-text-section {
    align-items: flex-end;
    justify-content: flex-end;
}

/**
 * Video Text Box Alignment - bottom edge
 */
.banner-box-position-bottom-edge .ev3-video-text-section {
    justify-content: flex-end;
    align-items: center;
}
.banner-box-position-bottom-edge .ev3-video-text-section .ev3-video-text-section-contents {
    width: 100%;
}

/**
 * Video Text Box Alignment - top left
 */
.banner-box-position-top-left .ev3-video-text-section {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 50px;
}

/**
 * Video Text Box Alignment - top center
 */
.banner-box-position-top-center .ev3-video-text-section {
    justify-content: flex-start;
    align-items: center;
    margin-top: 50px;
}

/**
 * Video Text Box Alignment - top right
 */
.banner-box-position-top-right .ev3-video-text-section {
    justify-content: flex-start;
    align-items: flex-end;
    margin-top: 50px;
}

.ev3-video-text-section .ev3-video-text-section-contents  {
    padding-right: var(--container-gutter);
    padding-left: var(--container-gutter);
    padding-top: 20px;
    padding-bottom: 20px;
}

/**
 * Video Text Box Alignment - none
 */
.banner-box-position-none .ev3-video-text-section {
    justify-content: center;
    align-items: flex-start;
}

@media only screen and (max-width: 991.98px)
{
    .banner-box-position-top-left .ev3-video-text-section, .banner-box-position-top-center .ev3-video-text-section, .banner-box-position-top-right .ev3-video-text-section
    {
        margin-top: 50px;
    }
    .banner-box-position-mobile-top .ev3-video-text-section
    {
        justify-content: flex-start;
        margin-top: 50px;
    }
    .banner-box-position-mobile-bottom .ev3-video-text-section
    {
        justify-content: flex-end;
        margin-bottom: 50px;
    }
}

@media (max-width: 991.98px)
{
    .banner-box-position-left .ev3-video-text-section.text-below-banner,
    .banner-box-position-center .ev3-video-text-section.text-below-banner,
    .banner-box-position-right .ev3-video-text-section.text-below-banner,
    .banner-box-position-bottom-left .ev3-video-text-section.text-below-banner,
    .banner-box-position-bottom-right .ev3-video-text-section.text-below-banner,
    .banner-box-position-bottom-edge .ev3-video-text-section.text-below-banner,
    .banner-box-position-none .ev3-video-text-section.text-below-banner
    {
        position: relative;
        height: auto;
        margin-top: 20px;
        justify-content: normal;
        margin: 0;
        padding: 0;
    }
}