/* #  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
*/
/*
	1.css       min-width: 380px
*/
/*	COMPONENTS  ------------------------------------------------------------------  */
/* Pictogrammen */
/* line 13, /Applications/MAMP/htdocs/thesedays/sclera/sclera/Site/resources/css/1.scss */
.picto-by-name-list .picto-thumb,
.picto-latest-list .picto-thumb {
  width: 33.3%;
}