/* open-exodus.net: the look of YathUI (Test2-Harness-UI share/css/main.css + theme.css), simplified for a static
   site: header and footer are not fixed, no modal/grid/table/datatables parts. */

/* footer at the bottom of the window on short pages, after the content on long ones */
body { margin: 0; background: white; color: black; min-height: 100vh; min-height: 100dvh;
       display: flex; flex-direction: column; }
div#content { flex: 1 0 auto; }

div#header_wrapper { padding-bottom: 8px; }
div#footer_wrapper { padding-top: 8px; padding-bottom: 4px; }

div#header {
    border-bottom: 1px solid #000000;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-bottom: 5px;
    margin: 0 10px;
    overflow: hidden;
}
div#header h1 { padding-left: 50px; margin-top: 2px; margin-bottom: 6px; }

ul#nav_main { list-style: none; overflow: hidden; margin: 0; padding: 0 20px; }
ul#nav_main li {
    float: left;
    margin: 0 10px;
    padding: 0 5px;
    border-bottom: 1px solid transparent;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
ul#nav_main li:hover { border-bottom: 1px solid #A04040; }
ul#nav_main li.split { width: 1px; background: #b0b0b0; padding: 0; margin: 0; border: none; }
ul#nav_main li a { text-decoration: none; color: #000080; }

div#content { margin: 0 20px; padding-bottom: 30px; max-width: 60em; }
div#content a { color: #000080; }


div#footer {
    text-align: right;
    font-size: small;
    padding-top: 5px;
    padding-right: 20px;
    border-top: 1px solid #000000;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0 10px;
}

@media only screen and (max-width: 600px) {
    div#header h1 { padding-left: 10px; font-size: 1.5em; }
    ul#nav_main { padding: 0 5px; }
    ul#nav_main li { margin: 0 4px; }
    div#content { margin: 0 12px; }
}

/* resume page */
div#content h2 { margin-top: 1.4em; border-bottom: 1px solid #b0b0b0; }
div#content h3 { margin-bottom: 0.3em; color: #000080; font-size: 1.05em; }
ul.links { padding-left: 1.2em; }