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

/** change font to System **/
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}


/*** HEADER ***/
#header {
    background: #000;
    min-height: auto;
}

#header #siteLogo img {
    max-width: 200px !important;
    height: auto;
}

#nav {
    background: #2f2f2f;
}

#nav ul li.selected a {
    color: #000;
    background: #FFD800;
}

#nav ul li a {
    text-align: center;
}

#nav ul li a:hover,
#nav ul li:hover a {
    color: #000;
    background: #FFD800;
}

#userSummary {
    color: #b7b7b7;
    padding: 10px 15px 5px 0;
}

#userSummary a {
    color: #FFD800;
}

@media (max-width: 767px) {
    #siteLogo {
        width: 160px;
    }

    #header {
        height: auto;
    }

    #userSummary {
        padding: 10px 10px 5px 0 !important;
    }

}

/*** LOGIN PAGE ***/
#page_login {
    height: 100vh;
    background: url('../../images/header-bg.jpg') #000 no-repeat;
    background-size: cover;
}

.login {
    border-radius: 0;
    box-shadow: 4px 4px 0 rgb(0 0 0 / 50%);
}

ul.loginLinks a {
    color: #fff;
}

#page_login #footer p,
#page_login #footer a {
    color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 767px) {
    #page_login {
        height: 100vh;
        background: url('../../images/header-bg.jpg') #000 no-repeat;
        background-size: cover;
    }

    .login {
        margin: 0;
        padding: 15px;
        width: auto;
        box-shadow: 4px 4px 0 rgb(0 0 0 / 50%);
        background: #fff;
    }
}



/*** LEFT COL ***/
#aside .section h1,
#aside .notes h1 {
    color: #FFD800;
}

#aside .nav .section li.selected {
    background: #2f2f2f;
}

#aside .nav .section li:hover {
    background: #2f2f2f;
}

#aside .section h2 {
    color: #FFD800;
}





/*** GENERAL ***/
#stats-glance .col-2:hover {
    background: #FFD800;
}

.userMsg {
    border-radius: 0;
}

.pageDesc {
    border-radius: 0;
}

button,
.button,
input[type=submit] {
    background: #FFD800;
    color: #000;
    border: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.msgTypeWarning a {
    color: #a94442;
}