/* =====================================================================
   ESSENTIALS
   The few rules the page scripts need to work: hiding and showing
   things. Everything about the look lives in theme.css, which you can
   rewrite freely.
   This file loads after the theme so a new theme can't break these.

   Class names the scripts look for or create, for styling in a theme:
   - Itinerary: .day-tab, .day, [data-countdown], .reveal (+ .is-visible)
   - Packing: .checklist, .progress, .progress-bar span, [data-reset]
   - Home screen popup: dialog.home-tip, .home-tip-close, .home-tip-icon
   ===================================================================== */

/* hidden for the eye, still read by screen readers */
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}

/* things the scripts hide and show */
.day[hidden] { display: none; }