/*
* Some CSS utility classes
*
* Author: Matthew Forth
* Date: 19/06/2017
*/

/* ---------- Colours ---------- */
.u-white { color: #fff }
.u-black { color: #000 }

/* ---------- Margin & Padding ---------- */
.u-mcenter { margin-left: auto; margin-right: auto; }

.u-m0 { margin: 0px; }
.u-m1 { margin:1em; }
.u-m2 { margin:2em; }
.u-m3 { margin:3em; }
.u-m4 { margin:4em; }

.u-mt0 { margin-top:0em; }
.u-mt1 { margin-top:1em; }
.u-mt2 { margin-top:2em; }
.u-mt3 { margin-top:3em; }
.u-mt4 { margin-top:4em; }

.u-mr0 { margin-right:0em; }
.u-mr1 { margin-right:1em; }
.u-mr2 { margin-right:2em; }
.u-mr3 { margin-right:3em; }
.u-mr4 { margin-right:4em; }

.u-mb0 { margin-bottom:0em; }
.u-mb1 { margin-bottom:1em; }
.u-mb2 { margin-bottom:2em; }
.u-mb3 { margin-bottom:3em; }
.u-mb4 { margin-bottom:4em; }

.u-ml0 { margin-left:0em; }
.u-ml1 { margin-left:1em; }
.u-ml2 { margin-left:2em; }
.u-ml3 { margin-left:3em; }
.u-ml4 { margin-left:4em; }

.u-p0 { padding:0em; }
.u-p1 { padding:1em; }
.u-p2 { padding:2em; }
.u-p3 { padding:3em; }
.u-p4 { padding:4em; }

.u-pt0 { padding-top:0em; }
.u-pt1 { padding-top:1em; }
.u-pt2 { padding-top:2em; }
.u-pt3 { padding-top:3em; }
.u-pt4 { padding-top:4em; }

.u-pr0 { padding-right:0em; }
.u-pr1 { padding-right:1em; }
.u-pr2 { padding-right:2em; }
.u-pr3 { padding-right:3em; }
.u-pr4 { padding-right:4em; }

.u-pb0 { padding-bottom:0em; }
.u-pb1 { padding-bottom:1em; }
.u-pb2 { padding-bottom:2em; }
.u-pb3 { padding-bottom:3em; }
.u-pb4 { padding-bottom:4em; }

.u-pl0 { padding-left:0em; }
.u-pl1 { padding-left:1em; }
.u-pl2 { padding-left:2em; }
.u-pl3 { padding-left:3em; }
.u-pl4 { padding-left:4em; }

/* ---------- Text ---------- */
.u-center { text-align:center; }
.u-left { text-align: left; }
.u-right { text-align: right; }
.u-light { font-weight: 300; }
.u-normal { font-weight: 400; }
.u-bold { font-weight: 700; }

/* ---------- Position ---------- */
.u-absolute { position:absolute; }
.u-relative { position:relative; }
.u-static { position:static; }
.u-float-right { float: right; }
.u-float-left { float: left; }
.u-float-none { float: none; }
.u-block { display: block; }
.u-inline { display: inline-block; }
.u-none, .u-hide { display: none !important; }

/* ---------- Sizing ---------- */
.u-wauto { width: auto; }
.u-w100 { width:100%; }
.u-w90 { width:90%; }
.u-w80 { width:80%; }
.u-w70 { width:70%; }
.u-w60 { width:60%; }
.u-w50 { width:50%; }
.u-w40 { width:40%; }
.u-w30 { width:30%; }
.u-w20 { width:20%; }
.u-w10 { width:10%; }
.u-w0 { width:0%; }

.u-hauto { height: auto; }
.u-h100 { height:100%; }
.u-h90 { height:90%; }
.u-h80 { height:80%; }
.u-h70 { height:70%; }
.u-h60 { height:60%; }
.u-h50 { height:50%; }
.u-h40 { height:40%; }
.u-h30 { height:30%; }
.u-h20 { height:20%; }
.u-h10 { height:10%; }
.u-h0 { height:0%; }
.text-right{text-align: right !important;}