/* This is an additional CSS file created to remediate issues 
 * created during the static build process. */
 
details{
    padding: 0.25em;
    margin: 1em 0.5em 0.5em 5em;
    summary{
        cursor: pointer;
        font-size: 1.2rem;
        max-width: 30em;
        text-indent: -3em;
    }
    div{
        margin: 1em;
        padding: 1em;
        border-style: solid;
        border-width: 1pt 0 0 0;
        border-color: lightgray;
    }
}

.facetContent ul li{
    text-indent: -1.5em;
}

#ssForm button {
  padding: 0.5em;
}

details.advancedSearch, details.searchInstructions, details[id^="ev_"]{
    summary{
        display: list-item;
    }
    label{
        margin: 0;
    }
    input[type="checkbox"]{
        margin: 0.3em;
    }
}

span.clearButton{
    margin-left: 2em;
}

span.ssQueryAndButton{
    width: 96vw;
}

footer.staticFooter{
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 0.5rem;
    padding: 0.5rem;
    background-color: black;
    color: white;
    margin: 0;
    div.footerTop{
        margin: 0;
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 1rem;
        justify-content: center;
        a.newlogo{
            img{
                max-width: 300px;
                min-width: 12rem;
                color: white;
            }
        }
        a.newlogo.logoKcl{
            img{
                width: 71px;
                height: 67px;
                min-width: 71px;
            }
        }
    }
    div.footerBottom ul{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        list-style-type: none;
        justify-content: center;
        gap: 1em;
        li, a, a:visited{
            color: white;
            padding: 0.25em 0.5em;;
            border-right: solid 1pt white;
            line-height: 1;
            &:last-of-type{
                border-right: none;
            }
        }
    }
}