.all-videos-container{font-family:Karla,sans-serif}a:hover,a:focus{opacity:1}.page-width{max-width:1370px}h1{position:relative;margin:0;padding:16px;background:#000}h1 span{display:block;margin:0 auto;width:196px;height:20px;background:transparent url(header-one-degree-tv.png) center no-repeat;background-size:contain;text-indent:200%;white-space:nowrap;overflow:hidden}@media (min-width: 512px){h1{padding:20px 60px}h1 span{width:255px;height:26px}h1:before{content:"";position:absolute;left:20px;top:10px;bottom:15px;width:40px;background:transparent url(icon-tv.png) left top no-repeat;background-size:contain}}@media (min-width: 750px){h1{padding:24px 80px}h1 span{width:294px;height:30px}h1:before{left:24px;top:12px;bottom:18px;width:80px}}@media (min-width: 1024px){h1{padding:32px 120px}h1 span{width:392px;height:40px}}.video-container{display:flex;flex-direction:column;margin:40px -20px 48px}.video-container>div{padding:0 20px}.video-container .video-player{margin-bottom:24px}.video-container .video-player .embed{position:relative;padding:56.25% 0 0}.video-container .video-player .embed iframe,.video-container .video-player .embed object,.video-container .video-player .embed embed{position:absolute;left:0;top:0;width:100%;height:100%}@media (min-width: 750px){.video-container .video-description{width:66.66%}}@media (min-width: 1024px){.video-container{flex-direction:row}.video-container .video-player{margin-bottom:0;width:66.66%}.video-container .video-description{width:33.33%}}.video-container h2{margin:0 0 10px;font-weight:700;font-size:28px;line-height:30px;text-transform:uppercase;color:#000}@media (min-width: 750px){.video-container h2{font-size:36px;line-height:38px}}.video-container p{margin:0 0 8px;font-weight:700;font-size:16px;line-height:20px;color:#000}.video-container ul{list-style:none;display:flex;flex-flow:row wrap;margin:0 -10px;padding:0}.video-container ul li{margin:16px 10px 0}.video-container ul a{display:block;padding:12px 24px;border-radius:5px;background:#05b0f4;font-weight:700;font-size:14px;line-height:20px;text-transform:uppercase;letter-spacing:.1em;color:#fff;text-decoration:none;transition:background-color .2s ease-out}.video-container ul a:hover,.video-container ul a:focus{background-color:#049edb}.tags{margin-bottom:32px;padding:12px 0;border-top:1px solid black}.tags p{display:flex;flex-flow:row wrap;justify-content:center;margin:0;font-weight:700;font-size:12px;line-height:22px;text-transform:uppercase;letter-spacing:.06em;color:#000}.tags p a{margin:0 4px;color:#000;text-decoration:none;transition:color .2s ease-out}.tags p a:hover,.tags p a:focus{color:#999}.tags p a.on{color:#05b0f4}.tags p span{margin:0 4px}@media (min-width: 750px){.tags p{font-size:16px;line-height:28px}}.video-thumbs-container{display:flex;flex-direction:column;margin:0 -20px}@media (min-width: 512px){.video-thumbs-container{flex-flow:row wrap}}.video-thumb{flex:0 0 auto;padding:0 20px 40px;width:100%}.video-thumb a{position:relative;display:flex;justify-content:center;align-items:center;padding:20px;height:100%;min-height:50vw;background-color:#4a4a4a;background-position:center;background-size:cover;font-weight:700;font-size:24px;line-height:32px;text-transform:uppercase;color:#fff;text-align:center;text-decoration:none}@media (min-width: 1024px){.video-thumb a{font-size:30px;line-height:38px}}.video-thumb a .bg{position:absolute;left:0;right:0;top:0;bottom:0;background:radial-gradient(circle,#0000004d,#000000b3);opacity:0;transition:opacity .2s ease-out}.video-thumb a span.title{position:relative;opacity:0;transition:opacity .2s ease-out}.video-thumb a:hover .bg,.video-thumb a:focus .bg{opacity:1}.video-thumb a:hover span.title,.video-thumb a:focus span.title{opacity:1}.video-thumb a.active .bg{background:radial-gradient(circle,#05b0f44d,#05b0f4b3);opacity:1}.video-thumb a.active span.title{opacity:1}@media (min-width: 512px){.video-thumb{width:50%}.video-thumb a{min-height:25vw}}@media (min-width: 750px){.video-thumb{width:33.33%}.video-thumb a{min-height:16vw}}@media (min-width: 1370px){.video-thumb a{min-height:220px}}.video-thumb .video-description{display:none}
/*# sourceMappingURL=/cdn/shop/t/1/assets/videos.scss.css.map */