$x-small: 320px;
$smaller: 360px;
$small: 495px;
$medium: 671px;
$medium-large: 768px;
$large: 847px;
$x-large: 1023px;
$max: 1024px;

$empty: raydogg;

$i: !important;

$auto: auto;
$zero: 0px;
$one: 1em;
$hunnid: 100%;
$fitty: 50%;
$initial: initial;
$inherit: inherit;
$all: all;
$both: both;
$none: none;
$collapse: collapse;
$antialiased: antialiased;
$touch: touch;
$underline: underline;
$normal: normal;
$ellipsis: ellipsis;

$unset: unset;

$block: block;
$inline-block: inline-block;
$inline: inline;
$left: left;
$center: center;
$right: right;
$top: top;
$middle: middle;
$bottom: bottom;
$cover: cover;
$contain: contain;
$repeat: repeat;
$repeat-x: repeat-x;
$repeat-y: repeat-y;
$no-repeat: no-repeat;
$solid: solid;
$italic: italic;

$table: table;
$table-row: table-row;
$table-cell: table-cell;

$pointer: pointer;
$default: default;

$uppercase: uppercase;
$capitalize: capitalize;

$nowrap: nowrap;
$ellipsis: ellipsis;

$border-box: border-box;
$content-box: content-box;

$absolute: absolute;
$relative: relative;
$static: static;
$fixed: fixed;

$visible: visible;
$hidden: hidden;

@import 'plugins/colors';

@import 'plugins/social';

@mixin crisp() {
	-moz-backface-visibility: $hidden;
	-ms-backface-visibility: $hidden;
	-o-backface-visibility: $hidden;
	-webkit-backface-visibility: $hidden;
	backface-visibility: $hidden;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-moz-font-smoothing: $antialiased;
	-ms-font-smoothing: $antialiased;
	-o-font-smoothing: $antialiased;
	-webkit-font-smoothing: $antialiased;
	font-smoothing: $antialiased;
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
}
@mixin perspective($p) {
	-moz-perspective: $p;
	-ms-perspective: $p;
	-o-perspective: $p;
	-webkit-perspective: $p;
	perspective: $p;
}
@mixin appearance($a) {
	-moz-appearance: $a;
	-ms-appearance: $a;
	-o-appearance: $a;
	-webkit-appearance: $a;
	appearance: $a;
}
@mixin box-sizing($m) {
	-moz-box-sizing: $m;
	-ms-box-sizing: $m;
	-o-box-sizing: $m;
	-webkit-box-sizing: $m;
	box-sizing: $m;
}
	@mixin border-box() {
		@include box-sizing($border-box);
	}
	@mixin content-box() {
		@include box-sizing($content-box);
	}
@mixin overflow-scrolling($m) {
	-moz-overflow-scrolling:$m;
	-ms-overflow-scrolling:$m;
	-o-overflow-scrolling:$m;
	-webkit-overflow-scrolling:$m;
	overflow-scrolling:$m;
}
	@mixin touch-scrolling() {
		@include overflow-scrolling($touch);
	}
@mixin translate($x,$y) {
	-moz-transform: translate($x,$y);
	-ms-transform: translate($x,$y);
	-o-transform: translate($x,$y);
	-webkit-transform: translate($x,$y);
	transform: translate($x,$y);
}
@mixin transform-origin($x,$y) {
	-moz-transform-origin: $x $y;
	-ms-transform-origin: $x $y;
	-o-transform-origin: $x $y;
	-webkit-transform-origin: $x $y;
	transform-origin: $x $y;
}
@mixin transform-origin($m) {
	-moz-transform-origin: $m;
	-ms-transform-origin: $m;
	-o-transform-origin: $m;
	-webkit-transform-origin: $m;
	-transform-origin: $m;
}
@mixin transform($m) {
	-moz-transform: $m;
	-ms-transform: $m;
	-o-transform: $m;
	-webkit-transform: $m;
	transform: $m;
}
@mixin transition($t,$p: $empty) {
	@if $p == $empty {
		-moz-transition: all $t ease;
		-ms-transition: all $t ease;
		-o-transition: all $t ease;
		-webkit-transition: all $t ease;
		transition: all $t ease;
	} @else {
		-moz-transition: $t $p;
		-ms-transition: $t $p;
		-o-transition: $t $p;
		-webkit-transition: $t $p;
		transition: $t $p;
	}
}
@mixin transition-property($p) {
	-moz-transition-property: $p;
	-ms-transition-property: $p;
	-o-transition-property: $p;
	-webkit-transition-property: $p;
	transition-property: $p;
}
@mixin box-shadow($inset,$x,$y,$s,$c: $empty) {
	@if $c == $empty {
		$c: $s;
		$s: $z;
		$y: $x;
		$x: $inset;
		-moz-box-shadow: $x $y $s $c;
		-ms-box-shadow: $x $y $s $c;
		-o-box-shadow: $x $y $s $c;
		-webkit-box-shadow: $x $y $s $c;
		box-shadow: $x $y $s $c;
	} @else {
		-moz-box-shadow: $inset $x $y $s $c;
		-ms-box-shadow: $inset $x $y $s $c;
		-o-box-shadow: $inset $x $y $s $c;
		-webkit-box-shadow: $inset $x $y $s $c;
		box-shadow: $inset $x $y $s $c;
	}
}
@mixin box-shadow($m) {
	-moz-box-shadow: $m;
	-ms-box-shadow: $m;
	-o-box-shadow: $m;
	-webkit-box-shadow: $m;
	box-shadow: $m;
}
@mixin filter($f) {
	-moz-filter: $f;
	-ms-filter: $f;
	-o-filter: $f;
	-webkit-filter: $f;
    filter: $f; 
}
@mixin drop-shadow($x,$y,$s,$c) {
	-moz-filter: drop-shadow($x $y $s $c);
	-ms-filter: drop-shadow($x $y $s $c);
	-o-filter: drop-shadow($x $y $s $c);
	-webkit-filter: drop-shadow($x $y $s $c);
    filter: drop-shadow($x $y $s $c); 
}
@mixin grayscale($p) {
	-moz-filter: grayscale($p);
	-ms-filter: grayscale($p);
	-o-filter: grayscale($p);
	-webkit-filter: grayscale($p);
	filter: grayscale($p);
}
@mixin blur($b) {
	-moz-filter: blur($b);
	-ms-filter: blur($b);
	-o-filter: blur($b);
	-webkit-filter: blur($b);
	filter: blur($b);
}
@mixin blurred() {
	-moz-filter: grayscale($hunnid) blur(20px);
	-ms-filter: grayscale($hunnid) blur(20px);
	-o-filter: grayscale($hunnid) blur(20px);
	-webkit-filter: grayscale($hunnid) blur(20px);
	filter: grayscale($hunnid) blur(20px);
}
@mixin not-blurred() {
	-moz-filter: grayscale(0) blur($zero) brightness(140%) contrast(110%);
	-ms-filter: grayscale(0) blur($zero) brightness(140%) contrast(110%);
	-o-filter: grayscale(0) blur($zero) brightness(140%) contrast(110%);
	-webkit-filter: grayscale(0) blur($zero) brightness(140%) contrast(110%);
	filter: grayscale(0) blur($zero) brightness(140%) contrast(110%);
}
@mixin sepia() {
	-moz-filter: grayscale(0) blur($zero) sepia($hunnid);
	-ms-filter: grayscale(0) blur($zero) sepia($hunnid);
	-o-filter: grayscale(0) blur($zero) sepia($hunnid);
	-webkit-filter: grayscale(0) blur($zero) sepia($hunnid);
	filter: grayscale(0) blur($zero) sepia($hunnid);
}
@mixin pop() {
	-moz-filter: grayscale(0) blur($zero) brightness(200%) contrast(200%) saturate(800%);
	-ms-filter: grayscale(0) blur($zero) brightness(200%) contrast(200%) saturate(800%);
	-o-filter: grayscale(0) blur($zero) brightness(200%) contrast(200%) saturate(800%);
	-webkit-filter: grayscale(0) blur($zero) brightness(200%) contrast(200%) saturate(800%);
	filter: grayscale(0) blur($zero) brightness(200%) contrast(200%) saturate(800%);
}
@mixin modern() {
	-moz-filter: grayscale(0) blur($zero) brightness(140%) contrast(110%);
	-ms-filter: grayscale(0) blur($zero) brightness(140%) contrast(110%);
	-o-filter: grayscale(0) blur($zero) brightness(140%) contrast(110%);
	-webkit-filter: grayscale(0) blur($zero) brightness(140%) contrast(110%);
	filter: grayscale(0) blur($zero) brightness(140%) contrast(110%);
}
@mixin text-shadow($x,$y,$s,$c) {
	-moz-text-shadow: $x $y $s $c;
	-ms-text-shadow: $x $y $s $c;
	-o-text-shadow: $x $y $s $c;
	-webkit-text-shadow: $x $y $s $c;
	text-shadow: $x $y $s $c;
}
@mixin blend($m) {
	-moz-mix-blend-mode: $m;
	-ms-mix-blend-mode: $m;
	-o-mix-blend-mode: $m;
	-webkit-mix-blend-mode: $m;
	mix-blend-mode: $m;
}
@mixin background-blend($m) {
	-moz-background-blend-mode: $m;
	-ms-background-blend-mode: $m;
	-o-background-blend-mode: $m;
	-webkit-background-blend-mode: $m;
	background-blend-mode: $m;
}

@mixin border-radius($a,$b: $empty,$c: $empty,$d: $empty) {
	@if $b == $empty {
		-moz-border-radius: $a;
		-ms-border-radius: $a;
		-o-border-radius: $r;
		-webkit-border-radius: $a;
		border-radius: $a;
	} @else {
		-moz-border-radius: $a $b $c $d;
		-ms-border-radius: $a $b $c $d;
		-o-border-radius: $a $b $c $d;
		-webkit-border-radius: $a $b $c $d;
		border-radius: $a $b $c $d;
	}
}
	@mixin circle() {
		@include border-radius(50%);
	}
@mixin scale($s) {
	-moz-transform: scale($s);
	-ms-transform: scale($s);
	-o-transform: scale($s);
	-webkit-transform: scale($s);
	transform: scale($s);
}
@mixin layer($l) {
	@if $l == 'initial' {
    	z-index: $auto;
		z-index: $l;
   } @else {
        z-index: $l;
   }
}
@mixin postop($x) {
	@if $x == 'initial' {
    	top: $auto;
		top: $x;
   } @else if $x == 'initial !important' {
        top: $auto $i;
		top: $x;
   } @else {
        top: $x;
   }
}
@mixin posright($x) {
	@if $x == 'initial' {
    	right: $auto;
		right: $x;
   } @else if $x == 'initial !important' {
        right: $auto $i;
		right: $x;
   } @else {
        right: $x;
   }
}
@mixin posbottom($x) {
	@if $x == 'initial' {
    	bottom: $auto;
		bottom: $x;
   } @else if $x == 'initial !important' {
        bottom: $auto $i;
		bottom: $x;
   } @else {
        bottom: $x;
   }
}
@mixin posleft($x) {
	@if $x == 'initial' {
    	left: $auto;
		left: $x;
   } @else if $x == 'initial !important' {
        left: $auto $i;
		left: $x;
   } @else {
        left: $x;
   }
}
@mixin poswidth($x) {
	@if $x == 'initial' {
    	width: $auto;
		width: $x;
   } @else if $x == 'initial !important' {
        width: $auto $i;
		width: $x;
   } @else {
        width: $x;
   }
}
@mixin posheight($x) {
	@if $x == 'initial' {
    	height: $auto;
		height: $x;
   } @else if $x == 'initial !important' {
        height: $auto $i;
		height: $x;
   } @else {
        height: $x;
   }
}
@mixin posminwidth($x) {
	@if $x == 'initial' {
    	min-width: $auto;
		min-width: $x;
   } @else if $x == 'initial !important' {
        min-width: $auto $i;
		min-width: $x;
   } @else {
        min-width: $x;
   }
}
@mixin posminheight($x) {
	@if $x == 'initial' {
    	min-height: $auto;
		min-height: $x;
   } @else if $x == 'initial !important' {
        min-height: $auto $i;
		min-height: $x;
   } @else {
        min-height: $x;
   }
}
@mixin posmaxwidth($x) {
	@if $x == 'initial' {
    	max-width: $auto;
		max-width: $x;
   } @else if $x == 'initial !important' {
        max-width: $auto $i;
		max-width: $x;
   } @else {
        max-width: $x;
   }
}
@mixin posmaxheight($x) {
	@if $x == 'initial' {
    	max-height: $auto;
		max-height: $x;
   } @else if $x == 'initial !important' {
        max-height: $auto $i;
		max-height: $x;
   } @else {
        max-height: $x;
   }
}
@mixin box($p, $z: $initial, $t: $initial, $r: $initial, $b: $initial, $l: $initial, $w: $initial, $h: $initial) {
	position: $p;
	@include layer($z);
	@include postop($t);
	@include posright($r);
	@include posbottom($b);
	@include posleft($l);
	@include poswidth($w);
	@include posheight($h);
}
@mixin relative() {
	position: $relative;
}
@mixin absolute() {
	position: $absolute;
}
@mixin fixed() {
	position: $fixed;
}
@mixin static() {
	position: $static;
}
@mixin margin($t, $r: $empty, $b: $empty, $l: $empty) {
	@if $b == $empty {
		$b: $t;
	}
	@if $r == $empty {
		$r: $t;
	}
	@if $l == $empty {
		$l: $r;
	}
	margin: $t $r $b $l;
}
@mixin padding($t, $r: $empty, $b: $empty, $l: $empty) {
	@if $b == $empty {
		$b: $t;
	}
	@if $r == $empty {
		$r: $t;
	}
	@if $l == $empty {
		$l: $r;
	}
	padding: $t $r $b $l;
}

@mixin mm-height($min, $max: $empty) {
	@if $max == $empty {
		$max: $min;
	}
	@include posminheight($min);
	@include posmaxheight($max);
}

@mixin mm-width($min, $max: $empty) {
	@if $max == $empty {
		$max: $min;
	}
	@include posminwidth($min);
	@include posmaxwidth($max);
}

@mixin display($d) {
	display: $d;
}
	@mixin block($d: false) {
		@if $d == true {
			@include display($block $i);
		} @else {
			@include display($block);
		}
	}
	@mixin inline-block() {
		@include display($inline-block);
	}
	@mixin inline() {
		@include display($inline);
	}
	@mixin table() {
		@include display($table);
	}
	@mixin table-row() {
		@include display($table-row);
	}
	@mixin table-cell() {
		@include display($table-cell);
	}

@mixin align($a) {
	text-align: $a;
}
	@mixin left($i: true) {
		@if $i == true {
			@include align($left $i);
		} @else {
			@include align($left);
		}
	}
	@mixin center($i: true) {
		@if $i == true {
			@include align($center $i);
		} @else {
			@include align($center);
		}
	}
	@mixin right($i: true) {
		@if $i == true {
			@include align($right $i);
		} @else {
			@include align($right);
		}
	}

@mixin valign($a) {
	vertical-align: $a;
}
	@mixin top($i: true) {
		@if $i == true {
			@include valign($top $i);
		} @else {
			@include valign($top);
		}
	}
	@mixin middle($i: true) {
		@if $i == true {
			@include valign($middle $i);
		} @else {
			@include valign($middle);
		}
	}
	@mixin bottom($i: true) {
		@if $i == true {
			@include valign($bottom $i);
		} @else {
			@include valign($bottom);
		}
	}

@mixin cursor($c) {
	cursor: $c;
}
	@mixin pointer() {
		@include cursor($pointer);
	}
	@mixin default() {
		@include cursor($default);
	}

@mixin float($d) {
	float: $d;
}
@mixin clear() {
	clear: $both;
}

@mixin content($c) {
	content: $c;
}

@mixin nounderline() {
	text-decoration: $none;
}
@mixin color($c) {
	color: $c;
}

@mixin outline($o) {
	-moz-outline: $o;
	-ms-outline: $o;
	-o-outline: $o;
	-webkit-outline: $o;
	outline: $o;
}
@mixin border($s, $t: $empty, $c: $empty) {
	@if $t == $empty {
		border: $s;
	} @else {
		border: $s $t $c;
	}
}
@mixin border-right($s, $t, $c) {
	border-right-width: $s;
	border-right-style: $t;
	border-right-color: $c;
}
@mixin border-left($s, $t, $c) {
	border-left-width: $s;
	border-left-style: $t;
	border-left-color: $c;
}
@mixin border-top($s, $t, $c) {
	border-top-width: $s;
	border-top-style: $t;
	border-top-color: $c;
}
@mixin border-bottom($s, $t, $c) {
	border-bottom-width: $s;
	border-bottom-style: $t;
	border-bottom-color: $c;
}

@mixin overflow($x,$y: $empty) {
	@if $y == $empty {
		$y: $x;
	}
	overflow-x: $x;
	overflow-y: $y;
}

@mixin background($i,$w,$h,$p1,$p2,$r: $empty) {
	@if $r == $empty {
		background-image: url($i);
		background-size: $w;
		background-position: $h $p1;
		background-repeat: $p2;
	} @else {
		background-image: url($i);
		background-size: $w $h;
		background-position: $p1 $p2;
		background-repeat: $r;
	}
}
@mixin backgroundpos($s,$p1,$p2,$r) {
	background-size: $s;
	background-position: $p1 $p2;
	background-repeat: $r;
}

@mixin text-transform($t) {
	text-transform: $t;
}
	@mixin capitalize() {
		@include text-transform($uppercase);
	}
	@mixin regular-case() {
		@include text-transform($none);
	}
	@mixin sentence() {
		@include text-transform($capitalize);
	}

@mixin hidden($b: false) {
	@if $b == true {
		display: $none $i;
	} @else {
		display: $none;
	}
}

@mixin nolist() {
	list-style-type: $none;
}

@mixin nowrap() {
	white-space: $nowrap;
}

@mixin ellipsis() {
	text-overflow: $ellipsis;
}

@mixin pointer-events($p) {
	pointer-events: $p;
}
	@mixin click-thru() {
		@include pointer-events($none);
	}
	@mixin click() {
		@include pointer-events($auto);
	}


@mixin responsive($d) {
	@if $d == 'height' {
		@include block;
		height: $hunnid $i;
		@include mm-height($hunnid $i);
		width: $auto $i;
		width: $initial $i;
		@include mm-width($initial $i,$initial $i);
		html.ie & {
			width: $auto $i;
			@include mm-width($auto $i,$none $i);
		}
	} @else {
		@include block;
		width: $hunnid $i;
		@include mm-width($hunnid $i);
		height: $auto $i;
		height: $initial $i;
		@include mm-height($initial $i,$initial $i);
		html.ie & {
			height: $auto $i;
			@include mm-height($auto $i,$none $i);
		}
	}
	
}
	@mixin responsive-width() {
		@include responsive(width);
	}
	@mixin responsive-height() {
		@include responsive(height);
	}

@mixin animation($name,$duration,$type,$loop) {
	-moz-animation: $name $duration $type $loop;
	-ms-animation: $name $duration $type $loop;
	-o-animation: $name $duration $type $loop;
	-webkit-animation: $name $duration $type $loop;
	animation: $name $duration $type $loop;
	-moz-animation-fill-mode: forwards;
	-ms-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
@mixin animation-duration($duration) {
	-moz-animation-duration: $duration;
	-ms-animation-duration: $duration;
	-o-animation-duration: $duration;
	-webkit-animation-duration: $duration;
	animation-duration: $duration;
}
@mixin animation-delay($duration) {
	-moz-animation-delay: $duration;
	-ms-animation-delay: $duration;
	-o-animation-delay: $duration;
	-webkit-animation-delay: $duration;
	animation-delay: $duration;
}
@mixin transition-delay($duration) {
	-moz-transition-delay: $duration;
	-ms-transition-delay: $duration;
	-o-transition-delay: $duration;
	-webkit-transition-delay: $duration;
	transition-delay: $duration;
}

@mixin linear-gradient($start, $end) {
    //TODO: come back to this
    //background: mix($start, $end, 50%);
    //filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorStr="$start~", EndColorStr="$end~")";
    background: -moz-linear-gradient(top, $start, $end);
    background: -ms-linear-gradient($start, $end);
    background: -o-linear-gradient($start, $end);
    background: -webkit-gradient(linear, left top, left bottom, from($start), to($end));
    background: -webkit-linear-gradient($start, $end);
    background: linear-gradient($start, $end);
    zoom: 1;
}

@mixin awesome () {
	font-family: FontAwesome;
}

@mixin collapse() {
	border-collapse: $collapse;
	border-spacing: $zero;
}

@mixin perspective($u) {
	-moz-perspective: $u;
	-ms-perspective: $u;
	-o-perspective: $u;
	-webkit-perspective: $u;
	perspective: $u;
}
@mixin perspective-origin($x,$y) {
	-moz-perspective-origin: $x $y;
	-ms-perspective-origin: $x $y;
	-o-perspective-origin: $x $y;
	-webkit-perspective-origin: $x $y;
	perspective-origin: $x $y;
}

@mixin invisible () {
	visibility: $hidden;
}
@mixin visible () {
	visibility: $visible;
}

@mixin placeholder ($c) {
	&::-webkit-input-placeholder { /* Safari, Chrome and Opera */
	  color: $c;
	}

	&:-moz-placeholder { /* Firefox 18- */
	  color: $c;
	}

	&::-moz-placeholder { /* Firefox 19+ */
	  color: $c;
	}

	&:-ms-input-placeholder { /* IE 10+ */
	  color: $c
	}

	&::-ms-input-placeholder { /* Edge */
	  color: $c
	}

	&:placeholder-shown { /* Standard one last! */
	  color: $c;
	}
}

@mixin text-decoration-color ($c) {
	-moz-text-decoration-color: $c;
	-ms-text-decoration-color: $c;
	-o-text-decoration-color: $c;
	-webkit-text-decoration-color: $c;
    text-decoration-color: $c;
}

@mixin ellipsis () {
	text-overflow: $ellipsis;
}

@mixin hidden {
	@include hidden(true);
}

@mixin left-wing-black () {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+100 */
	background: -moz-linear-gradient(left,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}
@mixin right-wing-black () {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */
	background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
}

@mixin left-wing-white () {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

@mixin right-wing-white () {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}

@mixin center-gradient-white () {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

@mixin center-gradient-white-complete () {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+75&1+0,0+75 */
	background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 75%); /* FF3.6-15 */
	background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 75%); /* Chrome10-25,Safari5.1-6 */
	background: radial-gradient(ellipse at center,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

html {
	@include box($absolute,$initial,$zero,$initial,$initial,$zero,$hunnid,$hunnid);
	@include margin($zero);
	@include padding($zero);
	@include mm-height($initial,$hunnid);
	@include overflow($hidden,$auto);
	
	&.locked & {
		@include overflow($hidden,$hidden $i);
	}
	
	&.mobile {
		*,
		*:before,
		*:after {
			@include overflow-scrolling(touch);
		}
	}
}

body {
	@include box($absolute,$initial,$zero,$initial,$initial,$zero,$hunnid,$initial);
	@include margin($zero);
	@include padding($zero);
	line-height: 1.3em;
	font-size: 12pt;
	@include mm-width($initial,$hunnid);
	@include overflow($hidden,$initial);
	
	html.locked & {
		//.overflow($hidden,$hidden $i);
	}
	
	html.ie & {
		overflow-x: $visible;
	}
}

header, section, main, nav, footer, aside, dialog {
	@include block;
}

*, *:before, *:after {
	@include box-sizing($border-box);
	position: $static;
}
	
.ray-container {
	
	a {
	
		img {
			border: $none;
		}
	}

	h1, h2, h3, h4, h5, h6, p, ul, ol {
		@include margin($zero);
	}
	h1, h2, h3, h4, h5, h6 {
		line-height: 1.2em;
		//letter-spacing: .5px;
		@include padding($one,$zero,.25em,$zero);
	}
	p, ul, ol {
		line-height: 1.3em;
		//letter-spacing: $zero;
	}
	h1 {
		font-size: 2em;
		@include padding(.5em,$zero,.125em,$zero);
	}
	h2 {
		font-size: 1.8em;
		@include padding(.6em,$zero,.15em,$zero);
	}
	h3 {
		font-size: 1.6em;
		@include padding(.7em,$zero,.175em,$zero);
	}
	h4 {
		font-size: 1.4em;
		@include padding(.8em,$zero,.2em,$zero);
	}
	h5 {
		font-size: 1.2em;
		@include padding(.9em,$zero,.225em,$zero);
	}
	h6 { 
		font-size: $one;
	}
	p { 
		font-size: $one;
		@include padding(.25em,$zero,$one,$zero);
	
		&:first-child {
			padding-top: $one;
		}
	}
	ul, ol { 
		font-size: $one;
		@include padding(.25em,$zero,$one,1.75em);
	
		&:first-child {
			padding-top: $one;
		}
	}
}

table {
	@include collapse;
}
.table {
	@include table;
	@include collapse;
	> .row {
		@include table-row;
		> .cell {
			@include table-cell;
			@include padding(2%);
		}
	}
}
		
.half {
	width: 50%;
}
.third {
	width: 33.333333333%;
}
.slight {
	width: 60%;
}
.left {
	@include left;
}
.center {
	@include center;
}
.right {
	@include right;
}
.clear {
	@include clear;
}

@media (max-width: $medium) {
	.table {
		@include block;
		> .row {
			@include block;
			> .cell {
				@include block;
				@include padding(2%);
				width: $hunnid $i;
				
				img {
					@include responsive-width;
				}
			}
		}
	}
}

.top {
	@include top;
}
.middle {
	@include middle;
}
.bottom {
	@include bottom;
}
.left {
	@include left;
}
.center {
	@include center;
}
.right {
	@include right;
}

*[data-flash] {
	@include crisp;
	position: $relative;
	@include inline-block;
	@include padding(2%,8%);
	@include margin(4%,$zero,$zero,$zero);
	@include crisp;
	text-decoration: $none;
	@include appearance($none);
	background: $none;
	@include border($none);
	> .top,
	> .right,
	> .bottom,
	> .left {
		background-color: $black;
		@include transition(.5s,$all);
		@include crisp;
	}
	> .top {
		@include box($absolute,$initial,$zero,$zero,$initial,$initial,$hunnid,1px);
	}
	> .right {
		@include box($absolute,$initial,$initial,$zero,$zero,$initial,1px,$hunnid);
	}
	> .bottom {
		@include box($absolute,$initial,$initial,$initial,$zero,$zero,$hunnid,1px);
	}
	> .left {
		@include box($absolute,$initial,$zero,$initial,$initial,$zero,1px,$hunnid);
	}
	> .text {
		@include box($relative,1,$initial,$initial,$initial,$initial,$initial,$initial);
		@include transition(.5s,$all);
		@include crisp;
		@include capitalize;
		font-weight: 600;
		color: $black;
		text-decoration: $none;
	}
	&:before {
		@include box($absolute,0,$initial,0%,0%,$initial,$hunnid,$zero);
		@include block;
		@include content(" ");
		@include transition(.5s,$all);
		opacity: 0;
		@include crisp;
		background-color: $black;
	}
	html:not(.touch) &:hover,
	&:active {
		> .top,
		> .right,
		> .bottom,
		> .left {
			opacity: 0;
		}
		> .top {
			width: $zero;
		}
		> .right {
			height: $zero;
		}
		> .bottom {
			width: $zero;
		}
		> .left {
			height: $zero;
		}
		> .text {
			color: $white;
		}
	}
	html:not(.touch) &:hover:before,
	&:active:before {
		height: $hunnid;
		opacity: 1;
	}
}

*[data-underline] {
	@include crisp;
	position: $relative;
	@include inline-block;
	
	> span.underline {
		@include box($absolute,$initial,$initial,$initial,$zero,$fitty,$zero,1px);
		@include translate(-$fitty,$zero);
		opacity: 0;
		@include transition(.25s,all);
		background-color: $black;
	}
	
	html.no-touch &:hover,
	&:active,
	li.current-menu-item > & {
		
		> span.underline {
			width: 100%;
			opacity: 1;
		}
	}
}

*[data-whole-target] {
	@include pointer;
}