// Alignleft
.alignleft {
    float: left;
}

// Alignright
.alignright {
    float: right;
}

// Aligncenter
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

// Clear Both
.clear-both {
	clear: both;
}

// Clear None
.clear-none {
	clear: none;
}

// Clear Left
.clear-left {
	clear: left;
}

// Clear Right
.clear-right {
	clear: right;
}

// inline-block
.rtm-inline-block {
	display: inline-block;
}

// Text Left
.rtm-text-left {
	text-align: left;
}

// Text Right
.rtm-text-right {
	text-align: right;
}

// Text Center
.rtm-text-center {
	text-align: center;
}

// Borders
.rtm-border-0 {
	border: 0 !important;
}

.hide {
	display: none;
}

.rtmedia-success,
.rtmedia-warning {
	margin: 10px 0;
    padding: 8px 14px 8px 14px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid #e7e7e7;
    cursor: pointer;
}

.rtmedia-success {
    background-color: #dff0d8;
    color: #468847;
}

.rtmedia-warning {
    background-color: #F0D8DD;
    color: #884646;
}

/*------------------------------------*\
    #CLEARFIX
\*------------------------------------*/

/**
 * Micro clearfix, as per: css-101.org/articles/clearfix/latest-new-clearfix-so-far.php
 * Extend the clearfix class with Sass to avoid the `.clearfix` class appearing
 * over and over in your markup.
 */

.clearfix,
%clearfix {

    &:after {
        content: "";
        display: table;
        clear: both;
    }
}

//
// @functions
//


// RANGES
// We use these functions to define ranges for various things, like media queries.
@function lower-bound($range){
	@if length($range) <= 0 {
		@return 0;
	}
	@return nth($range,1);
}

@function upper-bound($range) {
	@if length($range) < 2 {
		@return 999999999999;
	}
	@return nth($range, 2);
}

// Here we define the lower and upper bounds for each media size
$small-range: (0, 640px);
$medium-range: (641px, 1024px);
$large-range: (1025px, 1920px);

// Media Queries
$screen: "only screen" !default;

$landscape: "#{$screen} and (orientation: landscape)" !default;
$portrait: "#{$screen} and (orientation: portrait)" !default;

$small-up: $screen !default;
$small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})" !default;

$medium-up: "#{$screen} and (min-width:#{lower-bound($medium-range)})" !default;
$medium-only: "#{$screen} and (min-width:#{lower-bound($medium-range)}) and (max-width:#{upper-bound($medium-range)})" !default;

$large-up: "#{$screen} and (min-width:#{lower-bound($large-range)})" !default;
$large-only: "#{$screen} and (min-width:#{lower-bound($large-range)}) and (max-width:#{upper-bound($large-range)})" !default;