/* IOS <= 14 */
@supports not (aspect-ratio: auto) {
	.modal-wrapper.guidelines-popup.show-guidelines-popup,
	.mobile-popup-menu.show-menu-popup{
		opacity: 1;
		display: block;
	}
	.modal-wrapper.guidelines-popup.show-guidelines-popup{
		display: grid;
		align-items: center;
		justify-items: center;
	}
}
/**** ratio ****/
@supports not (aspect-ratio: auto) {
  
	/* General Image Ratios */
	.sdc-img-ratio {
		overflow: hidden;
		position: relative;
		width: 100%;
	}
	.sdc-img-ratio.--ratio-4-3 {
		padding-top: 75%;
	}
	.sdc-img-ratio.--ratio-3-4 {
		padding-top: 133%;
	}
	.sdc-img-ratio.--ratio-9-16 {
		padding-top: 177%;
	}
	.sdc-img-ratio.--ratio-21-8 {
		padding-top: 38%;
	}

	/* Specific Ratio Wrappers */
	.ratio-3-2-wrapper {
		padding-top: 66.66%;
	}
	.ratio-3-2-wrapper img {
		height: 100%;
		position: absolute;
		top: 0;
	}

	/* Image Wrappers */
	.service-2-image-size{
		padding-top: 67%;
		overflow: hidden;
		position: relative;
	}
	.project-item{
		padding-top: 75%;
		overflow: hidden;
		position: relative;
	}
	.project-item .parallax-background img{
		padding-top: 0;
		height: 100%;
		position: absolute;
		top: 0;
	}
	.hotel-overview-image-wrap,
	.wedding-content-image,
	.blog-main-image-wrap .blog-main-image-2 {
		padding-top: 56.6%;
		overflow: hidden;
		position: relative;
	}
	.service-2-image-size .image-animation-trigger,
	.project-item .image-bg-gradient-bottom,
	.hotel-overview-image-wrap .image-animation-trigger,
	.wedding-content-image .image-animation-trigger,
	.blog-main-image-2 .parallax-trigger {
		height: 100%;
		position: absolute;
		top: 0;
	}
	.service-2-image-size .image-animation-trigger img,	
	.project-item .image-bg-gradient-bottom img,
	.hotel-overview-image-wrap .image-animation-trigger img,
	.wedding-content-image .image-animation-trigger img,
	/*.blog-main-image-2 .parallax-trigger img*/{
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.hotel-history-image-wrap {
		padding-top: 177%;
	}

	/* Offers and Mobile Styles */
	.offer-item-mobile-wrap {
		display: grid;
	}
	.dining-exp-image{
		height: 9em;
	}
	@media screen and (max-width: 991px) {
		.page-header {
			padding-top: 125%;
		}
		.section.with-hero-styles > .image-bg-gradient-top,
		.page-header > div {
			height: 100%;
			position: absolute;
			top: 0;
		}
		.page-header div .page-header-title {
			height: 100%;
		}
		.dining-exp-image{
			padding-top: 56.6%;
			overflow: hidden;
			position: relative;
		}	
		.dining-exp-image .image-animation-trigger{
			height: 100%;
			position: absolute;
			top: 0;
		}			
		.facility-item-image-wrap{
			padding-top: 100%;
			overflow: hidden;
			position: relative;
		}
		.facility-item-image-wrap img {
			height: 100%;
			position: absolute;
			top: 0;
		}
	}

	/* Awards Section */
	.awards-main-image-wrap {
		padding-top: 75%;
	}
	.awards-item-wrap {
		display: grid;
		grid-template-columns: 0.3fr 1fr;
	}
	.awards-main-image-wrap .awards-main-image,
	.cover-image {
		position: absolute;
		top: 0;
		left: 0;
	}

	/* Footer Social Icons */
	.footer-social-icon-wrap {
		display: grid;
		gap: 1.2em;
		grid-auto-flow: column;
	}

	/* Berkeley Gallery and Hotel Quote Images */
	.berkerley-gallery .fg-image-wrap,
	.hotel-quote-image-wrap {
		padding-top: 100%;
		overflow: hidden;
		position: relative;
	}
	.berkerley-gallery .fg-image-wrap > img,
	.hotel-quote-image-wrap .sdc-img-ratio.sub-meeting-room-image.--ratio-1-1 {
		position: absolute;
		top: 0;
		height: 100%;
	}

	/* Video Highlight Styles */
	.highlight-vdo-swiper .swiper-slide {
		/* Additional styles can go here if needed */
	}
	.swiper-slide .highlight-vdo-player-wrapper {
		position: relative;
		width: 100%;
		height: 100%;
		padding-bottom: 56.25%;
	}
	.swiper-slide .highlight-vdo-player-wrapper iframe {
		position: absolute;
		width: 100%;
		height: 100%;
		right: 0;
		top: 0;
		object-fit: unset;
	}
}