/**
 * @file
 * Newsletter signup page only — off-canvas positioning fallback.
 *
 * On Acquia (css.preprocess), webform/captcha pages can omit Foundation
 * off-canvas rules from CSS aggregates, leaving .off-canvas in document flow.
 * preprocess:false so this file always loads outside aggregates.
 *
 * Positioning/visibility only — no width/colors.
 */

.off-canvas {
  position: fixed !important;
  z-index: 12;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.off-canvas.is-closed {
  visibility: hidden !important;
}

.off-canvas.position-left.is-closed,
.off-canvas.position-left:not(.is-open) {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.off-canvas.position-right.is-closed,
.off-canvas.position-right:not(.is-open) {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.off-canvas.is-open {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  visibility: visible !important;
}