
/**
 * utilities.css
 *
 * Commonly used modular class names. By The Martians.
 *
 */

/* text */

.bold 		{ font-weight: bold; }
.small		{ font-size: 90%; }
.smaller	{ font-size: 80%; }
.smallest	{ font-size: 70%; }
.txt-center	{ text-align:center; }
.txt-left	{ text-align:left; }
.txt-right	{ text-align:right; }

.txt-hide {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/* positioning */

.absolute	{ position:absolute; }
.relative	{ position:relative; }
.overhide	{ overflow:hidden; }
.left		{ float:left; }
.right		{ float:right; }
.clear		{ clear:both; }

.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { position:relative;clear:both; }
.clearfix { *zoom:1; }

/* box model */

.wide		{ width:100%; }
.high		{ height:100%; }
.half 		{ width: 50%; }
.third		{ width: 33%; }
.quarter	{ width: 25%; }
.boxfix		{ box-sizing:border-box; }
.block		{ display:block; }
.iblock		{ display:inline-block; }

/* visibility + state */

.no-display { display:none; }
.disabled	{ opacity:0.4; -webkit-filter:grayscale(1) }

.hidden	{
	border:0;
	clip:rect(0 0 0 0);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute;
	width:1px;
}


/* animation */

.fx-fast {
	-webkit-transition:all 0.3s ease-out;
	   -moz-transition:all 0.3s ease-out;
	    -ms-transition:all 0.3s ease-out;
	     -o-transition:all 0.3s ease-out;
	        transition:all 0.3s ease-out;
}
.fx	{
	-webkit-transition:all 0.6s ease-out;
	   -moz-transition:all 0.6s ease-out;
	    -ms-transition:all 0.6s ease-out;
	     -o-transition:all 0.6s ease-out;
	        transition:all 0.6s ease-out;
}
.fx-slow {
	-webkit-transition:all 0.8s ease-out;
	   -moz-transition:all 0.8s ease-out;
	    -ms-transition:all 0.8s ease-out;
	     -o-transition:all 0.8s ease-out;
	        transition:all 0.8s ease-out;
}

.fx-super-slow {
	-webkit-transition:all 1.8s ease-out;
	   -moz-transition:all 1.8s ease-out;
	    -ms-transition:all 1.8s ease-out;
	     -o-transition:all 1.8s ease-out;
	        transition:all 1.8s ease-out;
}

.fx-bg	{
	-webkit-transition:background 0.3s linear;
	   -moz-transition:background 0.3s linear;
	    -ms-transition:background 0.3s linear;
	     -o-transition:background 0.3s linear;
	        transition:background 0.3s linear;
}

.cover {
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	   -moz-background-size: cover;
	    -ms-background-size: cover;
	     -o-background-size: cover;
	        background-size: cover;
}


/* pseudo-elements */

:after,
:before {
	content: "";
	display: block;
	position: absolute;
}

/* selection */

::-moz-selection 	{ background:rgba(197,17,74,0.25); color:#000; }
::selection 		{ background:rgba(197,17,74,0.25); color:#000; }
.no-touch input		{ outline: none; }
