/**
 * Helper / utility classes
 */
.align-center { text-align: center }
.align-right { text-align: right }
.align-left { text-align: left }
.align-justify { text-align: justify }

th.align-left,
td.align-left { text-align: left !important; }

.float-right { float: right}
.float-left { float: left }

.img-float-right { float: right; margin: 0 0 15px 15px; }

.clear { clear: both}
.clear-left { clear: left }

.clearfix { .clearfix(); }

.nowrap { white-space: nowrap }

.bold,
.strong,
.loud { font-weight: bold; }

.italic { font-style: italic; }

.fontsize-xs { font-size: .7em; }
.fontsize-s, small { font-size: .9em; }
.fontsize-s { font-size: .9rem; }
.fontsize-l { font-size: 1.15rem; }
.fontsize-xl { font-size: 1.55rem; }

.hidden { display: none !important; }

.invisible { visibility: hidden; }

.text-hide { .text-hide() }


/**
 * @url https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L119
 */
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden--focusable:active,
.visuallyhidden--focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}