/*
Fonts

Our standard font is Proxima Nova. There are several different fonts in the Proxima Nova family and
the way to get them to render differently is to set the font weight of the text differently.

Markup:
<p style="font-family: ProximaNova;">font-weight: 400 or no font-weight specified = ProximaNova-Regular</p>
<br/>
<p style="font-family: ProximaNova; font-weight:500;">font-weight: 500 = ProximaNova-Medium</p>
<br/>
<p style="font-family: ProximaNova; font-weight:600;">font-weight: 600 = ProximaNova-Semibold</p>
<br/>
<p style="font-family: ProximaNova; font-weight:700;">font-weight: 700 = ProximaNova-Bold</p>
<br/>
<p style="font-family: ProximaNova; font-weight:bold;">font-weight: bold = ProximaNova-Bold</p>

Styleguide 1.1
*/

html,body,div,span,input,textarea,keygen,select,button,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,menu,nav,section,summary,time,mark,audio,video {
    font-size: 100%;
}

body, input, textarea, keygen, select, button {
    font-family: @font-proxima-nova;
    font-weight: @font-weight-base;
    font-size: @font-size-base;
}

// Utility classes

.text-bold {
    font-weight: @font-weight-bold;
    letter-spacing: @letter-spacing-bold;
}

.text-semibold {
    font-weight: @font-weight-semibold;
    letter-spacing: @letter-spacing-semibold;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.vertical-align--middle {
    vertical-align: middle;
}
.vertical-align--bottom {
    vertical-align: bottom;
}