﻿.TlvYouTube {}

.video-box { padding:15px 15px;}
.video-caption {background-color:#ffffff; color:#0072C1; font-family:'BlenderBold', Arial, sans-serif; font-size:21px; line-height:28px; padding:5px 0;}

.embed-responsive {text-align:center; background-position:center center; background-repeat:no-repeat; background-size:cover; cursor:pointer;}
.embed-responsive.video1 {background-image:url(/_layouts/15/TlvSP2013PublicSite/images/manuals/video1.jpg);}
.embed-responsive.video2 {background-image:url(/_layouts/15/TlvSP2013PublicSite/images/manuals/video2.jpg);}
.embed-responsive.video3 {background-image:url(/_layouts/15/TlvSP2013PublicSite/images/manuals/video3.jpg);}
.embed-responsive .icon { position:absolute; top:50%; left:50%; width:70px; height:70px; line-height:70px; text-align:center; margin:-35px 0 0 -35px; background-color: rgba(0,0,0,0.70); color:#ffffff; font-size:30px; border-radius:50%;}
.sim-icon-control-play:before {padding-left: 5px;}
.embed-responsive:hover .icon, .embed-responsive:focus .icon { background-color: #ffcd32; color:#3c3c3c; }
/*.embed-responsive .embed-responsive-item { visibility:hidden;}*/

.more-videos {font-family:'BlenderBold', Arial, sans-serif; font-size:19px; text-align:left; background-image:url(/_layouts/15/TlvSP2013PublicSite/images/rgy-arrow2x.png); background-repeat:no-repeat; background-position:left center; background-size:30px 30px; padding-left:35px; margin:30px 15px 30px 15px; line-height: 30px;}
.more-videos a{ color:#3c3c3c; }
.more-videos a:hover, .more-videos a:focus { text-decoration:underline; }

.video-caption1 { font-size: 27px; line-height:32px;}

.embed-responsive:focus { border: 2px solid #ffcd32; }

@media (min-width: 768px) {
.col-sm-12.video-box { padding-top:0;}
.col-sm-6.video-box { padding-bottom:0;}
.video-caption {padding:8px 15px; font-size:19px;}
.video-caption1 {font-size:23px;}
.more-videos  {font-size:21px;}
.manualMore .embed-responsive .icon { display: none; }
.manualMore .embed-responsive:hover .icon, .manualMore .embed-responsive:focus .icon { display: block; }
}

@media (min-width:992px) {
.more-videos {margin:30px 15px 30px 35px;}
}


@media (min-width: 1200px) {
.video-caption1 { font-size: 27px; line-height:32px;}
}
