#institutions {
    width     : 60rem;
    max-width : 98%;
    margin    : 0 auto;
}

#institutions .locality {
    margin-top : 1em;
}

#institutions .institution {
    margin-bottom : .5em;
}

#institutions .institution > .institution-name {
    color : #000000;
}

#institutions .institution > .institution-name.institution-not-checked {
    color : #cb2156;
}

#institutions .institution:before {
    font-family  : 'Font Awesome 5 Free';
    font-weight  : bold;
    font-size    : 1rem;
    margin-right : .3em;
    content      : '\f549';
    color        : #3758a1;
}

a.institution-name:focus {
    outline        : none;
    box-shadow     : none;
    border         : 2px dashed lightskyblue;
}

#institutions #institution-search {
    float   : left;
    display : none;
}

#institutions #institution-search .fas {

    font-size      : 1.2rem;
    color          : silver;
    vertical-align : -.2em;
    padding-right  : .3em;
    opacity        : 0.5;
}

#institutions #institution-search .fas.checked {
    color   : #3758a1;
    opacity : 1;
}

#institutions #institution-search input {
    width     : 22em;
    max-width : calc(100% - 4em);
}

#institutions .locality .locality-count {
    color : #317790;
}

#institutions .locality .locality-toggle {
    color          : darkgoldenrod;
    font-size      : 1.5em;
    vertical-align : middle;
    display        : none;
}

#institutions .institution-address {
    color        : #727272;
    font-size    : .8rem;
    padding-left : 2em;
    font-style   : italic;
}

@media only screen and (max-width : 30em) {
    #institutions .buttons-panel a {
        display : none;
    }
}