/* yt video shortcode */

.dianem-module-yt-video {
position: relative;
width: 100%;
height: auto;
line-height: 0;
display: block;
background-color: #ffffff;
}

.dianem-module-yt-video .home-video-iframe {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.dianem-module-yt-video button {
background-color: transparent !important;
border: 0 !important;
cursor: pointer !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
}

.dianem-module-yt-video button img {
min-height: 100%;
height: 100%;
width: 100%;
object-fit: cover;
}

.dianem-module-yt-video iframe.video-active {
z-index: 9;
display: block;
}

.dianem-module-yt-video button:before {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 24 24'%3E%3Cpath id='Artboard1' d='M0 0h24v24H0z' style='fill:none'/%3E%3Cg id='Artboard11'%3E%3Cpath d='M23.524 6.242c.328 1.818.487 3.662.476 5.509a29.997 29.997 0 0 1-.476 5.426l-.014.066a3.783 3.783 0 0 1-2.638 2.719l-.014.004c-1.772.474-8.858.494-8.858.494s-7.086-.02-8.858-.494l-.006-.001a3.786 3.786 0 0 1-2.638-2.611 1.106 1.106 0 0 1-.022-.096A30.019 30.019 0 0 1 0 11.749a29.986 29.986 0 0 1 .476-5.466l.014-.066a3.783 3.783 0 0 1 2.652-2.723C4.914 3.02 12 3 12 3s7.07.017 8.837.449a3.783 3.783 0 0 1 2.687 2.793Z' style='fill:none;stroke:%23ffffff;stroke-width:.63px' transform='matrix(.97 0 0 .97 .36 .352)'/%3E%3Cpath d='M8.75 15.02V8.48a.999.999 0 0 1 1.494-.869l5.75 3.27a.998.998 0 0 1 0 1.738l-5.75 3.27a1 1 0 0 1-1.494-.869Z' style='fill:none;stroke:%23ffffff;stroke-width:.63px' transform='matrix(.97 0 0 .97 .36 .352)'/%3E%3C/g%3E%3C/svg%3E");
background-position:center center;
background-repeat:no-repeat;
background-size:auto 30%;
box-shadow:0 0 0 0 #88e94e;
}

.dianem-module-yt-video button:hover::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2' viewBox='0 0 24 24'%3E%3Cpath id='Artboard1' d='M0 0h24v24H0z' style='fill:none'/%3E%3Cg id='Artboard11'%3E%3Cpath d='M23.524 6.242c.328 1.818.487 3.662.476 5.509a29.997 29.997 0 0 1-.476 5.426l-.014.066a3.783 3.783 0 0 1-2.638 2.719l-.014.004c-1.772.474-8.858.494-8.858.494s-7.086-.02-8.858-.494l-.006-.001a3.786 3.786 0 0 1-2.638-2.611 1.106 1.106 0 0 1-.022-.096A30.019 30.019 0 0 1 0 11.749a29.986 29.986 0 0 1 .476-5.466l.014-.066a3.783 3.783 0 0 1 2.652-2.723C4.914 3.02 12 3 12 3s7.07.017 8.837.449a3.783 3.783 0 0 1 2.687 2.793Z' style='fill:none;stroke:%2388e94e;stroke-width:.63px' transform='matrix(.97 0 0 .97 .36 .352)'/%3E%3Cpath d='M8.75 15.02V8.48a.999.999 0 0 1 1.494-.869l5.75 3.27a.998.998 0 0 1 0 1.738l-5.75 3.27a1 1 0 0 1-1.494-.869Z' style='fill:none;stroke:%2388e94e;stroke-width:.63px' transform='matrix(.97 0 0 .97 .36 .352)'/%3E%3C/g%3E%3C/svg%3E");
transition:.3s all ease-in-out;
-webkit-transition:.3s all ease-in-out;
background-color:rgba(0,0,0,0.3);
box-shadow:0 0 0 4px #88e94e;
}