/*Inserimento video popup - aggiunta icona video*/
a[rel="wp-video-lightbox"] {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
	box-shadow: 2px 3px 4px rgba(0,0,0,.3);
	padding-top: 56%;
}

a[rel=wp-video-lightbox]>img.video_lightbox_anchor_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



a[rel="wp-video-lightbox"]::before {
    content: "\f144";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: FontAwesome;
    font-size: 45px;
    color: #ffcf00;
    filter: drop-shadow(0px 6px 10px rgba(0,0,0,0.7));
    background: #111;
    display: block;
    height: 25px;
    width: 38px;
    padding: 7px 0;
    border-radius: 50%;
	z-index: 1;
	transition: all 0.1s ease-in;
}
a[rel="wp-video-lightbox"]:hover::before {
    transform: translate(-50%,-57%) scale(1.2);
	filter: drop-shadow(0px 2px 15px rgba(0,0,0,0.4)); 
}

@keyframes ripple {
    0% {
        -webkit-transform: scale(0,0);
        transform: scale(0,0);
        opacity: 1;
    }
    65% {
        opacity: .9;
    }
	100% {
        -webkit-transform: scale(6.5,6.5);
        transform: scale(6.5,6.5);
        opacity: 0;
    }
}
/*effetto pulse*/ 
a[rel="wp-video-lightbox"]::after {
    content: '';
    position: absolute;
    top: 45%;
    left: 48%;
    width: 10px;
    height: 10px;
    background: rgba(255, 207, 0, 0.6);
    opacity: 0;
    border-radius: 100%;
    -webkit-transform: scale(1,1) translate(-50%);
    -ms-transform: scale(1,1) translate(-50%);
    transform: scale(1,1) translate(-50%);
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}
a[rel="wp-video-lightbox"]:hover:not(:active)::after,
a[rel="wp-video-lightbox"]:focus:not(:active)::after {
    -webkit-animation: ripple 0.3s ease-out;
    animation: ripple 0.3s ease-out;
}



/*Se c'è il titolo...*/
.video-lightbox-YT.video-tit span {
    display: block;
    float: left;
    width: 100%;
    line-height: 1.2;
    padding-top: 10px;
    margin-bottom: 20px;
    min-height: 50px;
}

/*Se il video ha auto thumb allora devo mettere...*/
.wpvl_auto_thumb_play {
    display: none;
}

.wpvl_auto_thumb_box_wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.wpvl_auto_thumb_box {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}
.wpvl_auto_thumb_box img.video_lightbox_auto_anchor_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}


@media (max-width:480px) {
	.pp_pic_holder.dark_square {
		width: 94% !important;
		left: 3% !important;
	}
	.pp_pic_holder.dark_square iframe {
		width: 100%;
	}
}