/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */





/*------------------------------------*\
    #GLOBAL
\*------------------------------------*/

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');


body,
p,
li,
table {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-weight: 700;
}


a {
    color: #3A404C;
}




/*------------------------------------*\
    #TOPNAV
\*------------------------------------*/

ul.top-nav>li.primary-action>a.btn {
    background-color: #3A404C;
}


/*------------------------------------*\
    #NAVBAR
\*------------------------------------*/

.navbar-main {
    background-color: #272d35;
}

.navbar-main .navbar-nav>.active>a, 
.navbar-main .navbar-nav>.active>a:focus, 
.navbar-main .navbar-nav>.active>a:hover, 
.navbar-main .navbar-nav>.open>a, 
.navbar-main .navbar-nav>.open>a:focus, 
.navbar-main .navbar-nav>.open>a:hover, 
.navbar-main .navbar-nav>li>a:focus, 
.navbar-main .navbar-nav>li>a:hover {
    color: #eee;
    background-color: #3A404C;
}

.navbar-main li.account {
    background-color: #3A404C;
}


/*------------------------------------*\
    #HOMEPAGE
\*------------------------------------*/


div.header-lined h1 {
    color: #3A404C;
}