
/* NOTE: this version is AFTER the removal of the infographics "Icon Navi" and (redundant) appointment box. This version includes changing left locations box from teal (#50839c) to white */

/*****************************  Home PAGE STYLES ONLY (#9 is current main Home page) *********************************/
body.home {}




/** main buttons on standard view **/

.get-healthcare-btntxt-1 {
	color: #009FC1;
	font-size: 28px;
	font-size: 2vw; 
}

.get-healthcare-btntxt-2{
	text-transform:uppercase; color: #666666;
	font-size: 11px;
	font-size: .8vw;
}

.patient-portal-btntxt-1{
	color: #61B009; 
	font-size: 24px; 
	font-size: 1.8vw;
}

.patient-portal-btntxt-2{
	text-transform:uppercase; 
	color: #666; 
	font-size: 11px; 
	font-size: .8vw;
}

.give-opts-btntxt-1{
	color: #D76100;
	font-size: 28px;
	font-size: 2vw; 
}

.give-opts-btntxt-2{
	text-transform:uppercase; 
	color: #666; 
	font-size: 11px; 
	font-size: .8vw;
}









/** main buttons on Mobile view **/
#get-healthcare, #patient-portal, #giving-options  {
	margin: 1% 2%;
	}
	/* Hides the mobile buttons spacing when not visable*/
	@media only screen and (min-width: 480px) {
#get-healthcare, #patient-portal, #giving-options  {display: none;}
	}
	
#get-healthcare .avia_iconbox_title, #patient-portal .avia_iconbox_title, #giving-options .avia_iconbox_title {font-size: 22px;}
#get-healthcare .av-button-description.av-button-description-below, #patient-portal .av-button-description.av-button-description-below, #giving-options .av-button-description.av-button-description-below {font-size: 12px; margin-top: -10px;}
	
#get-healthcare .avia-button-fullwidth {
    border-radius: 0;
    padding: 2% 4% !important;
	background: #DD8D04 ;/* #009FC1 */
	background: rgba(221, 141, 4, 0.8);
	}
#patient-portal .avia-button-fullwidth {
	border-radius: 0;
	padding: 2% 4% !important;
	background: #59A209;
	background: rgba(89, 162, 9, 0.65);
	}

#giving-options .avia-button-fullwidth {
	border-radius: 0;
	padding: 2% 4% !important;
	background: #508E9C;
	background: rgba(80, 142, 156, 0.9);
	}
	


body.home .ls-layers {font-family: 'Open Sans','Overpass', Arial, sans-serif;  font-weight: 300}



	/* Hides the background top arch under LayerSlider*/
	@media only screen and (max-width: 767px) {
	body.home   { 	}
	}

/* Google Translation */
body.home main.template-page.content.av-content-full.alpha.units {
	padding-bottom: 0; /* removes the extra spacing under translation item */
}

	#icon-navi #google_language_translator {clear: both; padding-bottom: 20px}
	
		/* Google Translate - Keeps content on 1 line */
		.goog-te-combo   {margin-bottom: 0px !important; display: inline !important}


#splash-border.avia-section {
	height: 4px;
	min-height: 4px;
	background-color: #DBDBDB;
}

/* Mobile view top buttons */

	/* Hides the background top arch under LayerSlider*/
	@media only screen and (min-width: 495px) {
	body.home  #after_layer_slider_1 {display: none 	} 	
	}

/** Map Section **/



/* Note: the original bg color for the "people services" was #4c91a2, which is lighter than the current one.*/
#hm-map {
	border-top: 4px solid #DBDBDB; 
	border-bottom: 4px solid #DBDBDB;
}
#hm-map .left-map {
	padding: 40px; 
	//background-color:#49838F; /* solid teal is: 006579 */
	background-color:#ffffff;
} 
#hm-map .map-appt h3 {
	//color: #ffffff;
	color: #006579 ; 
	font-size: 30px; 
	letter-spacing: .02em; 
	//font-family: 'Nanum Myeongjo','Lora', "Times New Roman", Times, serif;  
}
#hm-map .map-appt p {
	//color: #ffffff; 
	color: #6f6f6f;
	font-family: 'Open Sans','Overpass', Arial, sans-serif;  font-weight: 300
}
#hm-map .map-appt a {
	//color: #edb700; 
	color: #6f6f6f; 
	font-size: 24px;
	font-weight: 600;
}

.location-more {text-align:center !important}

	/* Adjustsments to People Services box to remain level with map */
	@media only screen and (max-width: 1284px) {
	#hm-map .left-map {padding: 20px }
	#hm-map .left-map p {font-size: 16px}
	}
	@media only screen and (max-width: 940px) {
	#hm-map .left-map {padding: 20px; }
	#hm-map .map-appt h3 {font-size: 24px  }
	#hm-map .map-appt a {font-size: 18px  }
	}
	@media only screen and (max-width: 850px) {
	#hm-map .left-map p {line-height: 160%; }
	}


/** our impact in numbers **/

#impact {background-color: #f8f8f8;}

#impact .av-special-heading h3 {font-size: 14px; padding-top: 2%; font-family: 'Open Sans','Overpass', Arial, sans-serif;   color: #888}

#impact .statistics-inner {padding: 0 !important; background-color: #f8f8f8;}


#impact .statistics{margin-top:0px; padding: 0 0;  background-color: #f8f8f8;}

#impact .statistics h3 {display: none}

#impact .statistics .stat {
    display: inline-block;
    margin: 10px 15px;
    line-height: 1.4;
	padding: 10px;
	border-bottom: 2px solid #4d8693;  /* A5C1A2*/
	min-width: 100px;
	max-width: 200px;
}

#impact .stat .number {
    color: #006579; /* 4C91A2 4d8693, A5C1A2 */
    font-size: 42px;
	//font-family:  'Nanum Myeongjo','Lora', "Times New Roman", Times, serif;  
}



#impact span.count-title {
    font-family: 'Open Sans','Overpass', Arial, sans-serif; 
    font-size: 13px;
}



	/* Adjustsments to Impact in Numbers section */
	@media only screen and (max-width: 1500px) {
	#impact .statistics .stat {
		margin: 10px 15px;
		padding: 10px;
		min-width: 90px;
		max-width: 150px;
	}
	#impact .flex_cell {padding: 10px;}
	}
	@media only screen and (max-width: 1210px) {
	#impact .stat .number {font-size: 32px;}
	#impact span.count-title {font-size: 12px;}
	#impact .statistics .stat {min-width: 70px; max-width: 120px;}
	#impact .flex_cell {padding: 0px;}
	}


		@media only screen and (max-width: 760px) {
	#impact .stat .number {font-size: 24px;}
	}

#impact .right-pix {padding: 0 !important; margin: 0 !important}

	@media only screen and (max-width: 1020px) {
	#impact .right-pix {display: none !important} 
	}
/*** blog ***/


/*** Work at JWCH ***/

.work-jwch .work-head  {margin-bottom: 30px; background-color: #7FB1BD; padding: 1% 3%;} /*7EB1BC */
.work-jwch .work-head h3 {font-size: 32px; margin-bottom: 0; line-height: 1; font-family: 'Open Sans','Overpass', Arial, sans-serif;  font-weight: 300; color: #ffffff !important}
.work-jwch .work-head p { color: #ffffff !important}
.work-jwch time.av-magazine-time.updated {display: none}
.work-jwch h3.av-magazine-title a {color: #555 !important}
.work-jwch .av-magazine-title {background-color: #E4E6E3; padding: 10px 4px !important;}

	@media only screen and (max-width: 480px) {
.work-jwch .work-head h3 {font-size: 20px;}
	}
/*** Bottom Ads ***/
#btm-ads {background-color: #ecf3f7} /* teal:006579, 4C91A2  5697A5, 7C9BAF */
#btm-ads .flex_cell_inner {background-color: #ecf3f7}



