/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

.yt-playlist-wrapper {
    max-width: 100%;
    margin: 0 auto;
}

.yt-playlist-wrapper .yt-main-video,
.yt-playlist-wrapper .yt-main-video iframe {
	border-radius: 8px;
	overflow : hidden;
    width: 100%;
    height: 100%;
}

.yt-thumbs {
    display: flex;
    gap: 10px;
    margin-top: 15px;
    flex-wrap: wrap;
}

.yt-thumb {
    cursor: pointer;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
    border: 2px solid transparent;
    border-radius: 10px;
	width : calc(25% - 10px + 2px);
}

.yt-thumb.active {
    border-color: rgba(65, 102, 122, 1.0); /* YouTube rood */
    box-shadow: 0 0 8px rgba(65, 102, 122, 0.6);
}

.yt-thumb img {
    width : 100%;
    border-radius: 8px;
}

.yt-thumb:hover {
    transform: scale(1.05);
}

#yt-playlist-wrapper iframe {
    pointer-events: none; /* voorkomt klikken op de iframe */
}

.fusion-main-menu>ul>li>a .menu-text img {
	margin-top : 4px;
	margin-left : 12px;
}


.menu-image-title-after.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-after .menu-image-hover-wrapper, .menu-image-title-before.menu-image-title,
.menu-image-title-before.menu-image-not-hovered img, .menu-image-hovered.menu-image-title-before .menu-image-hover-wrapper, .menu-image-title-after.menu-image-title {
	padding : 0 !important;
}


@media only screen and (max-width: 768px) {
	  .yt-thumb {
		width : calc(50% - 10px + 2px);
	}
}