/*
 *
 * clarity-healthcare.org 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) {
.bg_anystretch {
	padding-top:5%;
	padding-bottom:5%;
}


.bg_anystretch_small {
	padding-top:4%;
	padding-bottom:4%;
	padding-left:0%;
	padding-right:0%;
}


}















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





.submenu_wrapper { 	
	background-color:#222; 
	max-width:100%; 
	margin:0; 
}

div.submenu {
	padding-top:0.6em;
}


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


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

.smallmenu_content a { 
	display:block;
	background: url(../img/small_menu_bg.png) no-repeat right;
	background-color:#444;
	margin-bottom:0.6em;
	font: 1.1em 'Open Sans', Verdana,Arial, sans-serif;  
	color:#fff; 
	text-decoration: none;  
	line-height:2.1em; 

}

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


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


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

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





div.index {
	height:235px;
}

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

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




.title { 
	font-family: "open sans", Verdana, Arial; 
	font-size:2.4em;
	margin-top:0;

}



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

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




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



.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: 40px; 
	padding-top:142px; 
	border-bottom:4px dotted #777;
}

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



#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;
}

.donate_now_button{
	font: 2.0em 'playball', Verdana,Arial, sans-serif;
	width:200px;
}



}






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



.nav_link_break, .mobile_menu {
	display:block;
}



ul.underlinemenu{
	display:none;
	margin-top:10px;
	margin-bottom:0px;
	padding: 0px;
	max-width:80em;
	margin-right:auto;
	margin-left:auto;
	list-style: none;
	text-align: center; 
}

ul.underlinemenu li { 
	display: inline; 
}

ul.underlinemenu li a{
	color: #333;
	padding:0px;
	font-size: 2.4em;
	font-family: 'Cinzel Decorative', cursive;
	font-weight:100;
	line-height:1.9em;
	margin: 0em; 
	text-decoration: none;
	outline: none;
}


.aerial_790 {
	display:none;
}

.welcome_text_break {
	display:none;
}

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:545px; 
	padding:0;
	margin-right:auto;
	margin-left:auto; 
}




}



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





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






/* Contact styles */
.contact_outer_wrapper {
	width:265px;
}


}



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










.title { 
	font-family: "open sans", Verdana, Arial; 
	font-size:2.1em;
	margin-top:0;

}


.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;}





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

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

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


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

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

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

div.welcome_text{ 
	width:100%;
	font-size: 2.1em;
	font-family:'open sans',Verdana,Arial, sans-serif;
	font-weight:200;
	color:#000;
	letter-spacing:3px;
	line-height:1.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; 
}

.album_row_wrapper { 
	width:255px; 
	padding:0;
	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;}


.two_across_wrapper{ 
	width:220px; 
}



/* 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;
}

.donate_now_button{
	font: 2.3em 'playball', Verdana,Arial, sans-serif;
	width:200px;
}




}





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





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


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



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



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





.index_page_title {
	font-family: 'Poiret One', cursive;
	font-weight:800;
	font-size:2.0em;
	letter-spacing:1px;
	display:block;
	-moz-box-shadow:    inset 0px 10px 16px -13px #0F0F1C;
    -webkit-box-shadow: inset 0px 10px 16px -13px #0F0F1C;
    box-shadow:         inset 0px 10px 16px -13px #0F0F1C;
}

.index_page_title span {
	display:block;
	font-weight:400;
	font-size:1.0em;
	letter-spacing:0px;
}






/* Stop display of slider and index div, show h3.title */


.index { display:none;}
.title {display:block;}




div.welcome_wrapper {
	width:100%;
	max-width:100%;
	background-color:#fff;
	padding-top:1.6em;
	padding-bottom:2.0em;

} 

div.mobile_welcome { 
	width:94%;
	font-size: 1.7em;
	font-family:'open sans',Verdana,Arial, sans-serif;
	font-weight:200;
	color:#000;
	letter-spacing:3px;
	line-height:1.3em;
	text-align:center;
}  

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

.threedot_text_spacer {
	display:block;
	line-height:2.0em;
	background:url(../img/welcome_text_spacer.png) no-repeat center;
}


.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.0em;
}



.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: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;
}


}






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



}




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




.sponsors img {
	margin-right:0px;
}






.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;
} 




.sub_title {
	font-size:1.7em;
}




}


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







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

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




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


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

}


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


.sub_title {
	font-size:1.4em;
}


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



div.submenu_content  li a{	
	font: 0.9em 'open sans', Verdana,Arial, sans-serif;
	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;
}


}




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


div.header {
	background:url(../img/header_mobile_bg.png);
	background-color:#333;
	background-position:center;
	background-repeat:repeat;
	height:70px;
}







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.4em}



div.welcome_wrapper {
	padding-top:1.0em;
	padding-bottom:1.6em;
} 

div.mobile_welcome { 
	width:90%;
	font-size: 1.3em;
	font-family:'open sans',Verdana,Arial, sans-serif;
	font-weight:400;

	letter-spacing:3px;
	line-height:1.2em;
	text-align:center;
}  

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


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





}