/**
 * 7.0 Contact
 */

.page-template-contact #content div.banner_c {
	background-color: transparent;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.page-template-contact #content div.banner_c div.desktop_w {
	display: flex;
	flex-direction: column;
	height: 340px;
	justify-content: center;
	padding: 20px 50% 20px 20px;
	position: relative;
	z-index: 2;
}

.page-template-contact #content div.banner_c div.desktop_w h1 {
	color: #fff;
	font-size: 2.4rem;
	line-height: 2.9rem;
	text-transform: uppercase;
	z-index: 1;
}

.page-template-contact #find_us_c {
	padding: 60px 20px 90px 20px;
}

.page-template-contact #find_us_c div.desktop_w {
	display: flex;
	flex-direction: column;
}

.page-template-contact #find_us_c div.desktop_w > a {
	align-self: flex-start;
	color: #000;
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: 0.71px;
	line-height: 2;
	text-transform: uppercase;
	margin: 10px 0 60px 0;
	position: relative;
	z-index: 1;
}

.page-template-contact #find_us_c div.desktop_w > a::after {
	bottom: 0;
	content: '';
	background-color: #ef710c;
	height: 2px;
	left: 0;
	position: absolute;
	width: 100%;
}

.page-template-contact #find_us_c div.desktop_w > a i {
	color: #ef710c;
	margin: 0 0 0 0.5em;
	position: relative;
	transition: margin 0.04s ease-in-out;
}

.page-template-contact #find_us_c div.desktop_w > a:hover {
	color: #ef710c;
}

.page-template-contact #find_us_c div.desktop_w > a:hover i {
	margin: 0 0 0 1em;
}

.page-template-contact #find_us_c div.tabs_c {
	display: none;
}

.page-template-contact #find_us_c div.locations_c {
	background-color: #fff;
	display: flex;
	flex-direction: column;
	order: 2
}

.page-template-contact #find_us_c div.locations_c div.location_c {

}

.page-template-contact #find_us_c div.locations_c div.location_c > div.header {
	border-top: 1px solid #ccc;
	cursor: pointer;
	font-size: 1.4rem;
	line-height: 1;
	padding: 20px 0;
	position: relative;
	text-transform: uppercase;
}

.page-template-contact #find_us_c div.locations_c div.location_c > div.header::after {
	content: '\f078';
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	position: absolute;
	right: 0;
}

.page-template-contact #find_us_c div.locations_c div.location_c:last-child {
	border-bottom: 1px solid #ccc;
}

.page-template-contact #find_us_c div.locations_c div.location_c div.header.open {
	font-weight: 700;
}

.page-template-contact #find_us_c div.locations_c div.location_c div.header.open::after {
	content: '\f077';
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
}

.page-template-contact #find_us_c div.locations_c div.location_c div.content_c {
	display: none;
}

.page-template-contact #find_us_c div.locations_c div.location_c div.content_c div.address div.header,
.page-template-contact #find_us_c div.locations_c div.location_c div.content_c div.key_contact_c div.header {
	color: #a49e9e;
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: 0.71px;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

.page-template-contact #find_us_c div.locations_c div.location_c div.content_c div.address p {
	font-family: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
}

.page-template-contact #find_us_c div.locations_c div.location_c div.content_c div.address p:first-of-type {
	margin-top: 0;
}

.page-template-contact #find_us_c div.locations_c div.location_c div.content_c div.address p:last-of-type {
	margin-bottom: 0;
}

.page-template-contact #find_us_c div.locations_c div.location_c div.content_c div.key_contact_c {
	margin: 20px 0;
}

.page-template-contact #find_us_c div.locations_c div.location_c div.content_c div.key_contact_c div.image {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 50%;
	height: 110px;
	margin: 0 0 20px 0;
	width: 110px;
}

.page-template-contact #find_us_c div.locations_c div.location_c div.content_c div.key_contact_c div.info_c div.name {
	color: #ef710c;
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: 0.4px;
	line-height: 1.8rem;
	text-transform: uppercase;
}

.page-template-contact #find_us_c div.locations_c div.location_c div.content_c div.key_contact_c div.info_c div.title {
	font-size: 1.4rem;
	letter-spacing: 0.4px;
	line-height: 1.8rem;
	margin: 0 0 10px 0;
	text-transform: uppercase;
}

.page-template-contact #find_us_c div.locations_c div.location_c div.content_c div.key_contact_c div.info_c div.email,
.page-template-contact #find_us_c div.locations_c div.location_c div.content_c div.key_contact_c div.info_c div.phone_number {
	font-family: 'Domine', serif;
	font-size: 1.4rem;
	line-height: 2.1rem;
}

.page-template-contact #find_us_c div.desktop_w > div.image {
	background: transparent url('../img/contact/map.svg') no-repeat top center / contain;
	display: block;
	height: 47vw;
	margin: 20px 0 40px 0;
	order: 1;
	width: 100%;
}

@media screen and (min-width: 768px) {
	.page-template-contact #content div.banner_c div.desktop_w {
		height: 450px;
	}
}

@media screen and (min-width: 1024px) {
	.page-template-contact #content div.banner_c div.desktop_w {
		height: calc(100vh - 206px);
		max-height: 650px;
	}

	.page-template-contact #content div.banner_c div.desktop_w h1 {
		font-size: 3.0rem;
		line-height: 3.5rem;
	}

	.page-template-contact #content div.banner_c div.desktop_w > a {
		font-size: 1.4rem;
	}

	.page-template-contact #find_us_c {
		padding: 60px 20px;
	}

	.page-template-contact #find_us_c div.desktop_w {
		flex-direction: row;
		flex-wrap: wrap;
	}

	.page-template-contact #find_us_c div.desktop_w > a {
		font-size: 1.4rem;
		margin: 0 0 100px 0;
	}

	.page-template-contact #find_us_c div.desktop_w > a::after {
		height: 2px;
	}

	.page-template-contact #find_us_c h2 {
		flex: 0 0 100%;
	}

	.page-template-contact #find_us_c div.tabs_c {
		display: flex;
		justify-content: space-between;
		flex: 0 0 100%;
		margin: 40px 0;
	}

	.page-template-contact #find_us_c div.tabs_c div.tab {
		border-top: 3px solid #a49e9e;
		color: #a49e9e;
		cursor: pointer;
		flex: 0 0 calc(20% - 20px);
		font-size: 1.8rem;
		letter-spacing: 0.71px;
		line-height: 2.1rem;
		padding: 10px 0;
		text-transform: uppercase;
	}

	.page-template-contact #find_us_c div.tabs_c div.tab.open,
	.page-template-contact #find_us_c div.tabs_c div.tab:hover {
		border-top: 3px solid #7e2983;
		color: #7e2983;
	}

	.page-template-contact #find_us_c div.locations_c {
		flex: 0 0 30%;
		order: 1;
	}

	.page-template-contact #find_us_c div.locations_c div.location_c:last-child {
		border: none;
	}

	.page-template-contact #find_us_c div.locations_c div.location_c > div.header {
		display: none;
	}

	.page-template-contact #find_us_c div.locations_c div.location_c div.content_c {
		display: none;
	}

	.page-template-contact #find_us_c div.locations_c div.location_c div.content_c div.key_contact_c {
		margin: 50px 0 0 0;
	}

	.page-template-contact #find_us_c div.locations_c div.location_c div.content_c div.key_contact_c div.info_c div.name {
		font-size: 1.8rem;
		line-height: 2.1rem;
	}

	.page-template-contact #find_us_c div.locations_c div.location_c div.content_c div.key_contact_c div.info_c div.title {
		font-size: 1.8rem;
		line-height: 2.1rem;
	}

	.page-template-contact #find_us_c div.locations_c div.location_c div.content_c div.key_contact_c div.info_c div.email,
	.page-template-contact #find_us_c div.locations_c div.location_c div.content_c div.key_contact_c div.info_c div.phone_number {
		font-size: 1.8rem;
		line-height: 2.9rem;
	}

	.page-template-contact #find_us_c div.desktop_w > div.image {
		flex: 0 0 70%;
		height: 35vw;
		margin: 0;
		order: 2;
		width: auto;
	}
}

@media screen and (min-width: 1260px) {
	.page-template-contact #content div.banner_c div.desktop_w {
		padding: 20px calc(0.6 * 1260px) 20px 20px;
	}

	.page-template-contact #find_us_c {
		padding: 100px 0;
	}

	.page-template-contact #find_us_c div.locations_c {
		flex: 0 0 360px;
	}

	.page-template-contact #find_us_c div.desktop_w > div.image {
		flex: 0 0 900px;
		height: 472px;
	}
}

@media screen and (min-width: 1600px) {

}