/* ======================================================================
   page-section.locations
   ====================================================================== */

.page-section.locations {
	padding: 0;
}

.page-section.locations .pad {
	padding: 0;
}

.page-section.locations .col-1 {
	padding: var(--padding-content);
}

.page-section.locations .col-1 .inner-wrap{
	background: #fff;
	border-radius: var(--border-radius);
}


.page-section.locations .col-2 {
	padding: 0;
}

.acf-map {
	width: 100%;
	height: calc( 100vh - 140px );	/* I wonder what this value derives from... */
	min-height: 80vh;
}

.locations .group-wrap {
	margin: var(--padding-card) 0;
	padding: var(--padding-card);
	font-size: 14px;
	background: var(--palette-salt-white);
	border: solid 0px #333;
	border-radius: var(--border-radius);
}

.locations h3 {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: space-between;
	margin: 0;
	text-decoration: none;
	cursor: pointer;
}

.locations h4 {
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 700;
	cursor: pointer;
}

.locations address {
	margin: var(--padding-card) 0;
}

.locations .show-on-map {
	display: inline-block;
	padding: 4px 6px;
	border-radius: 3px;
	font-size: .725em;
	line-height: 1;
	font-weight: 300;
	background: var(--ctx-surface);
}

.toggler::after {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 12px;
	background: no-repeat center center transparent;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19' height='19' viewBox='0 0 19 19'%3E%3Cpath id='arrow_forward_FILL0_wght300_GRAD0_opsz24' d='M195.362-769.549H180v-1.9h15.361l-7.215-7.215L189.5-780l9.5,9.5-9.5,9.5-1.354-1.335Z' transform='translate(-180.001 779.999)' fill='%233f5870'/%3E%3C/svg%3E%0A");
	background-size: 16px 16px;
	transform: rotate(90deg);
	transition: transform .2s;
}

.toggler.active::after {
	transform: rotate(270deg);
}

.page-section.locations .region-description.boxes .item {
	width: 100%;
	margin-bottom: var(--padding-card);
	font-size: 16px;
}

.page-section.locations .region-description .item a {
	text-decoration: none;
}

.gm-style-iw.gm-style-iw-c {
	min-width: 200px !important;
}

.page-section.locations .infow {
	padding: 0 10px 10px 10px;
	font-size: 14px;
}

.locations .icon{
	text-decoration: none;
}

.locations .icon::before{
	display: block;
	float: left;
	content: "";
	width: 1.75em;
	height: 1.5em;
	background: no-repeat left 75% transparent;
	background-size: 72.5% auto;
}

.locations .icon-phone::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %230b3b5b; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M17.41841,7.075a18.40959,18.40959,0,0,1,2.46047.16131l.52689.97351,1.146,2.11747L17.86489,11.545l-.79853-2.41773-.31361-.94958-.94956.31363L6.082,11.70207l-.94954.31363.3136.94956L6.24456,15.383,2.55762,16.60072,2.21705,14.2173l-.15654-1.09582a21.78164,21.78164,0,0,1,8.27443-4.86441A22.59163,22.59163,0,0,1,17.41841,7.075m0-1a23.73065,23.73065,0,0,0-7.39709,1.23251A22.34911,22.34911,0,0,0,1,12.76894l.2271,1.58978L1.73669,17.925l5.771-1.90606L6.39558,12.65163l9.72124-3.21076L17.229,12.80818,23,10.90212,21.28522,7.73384l-.76436-1.41226A19.06024,19.06024,0,0,0,17.41841,6.075Z'/%3E%3C/svg%3E");
}

.locations .icon-email::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %230b3b5b; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M2,5l20,.00006V19H2V5M1,4V20H23V4.00005L1,4Z'/%3E%3Cpath class='cls-1' d='M22,5.00005V6.99956L12,13.64934,2,6.9995V5.00005H22m1-1H1v3.5354l11,7.31482L23,7.53551V4.00005Z'/%3E%3C/g%3E%3C/svg%3E");
}



.gmnoprint.gm-style-mtc-bbw {
	display: none;
}


/* ----------------------------------------------------------------------
   Desktop
   ---------------------------------------------------------------------- */

@media (min-width: 1024px) {

	.page-section.locations .container {
		position: relative;
		max-width: unset;
	}

	.page-section.locations .col-1 {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 999;
		width: 400px;
		margin: var(--padding-content) 0 0 0;
	}

}