/* ///////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////// */

.video_box_youtube
{
box-sizing:border-box;

background: #549eeb;

display: flex;
flex-direction: column;
align-items: center;

border-radius: var(--inner_radius);

font-family: sans-serif;
font-weight: bold;
text-align: center;
font-size: 16px;
color: white;

position: relative;
overflow: hidden;
width: 100%;
padding-top: 56.25%;

transition: all 2s;

}

.video_embedded_youtube
{
box-sizing:border-box;

margin: 0;
padding: 0;

border-radius: var(--inner_radius);

position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;

transition: all 2s;

}

/* ///////////////////////////////////////////////////////////////////////////////// */

.video_box_vimeo
{
box-sizing:border-box;

background: #549eeb;

display: flex;
flex-direction: column;
align-items: center;

border-radius: var(--inner_radius);

font-family: sans-serif;
font-weight: bold;
text-align: center;
font-size: 16px;
color: white;

position: relative;
overflow: hidden;
width: 100%;
padding-top: 41.6%;

transition: all 2s;

}

.video_embedded_vimeo
{
box-sizing:border-box;

margin: 0;
padding: 0;

border-radius: var(--inner_radius);

position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: 100%;
height: calc(100% + 1px);

transition: all 2s;

}

/* ///////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////// */
/* ///////////////////////////////////////////////////////////////////////////////// */