@charset "utf-8";
/* CSS Document */


img#logoUofL { margin-right:1rem; }


header .btn:focus, 
header a[role="button"]:focus {
  outline:2px dashed black!important;
  outline-offset: .3rem!important;
}

#searchModal .modal-header button.close, 
.modal-header button.close { 
  font-size:1.5rem; 
  color:#000;
  line-height:1;
  font-weight:700;
  text-transform:none; 
  padding:.3rem;
  margin:.2rem;
  background: initial;
}

.modal-header button.close:hover, 
.modal-header button.close:focus { 
  background-color: transparent;
  opacity:1;
  border-radius: 0;
  text-shadow:none;
}

.modal-header button.close:focus { 
  outline:dashed 1px #000;
}


@media (max-width: 767.99px) {
  
  
  body {
  animation: bugfix infinite 1s;
  -webkit-animation: bugfix infinite 1s;
}
  
  #brand a:nth-of-type(1) { margin-right:1rem; }
  
  #sideToolsWrap { justify-content: center; }
  #sideTools2020 { 
    padding: .7rem;
    background-color: transparent;
  }
  
  .header .container { width:100%; }
  
  header .navbar-brand { 
    display:flex; 
    margin-top:-2rem; 
    height:0;
    
  }
  
  .header {
  background-color: #fff;
  box-shadow: 1px 1px 4px 0 rgba(0,0,0,.1);
  width: 100%;
  }
  #mobile-header-wrap { 
    display:flex; 
    justify-content:space-between;
    padding:2rem 0;
  }
  
  #menuWrap { 
    padding:1rem; 
    display: flex;
    align-items:center;
    margin-left:1rem;
  }
  
  #searchWrap {
    display:flex; 
    align-items:center; 
    margin-right:1rem;
  }
  #brand {   
    display:flex; 
    align-items:center;
  }
  
  #brand a {
    text-decoration: none;
  }

  .modal-dialog { margin:1rem auto; }
  

  header #searchUofLlibraries { margin:0; }
  
  header .s-lib-box-title {display:none;} 
  
  header .s-lib-box {
    border:none;
    background-color:transparent;
    margin-bottom:0; 
  }
  
  header .s-lib-box-content { padding:0; }
  
  header .mobileSearch:nth-of-type(1) { margin:2rem 0 3rem; }
  header .mobileSearch:nth-of-type(2) { margin-bottom: 3rem; }
  
  #bcSearch #s-lg-guide-header-search {
    display:none; 
  }
  
  header .collapse.in {
    position:absolute;
    z-index:20000;
    width:100%;
  }

.header ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: white;
}
  
  
.header li a {
  display: block;
  text-decoration: underline 1px #ad0000;
  font-weight:bold; 
  color:black; 
  padding:0 1rem;
}

  .header li a:hover {
    background-color:transparent; 
    color:#ad0000;
  }
  .header li a:focus {
    outline:1px dashed black;
    background-color:#c2d1d3; 
    text-decoration:none;
  }
  
  
.header .menu-btn:hover, 
  .header .menu-btn:active {
  background-color: #ad0000;
}
  
  header .cat { 
    font-size:2.1rem; 
    font-weight:bold;
    margin:0;
    color:#333;
  }
  
.header .logo {
  display: block;
  float: left;
  font-size: 2em;
  padding: 10px 20px;
  text-decoration: none;
}

  header .well { 
    padding:0;
    margin:0;  
  }
  
  header .well ul { padding:1rem; }

  #mobile-header-wrap .btn.btn-primary { 
    color:#333; 
    border:none; 
    background-color:transparent!important;
    box-shadow: 0 0 0 0 transparent;
  }
  #searchWrap .glyphicon-search {
    font-size:2rem;
  }

  
 
  
}

@media (min-width: 768px) {
  #header2020 .navbar-header { margin-left:0; }
  div#libraryHeader >.container { padding-left:0; }
 
}