.lib-hours-view .open, .lib-hours-view .closed {
    color: var(--gray-2, #4F4F4F);
     text-align: center;
     font-family: Merriweather Sans;
     font-size: 0.8125rem;
     font-style: normal;
     font-weight: 700;
     line-height: normal;
     text-transform:uppercase;
   }

 .lib-hours-view .open::before { 
    content: '\f111';
    font-family: 'fontawesome';
    color: #B4BD00;
    font-size:.5rem;
    margin-right:1rem;
     background-color:#F2F2F2;
   }
span.hours {

     text-align: center;
     font-family: Merriweather Sans;
     font-size: 1rem;
     font-style: normal;
     line-height: 2;
     text-transform:uppercase;

}
.lib-hours-view span.open {
    background-color:#F2F2F2;
    border:1px solid #F2F2F2;
    border-radius:.3rem;
    padding:0.2rem;
    margin-left:1rem;
}
.lib-hours-view span.closed {
    background-color:#F2F2F2;
    border:1px solid #F2F2F2;
    border-radius:.3rem;
    padding:0.2rem;
    margin-left:1rem;
}
   
.lib-hours-view .closed::before { 
    content: '\f111';
    font-family: 'fontawesome';
    height: 10px;
    width: 10px;
    color: #BA0C2F;
    font-size:.5rem;
    margin-right:1rem;
    background-color:#F2F2F2;
   }
  .reason { font-style: italic }
  .todays-hours { text-align: center; margin-bottom: 10px;}

/*homepage block*/
.btn-hours {
  border-radius: 10px;
  padding: 0.55rem 1rem;
  width:100%;
}

.btn-hours a {
  color: #fff;
  text-decoration:none;
  font-weight: 300;
 
}
.btn-hours a:hover {
  color: #fff;
  text-decoration:none;
  font-weight: 300;
 
}
.all-hours-btn {
  margin-top:0;
  padding-top:0;
}
.lib-hours-view img {
  border-radius:10px;
}
.locationtitle a {
  white-space:nowrap;
  text-align:center;
  color: var(--black, #000);
  font-family: Merriweather Sans;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;

}
.locationtitle a:hover {
  color:#333;
  font-weight:700;
  text-decoration: underline;
}
span.locationphone {
  max-width:150px;
  min-width:150px;
  display:inline-block;
  float:left;
}

a.locationphone  {
  white-space:nowrap;
  text-align:center;
  color:#000;
  font-size:1rem;
  font-weight:300;
  text-decoration: none;
  margin-right:1rem;
}
a.locationphone:hover {
  color:#333;
  text-decoration: underline;
  font-weight:300;
}
p.hours-msg {
  font-size: 1rem;
  font-weight:400;
}
/*TABLE*/
.table thead th {
  vertical-align: middle;
}
.table-home-hours tbody {
  border:none;
}
.table-home-hours table tr th {
  background: #FFF;
}

.table-home-hours tr td {
  background: #FFF !important;
  border: none;
  padding: .5rem .5rem;

}
.table .table-home-hours {
 background-color:#fff;
}
.table-responsive .table-home-hours {
  padding:0;
  background-color:#fff !important;
}
.table-responsive .views-exposed-form {
  margin: 0 -15px;
}
.sidebar.hours-sidebar .block h2 {
  font-size:1.75rem;
  border-bottom:none;
  text-align:center;
  margin-bottom: 1.9rem !important;
  margin-top: 0 !important;
}
.sidebar.hours-sidebar .block {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
}
.sidbar.hours-sidebar .block a {
 color:#000;
}
.lib-hours-view {
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #D9D3D3;
  line-height:2;
  margin-top:-6px;
}

@media (max-width:992px) {
 
  .locationtitle a {
    white-space:nowrap;
    text-align:center;
    color: var(--black, #000);
    font-family: Merriweather Sans;
    font-size: .85rem;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-decoration: underline;

  } 
 p.hours-msg {
  font-size:.8rem;
  font-weight:400;
 }
 a.locationphone  {
  white-space:nowrap;
  text-align:center;
  color:#000;
  font-size:.85rem;
  font-weight:300;
 } 
}