/* =========================================================
   VANTI VIDEO GRID UX
========================================================= */

a[rel*="wp-video-lightbox"]{
	position:relative;
	display:block;
	overflow:hidden;
}

/* PLAY ICON */

a[rel*="wp-video-lightbox"]::after{
	content:'▶';

	position:absolute;
	top:50%;
	left:50%;

	transform:translate(-50%,-50%);

	display:flex;
	align-items:center;
	justify-content:center;

	padding-left:8px;

	color:#fff;

	font-size:72px;
	font-weight:400;
	line-height:1;

	opacity:.9;

	z-index:5;

	text-shadow:
		0 8px 30px rgba(0,0,0,.35);

	transition:
		transform .35s ease,
		color .35s ease,
		opacity .35s ease;
}

/* HOVER */

a[rel*="wp-video-lightbox"]:hover::after{

	transform:
		translate(-50%,-50%)
		scale(1.06);

	color:#1FACBB;

	opacity:1;
}

/* =========================================================
   VANTI VIMEO POPUP
========================================================= */

.vanti-vimeo-popup{
	position:fixed;
	inset:0;

	display:flex;
	align-items:center;
	justify-content:center;

	z-index:999999;

	opacity:0;
	pointer-events:none;

	transition:opacity .35s ease;
}

.vanti-vimeo-popup.is-active{
	opacity:1;
	pointer-events:auto;
}

/* OVERLAY */

.vanti-vimeo-popup__overlay{
	position:absolute;
	inset:0;

	background:rgba(0,0,0,.88);
}

/* VIDEO WRAPPER */

.vanti-vimeo-popup__inner{
	position:relative;

	width:min(92vw,1400px);

	aspect-ratio:16/9;

	background:#000;

	overflow:hidden;

	transform:scale(.97);

	transition:transform .35s ease;

	z-index:2;
}

.vanti-vimeo-popup.is-active .vanti-vimeo-popup__inner{
	transform:scale(1);
}

/* VIDEO */

.vanti-vimeo-popup__video,
.vanti-vimeo-popup__video iframe{
	width:100%;
	height:100%;

	border:none;

	display:block;

	background:#000;

	position:relative;

	z-index:2;
}

/* =========================================================
   LOADER
========================================================= */

.vanti-vimeo-popup__loader{
	position:absolute;
	inset:0;

	display:flex;
	align-items:center;
	justify-content:center;

	z-index:1;
}

.vanti-vimeo-popup__loader::after{
	content:'';

	width:54px;
	height:54px;

	border-radius:999px;

	border:3px solid rgba(255,255,255,.16);

	border-top-color:#1FACBB;

	animation:vantiSpin 1s linear infinite;
}

@keyframes vantiSpin{
	to{
		transform:rotate(360deg);
	}
}

/* =========================================================
   CLOSE BUTTON MINIMAL
========================================================= */

.vanti-vimeo-popup__close{
	position:absolute;

	top:18px;
	left:18px;

	width:42px;
	height:42px;

	display:flex;
	align-items:center;
	justify-content:center;

	padding:0;
	margin:0;

	border:none;
	background:none;
	box-shadow:none;

	color:#fff;

	font-size:34px;
	font-weight:300;
	line-height:1;

	cursor:pointer;

	z-index:99999;

	opacity:.78;

	transition:
		opacity .25s ease,
		color .25s ease;
}


/* =========================================================
   MOBILE
========================================================= */

@media(max-width:767px){

	a[rel*="wp-video-lightbox"]::after{
		font-size:52px;
	}

	.vanti-vimeo-popup__inner{
		width:94vw;
	}

	.vanti-vimeo-popup__close{
		top:12px;
		left:12px;
		font-size:28px;
	}
}