/* ============================================================================================
	ACCESS / PATTERN
============================================================================================ */
.hightime-access {
	position: relative;
	z-index: 1;
	background: var(--wp--preset--color--base)
}

.hightime-access-map {
	aspect-ratio: 16/9;
	margin: 30px 0
}
.hightime-access-map iframe {
	width: 100%;
	max-width: initial;
	height: 100%;
	object-fit: cover
}

.hightime-access-content-item {
	display: flex;
	align-items: center;
	gap: 0 15%;
	max-width: 600px;
	margin: 30px auto !important
}
.hightime-access-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30%;
	max-width: 76px;
	aspect-ratio: 1;
	border-radius: 50%;
	background: var(--wp--preset--color--contrast)
}
.hightime-access-icon img {
	width: 40%;
	height: auto;
	object-fit: contain
}
.hightime-access-desc {
	flex: 1;
	min-width: 0;
	font-size: 15px
}

@media screen and (min-width: 880px) {
	.hightime-access-details {
		display: flex;
		align-items: center;
		gap: 0 10%
	}
	.hightime-access-content {
		width: 40%;
		max-width: 380px
	}
	.hightime-access-map {
		flex: 1;
		min-width: 0
	}
}