/* The styles for the Amenitiz Integrator plugin's iframe container 
.amenitiz-iframe-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

/* Ensures the iframe itself is absolutely positioned within the container 
.amenitiz-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
	}

[style*="--aspect-ratio"] > :first-child {
width: 100%;
}
[style*="--aspect-ratio"] > img {  
height: auto;
} 
@supports (--custom:property) {
[style*="--aspect-ratio"] {
position: relative;
}
[style*="--aspect-ratio"]::before {
content: "";
display: block;
padding-bottom: calc(100% / (var(--aspect-ratio)));
}  
[style*="--aspect-ratio"] > :first-child {
position: absolute;
top: 0;
left: 0;
height: 100%;
}  
} */


/* Desktop */
.responsive-iframe{
	--aspect-ratio: 16/9;	
}

.responsive-iframe iframe{
	min-height: 619px;
	position:relative;
	top:-50px;
}

/* Mobile */
@media (max-width: 768px) {
	.responsive-iframe iframe{
		min-height: 619px;
		position:relative;
		top:30px!important;
	}
	.responsive-iframe{
		--aspect-ratio: 9/16;	
	}
}