/*

================================================================
CSS ghw
================================================================

*/

/* --- dev ----------------------------------------------------- */

/* div, header, main, footer { background-color: #ff00ff20; border: 1px solid magenta; } */


/* --- all ----------------------------------------------------- */

body {
    font-family: calibri, arial;
    background-color: #e8e8e8;
    color: #101010;
}

a {
    text-decoration: none;
    color: #505050;
}

a:hover {
    color: #303030;
}

#logo {
    max-width: 300px;
    max-height: 200px;
}


/* --- header -------------------------------------------------- */


/* --- main ---------------------------------------------------- */

#main_logo {
    text-align: center;
    padding-bottom: 30px;
}

#main_nav {
    text-align: center;
    padding-bottom: 10px;
}

#main_nav a {
    color: #101010;
}

#main_nav a:hover {
    color: #303030;
}


/* - - login - - - - - - - - - - - - - - - - - - - - - - - - - - */

#loginform p {
    text-align: center;
}

#loginform table {
    margin: 30px auto 0 auto;
}

#loginform label {
    text-align: right;
    padding-right: 10px;
}


/* --- footer -------------------------------------------------- */

footer div {
    text-align: center;
    font-size: 0.7em;
    padding: 5px 0px 5px 0px;
}

#footer_subnav a {
    color: #101010;
}

#footer_subnav a:hover {
    color: #303030;
}


/* ### GRID #################################################### */

#ggrid {
    display: grid;
    grid-template-rows: 1px auto 1px;
    grid-template-columns: minmax(5px, auto) minmax(300px, 600px) auto;
}

#gcontent {
    grid-area: 2 / 2 / 3 / 3;
    display: grid;
    grid-template-rows: minmax(90px, 5vh) minmax(80vh, auto) auto;
    grid-template-columns: auto;
}

header {
    grid-area: 1 / 1 / 2 / 2;
}

main {
    grid-area: 2 / 1 / 3 / 2;
}

footer {
    grid-area: 3 / 1 / 4 / 2;
    padding-top: 5px;
}