@charset "utf-8";

/*  Structure Stylesheet for Default - Wide  */

/*  COLORS    

Blue:  #1e70b9;
Green:  #76b347;
Red:   #9D0400;
Gray:  #85949c;

*/

/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Nav Menu
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Base Menu Style
-----------------------------------------------------------------*/

/* ----------------------------------------------------------------
	Main Content
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/
/* ----------------------------------------------------------------
	Contact Form
-----------------------------------------------------------------*/




/* -- Header --------------------------------------------------------------- */

header {
	background-color: #fff;
	width:100%;
}

#hdr-left, #hdr-center, #hdr-right {   
	margin: 1em auto 1em;
	text-align: center;
}

#hdr-left img {
	max-width: 80%;
/* 	max-width: 100%; */
}


/* Navigation Menu ------------------------------------------------------------- */

nav {
	/* float:right; */
}

nav ul {
	float: left;
	padding-right: 15px;
	margin-right: 15px;
}

nav ul li {
	float:left;
	list-style-type: none;
}

nav ul li a {
	color:#555;
	font-size:1.25em;
}

nav ul li.last {
	margin-right: 0;
}



/* Base Menu Style */
.menu-section {
	padding-bottom: 2em;
	margin-bottom: 2em;
}

.menu ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	background: hsl(0, 0%, 15%);
	font-size:1.1em;
}

.menu li a {
	display: block;
	text-decoration: none;
	color: white;
	padding: .8em 1em;
}

.menu li a:hover {
	background: hsl(0, 0%, 25%);
}


/* Main Content----------------------------------------------------------------------- */


#content {
	clear:both;
	margin: 0 auto;
}

.hero {
	clear:both;
	text-align: center;
	background-color: #F5F5F5;
}

.promo {
	width: 100%;
	/* background-color:#F5F5F5; */
	background-color:#ebebeb;
	color:#555;
	padding: 40px 0 40px;
	text-align: center;
}

.promo > div {
	text-align: center;
}

.container {
	max-width: 1440px;
}



/* Footer----------------------------------------------------------------------- */

#sub-footer {
	background-color: #ebebeb;
	color:#084086;
	width: 100%;
	margin-top:0;
	clear:both;
	font-size: 1.25em;
	padding-top: 2em;
	padding-left: 1em;
   padding-bottom: 2em;
}

#sub-footer p.last, footer p.last {
	margin-bottom:0;
}


footer {
	margin-top:0;
	text-align:center;
	clear:both;
	background-color:#084086;
	color:#fff;
	padding: .5em .5em 1.5em .5em;
}

footer ul {
	list-style-type:none;
	text-align:center;
}

footer ul li {
	font-weight:bold;
	font-size:1em;
	line-height:1.2em;
    display: inline;
    margin: 0;
    padding: 0 1em;
    text-align: center;
}

footer ul li a {
	color: #fff;
	text-decoration:none;
}
	

footer p {
	color: #fff;
    font-size: 1em;
    line-height: 1.3em;
    text-align: center;
	margin-top:1.5em;
}

footer a {
	color:#fff;
}

footer a:hover {
	color:#ccc;
}


/* -- CONTACT FORM */

.contactform, .patientform{
	background-color: #ebebeb;
	padding: 2em 1em;
	border: 1px solid #ccc;
	border-radius: 5px;
	max-width: 650px;
	margin: 3em auto 3em auto;
}

.form-wrapper {
	width: 60%;
	margin: 0 auto;
}


input[type=text] {
    border-color: #8e8e8e;
    border-style: solid;
    border-width: 1px;
    color: #777;
    display: block;
    font-family: "Helvetica Neue",Arial,sans-serif;
    font-size: 1em;
    margin-bottom: 20px;
    padding: 8px 10px;
    width: 90%;
}


textarea {
    border-color: #8e8e8e;
    border-style: solid;
    border-width: 1px;
    color: #777;
    display: block;
    font-family: "Helvetica Neue",Arial,sans-serif;
    font-size: 1em;
    height: 180px;
    margin-bottom: 3em;
    padding: 8px 10px;
    width: 90%;
}

.selmenu {
	padding-top: 8px; 
	padding-bottom: 7px;
	margin-bottom: 20px;
	padding-left: 5px; 
	padding-right: 5px;
	font-family: "Helvetica Neue",Arial,sans-serif;
}


textarea {
    overflow: auto;
}

input[type=file] {
	font-size:1.2em;
	letter-spacing: .5px;
	padding-top:8px;
	padding-bottom:8px;
}

#buttons {
    display: block;
    padding-top: 0;
	padding-bottom:2em;
}

#resetbtn.resetbtn, button.submitbtn {
  background-color: #084086;
  border: 1px solid #17026B;
  border-radius: 5px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset;
  color: #fff;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 1em;
  font-weight: normal;
  height: 2em;
  letter-spacing: 1px;
  outline: 0 none;
  overflow-wrap: normal;
  padding: 0 1em;
  vertical-align: middle;
  white-space: nowrap;
  margin-right: 1em;
}

#map-container {
	background-color: #ebebeb;
    margin-top: 2em;
    margin-bottom: 2em;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd;
}

#map {
	height: 400px; /* Adjust height as needed */
   width: 100%;   /* Adjust width as needed */
}


#mapContact {
	text-align: center;
   max-width: 400px;
}

#mapWrapper {
	text-align: center;
}

#mapAddr {
	margin-top: 2em;
	text-align: center;
}



td {
	padding: 3px 0;
}