/** * All of the CSS for the public-facing functionality should be * included in this file. */
/*.hentry, attr[data="data-finder-content"]{
     overflow: scroll;
}
 */
 .btn-finder .fas{
    display:block;
     font-size: larger;
     float:left;
    width:1em;
    height:1em;
    font-style:normal
}
 .btn-finder .fa-times, .btn-finder .fa-angle-down, .btn-finder .fa-angle-up{
    margin:0px;
}
 .btn-finder .fa-times:after{
     content:"~";
    position:relative;
    top:-.3em;
    display:block;
}
 .btn-finder .fa-angle-down:after{
     content:">";
    position:relative;
    top:-.3em;
    transform:rotate(90deg);
    display:block;
}
 .btn-finder .fa-angle-up:after{
     content:"<";
    position:relative;
    top:-.3em;
    transform:rotate(90deg);
    display:block;
}
 .highlight {
    background: #fafaaa;
}
 .highlight.active {
    background: #aff7f0;
}
 .finder {
     height: auto;
     background: #fff;
     font-family: inherit, Arial, Helvetica, sans-serif;
     border-bottom: 1px solid #e5e5e5;
     box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
     padding: 5px;
     transition: top 0.15s ease-out;
}
 #finder.finder.active{
     width: 98%;
     margin-left: 1.222%;
}
 input.finder-input{
     width: 98.8992%;
     border-bottom: 1px solid #e5e5e5;
     padding-left: 2px;
     border-radius: initial;
     border-style: initial;
     font-size: 1em;
}
 .finder-input, .btn-finder:not(:last-child) {
     margin-right: 10px;
}
 .finder button{
     padding: 7px 10px;
     border-radius: initial;
     border-style: solid;
     border-color: #ddd;
     border-width: 1px;
     background: #f6f6f6;
}
 .btn-finder{
     margin-top: 10px 
}
 .finder-activator{
     margin: 5px auto 30px auto;
    ;
     padding: 7px 10px;
     border-radius: initial;
     border-style: solid;
     border-color: #ddd;
     border-width: 1px;
     background: #f6f6f6;
     cursor: pointer;
     opacity: 1;
}
 .finder.active + .finder-activator{
     opacity: 0;
}
 .finder-count{
     display: inline-block;
     width: 100%;
     height: 1.285em;
     vertical-align: middle;
     padding: 5px 2px;
     color: #448484;
     white-space: nowrap;
}