/*Dark Red - #8B0000 - UW Madison colour; Good for headings, avg for links*/
/*Dark Magenta - #8B008B - OK for headings, bad for links*/
/*Dark green - #006400 - Good for headings, bad for links*/
/* Lighter, brighter green for links: 289c28 */
/*Dark Blue - #00008B - OK for headings, bad for links*/

/*Dark Goldenrod - #B8860B*/
/*Goldenrod - #DAA520*/

.heading-line a {color: var(--heading-color) !important;}
.heading-line {font-size: 1.1em !important;}

:root {
    --main-bg-color: #FFFFFF; /*white*/
    --heading-color: #006400;
    --link-color: #01a049;
    --font-color: #111;  /*111 is darkest black and 999 is lightest*/
    --footer-font-color:#777
}

body {margin: 60px auto; width: 70%; font-family: Arial, Calibri, Helvetica, sans-serif; font-size: 1em; line-height: 1.7em; color: var(--font-color); background-color: var(--main-bg-color);}

div{display:inline-block}

footer {border-top: 1px solid #d5d5d5; font-size: 0.9em; color: var(--footer-font-color)}
footer ul {padding: 0; list-style: none; font-weight: bold}
footer li {padding: 0; display: inline; margin-right: 20px}

h1 {font-size: 1.5em; color: var(--heading-color); font-family: Helvetica, Arial, sans-serif; padding-top:15px}
h2 {font-size: 1.2em; color: var(--heading-color); font-family: Helvetica, Arial, sans-serif; padding-top:15px}
h3 {font-size: 1.15em; color: var(--heading-color); font-family: Helvetica, Arial, sans-serif; padding-top:15px}

img {padding-top: 10px; padding-bottom: 10px; padding-left: 0; padding-right: 0 }

p {text-align: justify;}

a {text-decoration: none; color: var(--link-color)}
a:hover {text-decoration: underline; color: var(--heading-color)}

li{ margin: 17px 0;}

nav {border-bottom: 1px solid #d5d5d5; line-height:0; font-family: Helvetica, Arial, sans-serif}
nav ul {padding: 0; list-style: none; font-weight: bold}
nav ul li {display: inline; margin-right: 20px}
ul.posts {margin: 20px auto 40px; font-size: 1.2em}
ul.posts li {list-style: none; padding:3px}

table {border-collapse: collapse; width: 100%;}
table, th, td {    border: 1px solid gray; }
th, td {padding: 3px; height: 15px; width: 50%}
th {background-color: #006400; color: #FFF}

/* For the what's new section on the home page*/
.whats-new {margin-top: 0px; }
.whats-new li {margin: 5px 0; }
.whats-new-heading {font-size: 1.1em; color: var(--heading-color); font-family: Helvetica, Arial, sans-serif; padding-top:15px; margin-bottom: 0px; }

/* /* Mobile styles here */
@media (max-width: 768px) {
    .heading-line nav ul {flex-direction: column !important;} /* Stack items vertically */
    .heading-line nav li {margin-right: 0 !important; margin-bottom: 10px !important;} /* Add space between stacked list items */

    .heading-line {font-size: 1.5em !important;} /* Adjust font sizes for smaller screens */
    footer {font-size: 1em;} /* Adjust footer font size for mobile */
}
 */
/* Mobile styles here */
@media (max-width: 768px) {
    .heading-line {
        font-size: 1.3em !important;
    }

    .heading-line nav ul li {
        font-size: 1.3em !important;
    }

    footer {
        font-size: 1.1em; /* Adjust footer font size for mobile */
    }

    footer ul {
        font-size: 1.1em; /* Adjust footer list font size for mobile */
    }
}