/* ==========================================================================
   Access Info
   Mobile-first + CSS Nesting
   ========================================================================== */

.as-access-info {
	background: var(--contrast-4);
	padding: 60px 20px;

	@media (min-width: 769px) {
		padding: 80px 40px;
	}

	.as-access-info__inner {
		max-width: 1300px;
		margin: 0 auto;
	}

	.as-access-info__grid {
		display: flex;
		flex-direction: column;
		gap: 40px;

		@media (min-width: 769px) {
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 0;
		}
	}

	.as-access-info__heading-col {
		@media (min-width: 1025px) {
			padding-left: 80px;
		}
	}

	.as-access-info__heading {
		font-family: "Venetian301-DmBTRegular", serif;
		font-size: 28px;
		font-weight: 400;
		letter-spacing: 0.05em;
		line-height: 1.2;
		margin: 0;

		@media (min-width: 769px) {
			font-size: 32px;
		}
	}

	.as-access-info__details-col {
		display: flex;
		flex-direction: column;
		gap: 20px;
	}

	.as-access-info__address {
		font-family: "Shippori Mincho", serif;
		font-size: 14px;
		line-height: 1.8;
		margin: 0;
	}

	.as-access-info__map-btn {
		display: inline-block;
		font-family: "Venetian301-DmBTRegular", serif;
		font-size: 14px;
		font-weight: 400;
		letter-spacing: 0.05em;
		color: #000;
		text-decoration: none;
		border: 1px solid #000;
		padding: 12px 32px;
		transition: opacity 0.2s ease;
		align-self: flex-start;
	}

	.as-access-info__contact {
		display: grid;
		grid-template-columns: 70px auto;
		row-gap: 20px;
		margin: 0;
		font-family: "Shippori Mincho", serif;
		font-size: 14px;

		dt {
			font-weight: 400;
		}

		dd {
			margin: 0;
		}

		a {
			color: #000;
			text-decoration: none;
			transition: opacity 0.2s ease;
		}
	}
}

/* Override GB block padding above access info on Setoda page */
.gb-container.gb-container-0a48fcdd {
	padding: 20px 20px 35px;

	@media (min-width: 769px) {
		padding: 40px 20px 80px;
	}
}

@media (hover: hover) {
	.as-access-info__map-btn:hover {
		opacity: var(--as-hover-opacity);
	}

	.as-access-info__contact a:hover {
		opacity: var(--as-hover-opacity);
	}
}