.youtube-play-button {
background: url(https://cdn2.iconfinder.com/data/icons/social-icons-color/512/youtube-64.png) no-repeat center center transparent;
background-size: contain;
width: 70px;
height: 70px;
display: inline-block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: opacity 0.2s ease-in-out;
opacity: 0.6;
}
.youtube-play-button:hover {
opacity: 1;
}
.image-video-plugin {
height: calc(100vw * 0.5);
width: 100%;
max-width: 587px !important;
}
@media screen and (min-width: 760px) {
.image-video-plugin {
max-height: 315px;
padding-bottom: 56%;
}
}
iframe[src*="youtube"] {
height: calc(100vw * 0.5) !important;
max-height: 315px !important;
max-width: 587px !important;
}.global-div-post-related-aib {
clear: both;
margin-top: 0em;
margin-bottom: 1em;
}
.internal-div-post-related-aib {
padding-left: 1em;
padding-right: 1em;
}
.post-related-aib {
padding: 0px;
margin: 0;
padding-top: 1em !important;
padding-bottom: 1em !important;
width: 100%;
display: block;
font-weight: bold;
background-color: #eaeaea;
border: 0 !important;
border-left: 4px solid #34495E !important;
text-decoration: none !important;
}
.post-related-aib:active,
.post-related-aib:hover {
opacity: 1;
transition: opacity 250ms;
webkit-transition: opacity 250ms;
text-decoration: none !important;
}
.post-related-aib {
transition: background-color 250ms;
webkit-transition: background-color 250ms;
opacity: 1;
transition: opacity 250ms;
webkit-transition: opacity 250ms;
}
.post-related-aib .text-post-related-aib {
font-weight: bold;
color: #464646;
text-decoration: none !important;
font-size: 16px;
}
.post-related-aib .post-title-aib {
color: #000000;
text-decoration: underline !important;
font-size: 16px;
}
.post-related-aib:hover .post-title-aib {
text-decoration: underline !important;
}