/* What Odoo's compiled stylesheets assume its own JavaScript does. */

/* Odoo starts every animated block at visibility:hidden and reveals it from JS
   on scroll. Without that JS the block would never appear. */
.o_animate {
  visibility: visible;
}

/* The honeypot field: invisible to people, filled by bots. */
.bc-hp {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/* Odoo sizes html, body AND #wrapwrap at 100% and scrolls inside #wrapwrap, with
   the body itself overflow:hidden. Anything placed above #wrapwrap - the not-live
   bar - therefore pushed the scroll area out of the window by its own height and
   cut that much off the bottom. As a column, #wrapwrap takes what is left. */
body {
  display: flex;
  flex-direction: column;
}
#wrapwrap {
  flex: 1 1 auto;
  min-height: 0;
  height: auto;
}

/* Every deployment that is not www.bikecitizens.net says so on every page. */
.env-badge {
  background: #c62828;
  color: #fff;
  font: 600 14px/1.4 "Open Sans", sans-serif;
  padding: 6px 16px;
  text-align: center;
}
.env-build {
  font-weight: 400;
  opacity: 0.85;
  margin-left: 8px;
}

/* The countdown, rendered by site.js instead of Odoo's canvas widget. */
.bc-countdown {
  /* the height of Odoo's 175 px canvas circles, so the page keeps its layout */
  min-height: 175px;
  align-items: center;
  display: flex;
  gap: 24px;
  justify-content: center;
  font-size: 2rem;
  font-weight: 700;
}
.bc-countdown small {
  display: block;
  font-size: 0.9rem;
  font-weight: 400;
}

/* The back-to-top button Odoo creates and shows from JS. */
#btntotop {
  display: none;
}