/*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: #00ffff;
}
 .stickyunf {
     position: relative !important;
     top: auto !important;
     left: auto !important;
}
 #advanced > div.container {
     margin-top: 0px;
}
 #tier1 {
     background-repeat: no-repeat;
     background-size: cover;
     background-color: #00ffff;
     background-position: top center;
}
 h1 {
     display: none;
}
 @media (max-width: 1200px) {
     #tier1 {
         background-image: url("https://www.unf.edu/library/images/OneSearchBackgrounds/wide_tommyG.jpg");
    }
}
 @media (min-width: 1201px) {
     #tier1 {
         background-image: url("https://www.unf.edu/library/images/OneSearchBackgrounds/wide_tommyG.jpg");
    }
}
 .vspacesmall {
     display: block;
     margin-bottom: .2em;
}
 .onesearch2 {
     background-color: #ffffffbf;
     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: 50px;
         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;
}
/* LibChat Widget CSS */
 .lcs_slide_out {
     width: 400px;
     height: 400px;
     position: fixed;
     transition-duration: 0.6s;
     background-color: rgb(249, 249, 249);
     border: 1px solid #ccc;
     z-index: 1000;
}
 .lcs_slide_out header {
     display: block;
     z-index: 501;
     position: relative;
}
 .lcs_slide_out header a {
     text-align: center;
     padding: 10px;
     display: block;
     position: absolute;
     border-width: 0;
     border-style: solid;
     background-color: #0A233F;
}
 .lcs_load {
     width: 400px;
     height: 100%;
     padding: 0 2px 0 0;
     box-sizing: border-box;
     z-index: 501;
     position: relative;
}
 .lcs_slide_out-l {
     top: 100px;
     left: -400px;
}
 .lcs_slide_out-l.open {
     left: 0px;
}
 .lcs_slide_out-l header {
     transform: rotate(-90deg);
     transform-origin: top right;
}
 .lcs_slide_out-l header a {
     right: 10px;
}
 .lcs_slide_out-r {
     top: 100px;
     right: -400px;
}
 .lcs_slide_out-r.open {
     right: 0px;
}
 .lcs_slide_out-r header {
     transform: rotate(90deg);
     transform-origin: top left;
}
 .lcs_slide_out-r header a {
     left: 10px;
}
 .lcs_slide_out-b {
     right: 100px;
     bottom: -2px;
     height: 0;
}
 .lcs_slide_out-b.open {
     height: 400px;
}
 .lcs_slide_out-b header a {
     left: 10px;
     bottom: 0px;
     border-width: 1px 1px 0px 1px;
}
 .lcs_slide_out-b.open header a {
     top: -42px;
     bottom: auto;
}
 .lcs_slide_out iframe {
     width: 100%;
     height: 398px;
     background-color: #F9F9F9;
     border: 0px;
     box-sizing:border-box;
}
 .lcs_slide_out div.tab_overlay {
     position: fixed;
     background-color: rgb(0, 0, 0);
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     opacity: 0.0;
     z-index: 500;
     display: none;
}
 @media (max-width: 768px) {
     .lcs_slide_out {
         width: 80%;
    }
     .lcs_load {
         width: 100% 
    }
     .lcs_slide_out-l {
         left: -80%;
    }
     .lcs_slide_out-r {
         right: -80%;
    }
     .lcs_slide_out-b {
         left: 0;
    }
}