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

/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:
	
	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com
	
-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;/**/
}									

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

article, aside, figure, footer, header, hgroup, nav, section, details, summary {display: block;}

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;
-webkit-text-size-adjust: none; /* Never autoresize text */}

/* we use a lot of ULs that aren't bulleted. 
	don't forget to restore the bullets within content. */
ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 10px auto; padding: 0; width:66%;}

input, select {vertical-align: middle;}

pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: middle;}
input[type="checkbox"] {vertical-align: middle;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;} 

/* Make sure sup and sub don't screw with your line-heights
	gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label, 
input[type=button], 
input[type=submit], 
input[type=file], 
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}
 
/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

/* let's clear some floats */
.clear:before, .clear:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clear:after { clear: both; }  
.clear { zoom: 1; } 



html {
	margin: 0px;
	padding: 0px;
	height: 100%;
	}



body {
	padding:0;
	margin:0;
	background:#ffffff; 
    font-family: 'Raleway', sans-serif;
	font-weight:400;
	color: #3f3f40;/* dark gray */
	font-size: 24px;
	line-height:normal;
	overflow:hidden;

}

/* sitewide styles - include in CMS content styles */

#content .lightbox img.sm-image{
	max-height:120px;
}

.float-right {
float:right;
margin: 0 0 5px 10px!important;
}
#content video.float-right{
padding-top:20px;
}

.float-left {
float:left;
margin: 0 10px 5px 0!important;
}

.clear{
	clear:both;
}

.col-1-of-2 {
	float:left;
	width:48%;
}
.col-2-of-2 {
	float:right;
	width:48%;
}
/*---- PDF link icon ----*/
#content a[href $='.pdf']::after { 
	padding-left: 10px;
	padding-right:5px;
	font-family:"Font Awesome 5 Free";
	font-weight:900;
	line-height:1;
	display: none;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
 	content:"\f1c1";
}
#content a[href $='.pdf'] .svg-inline--fa { 
	padding-left: 10px;
	padding-right:5px;
}
a {
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

a:hover {
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

.screenonly {
	display:block;
	visibility:visible;
}
.printonly {
	display:none;
	visibility:collapse;
}

/***** ------ CONTENT ------ *****/
/*#content a[href $='.pdf'] { 
   padding-right: 30px;
   background: transparent url(images/icon_pdf.gif) no-repeat center right;
}*/


#content img.float-right {
float:right;
margin-left:10px!important;
}
#content img.float-left {
float:left;
margin-right:10px!important;
}

#content p {
padding: 10px 0 12px 0;
}

#content blockquote {
	line-height:24px;
	font-style:italic;
	padding:10px;
}



#content ul, #content ol {
padding: 5px 0 8px 40px;
}

#content ul li, #content ol li {
	font-size: 1em; /* 18px / 16px */ 
	padding: 3px 0;
}
#content ul li {
	list-style-type: disc;
}
#content ul.nobullets li{
	list-style-type:none;
	display:inline;
	padding-right:10px;
}
#content ul.nobullets li img{
	border:none!important;
}

#content a,
#content p a,
#content ul li a,
#content ol li a {
color: #d23172; /* pink */
font-weight:700;
text-decoration:none;
}

#content a:hover,
#content p a:hover,
#content ul li a:hover,
#content ol li a:hover {
	color: #11702d; /* green */
}

#content h1 {
	font-size: 40px; 
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	color: #0276c4; /* blue */
	padding:10px 0 5px 0;
	margin:0;
}

#content h1 a:link, #content h1 a:visited {
	text-decoration:none;
}

#content h1 a:hover, #content h1 a:active {
	color: #5a0173; /* purple */
}

#content h2 {
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
	font-size: 36px;
	color: #0276c4; /* blue */
	padding:12px 0 4px 0;
	margin:0;
}

#content h2 a:link, #content h2 a:visited {
	font-weight:normal;
	text-decoration:none;
}

#content h2 a:hover, #content h2 a:active {
	color: #11702d; /* green */
}

#content h3{
	font-weight:normal;
	font-size: 26px;
	text-transform:uppercase;
	color: #0276c4; /* blue */
	padding:12px 0 4px 0;
}

#content h3 a:link, #content h3 a:visited {
	font-weight:normal;
	text-decoration:none;
}

#content h3 a:hover, #content h3 a:active {
	color: #11702d; /* green */
}

#content h4 {
	font-weight:normal;
	font-size: 26px;
	color: #0276c4; /* blue */
	padding:12px 0 4px 0;
}

#content h4 a:link, #content h4 a:visited {
	font-weight:normal;
	text-decoration:none;
}

#content h4 a:hover, #content h4 a:active {
	color: #11702d; /* green */
}

#content h5 {
	font-weight:normal;
	font-size: 22px;
	text-transform:uppercase;
	color: #0276c4; /* blue */
	padding:12px 0 4px 0;
}

#content h5 a:link, #content h5 a:visited  {
	font-weight:normal;
	text-decoration:none;
}

#content h5 a:hover, #content h5 a:active {
	color: #11702d; /* green */
}



#content hr {
padding:5px 0 5px 0;
padding:0;
color:#cccccc;
height:2px;
text-align:left;
}

#content .newsmessage5{
	border-bottom: 1px solid #cccccc;
	padding-bottom: 40px;
}
#content .newsmessage5 a{
	display:block;
}

#content h2.newslistingbodycontent{
	padding-top: 40px;
}

#content table {
font-weight:normal!important;
width: 100%;
margin:10px 0 0 0;
}

#content img{
	padding:6px;
	margin: 20px 0 10px 0!important;
}
#content img.nomargin{
	margin: 0!important;
}


#content a.button {
	font-size:1em;
	padding:5px 20px;
	margin:10px 0 30px 0;
	display:inline-block;
	background: #0090f1!important; /* blue */
	color:#ffffff!important;
	border:none!important;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

#content a.button:hover {
	color:#ffffff!important;
	background: #d23172!important; /* pink */
}

/* -----  provider table styles ---- */

#content table.providers tr td {
font-size:22px;
color: #5a0173!important; /* purple */
text-align:center;
width:25%;
padding-bottom:30px;
font-weight:bold;
}

#content table.providers tr td a{
font-weight:bold!important;
font-size:22px;
color: #d23172!important; /* pink */
text-align:center;
}

#content table.providers tr td a:hover{
	color:  #11702d!important; /* green */
}


#content table.providers td a img{
	width:195px;
	height:auto;
	border: 5px solid #d23172; /* pink */
	padding:0px;

}
#content table.providers td a:hover img {
	border: 5px solid  #11702d; /* green */
	opacity:.8;
}



/* ------ Top Bar ------- */
#top-bar{
	width:100%;
	margin:0;
	padding: 0;
	background: #066f05; /* green */
	display:block;
	height: 55px;
}

#top-bar-inner{
	position:relative;
	max-width: 90%;
	width:1200px;
	margin:0 auto;
	padding:0;
	height: 55px;
	/*text-align:right;*/
}
#top-bar-social {
	position:relative;
	width:50%;
	float:left;
}
#top-bar-functions {
	position:relative;
	width:50%;
	float:right;
}
#top-bar-inner a{
	text-align:center;
	text-decoration:none;
	color:#ffffff;
	line-height:55px;
	height: 55px;
	font-size:20px;
	font-weight:600;
	margin:0;
	padding:0 20px;
	box-sizing:border-box;
	display:inline-block;
}
#top-bar-inner #top-bar-social a {
	padding:0 10px;
	font-size:24px;
}
#top-bar-inner #top-bar-social a svg {
	transition: color .2s;
}
#top-bar-inner #top-bar-social a:hover svg {
	color:#f1a441; /* orange */
}
#top-bar-inner #top-bar-functions a {
	width:33.3333333%;
	padding:0;
}
#top-bar-inner a#bill-pay {
	height: 55px;
	line-height: 55px;
	color:#ffffff;
	background: #f1a441; /* orange */
}


#top-bar-inner a#bill-pay:hover{
	background: #ffffff; /* white */
	color: #f1a441; /* orange */
}
#top-bar-inner a#portal {
	height: 55px;
	line-height: 55px;
	color:#ffffff;
	background: #0276c4; /* blue */
}


#top-bar-inner a#portal:hover{
	background: #ffffff; /* white */
	color: #0276c4; /* blue */
}
#top-bar-inner a#appointments {
	height: 55px;
	line-height: 55px;
	color:#ffffff;
	background: #d23172; /* pink */
}


#top-bar-inner a#appointments:hover{
	background: #ffffff; /* white */
	color: #d23172; /* pink */
}

/* ------ HEADER ------- */
header{
	width:100%;
	margin:0;
	padding: 0;
	background: #ffffff; /*  white */
	display:block;

}

#header-inner{
	max-width: 100%;
	width:1200px;
	margin:0 auto;
	padding:50px 0;
	position:relative;

}

#header-inner a#logo{
	float:left;
	transform:scale(1,1);
	margin:0;
	padding:0;
	display:block;
}

#header-inner a#logo:hover{
	transform:scale(.95,.95);
}


#header-right{
	position:absolute;
	width:50%;
	text-align:right;
	right:10%;
	top:50%;
	transform:translateY(-50%);
}

#header-right a.phone{
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	color: #3f3f40; /* dark dark gray */
	font-size:46px;
	line-height:1;
}
#header-right a:hover.phone{
	text-decoration:none;
}



#header-right p a{
	font-family: 'Raleway', sans-serif;
	font-size:24px;
	text-decoration:none;
}

#header-right p a:hover{
	text-decoration:underline;
}


/* ----- NAVIGATION ----- */
#nav-wrapper {
	width:100%;
	height:55px;
}

#nav-wrapper {
	width:100%;
	max-width:100%;
	display:block;
	height:55px;
	background: #0276c4; /* blue */
}
nav#main-nav {
	height:55px;
	display:block;
	max-width:1200px;
	margin:0 auto;
	position:relative;
	z-index:1000;
}
nav#main-nav ul.menu.menu-toggle {
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	display:table;
	z-index:1000;
}
nav#main-nav ul > li {
	margin:0;
	padding:0;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	position:relative;
	z-index:1000;
	width:auto;
	overflow:visible;
	line-height:55px;
}
	nav#main-nav ul > li:after {
		content: '';
		display:block;
		opacity:0;
		width: 0; 
		height: 0; 
		border-left: 9px solid transparent;
		border-right: 9px solid transparent;
		border-bottom: 9px solid #ffffff;
		z-index: 2;
		position:absolute;
		bottom:0;
		left:50%;
		transform:translate(-50%, 0%);
		-moz-transition:opacity .25s;
		-webkit-transition:opacity .25s;
		transition:opacity 0s;
}




	nav#main-nav ul > li:hover:after, nav#main-nav ul > li.current:after  {
		display:block;
		opacity:1;
		transition:opacity .5s .25s;
		
	}

/*
	nav#main-nav ul > li:hover:after  {
		display:block;
		opacity:1;
		transition:opacity .5s .25s;
		}
	*/
nav#main-nav ul > li a {
	position:relative;
	background:none;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	font-size:20px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	z-index:1000;
}




span.droptoggle{display:none;}
/* ---- Dropdown Subnav ---- */
nav#main-nav ul > li.sub {
	position:relative!important;
	z-index:2000!important;
}
nav#main-nav ul > li.sub > ul.dropdown {
	margin:0;
	padding:0;
	position:absolute;
	top:55px;
	left:50%;
	transform:translate(-50%, -5px);
	background: #08511e; /* darker green */
	border-bottom:12px solid #08511e;
	border-right:12px solid #08511e;
	border-left:12px solid #08511e;
	width:280px;
	height:auto;
	z-index:900;
	opacity:0;
	visibility:hidden;
	box-shadow:0 5px 10px -5px rgba(0,0,0,.8);
	transition:opacity 0s;
}
nav#main-nav ul > li.sub:hover > ul.dropdown {
	transform:translate(-50%, 0%);
	opacity:1;
	transition:transform .75s, opacity .5s;
	visibility:visible;
	z-index:2000;


}
nav#main-nav ul > li.sub > ul.dropdown.wnarrow {
	width:180px;
}
nav#main-nav ul > li.sub > ul.dropdown.wmedium {
	width:300px;
}
nav#main-nav ul > li.sub > ul.dropdown.wwide {
	width:350px;
}
nav#main-nav ul > li.sub > ul.dropdown.wxwide {
	width:1100px;
}
nav#main-nav ul > li.sub > ul.dropdown.wxwide.position-left {
	left:0;
	transform:translate(0%, -5px);
}
	nav#main-nav ul > li.sub:hover > ul.dropdown.wxwide.position-left {
		transform:translate(0%, 0%);
		opacity:1;
		visibility:visible;
		z-index:2000;
	}

	nav#main-nav ul > li.sub > ul.dropdown.wxwide.position-left:before {
		display:none;
	}
	nav#main-nav ul > li.sub > ul.dropdown.wxwide > li.col_3 {
		column-count:3;
		column-gap:0;
	}
	nav#main-nav ul > li.sub > ul.dropdown.wxwide > li.col_3 ul {
		display:block;
	}
	nav#main-nav ul > li.sub > ul.dropdown.wxwide > li.col_4 {
		column-count:4;
		column-gap:0;
	}
	nav#main-nav ul > li.sub > ul.dropdown.wxwide > li.col_4 ul {
		display:block;
	}
nav#main-nav ul > li.sub:last-of-type > ul.dropdown {
	left:inherit;
	right:0;
	transform:translate(0%, -5px);
}
nav#main-nav ul > li.sub:last-of-type:hover > ul.dropdown {
		transform:translate(0%, 0%);
		opacity:1;
		visibility:visible;
		z-index:2000;
		
}
nav#main-nav ul > li.sub a {
	position:relative;
	z-index:10;
}
nav#main-nav ul > li.sub:hover a:after {
		width:80%;
		opacity:1;
		
}
nav#main-nav ul > li.sub:hover ul.dropdown li a {
	background:#11702d;
}
nav#main-nav ul > li > ul.dropdown > li, nav#main-nav ul > li > ul.dropdown > li > ul > li {
	height:auto;
	margin:0;
	padding:0;
	display:block;
	float:none;
	background:none;
	position:relative;
	border-bottom:solid 1px rgba(255,255,255,.1);
	z-index:2000;
}
nav#main-nav ul > li.sub > ul.dropdown > li:last-child a {
	border-bottom:none;
}
nav#main-nav ul > li.sub > ul.dropdown > li a, nav#main-nav ul > li.sub > ul.dropdown > li > ul > li a {
	font:22px/24px  'Raleway', sans-serif;
	text-align:left;
	text-transform:none;
	display:block;
	float:none;
	color:#fff!important;
	z-index:2000;
	padding:20px;
}
	nav#main-nav ul > li.sub > ul.dropdown > li > ul > li a {
		padding:20px  0 20px 15px;
	}
	nav#main-nav ul > li.sub:hover ul.dropdown li:nth-child(3n+1) a:hover {
		color:#ffffff!important;
		background: #d23172; /* pink */
		
	}
	nav#main-nav ul > li.sub:hover ul.dropdown li:nth-child(3n+2) a:hover {
		color:#ffffff!important;
		background: #f1a441; /* orange */
	}
	nav#main-nav ul > li.sub:hover ul.dropdown li:nth-child(3n+3) a:hover {
		color:#ffffff!important;
		background: #0276c4; /* blue */
	}
	nav#main-nav ul > li.sub > ul.dropdown > li:after, nav#main-nav ul > li.sub > ul.dropdown > li ul li:after {
		display:none;
	}
	nav#main-nav ul > li a svg {
		color:#ffffff;
	}


/* ----- Banner ----- */
	
#banner {
	width:100%;
	background: #ffffff; /* white */
	height:424px;
}

#banner-inner {
	width:1200px;
	margin: 0 auto;
	max-height:424px;
}

#banner-inner #banner-slideshow {
	float:left;
	width:50%;
}


#banner-right{
	width:50%;
	float:left;
	position:relative;
}

#banner-right a{
	float:left;
	width:50%;
	height:auto;
	color:#ffffff;
	text-decoration:none;
	font-family: 'Raleway', sans-serif;
	font-size:16px;	
}
#banner-right a:hover{
}

#banner-right a:before{
	content: "";
	display: block;	
	padding-top:70.6666667%;
}

#banner-right a#forms,
#banner-right a#telemedicine,
#banner-right a#insurance,
#banner-right a#referring {
	position:relative;
}

#banner-right a#forms .box-content,
#banner-right a#telemedicine .box-content,
#banner-right a#insurance .box-content,
#banner-right a#referring .box-content{
	position:absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#banner-right a h2{
	font-family: 'Raleway', sans-serif;	
	text-transform:uppercase;
    font-weight:400;
	font-size:24px;
	line-height:28px;
	padding: 30px 0 0 8%;
}

#banner-right a h2 span{
	text-transform: capitalize;
	font-family: 'Raleway', serif;
	font-weight:700;
	font-size:36px;
}

#banner-right a p{
	padding: 18px 5% 0 8%;
}


a#forms{
	background: #11702d; /* green */
}
a#telemedicine{
	background: #d23172; /* red */
}
a#insurance{
	background: #f1a441; /* orange */
}
a#referring{
	background: #0276c4; /* blue */
}

a#forms:hover{
	background: #08511e; /* dark green */
}
a#telemedicine:hover{
	background: #b92762; /* dark red */
}
a#insurance:hover{
	background: #f19115; /* dark orange */
}
a#referring:hover{
	background: #0462a2; /* dark blue */
}



/* ------ Content Containers ----- */
#container.home {
	background:url(images/bg-content.jpg) repeat 0 0;
	width:100%;
	display:block;
}
#container.inside {
	background-image:none;
	background:#ffffff;
	width:100%;

}
#container-inner {
	max-width: 90%;
	width:1200px;
	margin: 0 auto;
	padding:20px 0;
}

#title{
	width:100%;
}


#container-inner h1#page-title {
	font-size: 40px; 
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	color: #0276c4;
	margin:0;

}

#container-inner.home h1#page-title {
	
}
#container-inner.inside h1#page-title {
	text-align:left;
	width:100%;

}
#container-inner {
	padding:60px 0;
}

#container-inner.home #content  {
	padding: 0 0 20px 0;
}


#left-column {
	width:65%;
	float:left;
}

#left-column.nosubnav {
	width:100%;
}

#container-inner.inside #content {
	text-align: left;
	padding: 20px 0 30px 0;
}

#container-inner.home #content p{
}

/* ----- Callouts ----- */
#callouts-wrapper.home{
	background-color:#ffffff;
	width:100%;
}
#callouts-wrapper.inside{
	background-image:url(images/bg-content.jpg);
	background-repeat:repeat-x;
	background-position:0 0;
	height:400px;
	width:100%;
	display:block;
}
#callouts{
	max-width: 90%;
	width:1200px;
	margin: 0 auto;
	padding:20px 0;
	display:block;

}
#callouts ul{
	margin:40px auto ;

}
#callouts ul:after {
	content:'';
	clear:both;
	display:table;
}
#callouts ul li{
	display:inline-block;
	float:left;
	width:25%;
	max-width:300px;
	text-align:center;

}

#callouts ul li a{
	text-decoration:none;
	font-family: 'Raleway', serif;
	font-weight:700;
	font-size:36px;
	line-height:40px;
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

#callouts ul li a:hover{
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

#callouts ul li a svg{
	font-size:80px;
	width:80px;
	height:80px;
	padding:30px;
	border-radius: 50%;
	transform:scale(1,1);
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}
#callouts ul li a:hover svg{
	transform:scale(.9,.9);
	-webkit-transition:all .25s;
	-moz-transition:all .25s;
	transition:all .25s;
}

#callouts ul li a#telemed{
	color:  #0276c4; /* blue */
}
#callouts ul li a#telemed svg{
	color: #0276c4; /* blue */	
	border: 10px solid #0276c4; 
}

#callouts ul li a#resources{
	color: #d23172; /* pink */
}
#callouts ul li a#resources svg{
	color: #d23172; /* pink */
	border: 10px solid #d23172; /* pink */
}

#callouts ul li a#message{
	color: #f1a441; /* orange */
}
#callouts ul li a#message svg{
	color: #f1a441; /* orange */
	border: 10px solid #f1a441; /* orange */
}

#callouts ul li a#hours{
	color: #11702d; /* green */
}
#callouts ul li a#hours svg{
	color: #11702d; /* green */
	border: 10px solid #11702d; /* green */
}


/*------Bread Crumbs-----*/
#breadcrumbtree {
margin:0;
padding:0;
font-size:14px;
line-height:normal;
font-weight:normal;
clear:left;
margin-bottom:16px;
}
#breadcrumbtree a.breadcrumb:link, #breadcrumbtree a.breadcrumb:visited {
color: #d23171; /* pink */
font-size:14px;
text-decoration:none;
}

#breadcrumbtree a.breadcrumb:hover, #breadcrumbtree a.breadcrumb:active {
	color: #11702d; /* green */
	text-decoration:underline;
}

a.breadcrumb svg.fa-home{
	padding-right:4px;
}

/* ------ Right Column contains the subnav and news ------ */
#right-column{
	float:right;
	max-width:30%;
	width: 360px;
	padding: 0 0 30px 0;
}

#right-column h2{
margin-top:30px;
font-family: 'Raleway', sans-serif;
color: #d23172; /* pink */
font-size:32px;
font-weight:normal;
}


#subnav{
	border-left: 2px solid #d23172;
	padding: 0 0 0 10%;
}

#subnav > ul {
	margin-top:10px;
}
#subnav > ul > li {

}
#subnav > ul > li a {
	padding:5px 0;
	display:block;
	font-weight:normal;
	color: #3f3f40;/* dark */
	font-size: 24px; 
	text-decoration:none;
	vertical-align:middle;
	padding-left:30px;
}
#subnav > ul > li a:hover, #subnav > ul > li a:active {	
	color: #0276c4; /* blue */
	background-image:url(images/bullet-blue.png);
	background-position:left center;
	background-repeat:no-repeat;
	-webkit-transition:all 0s;
	-moz-transition:all 0s;
	transition:all 0s;

}

#subnav > ul > li a.selectedon {
	color: #11702d; /* green */
	background-image:url(images/bullet-green.png);
	background-position:left center;
	background-repeat:no-repeat;
	-webkit-transition:all 0s;
	-moz-transition:all 0s;
	transition:all 0s;
}



/* ------ FOOTER ------ */

footer{
	width:100%;
	background: #11702d;
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	text-align:center;
}
footer img{
	padding: 0 15px;
}
footer a{
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	text-decoration:none;
}
footer a:hover{
	color: #ccc; /* white */
}

footer h2{
	font-weight:normal;
	text-transform:uppercase;
	padding-bottom:5px;
}

#footer-content ul li {
	display:inline-block;
}

footer p#copy{
	padding-top:30px;
	text-align:center!important;
	font-size:16px;
}

footer p#copy a{
	font-size:16px;
}

#footer-inner {
	max-width: 90%;
	width:1200px;
	margin:0 auto;
	padding:30px 0;
}

#footer-left, #footer-middle {
float:left;
padding-right:10%;
}

#footer-right {
float:right;
}


#footer-right p{
	padding:5px 0;
}

#footer-right p a span{
	text-decoration:underline;
}



/* ------ Form Styles ------ */
form{

}
.inpsec {visibility:hidden;}	

fieldset {

	border:solid 1px #0276c4;
	margin-bottom:20px;
	margin-top:0px;		
	padding:0 0 20px 20px;
	border-radius: 8px;
}

legend {
	font-weight:normal;
	font-family: 'Raleway', sans-serif;
	color: #d23172;
	font-size:32px;
	margin:0 0 10px 0;
	padding:0 5px;
}	

table.formrequest {
    padding: 0 0 10px;
}

table.formrequest td {
    padding: 0 0 10px 0;
}


input, textarea, select {
    border: 1px solid #333333;
    border-radius: 4px;
    color: #0276c4;
    margin: 0 5px 0 0;
    outline: medium none;
    padding: 4px;
}



input[type="button"], input[type="submit"] {
	font-size:1em;
	padding:5px 20px;
	margin:20px 0;
	background: #0276c4!important; /* blue */
	color:#ffffff!important;	
	border:none!important;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-appearance: none;
}


input[type="button"]:hover, input[type="submit"]:hover {
	color:#ffffff!important;
	background: #066f05!important; /* green */
}


/* jQuery Announcement Bar at top of page  */
.jquery-bar {
	background:#066f05; /* green */
	width:100%;
	position: relative;	
	margin:0px 0px 0px 0px;
	padding: 15px 0px 10px 0px;	
	border-bottom:2px solid #fff;
	font-size:16px;
	display:none;
}

.jquery-bar .notification {
	display:block;
	width:auto;
}

.downbar {
	cursor:pointer;	
	top:0px;
	right:0px;	
	padding:8px;
	position:absolute;
	background:#066f05;
	color:#fff;
	border-radius:0px 0px 5px 5px;	
	border:2px solid #066f05;
	border-top:none;
	line-height:0;
	display:none;
	z-index:1;
}

.downbar:hover{
	opacity:.8;
	cursor:pointer;
}
.down {
	position:absolute;
	top:7px;
	right:5px;
	color:#fff;
}

.up {
	top: -60px;
	display: none;
}

.arrow {
	cursor:pointer;
}

.jquery-bar p {
	line-height:1.3;
}

.jquery-bar p a{
	color:#ffffff;
	text-decoration:underline;
}
.jquery-bar p a:hover {
	color:#fff;
	text-decoration:none;
}
.jquery-bar a.button{
	text-decoration:none;
	font-size:1em;
	padding:5px 20px;
	margin:10px 0 30px 0;
	display:inline-block;
	color: #066f05!important; 
	background:#ffffff!important;
	border:none!important;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.jquery-bar a.button:hover {
	background: #0276c4!important; 
	color:#ffffff!important;
}

/* Style to make telephone link non-clickable in browser */
a[href^="tel:"] { text-decoration: none; pointer-events: none; cursor: default; }

/******** RESPONSIVE STYLES *********/


	@media (min-width : 1100px) { /* This ensure that the mobile toggles don't display and that the main nav  display */
		a.mtoggle, a.mtoggle span {
			display:none!important;
		}
		nav#main-nav ul {
			display:table!important;
		}
	}



	@media (max-width : 1400px ) {
		body{
			width:100%; 
			min-width:100%;
			padding:0;
			margin:0;
		}
		nav#main-nav ul > li a {

		}
		
		#title{
			float:left;
			width:100%;
		}
		
		#title hr{
			display:none;
			visibility:collapse;
		}
		
		#title #left{
			float:none;
			display:none;
			visibility:collapse;
		}
		
		#title #right{
			float:none;
			display:none;
			visibility:collapse;
		}
		
		#title #left hr,
		#title #right hr{
			display:none;
			visibility:collapse;
		}
		
		#container-inner.home h1#page-title {
			display:block;
			float:none;
		}
		/*
		#container-inner.inside h1#page-title {
			text-align:left;
			display:block;
			float:none;
			padding-left:3%;
		}
		*/
	}


	@media (max-width : 1250px ) {		
		#footer-right{
			float:left;
			clear:both;
			padding-left:0;
			margin-left:0;
			margin-top:30px;
		}	

	}


	@media (max-width : 1200px ) {

		#banner{
			height:auto;
		}
		#banner-inner {
			width:100%;
			height:auto;
		}
		
		#container-inner h1#page-title {
			width:100%;
		}


	}
		
	@media (max-width : 1150px ) {
		#top-bar-inner {
			width:100%;	
			max-width: 100%;
		}	
		#top-bar-functions {
			width:75%;
		}
		#top-bar-functions a {
			width:33.333333%;
			font-size:1.7vw;
		}	
		#top-bar-social {
			width:25%;
		}



	}	
	
	@media (max-width : 1100px ) {
				
/* ------------- Main Navigation ---------- */
		#nav-wrapper {
			clear:both;
			border-bottom:none;
			width:100%;
			max-width:100%;
			display:block;
		}
		
		nav#main-nav {
			width:100%;
			max-width:100%;			
			box-sizing: border-box;
			margin:0;
			padding:55px 0 0 0;
			position:relative;
			bottom:0;
			top:0;
			right:0;
			left:0;
			z-index:1000;
		}
		
		nav#main-nav ul{
			width:100%;
			max-width:100%;
			
		}
		
		nav#main-nav ul.menu.menu-toggle {
			margin: 0;
			padding:0;
			width:100%;
			height:inherit;
			position:relative;
			display:block;
			transform:translateX(-105%);
			z-index:1000;
			transition:transform .3s;
		}
		nav#main-nav ul.menu.menu-toggle.slide-in {
			display:block;
			transform:translateX(0%);
		}
		nav#main-nav ul > li {

			margin:0;
			padding:0;
			display:block;
			position:relative;
			z-index:1000;
			width:100%;
		}
		
		nav#main-nav ul > li.for-mobile {
			display:block;
		}

		nav#main-nav ul > li a {
			color: #fff;
			width:100%;
			background:#0276c4; /* blue */

			line-height:50px;
			display:block;
			padding:0 0 0 20px;
			text-align:left;
			text-decoration:none;
			position:relative;
			z-index:1000;
			-webkit-transition:all .1s;
			-moz-transition:all .1s;
			transition:all .1s;
			border-top:1px solid rgba(255,255,255,.3); /* alpha white */
		}
		nav#main-nav ul > li a svg.fa-caret-down {
			display:none;
		}

		nav#main-nav ul li:last-child a {
			border-bottom: 1px solid #2f013c; /* dark purple */
		}	
		nav#main-nav ul li:first-child a {
			
		}
		
		
		nav#main-nav ul > li:nth-child(3n+1) a:hover {
			background: #11702d; /* green */
			color:#fff!important;
		}
		nav#main-nav ul > li:nth-child(3n+2) a:hover {
			background: #d23172; /* pink */
			color:#fff!important;
		}
		nav#main-nav ul > li:nth-child(3n+3) a:hover {
			background: #f1a441; /* orange */
			color:#fff!important;
		}
		nav#main-nav ul li a:hover svg.fa-play, nav#main-nav ul li a.current svg.fa-play, a svg.fa-caret-down {
			opacity:0;
		}
		
	

		.tablet-hidden {display:none;}	

		nav#main-nav ul > li.sub > ul.dropdown {
			display:none;
		}				
		/* hamburger toggle */
		a.mtoggle {
			font-size:14px;			
			position:absolute;
			width:50px;			
			height:50px;
			bottom:-5px;
			left:1%;
			background:none;
			z-index:9999;
			cursor:pointer;
			display:block;
			-webkit-transition-duration: 0.5s;
				  transition-duration: 0.5s;
		}
		a.mtoggle .icon {
		  -webkit-transition-duration: 0.5s;
				  transition-duration: 0.5s;
		  position: absolute;
		  height: 4px;
		  width: 30px;
		  bottom: 30px;
		  right:3%;
		  background-color:#fff;
		}
		a.mtoggle .icon:before {
		  -webkit-transition-duration: 0.5s;
				  transition-duration: 0.5s;
		  position: absolute;
		  width: 30px;
		  height: 4px;
		  background-color:#fff;
		  content: "";
		  top: -10px;
		}
		a.mtoggle .icon:after {
		  -webkit-transition-duration: 0.5s;
				  transition-duration: 0.5s;
		  position: absolute;
		  width: 30px;
		  height: 4px;
		  background-color:#fff;
		  content: "";
		  top: 10px;
		}
		a.mtoggle .icon:hover {
		  cursor: pointer;
		}
		a.mtoggle.open .icon {
		  -webkit-transition-duration: 0.5s;
				  transition-duration: 0.5s;
		  background: transparent;
		}
		a.mtoggle.open .icon:before {
		  -webkit-transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
				  transform: rotateZ(45deg) scaleX(1.25) translate(6.5px, 6.5px);
		}
		a.mtoggle.open .icon:after {
		  -webkit-transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
				  transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);
		}
		/* end hamburger toggle */
		
		
		#banner-inner a h2 {
			font-size:18px;
			line-height:20px;
		}
		#banner-inner a h2 span{
			font-size:24px;
		}
		#banner-inner a p {
			font-size:14px;
		}
		#container-inner.home #content {
			box-sizing:border-box;
			padding:30px 2%;
		}
		#container-inner.home #content p{
		}
		
		#content img{
			max-width:48%;
			height:auto;
		}	
		
		#content table.providers td {
			width:80%;
			
		}
		
		#content table.providers td a img{
			max-width:80%;
			height:auto;
		}
		
		#content table.providers tr td {
			max-width:25%;
		}
		#content video.float-right{
			float:none!important;
			padding:20px 0 20px 0;
			margin:0;
		}
	}

	@media (max-width : 999px ) {
		

		#header-right p a{
			font-size:20px;
		}
	

				
		 header, #header-inner, #header-right{
			/*height:240px;*/
		}
 		#header-inner a#logo img {
			max-width:80%;
			height:auto;
		}
			
		#banner {
			display:none;
			visibility:collapse;
		}

		
		
		
		#callouts-wrapper.inside{
			display:none;
			visibility:collapse;
		}
		
		
		#callouts{

		}
		
		#callouts ul{
			margin: 0 auto;
			display:block;
			width:70%;
		}
		
		#callouts ul li{
			float:left;
			width:50%;
		}
		
	
		#content table.providers tr, #content table.providers tr td {
			display:block;
			width:100%;
			max-width:100%;
			margin:0 auto 20px;
			text-align:	center;
			padding:0;
		}
		
		#content table.providers td a {
			text-align:	center;
			width:100%!important;
			max-width:100%;
			margin:0;
			padding:0;
		}		

		.col-1-of-2 {
			float:none;
			width:100%;
		}
		.col-2-of-2 {
			float:none;
			width:100%;
		}	
	}
	
		
	
	
	@media (max-width : 900px ) {	
	
		header, #header-inner, #header-right {
			/*min-height:380px;*/
			text-align:center;
			width:auto;
			display:block;
			clear:both;
		}	
		#header-inner a#logo{
			float:none;
			margin:0 auto 20px auto;
			padding:10px;
		}
		
		#header-inner a#logo img{
			max-width: 90%;
			height:auto;
		}
		#header-right{
			clear:both;
			position:relative;
			width:100%;
			float:none;
			display:block;
			right:inherit;
		}
				
		table.formrequest td {
			display:block;
			padding:0;
		}
		table.formrequest td:first-child {
			text-align:left;
			font-weight:bold;
			padding:10px 0 0 0;
		}
		table.formrequest td:last-child {
			margin-bottom:20px;
		}
}
	
	
	@media (max-width : 800px ) {	
	
		.off-mobile{
			display:none;
			visibility:collapse;
		}		



		#container-inner {
			max-width: 100%;
			width: 100%;
			padding-bottom:0;
			margin-bottom:0;
		}
		
		 #breadcrumbtree{
			padding-left: 3%;						
		}
		
		#container-inner h1#page-title {
			padding-left: 3%;	
		}
		#left-column{
			float:none;
			width:95%;	
			max-width:95%;	
			padding-left: 3%;
			padding-right:3%;
		}
		#right-column{
			float:none;
			width:100%;	
			max-width:100%;	
			margin-bottom: 0;
			padding-bottom:0;	
		}
		#subnav{
			clear:both;
			display:block;
			width:100%;
			height:auto;
			max-width:100%;
			position:static;
			margin:0 auto;
			padding-left: 0;
			padding-right:0;
			padding-top: 10px;
			padding-bottom:0;	
			border-left:none;
		}
		
		#subnav h2{
			width:100%;
			background: #d23172; /* pink */
			color:#ffffff;
			padding: 5px 3%;  
			font-weight:normal;
		}
		
		#subnav ul{
			margin-top:0;
		}		
		#subnav ul li{
			background: #ffffff;
			border-bottom: 1px solid #d23172; /* pink */
			padding-right:3%;	
		}
		

		

	}
	

	
	@media (max-width : 700px ) {	
	
		#header-inner {
			padding:10px 0;
		}
		#top-bar-inner a {
			font-size:2.8vw;
			padding:0;
		}

		#callouts, #callouts ul{
			width:100%;
			margin:0 auto 20px;
			text-align:center;
		}
		#callouts{
			margin-top:30px;
		}
		
		#callouts ul li {
			width:100%;
			float:none;
			margin:0 auto;
			display:block;
		}
		
		#content iframe{
			width: 90%;
			height: auto;
			min-height:300px;
			margin-top: 30px;
		}


		body {
			font-size: 22px;
			line-height:32px;
			min-width:320px;
		}
		
		input.formInputTextReadonly, input[type="text"], textarea, select {
			width:70%;
		}
		#content img{
			float:none;
			max-width:80%;
			height:auto;
			margin-top:10px!important;
			margin-left:0px!important;
		}	
		
		#content img.float-right {
			float:none;
			max-width:80%;
			height:auto;
			margin-top:10px!important;
			margin-left:0px!important;
		}
		
		
		#footer{
			margin-top: 0;
			padding-top:0;
		}


		#footer-left, #footer-middle{
			float:none;
			display:none;
			visibility:collapse;
		}
		#footer-right{
			float:none;
			margin-top:0;
			padding-left:0;
			margin-left:0;
			text-align:center;
		}	
		footer p#copy{
			text-align:center!important;
		}
		
	}
	
	
	
	@media (max-width : 500px ) {	


		#top-bar-functions {
			width:80%;
		}
		#top-bar-social {
			width:20%;
		}
		#top-bar-inner #top-bar-social a {
			padding:0 5px;
		}
		#header-right p a span{
			display:none;
			visibilty:collapse;
		}
	
	
		#subnav h2 {
			font-size: 28px; 
		}
		
		#subnav ul li a{
			font-size: 20px; 
		}
		

		#callouts ul li a{
			font-size:28px;
			line-height:32px;
		}
	
		

		
		.float-right {
			float:none;
			margin: 0 0 5px 0;
		}
			
		.float-left {
			float:none;
			margin: 0 0 5px 0;
		}
		

		#container-inner h1#page-title, #content h1  {
			font-size: 36px; 

		}
		#content h2  {
			font-size: 33px; 
		}	
		#content h3  {
			font-size: 29px; 
		}	
		#content h4  {
			font-size: 26px; 
		}	
		#content h5  {
			font-size: 24px; 
		}						
		table.form-table{
			margin:0 auto;
			width:90%!important;
			max-width:500px;
		}
		
		legend {
			font-size: 24px;
		}
		
		fieldset {
			width:90%;
		}
		
		footer p#copy{
			text-align:center!important;
		}

	}
	@media (max-width : 400px ) {			
		#header-right p a{
			font-size:20px;
		}

	}
	
	@media (max-width : 350px ) {
		
		#header-right p a{
			font-size:18px;
		}
	}