/* #  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.
 */
/* line 30, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/includes/css3/_box.scss */
.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.
 */
/* line 30, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/includes/forms/../css3/_box.scss */
.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
*/
/*
	4.css       min-width: 980px
*/
/*	PAGE STRUCTURE  -----------------------------------------------------  */
/* line 10, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
.inner {
  margin: 0 auto;
}

/* line 11, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
#nav {
  width: 18%;
  margin-left: 2%;
}

/* line 12, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
#content {
  width: 56%;
  margin-left: 2%;
  /* min-height: em(704,$s); */
}

/* line 13, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
#aside {
  clear: none;
  float: left;
  width: 18%;
  margin-left: 2%;
  padding: 0;
}

/* 	HEADER  ---------------------------------------------------------------------------  */
/* line 18, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
#header {
  height: 10em;
}
/* line 22, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
#header .logo {
  width: 18%;
}
/* line 23, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
#header .logo img {
  width: 12.57143em;
}
/* line 25, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
#header .slogan {
  width: 56%;
}
/* line 26, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
#header .slogan p {
  font-size: 1.71429em;
  line-height: 1.71429em;
  width: 20em;
}
/* line 28, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
#header .search {
  width: 18%;
  float: left;
  margin: 6.21429em 0 0 2%;
}

/* line 32, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
.vzw #header .slogan p, #header .slogan p {
  padding: 3.42857em 1em 0 1em;
}

/* 	ASIDE  ------------------------------------------------------------------------------  */
/* line 37, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
.banners {
  width: 100%;
  float: none;
  margin-left: 0;
  background: transparent;
}

/* line 38, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
.banner {
  margin: 0 0 0.92857em 0;
}

/* line 39, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
.banner img {
  height: auto;
  width: 100%;
}

/* line 41, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
.adds {
  width: 100%;
  float: none;
  margin-left: 0;
}

/* line 43, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
.google-adds {
  height: auto;
  padding: 0;
  margin: 0;
}

/* line 44, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
#google-adds {
  width: 160px;
  height: 600px;
}

/*  	NAVIGATION  ---------------------------------------------------------------------  */
/* line 49, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
.credentials {
  width: 56%;
  margin-left: 22%;
  float: left;
}

/* line 50, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
.sponsors {
  width: 18%;
  float: left;
  margin-left: 2%;
}

/* line 51, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
.copyright {
  margin-left: 22%;
  padding: 0;
}

/* line 52, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
.copyright p {
  padding: 0;
}

/* 	FOOTER  ---------------------------------------------------------------------------  */
/* line 57, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
.sponsors {
  max-width: 100%;
}

/*  	IE FIXES  ---------------------------------------------------------------------------  */
/* line 65, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
.oldie .main-nav ul {
  zoom: 1;
}
/* line 68, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
.oldie #container {
  min-width: 980px;
}
/* line 69, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/4.scss */
.oldie #aside {
  width: 17.8%;
}