@charset "utf-8";
/* CSS Document */
.fluid-width-video-wrapper {
    padding-top: 56.25%!important;
}
.video-container {
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.video-pane {
    flex: 1;
    max-width: 60%;
    position: relative;
}

/* Ensure video always stays in 16:9 proportion */
.video-pane iframe,
.video-pane video {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    display: block;
}

.video-list {
	border: 1px solid #dadada;
    list-style: none;
    padding: 0;
    margin: 0;
    flex: 1;
}

.video-list li {
	border-bottom: 1px solid #dadada;
}

.video-list li:last-child {
	border-bottom: none;
}

.video-list a {
    text-decoration: none;
    color: #81a6db;
    font-weight: bold;
    cursor: pointer;
	padding: 10px;
	display: block;
}

.video-list a:hover {
    color: #999;
}

.video-list a.video-link.active {
	background-color: #81a6db;
    color: #fff !important;
}

@media screen and (max-width: 980px) {
	body.single-product .video-container {
    	display: flex;
    	flex-direction: column;
	}
	body.single-product .video-pane, body.single-product ul.video-list  {
    	width: 100%!important;
   		max-width: 100%!important;
	}
	body.single-product ul.video-list {
    	margin-top: 30px !important;
	}
}