/* HEADER OPTIONS */
.page--header {
	position: relative;
	overflow: hidden;
	background: linear-gradient(157.31deg, #D62229 12.3%, #7D204B 85.26%);
}

.page--header-alertpadding {padding-top: 48px;}

.page--header-image,
.page--header-image-cropped {
	position: relative;
  width: 100%;
  padding: 70px 0 0 0;
  background-repeat: no-repeat;
	background-position: center 0%;
  margin-top: 112px;
	z-index: 1;
  background-size: 130%;
}
  @media (min-width: 600px) {
  	.page--header-image,
		.page--header-image-cropped {margin-top: 138px;}
	}
  @media (min-width: 1024px) {
  	.page--header-image,
		.page--header-image-cropped {
			background-size: 115%;
			margin-top: 92px;
		}
	}
  @media (min-width: 1024px) {
  	.page--header-image,
		.page--header-image-cropped {
			background-size: 100%;
		}
  }
  @media (min-width: 1440px) {
  	.page--header-image,
		.page--header-image-cropped {margin-top: 118px;}
	}

  @media (min-width: 768px) {
		.page--header-aboutuscontact {background-position: center 48%;}
		.page--header-newsandevents {background-position: center 19%;}
		.page--header-location {background-position: center 6%;}
		.page--header-location-interior {background-position: center 4.85%;}
		.page--header-services {background-position: center 97%;}
		.page--header-services-interior {background-position: center 75%;}
	}

.page--header-block {
	position: relative;
	border-radius: var(--borderradius-large);
	padding: 40px 50px 50px;
	z-index: 2;
}
	@media screen and (min-width: 1024px) {.page--header-block {padding: 50px 50px 60px;}}
	@media screen and (min-width: 1440px) {.page--header-block {padding: 95px 105px 105px;}}

.coloroverlap {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100px;
	background-color: var(--bodycolor);
	z-index: 1;
}

.page--header-block-cropped {
	position: relative;
	bottom: 0;
	border-radius: var(--borderradius-top-large);
	padding: 40px 30px;
}
	@media screen and (min-width: 768px)  {.page--header-block-cropped {padding: 40px 50px;}}
	@media screen and (min-width: 1024px) {.page--header-block-cropped {padding: 60px 50px;}}
	@media screen and (min-width: 1244px) {.page--header-block-cropped {padding: 70px 105px;}}
	@media screen and (min-width: 1440px) {.page--header-block-cropped {padding: 80px 105px;}}

	.page--header-location-interior .page--header-block-cropped,
	.page--header-services-interior .page--header-block-cropped {padding-right: 100px;}
		@media screen and (min-width: 600px) {
			.page--header-location-interior .page--header-block-cropped,
			.page--header-services-interior .page--header-block-cropped {padding-right: 150px;}
		}
		@media screen and (min-width: 768px) {
			.page--header-location-interior .page--header-block-cropped,
			.page--header-services-interior .page--header-block-cropped {padding-right: 150px;}
		}

.page--header-block-cropped p,
.page--header-block p {margin-top: 20px;}

.page--header-block-cropped img {
	position: absolute;
	right: 20px;
	top: 20px;
}
	@media screen and (min-width: 600px)  {.page--header-block-cropped img {right: 30px;}}
	@media screen and (min-width: 768px)  {.page--header-block-cropped img {right: 55px;}}
	@media screen and (min-width: 1024px) {
		.page--header-block-cropped img {
			right: 50px;
			top: 35px;
		}
	}
	@media screen and (min-width: 1440px) {
		.page--header-block-cropped img {
			right: 65px;
			top: 40px;
		}
	}

.page--header-block-cropped img.services--icon  {width: 50px;}
	@media screen and (min-width: 600px)  {.page--header-block-cropped img.services--icon  {width: 65px;}}
	@media screen and (min-width: 1024px) {.page--header-block-cropped img.services--icon  {width: 100px;}}
	@media screen and (min-width: 1440px) {.page--header-block-cropped img.services--icon  {width: 144px;}}

.page--header-block-cropped img.locations--icon {width: 50px;}
	@media screen and (min-width: 600px)  {.page--header-block-cropped img.locations--icon {width: 65px;}}
	@media screen and (min-width: 1024px) {.page--header-block-cropped img.locations--icon {width: 85px;}}
	@media screen and (min-width: 1244px) {.page--header-block-cropped img.locations--icon {width: 100px;}}
	@media screen and (min-width: 1440px) {.page--header-block-cropped img.locations--icon {width: 117px;}}

.bookanappointment-form {padding-top: 0 !important;}
/* HEADER OPTIONS */

/* BODY OPTIONS */
.page--body-box {
	background: #FFF;
	padding: 30px;
	border-radius: var(--borderradius-bottom-small);
}
	@media (min-width: 768px)  {.page--body-box {padding: 40px 55px;}}
	@media (min-width: 1024px) {.page--body-box {padding: 80px 110px;}}


.page--body {padding: 80px 0;}
	@media screen and (min-width: 768px) {.page--body {padding: 100px 0;}}

.page--body-interior {padding: 0 0 80px 0;}
	@media screen and (min-width: 768px) {.page--body-interior {padding: 0 0 100px 0;}}

/* INTRO */
.page--body-intro {margin-bottom: 30px;}
	@media screen and (min-width: 1024px) {.page--body-intro {margin-bottom: 60px;}}

.page--body-intro p {font-size: 2.0rem;}
	@media screen and (min-width: 1024px) {.page--body-intro p {font-size: 2.2rem;}}
	@media screen and (min-width: 1440px) {.page--body-intro p {font-size: 2.4rem;}}
/* INTRO */

.page--body-left {
	float: left;
	margin-bottom: 40px;
}
	@media screen and (min-width: 600px)  {
		.page--body-left {
			width: calc(100% - 230px);
			margin-bottom: 0;
			min-height: 200px;
		}
	}
	@media screen and (min-width: 768px)  {.page--body-left {width: calc(100% - 290px);}}
	@media screen and (min-width: 1024px) {.page--body-left {width: calc(100% - 340px); max-width: 560px;}}

.page--body-sidebar {
	float: right;
	width: 100%;
	padding: 20px 20px 25px 20px;
	border: 2px solid var(--bodycolor-dark);
	border-radius: var(--borderradius-small);
	margin-bottom: 30px;
}
	@media screen and (min-width: 600px)  {.page--body-sidebar {width: 200px;}}
	@media screen and (min-width: 768px)  {.page--body-sidebar {width: 250px;}}
	@media screen and (min-width: 1024px) {.page--body-sidebar {width: 300px;}}
	.page--body-sidebar:last-child,
	.nobottommargin {margin-bottom: 0;}

	.page--body-sidebar img {margin-bottom: 20px;}
	.page--body-sidebar h3 {font-size: ;}

	.page--body-sidebar p {margin-bottom: 15px;}
	.page--body-sidebar p:last-child {margin-bottom: 0;}

	.bodycopy p {margin-bottom: 30px;}
/* BODY OPTIONS */

/* CTA BLOCKS */
.ctablocks {padding: 50px 0;}
  @media (min-width: 768px) {.ctablocks {padding: 130px 0;}}

.ctablocks .module--inner {padding: 50px 40px;}
		@media (min-width: 1024px) {.ctablocks .module--inner {padding: 100px 80px;}}

.ctablocks .module--inner p {margin: 30px 0 35px;}
/* CTA BLOCKS */

/* QUICK EXIT */
.quickexit {
  position: fixed;
  bottom: 0;
  right: 0;
  padding: 15px 15px 15px;
  background-color: #000;
  z-index: 10;
  color: #FFF;
  width: 100%;
}
	@media screen and (min-width: 500px) {.quickexit {padding: 15px 25px 15px;}}
	@media screen and (min-width: 600px) {.quickexit {padding: 18px 25px 15px; border-radius: 16px 0 0 0; width: auto}}

  .quickexit:hover {background: var(--red);}
  .quickexit:hover a {color: #FFF;}

.quickexit span {
  position: relative;
  top: -8px;
  margin-right: 10px;
}
/* QUICK EXIT */