/*!
 * Non-semantic helper classes
 */

/* for image replacement */
.ir { display: block; text-indent: -999em; line-height:999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; }
.clearfix:after { clear: both; }
/* fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }



/*
 * media queries for responsive design
 * these follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* style adjustments for portrait mode goes here */
  html { width: 100%;} 
}


/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
	body {min-width: 950px; padding:0 20px;}

  /* uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; width: 100%;} 
}

/*!
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
  
/*   hide things print users won't need */
	body{
		padding: 0 1em;
	}
	header{
		margin-bottom: 0;
		height: 1px;
	}
	#main-nav,
	#service-nav,
	#search,
	.leftCol,
	footer h3,
	footer li,
	.ui-expand-collapse-toggle,
	.content-filter,
	.calendar-link,
	.registration-link,
	.share-link,
	.pagination-next-page,
	.pagination-prev-page{
	  	display: none;
	}
	#site-logo{
		content: url(../images/shared/CUNY-GC-logo.png);
		margin-bottom: -120px;
		right: 115px;
	}
	
/* 	reset two column header layout */
	body .twoColumnHeader,
	.twoColumnHeader.multiCarousel,
	body.twoColumnHeader .main{
		padding-left: 10px;
	
	}
	body .twoColumnHeader h1{
		padding-left: 0;
	}
	.twoColumnHeader.multiCarousel{
		margin-right: 0;
	}
	.threeColumnContent{
		margin-top: 100px;
	}
/* 	reset lists */
	.main .ui-accordion-content ul li, 
	.main .ui-accordion-content li ul li,
	.main ul li{
		list-style-type: disc;
		padding-left: 0;
		margin-left: 10px;
	}
	.list-semantic,
	.list-semantic li{
		list-style-type: none !important;
	}
	.img-wrapper-caption,
	.ui-accordion-content .img-float,
	.ui-accordion-content h3,
	.ui-accordion-content .defList{
		margin-left: 0;
	}
	
/* 	reset link icons */
	.section,
	.download{
		padding-left: 0;
	}
	
/* 	reset asides	 */
	.rightCol{
		margin-top: 150px;
	}
	.aside img{
		margin-left: 0;
	}
	.rightCol .hd h3{
		margin-left: -10px;
	}
	.accordion-aside .accordion-content p,
	
	.section h3{
		padding-left: 0;
		
		margin-left: 0 !important;
	}
	.rightCol .bd{
		margin-left: -10px !important;
		margin-right: -10px;
	}
	.accordion-aside{
		margin-left: 0px;
	}
	.rightCol .mod .ft{
		display: none;
	}
/* 	reset filters */
	.ui-selectmenu-status{
		border: 1px solid #	ccc;
	}
	.multiCarousel .carouselTabs li,
	.multiCarousel .carouselTabs .title{
		display: none;
	}
	.multiCarousel .carouselTabs li.active{
		display: block;
	}
	
	.text-wrapper .inner{
		padding-bottom: 0;
	}
	.main .text-wrapper{
		margin-bottom: 0;
	}
	
/* 	reset tables */
	.cunyTable{
		padding-left: 0;
		padding-right: 0;
	}
	.vcard-on-white,	
	.vcard p,
	.main .ui-accordion-content p,
	.main .ui-accordion-content .line p,
	.vcard-on-white .inner .bd{
		margin-left: 0 !important;
	}

	.ui-accordion-header a{
		text-decoration: none !important;
	}
	.ui-accordion-header,
	.main .ui-accordion-content{
		padding-left: 0;
	}
	.vcard{
		border-bottom: 1px solid #999999;
		border-top: 1px solid #999999;
	}
	.vcard .person{
		margin-left: 0px;
	}
	.vcard .organization-unit,
	.vcard .tel,
	.vcard .email{
		display: block;
		margin-bottom: 0;
	}
	footer {
		padding-top: 3em;
		page-break-inside: avoid;
	}
	footer .vcard{
		border: 0;
		position: absolute;
		page-break-inside: avoid;
		right:0px;
		width: 205px;
	}
	footer .vcard .tel{
		display: inline;
	}

	.middleCol .mod .bd, 
	.middleCol .mod .ft, 
	.middleCol .mod .hd{
		display: block;
		clear: both;
		float: none;
		margin: 0 auto;
		position: relative;
		padding: 0;
		width: auto !important;
		max-width: 40em;
	}
}