/* ==========================================================================
   Site utilities
   ========================================================================== */

/*
   Selection
   ========================================================================== */

::-moz-selection {
	background-color: lighten($base-color, 65%);
	color: $base-color;
	text-shadow: none;
}

::selection {
	background-color: lighten($base-color, 65%);
	color: $base-color;
	text-shadow: none;
}

/*
   Global classes
   ========================================================================== */

/* wrapper */
.wrap {
	margin: 0 auto;
}

/* capitalize */
.all-caps {
	text-transform: uppercase;
}

/* float image to the left */
.image-left {
	float: none;
	@media #{$medium} {
		float: left;
	}
}

/* float image to the right */
.image-right {
	float: none;
	@media #{$medium} {
		float: right;
	}
}

/* remove styling from a list element */
.unstyled-list {
	list-style: none;
	margin-left: 0;
	padding-left: 0;

	li {
		list-style-type: none;
	}
}

/* inline a list */
.inline-list {
	list-style: none;
	margin-left: 0;
	padding-left: 0;

	li {
		list-style-type: none;
		display: inline;
	}
}

/*
   Global transition
   ========================================================================== */

b, i, strong, em, blockquote, p, q, span, figure, img, h1, h2, header, input, a {
	transition: all 0.2s ease;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 40px;
    margin-bottom: 20px;
}