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

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

#universities .university {
    margin-bottom : .5em;
    display       : flex;
    flex-flow     : row nowrap;
}

#universities .university .university-name {
    color     : #000000;
    flex-grow : 1;
}

#universities .university .fa-university {
    font-size  : 1.2rem;
    color      : #3758a1;
    flex       : 0 0 1.3em;
    margin-top : .1em;
}

#universities .university.blocked .university-name {
    color : #6d6d6d;
}

#universities #university-search .fas {
    font-size      : 1.2rem;
    color          : silver;
    vertical-align : -.2em;
    padding-right  : .3em;
    opacity        : 0.5;
}

#universities #university-search .fas.checked {
    color   : #3758a1;
    opacity : 1;
}

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

#universities .university-address {
    color      : #727272;
    font-size  : .9rem;
    font-style : italic;
}

#universities #university-search-params {
    color : #f1bd44;
}

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

}

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