/* Override simple.css default smooth scroll */
html{
    scroll-behavior:auto;
}

/* Global variables. */
:root,
::backdrop {
  /* Default (light) theme */
  --accent: #0D3D87;
}

/* Reduce the default simple.css size of h1 & h2 */
h1 {
    font-size: 2rem;
    margin: 1.5rem 0 1.5rem 0 ;
}
h2 {
    font-size: 1.6rem;
    margin: 1.2rem 0 1.2rem 0 ;
}
/* Reduce size on mobiles also  */
@media only screen and (max-width: 720px) {
    h1 {
        font-size: 1.6rem;
        margin: 0 0 1.2rem 0 ;
    }
    h2 {
        font-size: 1.3rem;
        margin: 0.5 0 1rem 0 ;
    }
}
nav{
    margin-top: 0.5rem;
    padding:0.5rem;
    background-color:#F1B56A;
    border-radius: 5px;
}
nav a, nav span {
    margin: 0 1rem 0.5rem 0;
}
nav span {
    font-weight: 600;
}
nav.subnav {
    display: inline-block;
    background-color: #8AE2C9;
}
@media (prefers-color-scheme: dark) {
    nav { background-color: #1C5F72; }
    nav.subnav { background-color:#722F1C; }
}
.fl {
    float: left;
}
#btnClearSearch{
    display: none;
}
pre {
    font-size: 0.8rem;
}
.mono {
    font-family: var(--mono-font);
    font-size: 0.9rem;
}
#home-icon {
    padding-right:1rem;
}
.clear {
    clear:both;
}

fieldset legend {
    padding: 2px 5px;
    border: 1px solid var(--border);
    border-radius: var(--standard-border-radius);
    font-size: medium;
    background-color: #fff;
}

fieldset {
    padding: 5px 10px;
}

fieldset span {
    background-color: #efefef;
    padding: 5px 10px;
    margin: 4px 2px;
    white-space: nowrap;
    line-height: 2;
    font-size: small;
    border-radius: var(--standard-border-radius);
}

fieldset span label{
    font-size: small;
}

#searchFilter {
    display: none;
}

#homepageList {
    list-style-position: inside;
}

.error {
    display: none;
    color: red;
    position:relative;
    z-index: 10;
}