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

body {
	background-color: #ffffff;
	margin: 0px auto;
	padding: 0px;
}

.container-fluid {
  	width: 100%;
  	padding-right: 0px;
  	padding-left: 0px;
  	margin-right: auto;
  	margin-left: auto;
}


/* unvisited link */
a:link {
  color: #8752C1;
}

/* visited link */
a:visited {
  color: #4B9285;
}

/* mouse over link */
a:hover {
  color: #C888FF;
}

/* selected link */
a:active {
  color: #4B9285;
}

/*footer link colours*/

a.footer-link {
	color: #f1d6ff;
}

a:hover.footer-link {
	color: #C888FF;
}

a:active.footer-link{
	 color: #4B9285;
}

a:visited.footer-link {
  color: #4B9285;
}

/*appointment link colours */

a.appointment-link {
	color: #C888FF !important;
}

a:hover.appointment-link {
	color: #fff !important;
}

a:active.appointment-link{
	 color: #4B9285;
}

a:visited.appointment-link {
  color: #4B9285;
}

/*special link colors*/

a.special-link {
	color: #000;
	text-decoration: underline;
}

a:hover.special-link {
	color: #000;
}

a:active.special-link {
	color: #000;
}

a:visited.special-link {
	color: #000;
}

/* Carousel Link Colours */

a.cars-link {
	color: #fff;
	text-decoration: none;
}



.custom-toggler.navbar-toggler {
    border-color: #fff;
}

.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(115,172,173, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-custom {
	background-color: #3d3d3d;
}

.navbar-custom .nav-link {
    color: #9AD1D4;
}

/* visited link */
.navbar-custom a:visited {
  color: #fff;
}

/* mouse over link */
.navbar-custom a:hover {
 color: #D2B1F1;
}

/* stroke */
nav.stroke ul li a,
nav.fill ul li a {
  position: relative;
}

nav.stroke ul li a:after,
nav.fill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #D2B1F1;
  height: 4px;
}

nav.stroke ul li a:hover:after {
  width: 100%;
}

/* scroll top button */

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #8752C1;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 4px;
}

#myBtn:hover {
  background-color: #9AD1D4;
  color: #000;
}

.btn-active {
	background-color: #8E8E8E;
}


.nav-item {
	font-family: 'Roboto', sans-serif;
	font-size: 1.2em;
}

.front-page-welcome {
	background-color: #9AD1D4;
	
}

.front-page-quote {
	background-color: #fff;
}

.backpage-header {
	background-color: #9AD1D4;

}

p {
	font-family: 'Roboto', sans-serif;
	font-size: 1.25em;
}

ul li {
	font-family: 'Roboto', sans-serif;
	font-size: 1.25em;
}


.p-a {
	font-size: .9em;
}

.front-page-h {
	font-family: 'Roboto Slab', serif;
	font-size: 3em;
	color: #000;
	text-shadow: #FFF 1px 1px;
}

h1 {
	font-family: 'Roboto Slab', serif;
	text-shadow: 2px 2px 4px #000 ;
	color: #ffffff;
}

h2 {
font-family: 'Roboto Slab', serif;	
}

h3 {
	font-family: 'Roboto Slab', serif;
}

h4 {
	font-family: 'Roboto Slab', serif;
	
}

h5 {
	font-family: 'Roboto Slab', serif;
}

h6 {
	font-family: 'Roboto Slab', serif;
}

.navbar-custom {
	background-color: #2e2e2e;
}

.carousel-caption {
width: 550px;
left: 20%;
top: 50%;
transform: translateY(-50%);
text-align: left;
bottom: initial;
padding-bottom: 10px;
}

.carousel-caption-h {
	font-family: 'Roboto', sans-serif;
	font-weight: 900;
	color: #DDC2FF;	
}


@media screen and (max-width: 480px) {
.carousel-caption-h {
font-size: 1.4em;
}
}

@media screen and (max-width: 768px) {
.carousel-caption-h {
font-size: 1.6em;
}
}
@media screen and (min-width: 768px) {
.carousel-caption-h {
font-size: 4.2em;
}
}

.carousel-caption-p {
	font-family: 'Roboto', serif;
	color: #fff;
}

@media screen and (max-width: 480px) {
.carousel-caption-p {
font-size: 0.2em;
}
}

@media screen and (max-width: 768px) {
.carousel-caption-p {
font-size: 0.5em;
}
}

/* Logo size for desktop site */
@media screen and (min-width: 768px) {
.carousel-caption-p {
font-size: 1.6em;
}
}

/*headers */

.about {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/about_header.jpg");
	background-position: center;
 	background-repeat: no-repeat;
    background-size: cover;
	min-height: 30vh;
}

.services {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/services_header.jpg");
	background-position: center;
 	background-repeat: no-repeat;
    background-size: cover;
	min-height: 30vh;
}

.policies {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/policies_header.jpg");
	background-position: center;
 	background-repeat: no-repeat;
    background-size: cover;
	min-height: 30vh;
}

.contact {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/contact_header.jpg");
	background-position: center;
 	background-repeat: no-repeat;
    background-size: cover;
	min-height: 30vh;
}

.faq {
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/faq_header.jpg");
	background-position: center;
 	background-repeat: no-repeat;
    background-size: cover;
	min-height: 30vh;
}

.thanks {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("../images/thankyou_header.jpg");
	background-position: center;
 	background-repeat: no-repeat;
    background-size: cover;
	min-height: 30vh;
}
/* Contact Form Styles */

.contact-form-section {
	background-color: #F0E7FD;
}

/* faq page styles */

.accordion {
	font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
}

.btn {
	border: 0px;
	
}

.btn-link {
	border: 0px;
	font-family: "Roboto Slab", serif;
	text-decoration: underline;
}

.card {
	background-color: #9AD1D4;
}

.card-title {
	font-family: 'Roboto Slab', serif;
}

.card-body {
	background-color: #E1FDFF;
	font-family: 'Roboto', sans-serif;
}

.book-appt {
	background-color: #F0E7FD;
	font-family: 'Roboto', sans-serif;
}


/*form styles*/

label {
	font-family: 'Roboto', sans-serif;
	font-size: 1.1em;
}

button {
	font-family: 'Roboto', sans-serif;
}

.btn-purple {
	background-color: #8752C1;
	color: #fff;
}

.thanks {
	min-height: 300px;
}


/* Footer Styles */

.footer {
	background-color: #3d3d3d;
}

.footer-h {
	color: #9AD1D4;
	font-family: 'Roboto Slab', serif;
}