@charset "utf-8";

/* Locator CTA */
	.locator-cta {
		display: grid;
		overflow: hidden;
		}
	.locator-cta-holder {
		display: grid;
		margin: var(--mywp-mg-normal) 0;
		position: relative;
		}
	.locator-cta-holder::before {
		background: url('../images/pattern.png') center repeat;
		bottom: 2rem;
		content: '';
		left: 0;
		position: absolute;
		top: 2rem;
		width: 100%;
		z-index: 1;
		}
	.locator-cta-text {
		position: relative;
		z-index: 2;
		}
	.locator-cta-header {
		font-style: italic;
		font-weight: var(--mywp-heavy);
		padding-left: var(--mywp-mg-pad);
		position: relative;
		z-index: 2;
		}
	.locator-cta-header > span {
		color: var(--mywp-white);
		display: inline-block;
		position: relative;
		z-index: 2;
		}
	.locator-cta-header > span::before {
		background: var(--mywp-gradient);
		content: '';
		height: 100%;
		position: absolute;
		right: 0;
		transform: var(--mywp-skew);
		width: calc(100% + (var(--mywp-mg-pad)*2) );
		z-index: 1;
		}
	.locator-cta-header > span > span {
		color: var(--mywp-white);
		display: inline-block;
		padding: 1rem 2rem 1rem 5rem;
		position: relative;
		z-index: 2;
		}
	.locator-cta-header > span > span::before {
		background: url('../images/marker.png') center / cover no-repeat;
		content: '';
		height: 6rem;
		left: 0;
		position: absolute;
		width: 4rem;
		top: -1.6rem;
		z-index: 3;
		}
	.locator-cta-buffer {
		display: inline-block;
		position: relative;
		}
	.locator-cta-buffer::before {
		background: var(--mywp-white);
		content: '';
		height: 100%;
		position: absolute;
		right: 0;
		top: 2rem;
		transform: var(--mywp-skew);
		width: calc(100% + (var(--mywp-mg-pad)*2) );
		z-index: 1;
		}
	.locator-cta-info {
		padding-left: var(--mywp-mg-pad);
		position: relative;
		z-index: 2;
		}
	.locator-cta-sub {
		font-size: 1.6rem;
		line-height: 1.4em;
		margin: 1rem 1rem 1rem 0;
		}
	.locator-cta-button {
		margin-bottom: 2rem;
		}
	.locator-cta-image {
		margin-top: 2rem;
		padding: 2rem 1rem 0;
		position: relative;
		z-index: 2;
		}
	.locator-cta-image::before {
		background: url('../images/pattern-logo.png') center / contain no-repeat;
		content: '';
		height: 100%;
		position: absolute;
		left: 0;
		width: 100%;
		z-index: 1;
		}
	.locator-cta-image > .locator-cta-img {
		position: relative;
		z-index: 3;
		}
	@media (min-width: 60em) {
		.locator-cta-buffer::before {
			height: calc(100% + 3.2rem);
			top: -3.2rem;
			}
		.locator-cta-text,
		.locator-cta-image {
			grid-area: 1 / 1;
			}
		.locator-cta-text {
			align-items: center;
			display: flex;
			width: 50%;
			}
		.locator-cta-header > span > span {
			padding-left: 7rem;
			padding-right: 4rem;
			}
		.locator-cta-header > span > span::before {
			height: 9rem;
			width: 6rem;
			}
		.locator-cta-sub {
			font-size: 2rem;
			margin-bottom: 1.6rem;
			margin-top: 1.6rem;
			}
		.locator-cta-image {
			margin-top: 0;
			margin-left: 50%;
			padding: 1rem;
			}
	}
	@media (min-width: 90em) {
		.locator-cta-header,
		.locator-cta-info {
			padding-left: calc(50vw - 64rem);
			}
		.locator-cta-header > span::before {
			width: calc(50vw);
			}
	}
	@media (min-width: 120em) {
		.locator-cta-header,
		.locator-cta-info {
			padding-left: 32rem;
			}
		.locator-cta-header > span::before {
			width: calc(100% + 36rem);
			}
	}