/* CSS Document */

@font-face {
    font-family: 'Bethany_Regular';
    src: url('fonts/Bethany_Regular.eot');
    src: url('fonts/Bethany_Regular.eot') format('embedded-opentype'),
         url('fonts/Bethany_Regular.woff2') format('woff2'),
         url('fonts/Bethany_Regular.woff') format('woff'),
         url('fonts/Bethany_Regular.ttf') format('truetype'),
         url('fonts/Bethany_Regular.svg#Bethany_Regular') format('svg');
	font-style: normal;
	font-weight: normal;
}

html { font-size: 100%; // 16px }

body {
	max-width: 1040px;
	margin: auto;
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em; 
	color: #242424;/*dk gray*/  
}
h2, h3 {color: #AC1F23;font-family: 'Bethany_Regular';text-align: center;}

#wrap {background: #ffffff;
	margin:0;
	padding: 0;
	font-size: 1em;
	}

#logo img {padding: 10px 0;}
.social-media {float: right; padding:0; margin: 120px 10px 0 10px;display: block;}

#cta a, #cta a:active, #cta a:visited {background-color: #797979;color:#ffffff!important;
	padding:.2em 1em; margin:.1em;
	text-align: center;text-decoration: none;font-weight: normal;
	align-content: center;}
#cta a:hover  {background-color: #AC1F23;color:#ffffff;}

#cta-newpatient  {color:#AC1F23!important;
	padding:.2em 1em;
	text-align: center;text-decoration: none;font-weight:bold; font-size: 1.5em; font-stretch: extra-expanded;	
	}

#nav{
    width:100%;
    display:block;
    /*position:relative; */
    min-height: 60px;
	font-size: 1.2em;
    text-decoration:none;
}
#nav a{
    text-decoration:none;
    color:#242424;
}
#nav a:hover {color:#00A296;}
#nav ul {
    padding:0 0 2em 0; margin:0; list-style:none; font-size: 1.2rem;
}
#nav li {
    float:left; position:relative; padding: 0 4em .5em 0; display:block;
    border:none; 
}
#nav li ul {
    display:none;
    position:absolute;
}
#nav li:hover ul{
    display:block;
	padding:0;
}
#nav li ul li{
	background-color: #ffffff;
	clear: both;
	width: 100%;
	padding-left: .5em;
}
#nav li ul li a:hover{
	color: #Ac1F23;/*dk red | turquoise #00A296*/
	margin: 0;
} 
	
.navhome {background-image: url("images/nav-icon-home.png");
	background-repeat: no-repeat; 
	min-height: 60px;
	min-width: 140px;
	padding: 20px 65px!important;
}
.navservices {background-image: url("images/nav-icon-services.png");
	background-repeat: no-repeat; 
	min-height: 60px;
	min-width: 140px;
	padding: 20px 65px!important;
}
.navtherapy {background-image: url("images/nav-icon-therapy.png");
	background-repeat: no-repeat; 
	min-height: 60px;
	min-width: 140px;
	padding: 20px 65px!important;
}
#content a {color:#AC1F23; font-weight: bold;font-family: 'Bethany_Regular';text-decoration: none;}
#content a:active, #content a:visited, #content a:hover {color:#AC1F23;}/*dk red*/
#content h2, hr {clear: both;}

#widepic img {
  align-items: center;
  margin: 0 10%;
  width: 80% ;
  height: auto ;
}

#content {
	background: #ffffff;
	padding: 0 10%;
	text-align:left;
	min-height: 400px;
	clear: both;
}
#coming img {align-content: center;}

#content img {float: right;}
#contact img {float: none; padding:0;
	clear: both;
}
iframe {width: 100%;}

/*3 column image with text below*/
#tricol {
    position: relative;
    overflow: hidden;
}
.icon  {
    display: inline-block;
    width: 28%;
    height: auto;
	margin:2%;
    vertical-align: top;
}
.description {
    display: inline;
}
.icon img {
    width: 100%;
    display: block;
} 
/*end 3 column*/


#footer {
	clear: both;
	display: block;
	text-align: center;
	color:#ffffff;
	font-size: .875rem;
	background-color: #AC1F23;
	padding: 2px 0;
}
#footer p {padding: 0;}
#footer a, #footer a:hover, #footer a:visited {font-weight:bold;color: #ffffff;}


/*Tablet*/
@media (max-width:768px){
	
	#nav ul li {padding: 6px 4px;}
	#nav ul li a {padding: 6px 4px;}

}

/*Mobile*/
@media (max-width:440px){

.social-media {clear: left; padding:0; margin: 0 1em ;display: block;}
#content img {float: none; max-width: 100%;}

#nav {min-height: none;}
#nav ul {list-style-type: none; 
		padding:.2em 0; margin:0;}
#nav li {float: left; margin: .2em 1em; }
#nav ul li a {padding:0; display: block; }
	#nav ul li ul li {margin: 0; padding:.4em 0 .1em .5em;}
#nav ul li ul li a {background: #ffffff;margin:0;}
.navhome {background-image: none;
	min-height: 0;
	min-width: 0;
	padding: 1em 1em;}
.navtherapy {background-image: none;
	min-height: 0;
	min-width: 0;
	padding: 1em 1em;}
.navservices {background-image: none;
	min-height: 0;
	min-width: 0;
	padding: 1em 1em;}
form {display: none;}
	}