/* =============================================================================
   Non-semantic helper classes
   Please define your styles before this section.
   ========================================================================== */

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

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

/* Contain floats: nicolasgallagher.com/micro-clearfix-hack/ */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.get-height{visibility: hidden  !important; height: auto !important;}



/* =============================================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */



@media only screen and (max-width: 1000px) {
  /* Style adjustments for viewports 768px and over go here */
  
  .wrapper{width: auto;}
  
  .front #main-header{position: absolute; top: 20px; left: 0; z-index: 1000;}
	.front #container{ z-index: 1;  padding: 20px 0 0 2%; clear: both; z-index: 1;}
	
	#home-images{}
	.image-spacer{width: 22.5%; height: 10px; display: block;}
	#home-images .image{float: left; margin: 0 2% 2% 0; line-height: 0;}
	#home-images .image.n {width: 22.5%; }
	#home-images .image.w {width: 47%; }
	#home-images .image img{width: 100%; height: auto;}
	


}


@media only screen and (max-width: 480px) {
  /* body{font-family: Arial, sans-serif; font-weight: normal;} */
  /* Style adjustments for viewports 480px and over go here */
	#main-header{position: relative !important; top: 0 !important; left: 0; z-index: 1000;}
	#container{ z-index: 1;  padding: 20px 0 0 1%; clear: both; z-index: 1;}
	
	.image-spacer{ display: none;}
	#home-images .image.mobile{display: block;}
	
	
	#logo{margin-left: -20px;}
	#logo img{width: 100%; height: auto;}
	
		.view-display-id-page_1 .attachment-before{width: auto; float: none; margin-right: 0; margin-bottom: 20px}
.view-display-id-page_1 .attachment-before .views-row{width: 80%; padding: 5px 20px; background: #1d1e1e; color: #fff; margin-bottom: 5px; cursor: pointer; opacity: .5;}
.view-display-id-attachment_1 .views-field-title{font-size: 18px;}
.views-field-field-menu-section-details{font-size: 12px; margin-top: 0; color: #ccc;}

.field-name-field-sub-section-title{font-size: 24px; color: #fff;}
.field-name-field-sub-section-details{font-size: 16px; color: #fff;}

.view-display-id-page_1 > .view-content{width: auto; float: left;}
	
}

/* =============================================================================
   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; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}