.youtube-widget { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background-color:#fff; border-radius: 4px; overflow:hidden; }
.youtube-widget-title { height: 50px; width: 100%; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative;}
.youtube-widget-title:after {content: ''; width: calc(100% - 34px); height: 1px; background-color: #e6ecf3; position:absolute; left:17px; bottom:0; }

.youtube-widget-title .youtube-icon { -ms-flex-negative: 0; flex-shrink: 0; width: 80px; height: 31px; background: url(../i/sprite.png) no-repeat 0px -96px; margin-left: 16px; }

.youtube-widget-content { -webkit-box-flex: 9999; -ms-flex-positive: 9999; flex-grow: 9999; padding: 10px 17px 0; background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.youtube-widget-item { display:-webkit-box; display:-ms-flexbox; display:flex; margin-bottom:10px;  }
.youtube-widget-item:last-child { margin-bottom:0; padding-bottom:10px; border-bottom:1px solid rgba(236,40,40, .1); }
.youtube-widget-item-image { -ms-flex-negative:0; flex-shrink:0; width: 100px; position:relative; border-radius: 4px; overflow: hidden;}
.youtube-widget-item-image img { -webkit-transition: .2s; -o-transition:.2s; transition:.2s; }
.youtube-widget-item .youtube-play-icon { width: 31px; height: 31px; border-radius: 50%; background-color: rgba(255,255,255,.74); position: absolute; top: 5px; left: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: .2s; -o-transition: .2s; transition: .2s;}
.youtube-widget-item .youtube-play-icon svg { width: 13px; height: 13px; fill: #ed1c24; margin-left: 5px; margin-bottom: -2px;}

.youtube-widget-item-text a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; padding-left: 10px; font-size:16px; line-height: 23px; color:#000000; font-family:var(--font-semibold); }
.youtube-widget-item-text a span { display:block; max-height:48px; overflow:hidden; }

.youtube-widget-bottom { background-color:#fff; }
.youtube-widget-bottom a { width: 100%; height: 32px; padding-right: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; font-size: 13px; color: #EC2828; font-family: var(--font-semibold); -webkit-transition: .2s; -o-transition: .2s; transition: .2s; z-index: 1;}
.youtube-widget-bottom a:after { content: ''; display: block; width: 5px; height: 8px; background: url(../i/sprite.png) no-repeat -65px -3px; margin-left: 20px; }
.youtube-widget-bottom a:before { content:''; width:0px; height:100%; background-color:#EC2828; position:absolute; top:0; left:0; -webkit-transition: .2s; -o-transition: .2s; transition: .2s; -webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	z-index: -1;
}
.youtube-widget-bottom a:hover { color:#fff; }
.youtube-widget-bottom a:hover:before { width:100%; }
.youtube-widget-bottom a:hover:after {background-position: -46px -3px;}


@media (min-width: 992px) {
	.youtube-widget-item { margin-bottom:4px; }
	.youtube-widget-item-image { width: 107px; }
}

@media (min-width: 1200px) {
	.youtube-widget-item { margin-bottom:9px; }
}

@media (min-width: 1441px) {
	.youtube-widget-item-image { width: 123px; }
}