
/* CSS Document */

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 768px) {
/* Styles */

.hideinmobile {
	display:none;
}

/*Added by Alex on 10/14/22 for updated what's new box*/	
	
.showinmobile {
	display: block;
}
	
body {
	background-color:#FFFFFF;  /*  MOBILE ONLY   */
}
    
      
    
    
#topnav {
	position:relative;
	top:0px;
	left:0px;
	width:auto;
	height:24px;
	margin:0 auto;
	clear:both;
	background-color:#23407a;
	z-index:100;
	overflow:hidden;
}
#topnavlocator {
	position:relative;
	top:0px;
	left:0px;
	height:24px;
	overflow:hidden;
}


#topnav_search {
	height:30px;
	width:auto; /*KEEP AUTO FOR BEIGE BACKGROUND*/
}
#topnav_searchform {
	top: 2px;
	left: 5px;
}
.topnav_searchfieldset {
		width:auto; /*doesn't work*/
}
.searchtext {
	font-size: 14px;
	margin-top:4px;
	margin-left: 8px;
}
.textInput {
	font-size:14px;
	width:135px; /*was 155*/
}
#GO {
	font-size: 14px;
	margin-top:1px;
	padding-bottom: 3px;
	}


#nycourtsgov_header {
	position:relative;
	background-color:transparent;
	height:55px;
	overflow:hidden;
	border-style:none;
	background-image:url(../image/nycourtsgov_header_spacer25w_mobile.gif);
	width:auto;
}
#nycourtsgov_header_sprite {
	position:relative;
	left:-465px;
	width: 320px;
	height: 55px;
}
#sitetitle_wrapper {
    background-size: cover; 
	width:auto;
	height:auto;
}

#sitetitle_header {
	width:auto;
	height:auto;
}

#sitetitle_header1 {
	width:auto;
	height:auto;
}

#sitetitle_header2 {
/*background-size: 100%; causes with to shrink, but not height to expand */
/*background-size: contain; causes with to shrink, but not height to expand */
background-size: cover; 
/*background-size: 100% 200%; doubles size of background height but still not viewable */
	width:auto;
	height:auto;
		padding-bottom:10px;
		padding-left:10px;
}


a.sitetitle1:link, a.sitetitle1:visited, a.sitetitle1:hover, a.sitetitle1:active {  /*MOBILE OVERRIDE*/
	margin-left:6px;
	text-decoration:underline;
	padding-right:0px;
	letter-spacing:0em;
}
#courtshome_header, #homecontent, #courtshome_main,  #homepagefooter, #subheader_main, #homepagefooter_blue {
	width:320px;
	}
    
    
#row-courtclosing {
	width:auto;
    }
	
#homepagefooter {
	overflow:visible;
	}

#homepagefooter_blue{
	width:auto;
	}


	
#columnA {
	width:310px;
	height:auto;
	padding:5px;
	z-index:200;
	float:none;
	border:none;
}

	
#foreignlanquages_wrapper_blue{
	width:auto;
	padding:5px;
	height:auto;
	display:block;
	}
	
#Spanish, #Chinese, #French, #Korean, #Punjabi, #Russian, #Wolof, #Arabic, #HaitianCreole {
	float:none;
	} 
	
.language{
	float:none;
	text-wrap:normal;
	
	}
	
#footer_wrapper{
	width:auto;
	padding:5px;
	height:40px;
	background-color:#f7f3e8;
	display:block;
	}
	
#mainarea {
	position:relative;
	background-color:#FFFFFF;
	margin:0 auto;
	clear:both;
	padding:0px;
	z-index:100;
	overflow:hidden;
	width:auto;
	min-height:auto; /* overrides long menu fix on desktop version so there won't be the big gap before the mobile menu  */
}
#content_wrapper {
	position:relative; /*magic voodoo*/
	top:-20px;
	left:0px;/*magic voodoo*/
	width:auto;
	margin:10px;
	padding:0px;
}


#content_wrapper_AD{position:relative; /*magic voodoo*/
	top:-20px;
	left:0px;/*magic voodoo*/
	width:auto;
	margin:10px;
	padding:0px;}

#content_wrapper_noleftnav, content_wrapper_noleftnav_specialmargin {
	position:relative; /*magic voodoo*/
	top:0px;
	left:0px;/*magic voodoo*/
	width:auto;
	margin:10px;
	padding:0px;
}

#column1_A600, #column3_a, #column3_b, #column3_c, #column3_a340, #column3_b340, #column3_c215, #column1_A630, #column2_A315, #column2_B315, #column2_A415, #column2_B215, #column2_A315_lower, #column2_B315_lower, #column3_a_specialmargin, #column3_b_specialmargin, #column3_c_specialmargin {
	width:auto;
	padding-right:0px;
	padding-left:0px;
	padding-top:0px;
	padding-bottom:10px;
	margin:0px;
	z-index:200;
	float:none;
}


/*LANDING PAGES*/


/* COURTLOCATOR FORM */

#courtshome_main, #ip_main {
	width:auto; 
	background-image:none;
	padding:0px;
	z-index:100;
}
#subheader_main {
	height:75px;
	width:auto;
	padding:10px;
}
.findacourtfieldset{
	width:250px;
}
.courtshome_findacourttext {
	margin-left: 10px;
	float:none;
	text-align:left;
}
.courtshome_findacourtInput {
	float:none;
	display:block;
	width:250px;
}

.main_cellwrapper, .main_cellwrapper3 {
	width:auto;
	margin:0px;
	padding:0px;
	float:none;
}

#column1, #column2, #column3, #column4, #3column1, #3column2, #3column3 {
	width:auto;
	background-color:#FFFFFF;
	border:none;

	margin:0px;
	z-index:200;
	min-height:50px;
}



.AD-3column {
	width:auto;
	background-color:#FFFFFF;
	border:none;
	margin:0px;
	z-index:200;
	min-height:50px;
}


#leftnav {
	position:static;
	width:100%;
	padding-top:15px;
	overflow:hidden;
	border-top-style:solid;
	border-top-color:#666;
	border-top-width:3px;
	z-index:200;
}
#courthelp_leftnav{
	position:static;
	width:480px;
	padding-top:15px;
	overflow:hidden;
	border-top-style:solid;
	border-top-color:#666;
	border-top-width:3px;
	z-index:200;
	}
#mobilenav {
	position:relative;
	background-color:#EEDAAC;
	border-top-style:solid;
	border-top-color:#666;
	border-top-width:3px;
	padding:25px;
	z-index:100;
	overflow:hidden;
}
h1.mobileonly { /*MOBILE OVERRIDE*/
	poosition:relative;
	top:-15px;
	background-color: transparent;
	clear: both;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.10em;
	letter-spacing:0em;
	/*margin-top:-20px;*/
	margin-bottom:10px;
}
#bottomnav_footer {
	height:28px;
	margin:0 auto;
	clear:both;
	background-color:#f7f3e8;
	border:none;
	z-index:200;
	text-align:center;
	width:auto;
	padding-top:8px;
 /padding-bottom:4px; /*fudge so moused-over highlight shows up properly in IE8*/
}

/*COURTHELP*/


#courthelp_topnav {
	position:relative;
	top:0px;
	left:0px;
	width:auto;
	height:24px;
	background-color:#23407a;
	z-index:100;
	overflow:hidden;
	display:block;
}


#courthelp_nycourtsgov_header {
	position:relative;
	background-color:transparent;
	height:54px;
	overflow:hidden;
	border-style:none;
	background-image:url(../image/courthelp_nycourtsgov_header_right.gif);
	width:auto;
}

#courthelp_header {
	position:relative;
	background-color:transparent;
	height:68px;
	width:auto;	
	overflow:hidden;
	border-style:none;
}

#content_wrapper_courthelp {
	position:relative; /*magic voodoo*/
	top:0px;/*magic voodoo*/
	left:0px;/*magic voodoo*/
	width:auto; /*WAS 685*/
	margin:10px; /*WAS 25*/
	padding:0px;
}

/*.white {
	background: transparent;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}*/

h1.courthelp {
		text-align:left;
		font-size:20px;
		font-weight:bold;
		font-style:italic;
		line-height:1.0em;
		display:block;
		margin:0 0 12px 0;
		padding:5px 0 9px 0;
		border-style:solid;
		border-color:#000;
		border-width:0 0 3px 0;

	}

h2.cthelp {
	background-color: #c0cce6;
	clear: both;
	color: #000000;
	letter-spacing:.05em;
	line-height:1.0em;
	font-size: 16px;	
	text-decoration: none;
	margin:0px;	
	padding:5px;
	}

a.courthelp:link {	text-decoration: underline;
}
a.courthelp:visited { text-decoration: underline;
}
a.courthelp:hover {	text-decoration: underline;
}
a.courthelp:active { text-decoration: underline;
}
	

a.courthelp_nomarg:link {text-decoration: underline;
}
a.courthelp_nomarg:visited {text-decoration: underline;
}
a.courthelp_nomarg:hover {text-decoration: underline;
}
a.courthelp_nomarg:active {text-decoration: underline;
}

/*SATELLITE */

#AD_topnav {
	top:0px;
	left:0px;
	width:auto;
}

#satellite_nycourtsgov_header {
	position:relative;
	background-color:transparent;
	height:54px;
	overflow:hidden;
	border-style:none;
	background-image:url(../image/courthelp_nycourtsgov_header_right.gif);
	width:auto;
}

#AD2_header_75H {
	position:relative;
	left:0px;
	height:75px;
	width:auto;
	background-image:url(../image/pagetitle_AD2_darkgreen_mobile_75Hx800W.gif);
	overflow:hidden;
}

#GFS_header_75H {
	position:relative;
	left:0px;
	height:75px;
	width:auto;
	background-image:url(../image/GFS-headermobile-75H.gif);
	overflow:hidden;
}

#TANDV_header_75H
{
	position:relative;
	left:0px;
	height:75px;
	width:auto;
	background-image:url(../image/townandvillage-header-mobile.gif);
	overflow:hidden;
}

#NYCDTC_header_image {
	height:0px; 
	display:none;
}
#NYCDTC_header{
	width:100%;
	height:100%; 
}
#NYCDTC_sub_header{
	width:100%;
	height:100%; 
}


.header_plumTEST {
	background-image:url(https://justicetraining.nycourts.gov/GLOBAL-IMAGES/trans.gif);
	background-color:#660033;
}	



.doublecol{
	float:none;
}

.triplecol{
	float:none;
}
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {      
html {         
	-webkit-text-size-adjust: none;      
	} 
	}

