/**
 * Util
 * --------------------------------------------------
 */

.hidden, 
.hide { 
  display: none !important; 
}
.show {
  display: block !important;
}

.inline {
  display: inline-block;
}

.block {
  display: block;
  clear: both;
  &:after { 
    display: block; 
    visibility: hidden; 
    clear: both; 
    height: 0;
    content: ".";
  }
}

.full-image {
  width: 100%;
}


// Content Padding
// -------------------------------

.padding {
  padding: $content-padding;
}

.padding-top,
.padding-vertical {
  padding-top: $content-padding;
}

.padding-right,
.padding-horizontal {
  padding-right: $content-padding;
}

.padding-bottom,
.padding-vertical {
  padding-bottom: $content-padding;
}

.padding-left,
.padding-horizontal {
  padding-left: $content-padding;
}


// Rounded
// -------------------------------

.rounded {
  border-radius: $border-radius-base;
}


// Colors
// -------------------------------

.brand-default {
  color: $brand-default;
}
.brand-secondary {
  color: $brand-secondary;
}
.brand-primary {
  color: $brand-primary;
}
.brand-info {
  color: $brand-info;
}
.brand-success {
  color: $brand-success;
}
.brand-warning {
  color: $brand-warning;
}
.brand-danger {
  color: $brand-danger;
}
.brand-dark {
  color: $brand-dark;
}

.black {
  color: $black;
}
.gray-darker {
  color: $gray-darker;
}
.gray-dark {
  color: $gray-dark;
}
.gray {
  color: $gray;
}
.gray-light {
  color: $gray-light;
}
.gray-lighter {
  color: $gray-lighter;
}
.white {
  color: $white;
}