.ongoing-video-component .event-image-container {
	position: relative;
}
.ongoing-video-component .event-image-container .live-arrow-right {
	position: absolute;
	right: 10px;
	top: 50%;
}
.congoing-video-component .event-image-container .live-arrow-left {
	position: absolute;
	left: 10px;
	top: 50%;
}
.ongoing-video-component .event-slider-item {
	cursor: pointer;
}
.ongoing-video-component .data-container {
	position: relative;
	margin-right: 5px;
}
.ongoing-video-component .event-image-container img {
	max-width: 100%;
}
.ongoing-video-component .event-image-container img:hover {
	opacity: .8;
}
.ongoing-video-component .event-info-wrapper {
	display: flex;
	box-sizing: border-box;
	position: absolute;
	bottom: 0;
	padding: 10px 20px;
	width: 100%;
	background-color: rgba(0,0,0,0.6);
}
.ongoing-video-component .event-play-image-container img{
	max-width: 100%;
}
.ongoing-video-component .event-details-container {
	display: flex;
	align-items: center;
	padding-left: 10px;
	width: 100%;
	justify-content: space-between;
	color: #fff;
	font-size: 1.4em;
	font-weight: 650;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
}
.ongoing-video-component .event-time-container {
	padding-left: 10px;
}


/* Common styles among components */
.component {
    margin: 45px 0;
}
.component-title {
    font-size: 200%;
    font-weight: 600;
    margin: 0 0 30px;
    text-align: left;
    color: #000;
}
.video-name {
    font-size: 130%;
    font-weight: 600;
    margin: 0 0 10px 0;
}
.video-thumbnail .video-name {
    margin-top: 15px;
}
.component .video-name {
    color: #000;
}
.component .video-name:hover {
    color: #000;
    text-decoration: underline;
}

.video-timestamp {
    font-size: 100%;
    font-weight: 300;
    margin: 0 0 10px 0;
}
.video-description {
    font-size: 140%;
    font-weight: 400;
    margin: 0 0 10px 0;
}
.video-thumbnail {
    overflow: hidden;
    margin-bottom: 15px;
}
.video-thumbnail img {
    background-color: #DEDFE1;
    width: 100%;
    height: auto;
}
.video-thumbnail:hover img {
    opacity:.8;
}

/*Grid thumbnail */
.thumbnailGrid-container {
	padding: 5px;
}
.thumbnailGrid-container a:link,
.thumbnailGrid-container a:visited {
    text-decoration: none;
}
.thumbnailGrid-container a:hover,
.thumbnailGrid-container a:active {
    text-decoration: none;
}

.thumbnailGrid {
    display: grid;
    overflow: hidden;
    grid-gap: 10px;
    grid-template-columns: 1fr 6fr 1fr;
    grid-template-rows: 4fr 1fr;
}

.thumbnailGrid:hover {
    opacity: .75;
}

.videoPlayBtn {
    grid-area: playBtn;
    z-index: 9;
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 2;
    grid-row-end: 3;
    align-self: center;
    justify-self: right;
}

.videoTitle {
    grid-area: videoTitle;
    z-index: 9;
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
    padding: 5px;
    font-size: 100%;
    font-weight: 650;
    color: #fff;
    align-self: center;
    justify-self: left;
    text-decoration: none !important;
}

.videoDuration {
    grid-area: videoDuration;
    z-index: 9;
    grid-column-start: 3;
    grid-column-end: 4;
    grid-row-start: 2;
    grid-row-end: 3;
    padding: 15px;
    font-size: 75%;
    font-weight: 650;
    vertical-align: baseline;
    box-sizing: border-box;
    box-sizing: border-box;
    align-self: end;
    justify-self: end;
    color: #fff;
}


.videoThumbnail {
    grid-area: videoThumbnail;
    z-index: 3;
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
    grid-row-end: 3;
    justify-self: stretch;
    align-self: stretch;
}

.videoThumbnail img {
    min-width: 100%;
    min-height: 100%;
    display: block;
    object-fit: cover;
}

.default .on-demand-grid-vod-item-grid-name {
    font-size: 200%;
    font-weight: 600;
    margin: 0 0 30px;
    text-align: left;
    color: #000;
    font-family: 'Verdana', sans-serif;
    letter-spacing: 0;
    border-bottom: 0 none transparent;
}

/* Ongoing video component classes */
.ongoing-video-component {}

/* Upcoming events video component classes */
.upcoming-events-video-component {}

/* Editor's choice */
.editors-choice-component {}





/* Bootstrap default styles additions */
/* Required for collapse interactions */
.fade {
  transition: opacity 0.15s linear;
}

@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}

.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}

@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.min-gutters {
  margin-right: 4px;
  margin-left: 4px;
}

.min-gutters .col,
.min-gutters [class*="col-"] {
  padding-right: 4px;
  padding-left: 4px;
}

.row .row {
    margin-right: 0;
    margin-left: 0;
}