/*  Book Now page styles */

.locations .details-wrapper > div { width: 100%; padding-left: 3rem; position: relative; margin: 1.5rem 0; }
.locations .details-wrapper svg { position: absolute; left: 0rem; top: 0.6rem; font-size: 2rem; }
.locations .details-wrapper .detail { font-size: 1.4rem; line-height: 1em; }
.locations .form-wrapper .nf-field-element textarea { height: 10rem; }
.locations .form-wrapper .submit-container { margin-top: 1rem; margin-bottom: 0!important; }
.locations iframe { width: 100%; box-shadow: 0 1px 5px rgba(0,0,0,0.2); }
.locations .location-details { display: flex; flex-wrap: wrap; justify-content: space-between; flex-grow: 1; }
.locations .location-details > div { position: relative; padding-left: 3rem; }
.locations .location-details svg { position: absolute; top: 0.3rem; left: 0; font-size: 2rem; }

@media only screen and (max-width: 699px) {
.locations .col-details header { text-align: center; }
.locations .details-wrapper > div { margin: 1rem 0; }
.locations .col-form header { text-align: center; padding-bottom: 1rem; }
.locations { background: none!important; }
.locations > div { padding: 1.5rem; border-bottom: 1px solid rgba(0,0,0,0.1); }
.locations > div header { padding-bottom: 1.5rem; text-align: center; }
.locations .map { margin-top: 1rem; }
.locations .location-details > div { margin-bottom: 1rem; }
}

@media only screen and (min-width: 700px) {
.locations .col-form header { display: none; }
.locations .form-wrapper { border-left: 1px solid rgba(0,0,0,0.1); }
.locations .form-wrapper .btn { font-size: 1.2rem; }
.locations { position: relative; display: flex; width: 100%; padding: 3rem 0; }
.locations > div {
	display: flex; flex-direction: column; flex-grow: 1; justify-content: space-between;
	position: relative; width: 50%; padding: 0 3rem;
}
.locations > div:first-child { border-right: 1px solid rgba(0,0,0,0.1); }
.locations > div header { flex-grow: 0; padding-bottom: 2rem; }
.locations .map { flex-grow: 0; padding-top: 1rem; }
.locations .location-details > div { margin-bottom: 2rem; }
}


@media only screen and (max-width: 1199px) {
.locations .location-details > div { width: 100%; }
}

@media only screen and (min-width: 1200px) {
.locations .location-details > div { width: 45%; }
}