/* Styling for video player thumbnails and videos */
@font-face {
  font-family: 'nano_icon_font3';
  src: url('./font/nano_icon_font3.eot?8875162');
  src: url('./font/nano_icon_font3.eot?8875162#iefix') format('embedded-opentype'),
       url('./font/nano_icon_font3.woff?8875162') format('woff'),
       url('./font/nano_icon_font3.ttf?8875162') format('truetype'),
       url('./font/nano_icon_font3.svg?8875162#nano_icon_font3') format('svg');
  font-weight: normal;
  font-style: normal;
}

.yt_navbar{background:none;border-top:1px solid #555;border-bottom:1px solid #555;}
.yt_navbar p{color:#555;}
.yt_navbar .yt_icon{font-family: "nano_icon_font3";}    /* Use nanoGallery font icons for consistency */
.yt_item{position:relative;margin-bottom:16px;flex:0 0 auto;cursor:pointer;}
.yt_item img{width:100%;border-radius:8px;}
.yt_item iframe{width:100%;border:none;border-radius:8px;}
.yt_title{font-size:14px;margin-top:5px;}
.yt_duration{position:absolute;top:8px;right:8px;color:white;background:rgba(34,34,34,0.75);padding:3px 6px;font-size:12px;border-radius:4px;}