// Main
body {
    font-family: $font-family-default;
    font-size: $font-size-default;
    color: $font-color-default;
}

.content { padding-top: 100px; }
.overflow-hidden { overflow: hidden; }
.overflow-auto { overflow: auto; }
.clear { clear: both; }
.float-right { float: right !important; }
.float-left { float: left !important; }

// Cursor
.cursor-pointer { cursor: pointer; }
.cursor-default { cursor: default; }

// Headings
h1, h2, h3, h4, h5, h6 { font-weight: 300; }
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.8rem; }
h4 { font-size: 1.6rem; }
h5 { font-size: 1.4rem; }
h6 { font-size: 1.2rem; }

// Typography
.text-bold { font-weight: bold; }
.text-italic { font-style: italic; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-left { text-align: left; }

// Colors
.grey { color: $grey !important; }
.grey-dark { color: $grey-dark !important; }
.green { color: $green !important; }
.red { color: $red !important; }
.red-light { color: $red-light !important; }
.blue { color: $blue !important; }
.orange { color: $orange !important; }
.yellow { color: $yellow !important; }
.pink { color: $pink !important; }
.white { color: $white !important; }
.black { color: $black !important; }

.background-grey { background-color: $grey !important; }
.background-grey-light { background-color: $grey-light !important; }
.background-grey-dark { background-color: $grey-dark !important; }
.background-grey-darkest { background-color: $grey-darkest !important; }
.background-green { background-color: $green !important; }
.background-green-dark { background-color: $green-dark !important; }
.background-red { background-color: $red !important; }
.background-red-light { background-color: $red-light !important; }
.background-blue { background-color: $blue !important; }
.background-orange { background-color: $orange !important; }
.background-yellow { background-color: $yellow !important; }
.background-pink { background-color: $pink !important; }
.background-white { background-color: $white !important; }
.background-black { background-color: $black !important; }

// Layout
.margin-top { margin-top: $margin; }
.margin-top-sm { margin-top: $margin-small; }
.margin-top-lg { margin-top: $margin-large; }
.margin-top-xl { margin-top: $margin-extra-large; }

.margin-bottom { margin-bottom: $margin; }
.margin-bottom-sm { margin-bottom: $margin-small; }
.margin-bottom-lg { margin-bottom: $margin-large; }
.margin-bottom-xl { margin-bottom: $margin-extra-large; }

.margin-left { margin-left: $margin; }
.margin-left-sm { margin-left: $margin-small; }
.margin-left-lg { margin-left: $margin-large; }
.margin-left-xl { margin-left: $margin-extra-large; }

.margin-right { margin-right: $margin; }
.margin-right-sm { margin-right: $margin-small; }
.margin-right-lg { margin-right: $margin-large; }
.margin-right-xl { margin-right: $margin-extra-large; }

.margin { margin: $margin; }
.margin-sm { margin: $margin-small; }
.margin-lg { margin: $margin-large; }
.margin-xl { margin: $margin-extra-large; }

.padding-top { padding-top: $padding; }
.padding-top-sm { padding-top: $padding-small; }
.padding-top-lg { padding-top: $padding-large; }
.padding-top-xl { padding-top: $padding-extra-large; }

.padding-bottom { padding-bottom: $padding; }
.padding-bottom-sm { padding-bottom: $padding-small; }
.padding-bottom-lg { padding-bottom: $padding-large; }
.padding-bottom-xl { padding-bottom: $padding-extra-large; }

.padding-left { padding-left: $padding; }
.padding-left-sm { padding-left: $padding-small; }
.padding-left-lg { padding-left: $padding-large; }
.padding-left-xl { padding-left: $padding-extra-large; }

.padding-right { padding-right: $padding; }
.padding-right-sm { padding-right: $padding-small; }
.padding-right-lg { padding-right: $padding-large; }
.padding-right-xl { padding-right: $padding-extra-large; }

.padding { padding: $padding; }
.padding-sm { padding: $padding-small; }
.padding-lg { padding: $padding-large; }
.padding-xl { padding: $padding-extra-large; }

// Buttons
$btn-rounded-size: 48px !default;
.btn {
    cursor: pointer;
}
.btn-icon {
    padding: 0;
    display: block;
    border-radius: 100%;
    text-align: center;
    line-height: $btn-rounded-size + 2px;
    height: $btn-rounded-size;
    width: $btn-rounded-size;
    font-size: 28px;
}