
/**
 * 
 * LibCal Today's Hours
 *  via API
 */

 #hours-today {
    padding-block-start: var(--row-gap-sm);
    min-width: 80vw;
  }


  #hours-today a {
    color: var(--black-color);
    text-decoration-color: var(--ua-gold);
    text-decoration-thickness: var(--ua-text-underline-thickness);
  }

 .hours-today-row {
   padding-bottom: 1.5em;
 }

 .hours-today-row.hours-depart, .hours-today-row#loc9094 {
   /* display: none; */
 }

 .hours-open-now {
   width: 2em;
   float: left;
   aspect-ratio: 1/2;
   margin-inline: 0.25em;
 }

 .hours-open-now svg {
   /* transform: scale(.75); */
   color: var(--danger); 
 }


 .hours-open-now svg.lib-open {
  color: var(--success);
 }

.hours-col-loc {
  font-weight: 600;
  padding-bottom: 0.125lh;
}

.hours-col-time {
   /* width: 50%; */
   /* font-size: 0.9em; */
}

/* .hours-depart .hours-col-loc {
  padding-left: 20px;
  font-style: italic;
  color: #393939;
} */


#hours-today .hours-depart .hours-col-loc a {
  /* color: var(--dark-gray-color); */
}

@media all and (min-width: 768px) {

  #hours-today {
    min-width: unset;
  }
}

@media all and (min-width: 992px) {
        
  .hours-today-row.hours-depart, .hours-today-row#loc9094 {
  
  }

  .hours-today-row {
    display: flex;
    padding-bottom: var(--row-gap-sm);
    align-content: center;
  }

  .hours-open-now {
    width: 2em;
    float: none;
    aspect-ratio: 1/1;
  }

  .hours-col-loc {
    padding-inline-end: var(--column-gap-md);
    font-weight: 600;
    width: calc(66% - 2rem);
  }

  .hours-col-time {
    width: 33%; 
  }
 

}