/*
 *
 * PFH.ORG 2013 Mobile CSS 
 *
 */

/***************************  42.25em  HEIGHT ***************************/
@media screen and (max-height: 42.25em) {

.map_options, .funders_footer {
	display:none;
}
}




/***************************  95.75em ***************************/
@media screen and (max-width: 95.75em) {
	

}


/***************************  85.75em ***************************/
@media screen and (max-width: 85.75em) {
	
div.submenu_content  li { 
	font: 1.2em 'open sans', Verdana,Arial, sans-serif;
	list-style-type: none; 
	list-style: none;
	display: block;
	margin-right:40px;
}	
	
.mobile_break_85 { display:block; }
}



/***************************  62.75em ***************************/
@media screen and (max-width: 62.75em) {
	
.cat6 {
	margin:0;
	text-align:center;
}

.sensor_wrapper_outer,.client_wrapper_outer {
	/*background: url(../img/touch_horizontal_scroll.png) no-repeat center bottom;	*/
	overflow-x: scroll;
	overflow-y: hidden;
	white-space: nowrap;
	margin-bottom:10px;
}	

::-webkit-scrollbar {
    width: 0px;  /* remove scrollbar space */
}
	
.sensor_wrapper,.client_wrapper {
	display:block;
}	



.sensor_wrapper,.client_wrapper {
	width:3685px;
}	


.client_wrapper {
	width:720px;
}

.sensor_description,.client_description  { 
	margin-top:20px;
}
	
.motto_desktop {
	max-width:60%;
	margin-left:0;
	margin-right:0;	
	padding-left:10px;
}

.w3-display-middle {
	left:35%;
	font-size:2.0em;	
}
	
div.select_by_wrapper {
	display:block;	
}

div.select_by {
	float:none;
	width:100%;
	padding:0;
	padding-right:0px;
	margin-bottom:35px;	
}

div.select_by h3 {
	width:100%;	
	font-weight:200;
	margin-bottom:25px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;		
}




}








/***************************  53.75em ***************************/
@media screen and (max-width: 53.75em) {

div.content_widescreen {
	max-width:100%;
	padding-right:0px;
	padding-left:0px;		
}



div.careers_wrapper{ width:425px;}

div.careers_wrapper a{ width:400px;}

.funders_wrapper{ 
	width:547px; 
	margin-right:auto;
	margin-left:auto; 
}

.album_row_wrapper { 
	width:260px; 
	padding:0;
	margin-right:auto;
	margin-left:auto; 
}

.careers_program, .careers_location{ display:none; }
.careers_mobile_data  { display:block; }
.careers_job_title { word-wrap: break-word; }
.careers_job_title  a {text-align:center; font-weight:800;}

.data-table { margin-top:-10px; }
.data-table td { padding:14px; }
.data-table thead { display:none; }

}



/***************************  51.75em ***************************/
@media screen and (max-width: 51.75em) {



	
.title { margin-top:0; }


.remove_on_mobile { display:none; }





h3.title2 {
	font: 1.7em 'playball', Verdana,Arial, sans-serif;
}



h3.cat{
	font-size: 1.5em;
}






div.locations_cells {
	width:501px;
	max-width:100%;
}




div.vw_menu {
display:block;
width:100%;

}

a.vw{
display:block;
width:98%;

}



.artc_calendar_800 {
	display:none;
}

.artc_calendar_500 {
	display:block;
}


.helpdesk_superhero {
	display:none;		
}

.welcome_text{
	font-size: 1.9em;
}

	
}



/***************************  48.75em ***************************/
@media screen and (max-width: 48.75em) {

.helpdesk_card{
	display:none;
}

.three_across_wrapper, div.three_across_500 { width:450px; }



.advance-tweet-left {
	display:none;
}



.advance-tweet {
	width:49%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	float:none;
}





}







/***************************  50.75em ***************************/
@media screen and (max-width: 58.75em) { 


body {
	background:none
}





.smallmenu_back { display:block; }

/***  Small screens mobile logo and menu ***/

div.header {
	background-color:#222;
	background-position: center;
	background-repeat: repeat;
}

div.header_placeholder { 
	height:70px;
	display:none;
}

.section_anchor {
    display: block;
    position: relative;
    top: -70px;
    visibility: hidden;	
}


div.logo_motto_wrapper { display:none; }

div.logo { display:none;}

div.logo_mobile { 
	display:block;
	width:100%;
	max-width:100%;
	height:70px;
	border-bottom:0px solid red;
	padding:0px;	
	margin:0px;
}


.mobile_logo_container_left, .mobile_logo_container_right {
	width:20%;
	height:70px;
	float:left;
}

.mobile_logo_container_center {
	width:60%;
	float:left;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


.mobile_menu_image_open { 
	display:none;
}








div.submenu_wrapper {
	width:100%;
	padding:0px;
	background-color:#000;	
	position:relative;		
	z-index:9999;
	margin-top:0px;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;

}

div.submenu {
	min-height:0px;	
	padding-top:0.6em;
	font-size: 0.9em;		
}



div.submenu_content{

}


#company_content, #services_content, #locations_content, #help_content {
	display:none;
}


div.after_menu_spacer { display:none;}

div.content { padding-top:10px; }


nav.large {display:none;}



div.submenu_content ul {
	width:90%;
	padding:0;
	padding-top:50px;
	padding-bottom:12px;
	text-align:left;	
}

div.submenu_content  li {			
	list-style-type: none; 
	list-style: none;
	display: block;
	margin-right:0px;
}


div.submenu_content  li a{
	font: 1.1em 'Open Sans', Verdana,Arial, sans-serif;
	font-weight:100;
	color:#eee;
	display:block;
	border-bottom:1px solid #333;
	padding-bottom:4px;
	padding-left:5px;
	margin-bottom:0.6em;
	color:#eee;
	line-height:2.4em;
	white-space:nowrap;
	text-overflow:ellipsis;
}



h3.submenu_title { 
	color:#eee; 
	font: 1.7em 'Open Sans', Verdana,Arial, sans-serif;
	font-weight:100;
	padding-top:5px;	

}



.smallmenu_content{
	max-width:85%;
	display:block;
	padding:0px; 
	margin-top:0.3em;
	margin-bottom:0.4em;
	margin-right:auto; 
	margin-left:auto;
}

.smallmenu_content a, .smallmenu_content span{ 
	font: 1.2em 'Open Sans', Verdana,Arial, sans-serif;
	font-weight:100;
	color:#eee; 
	display:block;
	border-bottom:1px solid #333;
	padding-bottom:4px;
	padding-left:5px;
	margin-bottom:0.7em;
	text-decoration: none;  
	line-height:2.0em;
}

.smallmenu_content a:hover{  color:#27274E; background-color:#888; }


a.last_smallmenu_content { margin-bottom:0.7em; }


a.smallmenu_content_images img {
	padding-right:15px;
	vertical-align: text-top;
}



/*** END  of css for small screens mobile logo and menu ***/



.sub_service_menu {
	position:relative;
}



div.index {
	font-size:0.9em;	
}

div.index h2 {
	font-size:2.3em;
}

div.index h3 {
	font-size:2.6em;
}

.three_boxes_container { 
	width:98%;
	margin-top:3.3em;
	margin-bottom:1.4em;
	margin-right:auto;
	margin-left:auto; 
}

.three_boxes { 
	width:100%;
	margin-bottom:25px; 
	text-align:right;
}

.last_boxes { margin-bottom:2.6em; }

.three_boxes  p {
	font: 1.3em 'open Sans', Verdana,Arial, sans-serif;
	width:68%;
	float:right;
	padding-top:2px;
	line-height:1.0em;
	text-align:left;
	vertical-align:middle;

}

.three_boxes  img {
	width:25%;
	max-width:188px;
	float:left;
	border:3px solid #333;
	-moz-border-radius: 10px;
	border-radius: 10px;
}



div.prevention_menu  a.prevention {
display:block;
width:98%;
}







/* CARF, 30 years, Healthiest Employers Awards */
#awards_inner { 
	max-width:30em;
}

#awards_inner div { 
	float: none; 
	width: 94%; 
	padding: 3%; 
	margin-right: 0; 
	margin-bottom: 0.0em; 
	padding-bottom: 0px; 
	padding-top:142px; 
	border-bottom:0px dotted #777;
}




#awards_inner p { 
	font-size:1.3em;
	color:#fff;
}

#awards_inner h3 {
	font: 1.9em 'opens sans', Verdana,Arial, sans-serif;
} 

/* Our Mission, Goals, Future */
#adver_inner { max-width:28em; }

#adver_inner div { 
	float: none; 
	width: 94%; 
	padding: 3%; 
	margin-right: 0; 
	margin-bottom: 2.0em; 
	padding-bottom: 0px; 
	padding-top:0px; 
	border-bottom:0px solid #777;
}

#adver_inner .col3 { border-bottom:0px; }

#adver_inner p { 
	font-size:1.3em;
	color:#fff;
}

#adver_inner li { 
	font-size:1.3em;
	color:#fff;
	text-align:center; 
	list-style:none;
}



.lbush_top { display:none;}




/* donation page styles */
div.donate {
	background: #0F0F1C url(../img/donate_bg.png) no-repeat center top;
    clear:both;
    max-width:100%;
	height:165px;
}

div.donate h1, h2{
	font-size:1.9em;
}

div.donate h2{
	font-size:1.5em;
}


div.donate h3 {
	font-size:2.3em;
}


.tax-credit-links  {
	width:230px;
}



.entry_image_wrapper {
	width:250px;
	float:none;
	padding:0px;
	margin:0px;
	font-size: 1.0em;
	font-weight:800;
	color:#666;
	margin-right:auto; 
	margin-left:auto;
	margin-bottom:10px;	
	text-align:center;	
}



div.locations_details_wrapper {
	font-size:1.2em;
	font-family:'Open Sans', Verdana,Arial, sans-serif;	
	width:300px;
	max-width:90%;
	border:0px solid #ccc;
	padding:0px;
	margin:0;
    margin-top:0px;
	margin-right:auto; 
	margin-left:auto;
	text-align:center;		
	float:none;
	right:0;
	display:block;
	position:relative;
}

div.locations_details {
	max-width:95%;
	min-height:0px;
	position:none;
	border:0px solid #ccc;	
	margin:0px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	font-size:1.3em;
	float:none;
	line-height:35px;
	color:#111;
	background-color:#fff;
	-moz-border-radius: 0px;
	border-radius: 0px;
	opacity: 1;
}


div.locations_details h4 {
	font-weight:400;
	border-bottom:1px solid #aaa;
}

.locations_details_map {
	width:100%; 
	height:250px;
	padding:0;
	margin:0;

}


div.locations_details_loading {
	margin-top:-150px;	
}


.entry_image_row {
    width: 70%; 
    height: 100%; 
    overflow: hidden; 
	border:0px solid #888;
	background-color:#fff;
	padding:0px;
	margin-top:3px;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	float:none;
	display:block;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.entry_image_row_location img {
	height:auto;
}


.horizontal_stretch {
	font-size:2.0em;
}



.search-form-header input, .search-form-header  label {
	display:none;
}


h3.cat_news_entry {
	font-size: 1.9em;
}

div.content_entry pre {
	font-size: 1.1em;
}

}


/***************************  43.75em ***************************/
@media screen and (max-width: 43.75em) {

div.index {
	font-size:0.8em;	
}


div.select_by_division {
	max-width:100%;	
}




.careers_hours { display:none; }


}



/***************************  40.75em ***************************/
@media screen and (max-width: 40.75em) {



.title { 
	font-size:2.1em;
	margin-top:0;
}


.sub_title {
	font-size:1.8em;
}


.side_box_2{ width:90%;  margin-left:auto; margin-right:auto; text-align:center; float:none; padding:8px; }


.side_box_2_leftalign{ width:90%;  margin-left:auto; margin-right:auto;  float:none; padding:8px; }


.mobile_break { display:block;}





}





/***************************  38.75em ***************************/
@media screen and (max-width: 38.75em) {


.close_filter {
	padding-right:20px;
}

h3.cat{
	font-size: 1.4em;
}

h3.cat2{
	font-size: 2.0em;
}

h3.cat3{
	font-size: 1.8em;
	text-align:center;
	border-bottom: 1px solid #3D3D74;
	padding-bottom:5px;
}





div.index {
	padding-top:15px;
}

div.index h2 {
	font-size:2.0em;
}

div.index h3 {
	font-size:2.2em;
}



div.welcome_text span {
	font-weight:400;
}





.three_boxes_container {
	margin-top:2.3em;
	margin-bottom:1.4em;
}

.three_boxes  p {
	font: 1.1em 'open Sans', Verdana,Arial, sans-serif;
	padding-top:0px;
}


.funders_wrapper{ 
	width:262px; 
	max-width:95%;
	margin-right:auto;
	margin-left:auto; 
}





.funders_logo {
	max-width:100%;
	margin-right:auto;
	margin-left:auto; 
	text-align:center;
}


.funders_logo img{
	max-width:75%;
}

.side_box_ss{ width:20em;}

div.locations_filter label{
	margin-bottom:7px;
}

div.locations_filter_list {
	width:90%;
	display:block;
	float:none;
	margin-left:auto;
	margin-right:auto;
	text-align:center;	
}

div.locations_filter_list_last {
	margin-left:0px;
	margin-left:auto;
	margin-right:auto;	
	text-align:center;	
}



/* donation page styles */
div.donate {
	background: #0F0F1C url(../img/donate_bg.png) no-repeat center top;
    clear:both;
    max-width:100%;
	height:200px;
}

div.donate h1, h2{
	font-size:1.8em;
}

div.donate h2{
	font-size:1.4em;
}


div.donate h3 {
	font-size:1.8em;
}




.ordered_list {
	font-size: 1.0em;
}



.donate_now_button_wrapper {
	display:table;
	max-width:100%;
	width:250px;
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	padding:0px;
	padding-bottom:0px;
}

.donate_now_button{
	display:block;
	float:none;
	margin:0px;
	padding:10px;
	width:250px;
	max-width:100%;
	margin-right:0px;
	margin-bottom:15px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}



.advance_content {
	font-size: 1.2em;
}

.quote_box_2{
	font-size:1.2em;
}






.nav_close_button, .services_breadcrumb {display:none;}





}





/***************************  34.75em ***************************/
@media screen and (max-width: 34.75em) {	

.w3-display-middle {
	width:250px;
	top:40%;
	left:40%;	
	font-size:1.3em;	
}

.bg_anystretch p.ad {
	font-size:2.4em;
}


div.index {
	background:none;
	padding-top:0px;
	padding-bottom:10px;
	margin-top:0px;
	margin-bottom:0px;
}


.sub_title {
	font-size:1.5em;
}

div.locations_asp {
	margin-left:auto;
	margin-right:auto;
	float:none;
	width:350px;
	max-width:90%;
	height:auto;
}


p.locations_contact_info {
	line-height:2.6em;
}



h3.submenu_title { 
	color:#eee; 
	font: 1.6em 'Open Sans', Verdana,Arial, sans-serif;
	font-weight:100;
}



.nav_close_button img{
	margin-top:8px;
}






div.welcome_wrapper_mobile_text { 
	width:96%;
	font-size: 1.7em;
	font-weight:200;
	letter-spacing:3px;
	line-height:1.3em;
	text-align:center;
	color:#000;
	border:0px solid #404077;
}  

div.welcome_wrapper_mobile_text span {
	color:#000;
	font-weight:400;	
}

.welcome_wrapper_mobile {
	display:block;
}





.youtube_video_wrapper { width:17em;  }
.youtube_video { height:200px; }



h3.social_and_funders_title{
	font-size: 2.4em;
}



.funders_footer, .donate_now_wrapper { 
	padding-top:2em;
	padding-bottom:2.5em;
}


.prevention_title {
	font: 1.9em "Playball", Verdana,Arial, sans-serif;
}

.social_box  a  img{ 
	width:32px; 
	height:32px; 
	padding-right:3px; 
	padding-top:7px;  
	padding-bottom:7px; 
}


#awards_inner { max-width:22em; }
#awards_inner h3 { font: 1.6em 'open sans', Verdana,Arial, sans-serif; } 


#adver_inner { max-width:20em; }





.three_across_wrapper, div.three_across_500 { width:220px; max-width:100%;}

.leaders_bio_image { display:none; }

div.careers_wrapper{ width:99%;}

div.careers_wrapper a{ width:90%;}




.bg_anystretch p,  p.lefttext {
	font-size:2.2em;
}



.mobile_break_32 { display:block;}


.copyright_break { 
	display:block;
}


div.copyright {
	background:0;
	font: 1.6em 'open sans', Verdana,Arial, sans-serif;
}

p.copyright a{ 
	margin-right:1.0em;
	line-height:2.7em;
}

div.copyright {
	padding-bottom:1.9em;
}

div.copyright_wrapper p {
	padding-top:0.5em;
	padding-bottom:0em;
}


.artc_calendar_800, .artc_calendar_500  {
	display:none;
}

.artc_calendar_300 {
	display:block;
}


.sub_title_breadcrumb {
	font-size:1.2em;
}




.sub_service_button_wrapper {
	display:table;
	width:auto;
	border:0px solid red;
	margin:0;
    margin-left: auto;
    margin-right: auto;	
}	

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



.careers_state { display:none; }
.careers_state_with_city { display:block; }

}



/***************************  26.75em ***************************/
@media screen and (max-width: 26.75em) {  

.w3-display-middle { display:none;}

.bg_anystretch p.ad {
	font-size:2.0em;
}

.three_boxes  p {
	font: 1.0em 'open Sans', Verdana,Arial, sans-serif;
	padding-top:0px;
}


.funders_wrapper{ 
	max-width:85%;
}


.funders_logo {
	margin-top:3px;
	margin-bottom:10px;
	margin-left:0px;
	margin-right:0px;
} 


h3.cat3{
	font-size: 1.5em;
}


.bg_anystretch p,  p.lefttext {
	font-size:1.8em;
}



.welcome_text{
	font-size: 1.7em;
}


}


/***************************  21.75em ***************************/
@media screen and (max-width: 21.75em) {  





div.index {
	margin-bottom:0px;

}


div.header {
	background-color:#222;
	background-position: left;
	background-repeat: repeat;
	height:70px;
}








h3.submenu_title { 
	color:#eee; 
	font: 1.2em 'Open Sans', Verdana,Arial, sans-serif;
	font-weight:200;
}








.sub_title {
	font-size:1.3em;
}


h3.cat{
	font-size: 1.2em;
}


h3.cat3{
	font-size: 1.3em;
}

.nav_close_button img{
	margin-left:10px;
	margin-top:4px;
}



div.submenu_content  li a{	
	font: 1.1em 'open sans', Verdana,Arial, sans-serif;
	font-weight:100;
	line-height:2.4em;
	white-space:nowrap;
	text-overflow:ellipsis; 
}




.three_boxes_container {
	margin-top:1.8em;
	margin-bottom:1.0em;
}



.prevention_title {
	font: 1.6em "Playball", Verdana,Arial, sans-serif;
}



.three_boxes  p {
	font: 0.9em 'open Sans', Verdana,Arial, sans-serif;
	padding-top:0px;
}










img.footer_top_button {
	padding-top:0px;
}




.donate_DAF_widget {
	width:160px;
	border:2px solid #DCDCED;
	float:none;
	padding:0px;
	margin-right:auto;
	margin-left:auto;
	text-align:center;
	-moz-border-radius: 4px;
	border-radius: 4px;
}




.horizontal_stretch {
	font-weight:200;
	font-size:1.8em;
}



}







/***************************  17.50em ***************************/
@media screen and (max-width: 17.50em) {  



.slider-wrapper {
	display:none;
}


div.header {

	background-color:#222;
	background-position:center;
	background-repeat:repeat;
	height:70px;
}




a.smallmenu img{ float:none; }




.smallmenu_content{
	width:187px;
	max-width:100%;
}

.smallmenu_content a { 
	font:0.9em 'Open Sans', Verdana,Arial, sans-serif;  
	line-height:2.1em; 
}



h3.submenu_title { 
	font: 1.2em 'Open Sans', Verdana,Arial, sans-serif;
	font-weight:200;
}

div.submenu_content  li a{	
	font: 0.8em 'open sans', Verdana,Arial, sans-serif;
	line-height:2.4em;
	white-space:nowrap;
	text-overflow:ellipsis; 
}


.title { 
font-size:1.7em;
}




div.mobile_welcome span {
	font-weight:400;
	color:#fff;
}


.three_boxes  p {
	font: 0.8em 'open Sans', Verdana,Arial, sans-serif;
	padding-top:0px;
}





}