@charset "utf-8";
/*------ STYLES ------*/

/*------ Layout ------*/
body {
	font-family: 'Quattrocento', serif;
	color: #00000;		
}

p {
	font-size: 24px;
	margin-bottom: 20px;		
}

#wrapper {
	background-color: #FFFFFF;
	display: block;
	width: 100%;
}

.script-font {
	/* This is for the script for the h1 tag on the index page */
	color: #54588D;
	font-family: 'Alex Brush', cursive;
	font-size: 80px;
}

.text-link {
	color: #858DD6;
}

.text-link:hover {
	color: #518FB0;
}

/*------ Header ------*/
#headerWrapper {
	background-color: #BABEE7;
    background: -webkit-linear-gradient(#BABEE7, #FFFFFF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#BABEE7, #FFFFFF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#BABEE7, #FFFFFF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(r#BABEE7, #FFFFFF); /* Standard syntax */
	width: 100%;	
}

#header {
	font-family: 'Cinzel', serif;
	font-size: 16px;
	color: #000;		
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;	
}

.logo {
	display: block;
	width: 90%;	
	float: right;
}

.business-name {
	font-size: 50px;
}

.business-address {
	font-size: 28px;	
}

.doctor-name {
	font-size: 24px;	
}

.business-phone {
	font-size: 34px;		
}

/*------ Navigation ------*/
.navbar {
    margin-bottom: 0;
    background-color: #BABEE7;
    z-index: 9999;
    border: 0;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 18px !important;
	font-weight: bold;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
}

.navbar li a, .navbar .navbar-brand {
    color: #FFFFFF !important;
}

.navbar-nav li a:hover, .navbar-nav li.active a {
	color: #FFFFFF !important;
	background-color: #595D96 !important;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #FFFFFF !important;
}

.navbar-nav {
	/* Center justify the navbar */	 
    width: 100%;
    text-align: center;
 }
 
.navbar-nav li {
	/* Center justify the navbar */	  
 	float: none;
 	display: inline-block;
 }
 
.navbar-toggle {
    background-color: #595D96;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #595D96;	
}

.content {
	padding-top: 50px;
	padding-bottom: 50px;	
}

/*------ Carousel ------*/
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	width: 100%;
    margin: auto;
}

/*------ Tables ------*/
#hours table {
    margin-left: auto;
    margin-right: auto;	
	width: 400px;	
}

#hours table th, td{
	font-size: 18px;	
}

#hours table th {
	text-align: center;	
}

#insurance table {
    margin-left: auto;
    margin-right: auto;	
	width: 800px;	
}

#insurance table th, td{
	font-size: 18px;	
}

#insurance table th {
	text-align: center;	
}

/*------ Notice ------*/
#notice {
	font-size: 18px;
	text-align: center;	
}

/*------ Dental Care Panels ------*/
.care-panel {
	background-color: #BABEE7;
	margin: 5% 0 5% 0;	
	min-height: 250px;
}

/*------ Forms Page ------*/
#forms {
	min-height: 350px;	
}

/*------ Contact ------*/
.contact-background {
	background-image: url(../images/contactBackground.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

form {
	font-family: Arial, Helvetica, sans-serif;		
}

.form-group-radio {
	margin-bottom: 30px;	
}

.radio-inline {
	font-size: 13px;	
}

.map-holder {
	float: left;
}

.contact-panel {
	background-color: #BABEE7;	
	padding-top: 30px;
	padding-bottom: 30px;
	min-height: 560px;
}

iframe {
	width: 100%;	
}

input[type=text], textarea {
	float: right;		
	width: 60%;	
}

.g-recaptcha {
	position: relative;
	-webkit-transform:scale(0.7);
	transform:scale(0.7);
	-webkit-transform-origin:0 0;
	transform-origin:0 0;	
}

input[type=reset], input[type=submit] {
	width: 100px;
	height: 30px;
	margin-right: 20px;	
}

.control-label {
	width: 100%;
}

/*------ Footer ------*/
#footer {
	width: 100%;
	background-color: #BABEE7;
    background: -webkit-linear-gradient(#FFFFFF, #BABEE7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#FFFFFF, #BABEE7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#FFFFFF, #BABEE7); /* For Firefox 3.6 to 15 */
    background: linear-gradientv(#FFFFFF, #BABEE7); /* Standard syntax */				
}

#footer address {
	font-size: 18px;	
	padding-top: 50px;
	padding-bottom: 20px;	
}

@media (max-width: 992px) {
	/*------ Layout ------*/
	p {
		font-size: 18px;		
	}
	
	.script-font {
		font-size: 60px;		
	}

	/*------ Header ------*/		
	.business-name {
		font-size: 40px;
		padding-bottom: 10px;			
	}
	
	.business-address {
		font-size: 18px;	
		padding-bottom: 10px;			
	}
	
	.doctor-name {
		font-size: 18px;		
	}

	.business-phone {
		display: block;
		font-size: 24px;
		height: 50px;		
		padding-top: 20px;
	}	
	
	/*------ Contact ------*/
	.map-holder {
		float: none;
		margin-left: auto;	 
		margin-right: auto;	
		margin-bottom: 40px;
		width: 60%;
	}
	
	.contact-panel {
		background-color: #BABEE7;	
		padding-top: 30px;
		padding-bottom: 30px;
		min-height: 520px;
	}
}

@media (max-width: 768px) {
	/*------ Layout ------*/
	p {
		font-size: 18px;		
	}
	
	.script-font {
		font-size: 60px;		
	}
	
	/*------ Header ------*/	
	.logo {
		display: block;
		width: 30%;	
		float: none;
   		margin-left: auto;
    	margin-right: auto;	
	}
	
	.business-name {
		font-size: 40px;
		padding-bottom: 20px;			
	}
	
	.business-address {
		font-size: 16px;	
		padding-bottom: 20px;			
	}
	
	.doctor-name {
		font-size: 16px;		
	}

	.business-phone {
		display: block;
		font-size: 24px;
		height: 50px;		
		padding-top: 20px;
	}	

	/*------ Navigation ------*/
	.navbar-nav {
		/* Left justify the navbar */	 
		text-align: left;
		width: 110%;
	 }
	 
	.navbar-nav li {
		/* Left justify the navbar */	 
		display: block;
		float: none;
	 }
	 
	/*------ About ------*/
	.about-doctor-name {
		font-size:	28px;	
	}
	
	.doctor-image {
		display: block;
   		margin-left: auto;
    	margin-right: auto;	
		margin-top: 20px;		
		width: 50%;	
	}
	
	.quote {
		text-align: center;	
		margin-top: 20px;
	}
	
	/*------ Contact ------*/
	.map-holder {
		float: none;
		margin-left: auto;	 
		margin-right: auto;	
		margin-bottom: 40px;
		width: 100%;
	}
	 
	 /*------ Footer ------*/
	 #footer address {
		font-size: 16px;		
	}
}