.location-card {
  --defaultPadding: 10px 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
}
.location-card [class^=h] {
  margin-bottom: 0;
  font-size: var(--titleFontSize, 150%);
  font-family: var(--titleFontFamily);
  font-weight: var(--titleFontWeight);
  padding: var(--titlePadding, var(--defaultPadding));
}

.location-card__address {
  font-size: var(--addressFontSize);
  font-family: var(--addressFontFamily);
  font-weight: var(--addressFontWeight);
  padding: var(--addressPadding, var(--defaultPadding));
}

.location-card__phone {
  display: block;
  font-family: var(--phoneFontSize);
  font-family: var(--phoneFontFamily);
  font-weight: var(--phoneFontWeight);
  padding: var(--phonePadding, var(--defaultPadding));
}

.location-card__hours {
  padding: var(--hoursPadding, var(--defaultPadding));
  font-family: var(--hoursFontFamily);
  font-weight: var(--hoursFontWeight);
}

.location-card__links {
  padding: var(--linksPadding, var(--defaultPadding));
}

.location-card__directions-link {
  display: block;
  font-size: var(--directionsLinkFontSize);
  font-family: var(--directionsLinkFontFamily);
  font-weight: var(--directionsLinkFontWeight);
  padding: var(--directionsLinkPadding, var(--defaultPadding));
}

/*
.location-card {
	--gap: 40px;

	img {
		display: block;
	}
}

.location-card__wrap {
	display: flex;
	flex-direction: column;
	gap: var(--gap);
}

.location-card__col {
	&[data-col="image"] {
		img {
			width: 100%;
		}

		max-width: 550px;
	}
}

.location-card__phone {
	display: block;
	margin-top: 5px;
}

.location-card__links {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 30px;	

	a {
		width: 100%;
	}
}

.location-card__directions-link,
.location-card__phone {
	font-weight: bold;
}

address + .location-card__phone {
	margin-top: 20px;
}

.location-card__directions-link + address {
	margin-top: 20px;
}

@include mixin.media-up( lg ) {
	.location-card {
		--gap: 80px;
	}

	.location-card__wrap {
		align-items: center;
		flex-direction: row;
	}

	.location-card__col {
		flex: 1;

		&[data-col="image"] {
			flex: 0 0 50%;
			order: 0;
			width: 50%;
		}

		&[data-col="details"] {
			order: 1;
		}
	}

	.location-card__links {
		a {
			width: auto;
		}
	}
}

@include mixin.media-up( lg ) {
	.block[type="location-info"] {
		padding-top: 0;

		.location-card {
			--offset: 10vw;
			--offsetLimit: 100px;

			margin-top: min(var(--offset), var(--offsetLimit));

			.location-card__wrap {	
				margin-top: min(var(--offset), var(--offsetLimit));
				position: relative;
				align-items: stretch;
			}

			.location-card__col[data-col="details"] {
				align-self: end;
				margin-top: min(var(--offset), var(--offsetLimit));
			}

			.location-card__col[data-col="image"] {
				position: relative;
				z-index: 1;
				display: flex;
				margin-top: max(calc(var(--offset) * -1), calc(var(--offsetLimit) * -1));

				img {
					height: 100%;
					width: 100%;
					object-fit: cover;
					object-position: center center;
				}
			}	
		}
	}
}
*/
