/*
 * #Typography
 */

/*
 * Headings
 */

h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin-bottom: 0.313em;
	line-height: 1.25;
	font-weight: 300;
	font-family: inherit;
}

h1,
h1.rwd__h1 {
	font-size: 3rem;
}

h2,
h2.rwd__h1 {
	font-size: 2.5rem;
}

h3,
h3.rwd__h3 {
	font-size: 2rem;
}

h4,
h4.rwd__h4 {
	font-size: 1.5rem;
}

h5,
h5.rwd__h5 {
	font-size: 1.25rem;
}

h6,
h6.rwd__h6 {
	font-size: 1rem;
}

/*
 * Demo headings
 */

.rwd__headings h1,
.rwd__headings h2,
.rwd__headings h3,
.rwd__headings h4,
.rwd__headings h5,
.rwd__headings h6 {
	margin: 0.625em 0;
}

/*
 * Paragraph
 */

p {
	margin: 0 0 1em;
}

p .fa {
	vertical-align: middle;
}

/*
 * Links
 */

a {
	outline: 0;
	text-decoration: none;
}

a:hover {
	color: #000;
}

/*
 * Abbreviation or acronym
 */

abbr {
	cursor: help;
}

/*
 * Code
 */

code {
	padding: 0.125em 0.25em;
	background: #f5edf9;
	color: #f00;
	white-space: nowrap;
}

/*
 * Highlight
 */

.rwd__highlight {
	padding: 0 0.25em;
	background: yellow;
	color: #000;
}

/*
 * Unselectable text
 */

.rwd__unselectable {
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	/*
	 Introduced in IE 10.
	 See http://ie.microsoft.com/testdrive/HTML5/msUserSelect/
	*/
	-ms-user-select: none;
	user-select: none;
	/*
	 For Opera IE lt 10 and Opera lt 15:
	 unselectable="on"
	 onselectstart="return false;"
	 ondragstart="return false;"
	 jQuery - $('.tbl__rows_container').attr('onselectstart','return false')
	*/
}

/*
 * Alignment
 */

.rwd__align_left {
	text-align: left;
}

.rwd__align_center {
	text-align: center;
}

.rwd__align_right {
	text-align: right;
}

.rwd__align_justify {
	text-align: justify;
}

/*
 * Floats and clears
 */

.rwd__float_left {
	float: left;
}

.rwd__float_right {
	float: right;
}

.rwd__clear_left {
	clear: left;
}

.rwd__clear_right {
	clear: right;
}

.rwd__clear_float {
	clear: both;
}

/*
 * Text transformation
 */

.rwd__nowrap {
	white-space: nowrap;
}

.rwd__lowercase {
	text-transform: lowercase;
}

.rwd__uppercase {
	text-transform: uppercase;
}

.rwd__capitalize {
	text-transform: capitalize;
}

.rwd__lowercase code,
.rwd__uppercase code,
.rwd__capitalize code {
	text-transform: lowercase;
}

/*
 * Text decoration
 */

.rwd__text_underline {
	text-decoration: underline;
}

.rwd__text_underline_dot {
	text-decoration: underline dotted;
}

.rwd__text_underline_dash {
	text-decoration: underline dashed;
}

.rwd__text_underline_double {
	text-decoration: underline double;
}

.rwd__text_underline_wavy {
	text-decoration: underline wavy;
}

.rwd__text_overline {
	text-decoration: overline;
}

.rwd__text_line_through {
	text-decoration: line-through;
}

/*
 * Font style
 */

.rwd__text_italic {
	font-style: italic;
}

/*
 * Font size
 */

.rwd__font_light {
	font-weight: 300;
}

.rwd__font_normal {
	font-weight: normal;
}

.rwd__font_semibold {
	font-weight: 600;
}

.rwd__font_bold {
	font-weight: 700;
}

.rwd__font_small {
	font-size: 80%;
}

.rwd__font_large {
	font-size: 120%;
}

/*
 * Colors
 */

.rwd__color_default {
	color: #777;
}

.rwd__color_primary {
	color: #36c;
}

.rwd__color_blue {
	color: #3cf;
}

.rwd__color_green {
	color: #0c0;
}

.rwd__color_yellow {
	color: #ff0;
}

.rwd__color_orange {
	color: #f93;
}

.rwd__color_red {
	color: #f00;
}

.rwd__color_black {
	color: #000;
}

.rwd__color_white {
	color: #fff;
}

/*
 * Background Colors
 */

.rwd__bg_color_default,
.rwd__bg_color_primary,
.rwd__bg_color_blue,
.rwd__bg_color_green,
.rwd__bg_color_yellow,
.rwd__bg_color_red,
.rwd__bg_color_black,
.rwd__bg_color_white {
	padding: 0.25em 0.5em;
}

.rwd__bg_color_default {
	background: #eee;
	color: #777;
}

.rwd__bg_color_primary {
	background: #36c;
	color: #fff;
}

.rwd__bg_color_blue {
	background: #3cf;
	color: #fff;
}

.rwd__bg_color_green {
	background: #0c0;
	color: #fff;
}

.rwd__bg_color_yellow {
	background: #ff0;
	color: #000;
}

.rwd__bg_color_orange {
	background: #f93;
	color: #fff;
}

.rwd__bg_color_red {
	background: #f00;
	color: #fff;
}

.rwd__bg_color_black {
	background: #000;
	color: #fff;
}

.rwd__bg_color_white {
	background: #fff;
	color: #000;
}

/*
 * <hr>
 */

hr.rwd__hr {
	display: block;
	height: 1px;
	margin: 1.5em 0;
	border-width: 0;
	border-top: 1px solid #e1e1e1;
	padding: 0;
}

@media only screen and (max-width: 30em) {
	/*
	 * Headings
	 */
	h1,
	h1.rwd__h1 {
		font-size: 3.5rem;
	}

	h2,
	h2.rwd__h1 {
		font-size: 2.75rem;
	}

	h3,
	h3.rwd__h3 {
		font-size: 2.25rem;
	}

	h4,
	h4.rwd__h4 {
		font-size: 1.875rem;
	}

	h5,
	h5.rwd__h5 {
		font-size: 1.5rem;
	}

	h6,
	h6.rwd__h6 {
		font-size: 1.25rem;
	}
}