:root {
    --theme-font: Arial, Helvetica, "sans-serif";
    --theme-font-size: 14px;
    --theme-font-color: #53565a;

    --theme-title-size: 2em;
    --theme-h2-size: 1.4rem;
    --theme-h3-size: 1.3rem;
    --theme-h4-size: 1.1rem;
    --theme-h5-size: 0.95rem;
    --theme-title-margin: 0.5rem 0;
    --theme-title-bg: #E7EBF0;
    --theme-title-color-primary: #525559;
    --theme-title-color-secondary: var(--theme-primary);
    --theme-title-color-alternate: #FFF;
    --theme-title-alignment: left;
    --theme-title-padding: 0.3em 0.7em;

    --theme-footer-bg: #f3f3f3;
    --theme-footer-text: #808285;

    --theme-text-dark: #000;
    --theme-text-light: #FFF;

    --theme-link-color: var(--theme-primary);
    --theme-link-hover-color: var(--theme-primary);

    --theme-navbar-hover-bg: transparent;

    --theme-navbar-width: 97%;
    --theme-container-width: 97%;

    --theme-table-header-border:  1px solid var(--theme-primary);

    --theme-navbar-bg: linear-gradient(to right, var(--theme-primary), var(--theme-secondary));

    --theme-action-dropdown-decoration: none;
    --theme-dropdown-link-color: #333;

    --theme-list-color: #E0F4F8;
}

/*
----- Site Wide Overrides -----
Any site wide overrides that are theme specific, e.g. custom styling on h1 tags.
 */


table.list:not(.no-style) {
    border: 3px solid var(--theme-primary);
}

table.list th {
    font-weight: bold;
    padding: 5px;
}

#hierarchy li {
    color: var(--theme-font-color);
}

a:not(:hover) {
    text-decoration: none;
}

.btn-default {
    background-color: #F3F8F9;
    color: var(--theme-primary);
    border-color: #ccc;
}

h2, h3 {
    font-weight: bold;
}

h3.popover-header {
    margin-top: 0;
}

h3 {
    margin-bottom: 10px;
    padding: 1vh 0.5vw;
    color: var(--theme-primary);
    background: var(--theme-tertiary);
}

.sectionHeading {
    background-color: var(--theme-tertiary);
}

.card .accordion .accordion-button {
    --bs-accordion-btn-bg: var(--theme-tertiary);
    --bs-accordion-active-bg: var(--theme-tertiary);
}

.action-menu-container li a.dropdown-item:hover,
.person-menu-container li a.dropdown-item:hover {
    text-decoration: underline;
}

#opportunityCriteriaForm div.profileCriteriaHeader i.fas {
    color: white;
}

.response-countdown span {
    border: 2px solid var(--theme-primary);
}