html,body{
	background-color:#FAF9F8;
}


/*Header & Navigation*/
.nav-container{
	background-color:#7719AA;
	padding-left:20px;
	padding-right:20px;
}

.uk-navbar-nav > li > a{
	font-size: 1.1rem;
	color:#FFF;
	text-transform:none;
}

.uk-navbar-nav > li > a:hover{
	font-size: 1.1rem;
	color:#D6A6D3;
}


/*Main Cover*/
.main-cover{
	padding-top:50px;
	padding-bottom:150px;
	background-size: cover;
	background-image:url('../../images/cover.jpg');
}

.uk-heading-hero {
 color:#FFF;
 font-size:4rem;
 line-height:1.1
}
@media (min-width:640px) {
 .uk-heading-hero {
  font-size:5rem;
  line-height:1
 }
}
@media (min-width:960px) {
 .uk-heading-hero {
  font-size:6rem;
  line-height:1
 }
}

.booking-button{
	margin-top: 40px;
	text-transform:none;
    padding: 0 50px;
    line-height: 63px;
    font-size: 1.5rem;
}

.booking-button{
	background-color:#7719AA;
}

.booking-button:hover{
	background-color:#9953C0;
}

/*Appointments*/

.appointments{
	background-color:#FFF;
	padding: 20px;
}

#avaliableAppt{
	max-height: 500px;
	overflow-y: auto;
	max-width: 350px;
}

.uk-alert-primary:hover{
	color:#d8eafc;
	background-color:#1e87f0;
}

.selected{
	color:#d8eafc;
	background-color:#1e87f0;
}

/*Contact*/

.contact{
	background-color:#FFF;
	padding: 20px;
}


.mapouter {
	position: relative;
	padding-bottom: 75%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}
.mapouter iframe {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 75% !important;
}


/*GDPR*/

.gdpr{
	background-color:#FFF;
	padding: 20px;
}


/*Footer*/
.footer{
	color:#FFF;
	background-color:#7719AA;
	padding:20px;
    margin-left: 0px;
}

.footer a{
	color:#FFF;
}

.footer a:hover{
	color:#D6A6D3;
	text-decoration:none;
}



/*Mobile*/
.mobileNav{
	display:none;
}


.uk-offcanvas-bar{
	width:100%;
}

@media only screen and (max-width: 640px) {
	
	.mobileNavText{
		
		font-size:2em;
		
	}
	.mobileNav{
		display:block;
		text-align:center;
		padding-top:14px;
		padding-left:30px;
	}
	
	
	.mobileNav a{
		color:#FFF;
	}

	.mobileNav a:hover{
		color:#D6A6D3;
		text-decoration:none;
	}
	
	.desktopNav{
		
		display:none;
		
	}
	
	
	/*Home*/
	.uk-heading-hero {
		font-size:2.5em;
	}
	
	/*Form*/
	
	.uk-form-width-large{
		
		width:100%;
		
	}
	
		
	/*Footer*/
	.footer{
		text-align:center;
	}
	
	
	.footer .uk-text-right {
		text-align: center !important;
	}
	


}