/*------------------------------------------------------------------
[Layout Stylesheet]

Project:	 Tink
Version:	 1
Assigned to: Alex
Description: Contains the css "skeleton".
-------------------------------------------------------------------*/

@font-face {
    font-family: 'nexa_light';
    src: url('../fonts/nexa/nexa_free_light.eot');
    src: url('../fonts/nexa/nexa_free_light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/nexa/nexa_free_light.woff') format('woff'),
        url('../fonts/nexa/nexa_free_light.ttf') format('truetype');
        url('../fonts/nexa/nexa_free_light.svg#nexa_light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nexa_light_italic';
    src: url('../fonts/nexa/nexa_light_italic.eot');
    src: url('../fonts/nexa/nexa_light_italic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/nexa/nexa_light_italic.woff') format('woff'),
        url('../fonts/nexa/nexa_light_italic.ttf') format('truetype');
        url('../fonts/nexa/nexa_light_italic.svg#nexa_light_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nexa_bold';
    src: url('../fonts/nexa/nexa_black.eot');
    src: url('../fonts/nexa/nexa_black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/nexa/nexa_black.woff') format('woff'),
        url('../fonts/nexa/nexa_black.ttf') format('truetype');
        url('../fonts/nexa/nexa_black.svg#nexa_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    font-family: 'Fira Sans', Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 1.4;
    color: #777777;
    background-color: #ffffff;
    font-weight: normal;
}

a {
    color: #fa015f;
    text-decoration: none;
}
a:hover,
a:focus {
    color: #fa015f;
    text-decoration: none;
}
a:focus {
    border: 0px solid transparent;
    outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6{
    margin: 0;
}

h1{font-size: 40px;}
h2{font-size: 30px;}
h3{font-size: 26px;}
h4{font-size: 21px;}
h5{font-size: 18px;}
h6{font-size: 16px;}


/*
* General layout classes
*/
.f-left{
    float: left;
}
.f-right{
    float: right;
}

.page{
    width: 100%;
    max-width: 1800px;
    margin: 0 auto;
    padding: 30px 20px;
}

.page.faded {
    opacity: .5;
    pointer-events: none;
}