/*----------------------------------------------------------------------
  FILENAME: custom.css
  DESCRIPTION: Rules placed in this file will override all other rules.
  You can use !important to ensure the rules are applied.
----------------------------------------------------------------------*/


body {
    font-family: "Open Sans",sans-serif;
    font-size: 0.9em;
}
a {
    color: #284da1;
}
a:hover {
    color: #21264b;
}

#header {
    background: #284da1;
}
#siteLogo{
    margin: 5px 0 5px 15px;
}
#siteLogo img{
    width: 200px;
    height: 80px;    
}

#page_login {
    background: #eef1f6;
}

#nav {
    background: #20254c;
}
#nav ul li.selected a {
    color: #ffffff;
    background: #264282;
}
#nav ul li a:hover, #nav ul li:hover a {
    color: #ffffff;
    background: #264282;
}
#nav ul li a {
    text-transform: uppercase;
    font-style: italic;
}
button, .button, input[type=submit] {
    background: #6EC972;
    font-family: "Open Sans",sans-serif;
}

#aside .section h1, #aside .notes h1 {
    color: #21264b;
}
#aside .nav .section li.selected {
    background: #284da1;
}
#aside .nav .section li:hover {
    background: #284da1;
}
#aside .section h2 {
    color: #284da1;
    font-size: 1em;
}
#aside .section h1 {
    font-size: 1em;
}

#userSummary{
    color: #fff;
}
#userSummary a {
    color: #fff;
}
#stats-glance .col-2:hover {
    background: #284da1;
}
table.definitionList th {
    width: 70%;
}

#footer p, #footer a {
    color: #a9a9a9;
}


@media (max-width: 767px){
    #siteLogo img{
        width: 140px;
        margin: 3px 0 0 0;
        height: 56px;
    }
}