$font-main: 'Open Sans', sans-serif;
$font-main-color: #1e1e14;
$font-main-color-fade: #5e5e54;
$font-main-color-light: rgba(240,240,240,0.9);

$font-author-color: rgba(219,166,20,1.0);

a, a:visited
{
    text-decoration: none;
    color: #bc9356;
}

a:hover
{
    color: #c3801d;
}        

p
{
    font-size: 1em;
    font-weight: 300;
    line-height: 1.625em;
    margin-bottom: 1.25em;
}

@mixin content-title()
{
    font-family: $font-main;
    font-size: 2em;
    font-weight: 600;
    color: $font-main-color;
    letter-spacing: 2px;
    text-transform: uppercase;
}

@mixin sub-title()
{
    font-family: $font-main;
    font-size: 2em;
    font-weight: 600;
    color: rgba(180,180,180,0.9);
    letter-spacing: 2px;
    text-transform: uppercase;
}

@mixin link-basic()
{
    a, a:visited
    {
        @include transition(color 1s);
        @include transition(border 0.5s);
        color: inherit;
        border-bottom: 2px solid rgba(100,100,100,0);
    }
    a:hover
    {
        color: $font-main-color-fade;
        border-bottom: 2px solid $font-main-color-fade;
    }
}

@mixin link-button()
{
    color: $font-main-color-light;
}

@mixin main-header() {
	font-family: $font-main;
	font-size: 1em;
	font-weight: 600;
    letter-spacing: 2px;
    @media (max-width: 620px) {
        font-size: 2.5em;
    }
    a.home, a.home:visited
    {
        color: #f0f0f0;
        @include transition (all 2s);

        span
        {
            @include transition (all 2s);
        }
    }
    a.home:hover
    {
        span
        {
            color: #f0f0f0;
        }
    }
}

@mixin main-nav() {
    font-family: $font-main;
    font-size: 0.75em;
    font-weight: 600;
    letter-spacing: 2px;
    a
    {
        color: $font-main-color;
        opacity: 0.8;
        @include transition (opacity 0.8s);
    }
    a:hover
    {
        opacity: 1;
        text-decoration: underline;
    }
}

@mixin main-button() {
    font-family: $font-main;
    font-size: 1em;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    a
    {
        color: $font-main-color;
        opacity: 0.8;
        @include transition (opacity 0.8s);
    }
    a:hover
    {
        opacity: 1;
        text-decoration: underline;
    }
}

@mixin single-project-info
{
    text-transform: uppercase;
    font-size: 0.75em;
    font-weight: 400;
    letter-spacing: 2px;

    li
    {
        font-size: 0.9166666667em;
    }
}

@mixin main-focus()
{
    color: $font-main-color-light;
    h3
    {
        font-size: 1em;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 3px;
    }
    p
    {
        font-size: 1em;
        font-weight: 300;
        letter-spacing: 1px;
    }
}

@mixin main-legal() {
    font-family: $font-main;
    font-size: 0.75em;
    text-transform: uppercase;
    letter-spacing: 0.1666666667em;
}

@mixin contact-header-loud()
{
    font-family: $font-main;
    font-size: 3.5em;
    font-weight: 600;
    color: $font-main-color;
    letter-spacing: 2px;
    text-transform: uppercase;
}



body
{
    
}

header
{
    nav
    {   
        text-transform: uppercase;
        h1
        {
        }
        ul
        {
            
        }
    }
    section.featured-project
    {
        section.featured-project-info
        {
            p
            {
                font-size: 1.25em;
            }
        }
    }
}
