/*
 * Static-site overrides for the original theme CSS (template.css).
 * The original site rendered these states with JavaScript (MooTools/RokSprocket);
 * these few rules let the same markup work with plain CSS + small vanilla JS.
 */

/* Testimonial strips: all 7 quotes are in the markup; show only the active one */
.sprocket-strips-s-container [data-strips-item] {
  display: none;
}
.sprocket-strips-s-container [data-strips-item].active {
  display: block;
  animation: sng-fade .4s ease;
}

/* Showcase slider: fade the incoming pane in (original used a crossfade) */
.sprocket-features-list li.active {
  animation: sng-fade .6s ease;
}

@keyframes sng-fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* Mobile menu toggle + slide-in panel: exist only on phone widths
   (the original JS created both on demand at mobile breakpoints) */
.gf-menu-toggle,
.gf-menu-device-wrapper-sidemenu {
  display: none;
}
@media (max-width: 767px) {
  .gf-menu-toggle,
  .gf-menu-device-wrapper-sidemenu {
    display: block;
  }
  /* The theme's `left` transition can wedge the panel off-screen; open/close instantly */
  .gf-menu-device-wrapper-sidemenu {
    transition: none !important;
  }
  .gf-menu-device-wrapper-sidemenu.gf-sidemenu-size-left {
    left: 0 !important;
  }
  #rt-header .menu-block ul.gf-menu {
    display: none;
  }

  /* Stack the home "Vehicle Registration Services" two-column table */
  #rt-feature table,
  #rt-feature tbody,
  #rt-feature tr,
  #rt-feature td {
    display: block;
    width: 100% !important;
    height: auto !important;
  }
  #rt-feature td {
    padding: 0;
  }
  #rt-feature td + td {
    margin-top: 10px;
  }

  /* Full-width contact form fields */
  .contact-form input[type="text"],
  .contact-form input[type="email"],
  .contact-form textarea {
    width: 100% !important;
    box-sizing: border-box !important;
  }
  .contact-form .btn-primary {
    width: 100%;
  }

  /* A little breathing room for the hero slider text */
  .layout-showcase .sprocket-features-title {
    font-size: 1.9em;
    line-height: 1.25em;
  }
}

/* Hide the RokSprocket loading spinners (nothing loads via AJAX anymore) */
.sprocket-strips-s-overlay,
.sprocket-mosaic-overlay,
.sprocket-lists-nav .spinner {
  display: none;
}

/* Contact form result message */
#contact-result {
  padding: 10px 14px;
  margin-bottom: 15px;
  border-radius: 3px;
}
#contact-result.contact-result-success {
  background: #dff0d8;
  color: #3c763d;
  border: 1px solid #d6e9c6;
}
#contact-result.contact-result-error {
  background: #f2dede;
  color: #a94442;
  border: 1px solid #ebccd1;
}