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



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

@media only screen and (min-width:480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width:768px) {
  /* Style adjustments for viewports 768px and over go here */

}


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