/* #	Vars
================================================== */
/*  #	Columns
================================================== */
/*  #	Border radius
================================================== */
/*  #	Gradients
================================================== */
/*  #Import libraries
================================================== */
/*
 * @font-face mixin
 * @include font-face('family', '../fonts/', 'myfontname');
 */
/*
 * Mixin for placeholder styling
*/
/*
 * Mixin for basic CSS triangles
*/
/*
 * Mixin for selection markup
*/
/*
  	Cross browser inline block
 	http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/
*/
/*
 * Generate vendor prefixes
 * http://stackoverflow.com/a/10776618
*/
/*
 * Apply CSS3 background-sizing
 * @include backgroundSizing(100%);
 * @include backgroundSizing(100% 100%);
*/
/*
 * Apply a CSS3 background-clip
 * @include backgroundClip();
 */
/*
 * Apply a CSS3 background-origin
 * @include backgroundOrigin();
 */
/*
 * Generate vendor prefixes
 * http://stackoverflow.com/a/10776618
*/
/*
 * Generate vendor prefixes
 * http://stackoverflow.com/a/10776618
*/
/*
 * Apply CSS3 background-sizing
 * @include backgroundSizing(100%);
 * @include backgroundSizing(100% 100%);
*/
/*
 * Apply a CSS3 background-clip
 * @include backgroundClip();
 */
/*
 * Apply a CSS3 background-origin
 * @include backgroundOrigin();
 */
/*
 * Apply a CSS3 border radius
 * @include borderRadius(4px);
 * @include borderRadius(4px 2px);
 * @include borderRadius(1px 2px 3px 4px);
 */
/*
 * Apply a CSS3 border radius to the top corners only
 * @include borderTopRadius(4px);
 */
/*
 * Apply a CSS3 border radius to the right corners only
 * @include borderRightRadius(4px);
 */
/*
 * Apply a CSS3 border radius to the bottom corners only
 * @include borderBottomRadius(4px);
 */
/*
 * Apply a CSS3 border radius to the left corners only
 * @include borderLeftRadius(4px);
 */
/*
 * Generate vendor prefixes
 * http://stackoverflow.com/a/10776618
*/
/*
 * Generate vendor prefixes
 * http://stackoverflow.com/a/10776618
*/
/*
 * Apply a CSS3 transform
 * @include setTransform($properties);
 */
/*
 * Apply a CSS3 transform-origin
 * @include setTransformOrigin(origin);
 */
/*
 * Apply a CSS3 3D transform
 * @include set3DTransform($properties);
 */
/*
 * Apply a CSS3 multi columns
 * @include boxColumn(4);
 * @include boxColumn(4, 10px);
 */
/*
 * Apply a CSS3 box-shadow
 * @include boxShadow(5px 5px 10px 10px #000);
 * @include boxShadow(5px 5px 10px rgba(0,0,0,0.2));
 * http://www.css3.info/preview/box-shadow/
 */
/*
 * http://bricss.net/post/33158273857/box-shadow-vs-filter-drop-shadow
 * The big advantage of the drop-shadow filter is that it acknowledges the outline and transparency of an element.
 */
.filter-drop-shadow {
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
  -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
  -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
  -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)); }

/*
 * Apply a CSS3 box-sizing
 * 
 * @include boxSizing(border-box, content-box);
 */
/*
 * Apply a CSS3 tabsize
 * @include boxTabSize(4);
 */
/*
 * Apply a CSS3 rotate
 * @include boxRotate(10deg);
 */
/*
 * Apply a CSS3 scale
 * @include boxScale(0.8);
 */
/*
 * Apply a CSS3 linear gradient
 *
 * $from - The original colour stop of the gradient, eg #FF0000 or #FF0000 20%
 * $to - The final colour stop of the gradient
 * $fallback - A fallback background-color; if none is provided, the $from colour is used
 * $start - The starting point of the gradient
 *
 * @include linearGradient(red, green);
 * @include linearGradient(red, green, transparent);
 * @include linearGradient(red 50%, green 100%);
 */
/*
 * Generate vendor prefixes
 * http://stackoverflow.com/a/10776618
*/
/*
 * Apply a CSS3 transform
 * @include setTransform($properties);
 */
/*
 * Apply a CSS3 transform-origin
 * @include setTransformOrigin(origin);
 */
/*
 * Apply a CSS3 3D transform
 * @include set3DTransform($properties);
 */
/*
 * Generate vendor prefixes
 * http://stackoverflow.com/a/10776618
*/
/*
 * Apply a CSS3 transition
 *
 * $property The property you want to animate, eg opacity
 * $duration The duration of the animation, eg 1s
 *
 * @include transition(opacity, 0.5s);
 * @include transition(opacity, 0.5s, linear);
 * @include transition(opacity, 0.5s, linear, 1s);
 * @include transition((opacity, height), 0.5s, linear, 1s);
 * @include transition(opacity height, 0.5s, linear, 1s);
 */
/*
 * Apply a CSS3 transition-delay
 * @include transitionDelay(2s);
 */
/*
 * Apply a CSS3 transition-duration
 * @include transitionDuration(1s);
 */
/*
 * Apply a CSS3 transition-property
 * @include transitionProperty(opacity);
 * @include transitionProperty((height, width)); Multiple properties can be passed in surrounded by brackets
 */
/*
 * Apply a CSS3 transition-timing-function
 * @include transitionTimingFunction(easing);
 */
/*
 * CSS 3 transition not shorthand
 * @include transitionLong(opacity, 1s);
 * @include transitionLong(opacity, 1s, linear);
 * @include transitionLong(opacity, 1s, linear, 1s);
*/
/*
 * Used to normalise select dropdowns
 * Styles from formalize.me
 * @include normaliseSelect();
 */
/*
 * Generate vendor prefixes
 * http://stackoverflow.com/a/10776618
*/
/*
 * Generate vendor prefixes
 * http://stackoverflow.com/a/10776618
*/
/*
 * Apply CSS3 background-sizing
 * @include backgroundSizing(100%);
 * @include backgroundSizing(100% 100%);
*/
/*
 * Apply a CSS3 background-clip
 * @include backgroundClip();
 */
/*
 * Apply a CSS3 background-origin
 * @include backgroundOrigin();
 */
/*
 * Apply a CSS3 border radius
 * @include borderRadius(4px);
 * @include borderRadius(4px 2px);
 * @include borderRadius(1px 2px 3px 4px);
 */
/*
 * Apply a CSS3 border radius to the top corners only
 * @include borderTopRadius(4px);
 */
/*
 * Apply a CSS3 border radius to the right corners only
 * @include borderRightRadius(4px);
 */
/*
 * Apply a CSS3 border radius to the bottom corners only
 * @include borderBottomRadius(4px);
 */
/*
 * Apply a CSS3 border radius to the left corners only
 * @include borderLeftRadius(4px);
 */
/*
 * Generate vendor prefixes
 * http://stackoverflow.com/a/10776618
*/
/*
 * Generate vendor prefixes
 * http://stackoverflow.com/a/10776618
*/
/*
 * Apply a CSS3 transform
 * @include setTransform($properties);
 */
/*
 * Apply a CSS3 transform-origin
 * @include setTransformOrigin(origin);
 */
/*
 * Apply a CSS3 3D transform
 * @include set3DTransform($properties);
 */
/*
 * Apply a CSS3 multi columns
 * @include boxColumn(4);
 * @include boxColumn(4, 10px);
 */
/*
 * Apply a CSS3 box-shadow
 * @include boxShadow(5px 5px 10px 10px #000);
 * @include boxShadow(5px 5px 10px rgba(0,0,0,0.2));
 * http://www.css3.info/preview/box-shadow/
 */
/*
 * http://bricss.net/post/33158273857/box-shadow-vs-filter-drop-shadow
 * The big advantage of the drop-shadow filter is that it acknowledges the outline and transparency of an element.
 */
.filter-drop-shadow {
  -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
  -moz-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
  -ms-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
  -o-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5));
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.5)); }

/*
 * Apply a CSS3 box-sizing
 * 
 * @include boxSizing(border-box, content-box);
 */
/*
 * Apply a CSS3 tabsize
 * @include boxTabSize(4);
 */
/*
 * Apply a CSS3 rotate
 * @include boxRotate(10deg);
 */
/*
 * Apply a CSS3 scale
 * @include boxScale(0.8);
 */
/*
 * Generate vendor prefixes
 * http://stackoverflow.com/a/10776618
*/
/*
 * Apply CSS3 background-sizing
 * @include backgroundSizing(100%);
 * @include backgroundSizing(100% 100%);
*/
/*
 * Apply a CSS3 background-clip
 * @include backgroundClip();
 */
/*
 * Apply a CSS3 background-origin
 * @include backgroundOrigin();
 */
/*
 * Generate vendor prefixes
 * http://stackoverflow.com/a/10776618
*/
/*
 * Pixel to em
*/
/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
  	 * Don't show links for images, or javascript/internal links
  	 */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  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; } }
#header .toolbar, #header #search, #header #sticky, #header .slogan, #nav, #aside {
  display: none; }