// ==================================================
//  IE Hack
// ==================================================

@mixin opacity($transparent) {
	opacity:$transparent;
	filter: alpha(opacity= $transparent * 100);
}

@mixin clearfix {
	overflow: hidden;
	*zoom: 1;
}

// ==================================================
//  Mixin
// ==================================================

@mixin defaultWidth {
	width: $baseMinWidth;
	margin: 0 auto;
}

@mixin Crisp {
	image-rendering: -webkit-optimize-contrast;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}

@mixin noHover {
	&:hover {img {@include opacity(1);}}
}

@mixin textIn {
	text-indent: -9999px;
	display: block;
}

@mixin Transition($time:0.15s) {
	transition: $time all;
	&:hover {transition: $time all;}
}

@mixin Ease($time:0.15s) {
	transition: $time all ease-in-out;
	&:hover {transition: $time all ease-in-out;}
}

@mixin Linear($time:0.15s) {
	transition: $time all linear;
	&:hover {transition: $time all linear;}
}

@mixin hoverAction($opacity:0.7,$time:0.15s) {
	transition: $time opacity linear;
	@include opacity(1);
	&:hover {
		transition: $time opacity linear;
		@include opacity($opacity);
	}
}

@mixin hrList($marginTop,$marginRight,$marginBottom,$marginLeft) {
	margin: 0 0 0 (-$marginLeft);
	@include clearfix;
	&>li {
		float: left;
		margin: $marginTop $marginRight $marginBottom $marginLeft;
	}
}

@mixin bgs($width,$height) {
	width: $width;
	height: $height;
	background-size: $width $height;
}

@mixin glidList($column,$margin) {
	@include clearfix;
	&>li {
		widows: $baseMinWidth / $column - $margin;
		float: left;
		margin: 0 0 $margin $margin;
	}
}

@mixin borderLink ($linkColor,$borderHeight,$left,$bottom,$time) {
	position: relative;
	&:after {
		content: "";
		height: $borderHeight;
		position: absolute;
		background: $linkColor;
		left: $left;
		bottom: $bottom;
		width: 0;
		transition: width $time ease-in-out;
	}
	&:hover:after {width: 100%;}
}

@mixin ghostbutton($font-size, $font-color, $border-size, $border-color, $padding, $transition-speed, $hover-color) {
	display:inline-block;
	text-decoration:none;
	text-transform:uppercase;
	font-size: $font-size;
	color:$font-color;
	border:$border-size solid $border-color;
	padding:$padding;
	transition: color $transition-speed, background $transition-speed;
	&:hover {background:$border-color;color:$hover-color;}
}

@mixin fontAwesome($cont,$contColor,$contSize) {
	&::before {
		content: $cont;
		font: normal normal normal 14px/1 FontAwesome;
		color: $contColor;
		font-size: $contSize;
		margin-right: 0.2em;
		display: inline-block;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}
@mixin fontAwesomeAfter($cont,$contColor,$contSize) {
	&::after {
		content: $cont;
		font: normal normal normal 14px/1 FontAwesome;
		color: $contColor;
		font-size: $contSize;
		margin-right: 0.2em;
		display: inline-block;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}
@mixin glyphIcon($cont,$contColor,$contSize) {
	&::before {
		content: $cont;
		position: relative;
		top: 1px;
		display: inline-block;
		font-family: 'Glyphicons Halflings';
		color: $contColor;
		font-size: $contSize;
		font-style: normal;
		font-weight: 300;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}
@mixin glyphIconAfter($cont,$contColor,$contSize) {
	&::after {
		content: $cont;
		position: relative;
		top: 1px;
		display: inline-block;
		font-family: 'Glyphicons Halflings';
		color: $contColor;
		font-size: $contSize;
		font-style: normal;
		font-weight: 300;
		line-height: 1;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}
@mixin faBase {
	font: normal normal normal 14px/1 FontAwesome;
	margin-right: 0.2em;
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
@mixin chevronR($contColor:inherit,$contSize:0.9em,$opacity:0.5) {
	&::before {
		content: '\f054';
		color: $contColor;
		font-size: $contSize;
		@include faBase;
		@include opacity($opacity);
	}
}
@mixin chevronL($contColor:inherit,$contSize:0.9em,$opacity:0.5) {
	&::before {
		content: '\f053';
		color: $contColor;
		font-size: $contSize;
		@include faBase;
		@include opacity($opacity);
	}
}
@mixin chevronD($contColor:inherit,$contSize:0.9em,$opacity:0.5) {
	&::before {
		content: '\f078';
		color: $contColor;
		font-size: $contSize;
		@include faBase;
		@include opacity($opacity);
	}
}
@mixin chevronU($contColor:inherit,$contSize:0.9em,$opacity:0.5) {
	&::before {
		content: '\f077';
		color: $contColor;
		font-size: $contSize;
		@include faBase;
		@include opacity($opacity);
	}
}
@mixin caretR($contColor:inherit,$contSize:0.9em,$opacity:0.5) {
	&::before {
		content: '\f0da';
		color: $contColor;
		font-size: $contSize;
		@include faBase;
		@include opacity($opacity);
	}
}
@mixin caretL($contColor:inherit,$contSize:0.9em,$opacity:0.5) {
	&::before {
		content: '\f0d9';
		color: $contColor;
		font-size: $contSize;
		@include faBase;
		@include opacity($opacity);
	}
}
@mixin caretD($contColor:inherit,$contSize:0.9em,$opacity:0.5) {
	&::before {
		content: '\f0d7';
		color: $contColor;
		font-size: $contSize;
		@include faBase;
		@include opacity($opacity);
	}
}
@mixin caretU($contColor:inherit,$contSize:0.9em,$opacity:0.5) {
	&::before {
		content: '\f0d8';
		color: $contColor;
		font-size: $contSize;
		@include faBase;
		@include opacity($opacity);
	}
}