header {
    background-color: var(--astro-color-primary);
}

h1, h2, h3, h4, h5, h6 {
    color: var(--astro-color-headers);
}

h1 {
    font-size: 2.3rem !important;
}

h2 {
    font-size: 1.8rem !important;
}

h3 {
    font-size: 1.6rem !important;
}

h4 {
    font-size: 1.4rem !important;
}

h5 {
    font-size: 1.2rem !important;
}

a, a:link, a:active, a:visited {
    color: var(--astro-color-primarylink);
    font-weight: 600;
}

    a:hover, a:focus {
    color: var(--astro-color-primarylinkhover);
    }

.header-themed {
    position: relative;
    padding-bottom: 10px;
}

div.icon-themed-wrapper {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid var(--astro-color-primary);
    font-size: 3rem;
    width: 80px;
    height: 80px;
    padding: 0;
    text-align: center;
}

    div.icon-themed-wrapper span.material-icons, div.icon-themed-wrapper span.material-symbols-outlined {
        margin: 0;
        position: absolute;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        font-size: 50px;
        color: var(--material-icons-color);
    }

    div.header-themed-content {
        position: absolute;
        display: inline-block;
        border-bottom: 2px solid var(--astro-color-primary);
        bottom: 30%;
        width: 80%;
        max-width: 700px;
        padding-left: 10px;
    }

/*
    .header-themed i.header-themed-fa {
        border: 2px solid var(--astro-color-headers);
        border-radius: 100%;
        margin-right: 4px;
        padding: 23px;
        width: 70px;
        height: 70px;
    }
    .header-themed span.header-themed-content {
        max-width: 700px;
        display: inline-block;
    }
*/
header {
}

main div.main {
    box-shadow: 0px 3px 6px #8a8a8a;
    border-radius: 10px;
    margin-top: 20px;
    margin-bottom: 100px;
    padding: 35px 30px !important;
}

/* any font-awesome icons that are in an A tag should be header color */
a i.fa, a i.fa-solid {
    color: var(--astro-color-headers);;
}
a i.fa:hover, a i.fa-solid:hover {
    color: var(--astro-color-primary);
}

/* footer styling */

footer {
    padding: 40px 0;
    background-color: var(--astro-color-primary);
    color: #fff;
}

    footer a, footer a:active, footer a:link, footer a:visited {
        color: #fff;
        text-decoration: none;
    }

        footer a:hover {
            opacity: .75;
        }

    footer i.fab, footer i.fas, footer i.far {
        font-size: 1.5em;
    }

    footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
        color: #fff;
    }

.alert-environmenttext {
    text-align: center;
    font-size: 1.5em;
    margin: 20px 0;
}

.required-field-label::after {
    content: ' *';
    color: #ff0000;
}

.form-group-container {
    margin: auto 0 30px 20px;
}

.form-group-container > div.row > div {
    margin-bottom: 10px;
}

.requiredFieldHighlight {
	border: 1px solid #ff0000;
	background-color: #ffcecf;
}

nav.left-nav {

}
    nav.left-nav ul {
        list-style-type: none;
        padding: 0 0 0 0;
        margin: 1em 0 0 0;
    }
    nav.left-nav ul li {
        display: block;
        position: relative;
        width: 100%;
        float: left;
        padding: 0 0 0 0;
        margin: 0 0 0 0;
        border-style: solid;
        border-color: #dedede;
        border-width: thin;
        overflow: hidden;
    }
    nav.left-nav ul li a {
        display: block;
        position: relative;
        float: left;
        padding: 1em 6% 1em 6%;
        width: 100%;
        color: #414141;
        text-decoration: none;
    }

.fa {
    font-weight: 800 !important;
}

.fa-icon-larger {
    font-size: 2rem !important;
}

.event-section-header {
    color: var(--astro-color-headers);
}

.toggle-header {
    background-color: var(--astro-color-primary);
    padding: 10px;
    margin-top: 0;
    margin-bottom: 10px;
}
    .toggle-header, .toggle-header a {
        color: #fff;
        text-decoration: none;
    }

input[type=checkbox].larger, input[type=radio].larger {
    transform: scale(1.4);
}

.alternating-row-color div.row:nth-child(odd) {
    background-color: #ffffff;
}

.alternating-row-color div.row:nth-child(even) {
    background-color: #efefef;
}

@media only screen and (max-width: 600px) {
    div.icon-themed-wrapper {
        display: none;
    }
}
img.cosponsorLogo {
    width: 100%;
    max-width: 210px;
    border: none;
}