/* Structure CSS for main app
 *
 * Not for specific app parts, just how it's laid out
 */


/* ******************************************************
 * HEADER
 */
#section-head{
width: 100%;
padding-top: var(--standard-pad);
padding-bottom: var(--standard-pad);
}

.title{
    justify-content: space-between;
}

.title h1, .title h2{
    font-size: 1.3em;
    text-transform: uppercase;
}

.site-logo img{
    height: 3em;
    margin-right: 0.5em;
}

hr{
    background-color: var(--secondary-color);
    height: 5px;
    border: none;
    padding-bottom: 0px;
}



/* ******************************************************
 * NAVIGATION
 */
#section-navigation{
width: 100%;
}

#app
{
    display: flex;
    flex-direction: row;
}

/* ******************************************************
 * App View
 */
#main-container{
width: 100%;
min-height: calc(100vh - 10em);
padding: 1em 1em 1em 1em;
}


/* ******************************************************
 * FOOTER
 */
#section-footer{
width: 100%;
}