@charset "utf-8";

/* LOCATIONS */
	.locations {
		display: grid;
		grid-gap: 2rem;
		margin: var(--mywp-mg-block) auto;
		}
	.locations-logo {
		border-bottom: 0.1rem solid var(--mywp-color-40);
		display: block;
		margin: 0 auto 1rem;
		max-width: 28rem;
		padding: 0 4rem 2rem;
		}
	.locations-social > .menu-social {
		text-align: center;
		}
	.locations-social > .menu-social > li {
		padding: 0 0.3rem 1rem;
		text-align: center;
		}
	.locations-social > .menu-social > li > a {
		font-size: 1.6rem;
		height: 4rem;
		line-height: 4rem;
		width: 4rem;
		}
	.locations-phone {
		font-size: var(--mywp-ts-text-sub-2);
		margin-top: 0.5rem;
		text-align: center;
		}
	.locations-button {
		margin-top: 2rem;
		text-align: center;
		}
	.locations-button > a {
		border: 0.1rem solid transparent;
		border-radius: var(--mywp-radius);
		font-size: var(--mywp-ts-text);
		display: inline-block;
		padding: 0.25em 1em;
		}
	.locations-button > a:hover,
	.locations-button > a:focus {
		background-color: var(--mywp-dark);
		border-color: transparent;
		color: var(--mywp-dark-text);
		}
	@media (min-width: 40em) {
		.locations.locations-2.w,
		.locations.locations-4.w {
			grid-template-columns: repeat(2, 1fr);
			}
	}
	@media (min-width: 60em) {
		.locations.locations-3.w {
			grid-template-columns: repeat(3, 1fr);
			}
	}
	@media (min-width: 80em) {
		.locations.locations-3.w {
			max-width: 108rem;
			}
		.locations.locations-4.w {
			grid-template-columns: repeat(4, 1fr);
			}
	}