@charset "utf-8";
/* CSS Document */


/*Contact hero - the admin-configured background sits behind the contact card, so the section grows
with the card and only falls back to filling the screen when the card is short. 100vh less the
.content padding above it*/

.contact-hero {
	min-height: calc(100vh - 50px);
	max-width: inherit;
}

.contact-page {
	padding-top: 60px;
	padding-bottom: 80px;
}

.contact-card {
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 20px 45px rgba(0,0,0,0.12), 0 4px 12px rgba(0,0,0,0.06);
	background: #fff;
}

.contact-card-row {
	margin-left: 0;
	margin-right: 0;
	display: flex;
	flex-wrap: wrap;
}

.contact-card-info,
.contact-card-form {
	padding: 45px 40px;
}

.contact-card-info {
	background: #fb172b;
	color: #fff;
}

.contact-card-heading {
	margin-top: 0;
	margin-bottom: 25px;
	font-size: 28px;
	font-weight: 700;
	color: #fff;
}

/*Page text - the optional paragraph set on the Contact Page tab, between the heading and the
shop's details*/

.contact-card-text {
	margin-top: -15px;
	margin-bottom: 25px;
	color: #fff;
	line-height: 22px;
}

.contact-card-details {
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0;
}

.contact-detail-item {
	display: flex;
	align-items: center;
	margin-bottom: 16px;
	color: #fff;
}

.contact-detail-item address {
	display: inline;
	font-style: normal;
	margin: 0;
}

.contact-detail-item a {
	color: #fff;
	text-decoration: none;
}

.contact-detail-item a:hover {
	text-decoration: underline;
}

.contact-detail-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	min-width: 38px;
	border-radius: 50%;
	background: rgba(255,255,255,0.18);
	margin-right: 14px;
}

.contact-card-social {
	margin-bottom: 30px;
}

.contact-card-social a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255,255,255,0.18);
	margin-right: 10px;
	margin-bottom: 10px;
	color: #fff;
	transition: background 0.2s ease;
}

.contact-card-social a:hover {
	background: rgba(255,255,255,0.32);
}

.contact-card-actions .btn {
	margin-right: 10px;
	margin-bottom: 10px;
}

.btn-outline-light {
	background: transparent;
	border: 2px solid rgba(255,255,255,0.7);
	color: #fff;
	border-radius: 6px;
	transition: all 0.2s ease;
}

.btn-outline-light:hover,
.btn-outline-light:focus {
	background: #fff;
	color: #fb172b;
	border-color: #fff;
}

.contact-card-form-heading {
	margin-top: 0;
	margin-bottom: 8px;
	font-size: 24px;
	font-weight: 700;
}

.contact-card-form-intro {
	margin-top: 0;
	margin-bottom: 25px;
	color: #767676;
}

.contact-form-alert:not(:empty) {
	margin-bottom: 20px;
}

.contact-form-legal p {
	font-size: 13px;
	color: #999;
}

.contact-card-map {
	margin-top: 30px;
	border-radius: 12px;
	overflow: hidden;
	border: 1px solid rgba(255,255,255,0.25);
}

#contact-map-container iframe {
	display: block;
	width: 100%;
}

@media (max-width: 767px) {
	.contact-card-info,
	.contact-card-form {
		padding: 30px 25px;
	}
}