/*START ONESEARCH  the following code styles the onesearch search area, if the postioning of the 
OnseSearch box changes the #tier1 tag must change */ 

#tier1 {
  
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #0A233F;

}
@media (max-width: 1200px) {#tier1 {
    background-image: url("https://www.unf.edu/library/images/OneSearchBackgrounds/Library-evening-2022-narrow.jpg");}
}
@media (min-width: 1201px) {#tier1 {
     background-image: url("https://www.unf.edu/library/images/OneSearchBackgrounds/Library-evening-2022.jpg");}
}
.vspacesmall {
            display: block;
            margin-bottom: .2em;
        }
.onesearch2 {   opacity: 0.98;
                background-color: white;
                display: inline-block;
                display: block;
                margin-left: auto;
                margin-right: auto;
               
                width: 80%;
                padding: 1px 20px 30px;
}

@media only screen and (min-width: 800px) {
.onesearch2 {  margin-top: 250px;
                margin-bottom: 50px;}
.searchrow {
  display: flex;
}


.searchcoll { flex: 60%;
            align-content: flex-end;
            }
.searchcpad { flex: 5%;
            }
 .searchcolr { flex: 30%;
              align-self: flex-end;
                                     }
}
 @media only screen and (max-width: 799px)
.onesearch2 {  margin-top: 30px;
                margin-bottom: 30px;}
input#primoQueryTemp {
  width: 60%;
  padding: 16px 10px;
 }
  @media only screen and (max-width: 799px) {input#primoQueryTemp {
  width: 80%;
  padding: 16px 10px;
 }
 }
/*END ONESEARCH BOX*/
/*START Hours Widget*/
.s-lc-w-today 
    { border-spacing: 0; 
    border-collapse: collapse;
    width: 100%; }
.s-lc-w-today td, .s-lc-w-today th
    { padding: 8px 5px; }
.s-lc-w-head 
    { text-align: center;
    border-bottom: 1px solid #ddd; }
.s-lc-w-loading 
    { margin-top: 80px;
    text-align: center; }
.s-lc-w-sr-only
    { position: absolute;
    width: 1px; 
    height: 1px; 
    padding: 0; 
    margin: -1px; 
    overflow: hidden; 
    clip: rect(0, 0, 0, 0);
    border: 0; }
.s-lc-w-btn { line-height: 1.5; border-radius: 3px; display: inline-block; padding: 3px 6px; margin-bottom: 0; font-size: 12px; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; border: 1px solid #ccc; color: #333; background-color: #fff; }
.s-lc-w-btn:active, .s-lc-w-btn:hover { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; }
.s-lc-w-previous {  display: none;}
.s-lc-w-next {  display: none; }
.s-lc-w-location td { font-weight: bold; }
.s-lc-w-department .s-lc-w-name { padding-left: 20px; }
.s-lc-w-times { border-bottom: 1px solid #ddd; }
.s-lc-w-today-view-link { text-decoration: none; }
.s-lc-w-today-view-all { padding: 8px 5px; }
/*End Hours Widget Styling*/
/*Start events*/
.s-lc-ea-h3{
  display: none;}
/*END events*/


/*Start Social Icons*/
.socialrow1 { display: flex;
             align-items: top;
             justify-content: center;} 
.socialcolumn1 {
  float: left;
  padding: 15px;} 
/*END Social Icons*/
.s-lc-w-btn:focus {
    outline: 2px solid #81d1e2;
}
/*.s-lc-w-btn {
    display: none;
}*/
button.btn-blue:focus {
    outline: 2px solid #81d1e2 !important;
}