.vb-video-youtube { width:100%; height:100%; margin-left:auto; margin-right:auto; padding:0; align-self: stretch; display: flex; flex-direction: column; }
.vb-video-youtube.vb-maxwidth { max-width:800px; }
.vb-video-youtube a { height:100%; display: flex; flex-direction: column; text-decoration: none; }
.vb-video-youtube .media { width: 100%; position: relative; padding-bottom: 56.25%; margin:0; }
.vb-video-youtube .media > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.vb-video-youtube .image { width: 100%; position: relative; padding-bottom: 56.25%; margin:0; }
.vb-video-youtube a .image > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; }
.vb-video-youtube a .image > div { position: absolute; top:0; left:0; right:0; bottom:0; display:flex; justify-content:center; align-items:center; }
.vb-video-youtube a .image > div > img { width: 15%; max-width: 120px; height: auto; opacity: .95; -webkit-filter: drop-shadow(3px 3px 5px #000000ff); filter: drop-shadow(3px 3px 5px #000000ff); transition:all .12s ease-in-out; }

.vb-video-youtube .details { position:relative; flex:1; display: flex; flex-direction: column; width: 100%; background-color: #eaeaea; padding:10px 15px 38px 15px; text-transform: unset; font-size:90%; border: 1px solid #ddd; border-bottom-left-radius:22px; border-bottom-right-radius: 3px; overflow: hidden; }

.vb-video-youtube .vb-text { padding:0; flex: 1; font-size: 86%; line-height: 1.25; font-weight: 300; color:var(--text_color); } 
.vb-video-youtube a h3 { margin:0 0 15px 0; font-size: inherit; letter-spacing: -.2px; color:var(--text_color); transition:all .12s ease-in; }

.vb-video-youtube .icons { position: absolute; bottom: 0; right:0; }
.vb-video-youtube .icons > div { margin: 2px 8px; }

.embed-youtube { width: 100%; padding-bottom: 56.25%; position: relative; }
.embed-youtube > iframe { position: absolute; top: 0; left: 0; }

@media(hover: hover) and (pointer: fine) {
	.vb-video-youtube a:hover .image > div > img { transform:scale(1.06); opacity:1; -webkit-filter: drop-shadow(6px 6px 6px #00000099); filter: drop-shadow(6px 6px 6px #00000099); }
	.vb-video-youtube a:hover h3 { color:var(--primary_color); }
}