/*
 * Veridian Operating Hours & Shipping 1.2.1
 * Operating schedule and closure notice are separate adjacent footer columns.
 */
#footer .footer-container .vh-operating-hours-column,
#footer .footer-container .vh-closure-notice-column {
  float: left;
  width: 25%;
  margin-bottom: 40px;
  padding-right: 15px;
  padding-left: 15px;
  color: var(--vh-ink-soft, #505c3c);
  font-family: inherit;
}

/* Match the existing desktop footer headings. */
#footer .footer-container .vh-operating-hours-column > .vh-operating-hours__title.h3.hidden-sm-down,
#footer .footer-container .vh-closure-notice-column > .vh-closure-notice__title.h3.hidden-sm-down {
  display: block;
  margin-bottom: 22px;
  padding: 0;
  color: var(--vh-ink, #2d3d15);
  font-family: inherit;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.2;
  text-transform: uppercase;
}

#footer .footer-container .vh-operating-hours__content,
#footer .footer-container .vh-closure-notice__content {
  margin: 0;
  padding: 0;
  list-style: none;
  background: transparent;
}

#footer .footer-container .vh-operating-hours__row,
#footer .footer-container .vh-closure-notice__text {
  display: block;
  padding: 0;
  color: var(--vh-ink-soft, #505c3c);
  font-family: inherit;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
  list-style: none;
}

#footer .footer-container .vh-operating-hours__row {
  margin: 0 0 6px;
}

#footer .footer-container .vh-operating-hours__day {
  font-weight: 600;
}

#footer .footer-container .vh-closure-notice__text {
  margin: 0;
  white-space: pre-line;
}

@media (min-width: 768px) {
  #footer .footer-container .vh-operating-hours-column.links,
  #footer .footer-container .vh-closure-notice-column.links {
    width: 25%;
  }

  #footer .footer-container .vh-operating-hours__content.collapse,
  #footer .footer-container .vh-closure-notice__content.collapse {
    display: block;
    height: auto !important;
  }

  /* When the notice is visible there are four footer columns on this row:
   * the existing link column, Your account, Operating Hours, and the notice.
   * The theme normally gives its main link block 50%; reduce that one peer
   * to 25% only while this four-column layout is active. */
  #footer .footer-container .vh-oh-layout-row.vh-oh-has-notice > .vh-oh-peer-column,
  #footer .footer-container .vh-oh-layout-row.vh-oh-has-notice > #block_myaccount_infos,
  #footer .footer-container .vh-oh-layout-row.vh-oh-has-notice > .vh-operating-hours-column,
  #footer .footer-container .vh-oh-layout-row.vh-oh-has-notice > .vh-closure-notice-column {
    width: 25% !important;
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
}

@media (max-width: 767px) {
  #footer .footer-container .vh-operating-hours-column.links,
  #footer .footer-container .vh-closure-notice-column.links {
    width: 100%;
    margin-bottom: 0;
    padding-right: 15px;
    padding-left: 15px;
  }

  #footer .footer-container .vh-operating-hours-column .title,
  #footer .footer-container .vh-closure-notice-column .title {
    padding: 9px 15px;
  }

  #footer .footer-container .vh-operating-hours-column .title .h3,
  #footer .footer-container .vh-closure-notice-column .title .h3 {
    margin-bottom: 0;
    color: var(--vh-ink, #2d3d15);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
  }

  #footer .footer-container .vh-operating-hours__content > li {
    margin-bottom: 0;
    padding: 4px 15px;
    border-bottom: 0;
  }

  #footer .footer-container .vh-closure-notice__content {
    padding: 4px 15px 10px;
  }
}