.page-template-flexible-landing-page {
  /* prevent "invisible" recaptcha logo causing horizontal scrolling */
  overflow-x: hidden;
}

.jb-scoped .content-block {
  margin-bottom: 0;
}

.jb-scoped [id="mc_embed_signup"],
.jb-scoped .horiz-grey {
  background: #ddd;
  width: 100vw;
  margin-left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.jb-scoped [id="mc-embedded-subscribe-form"],
.jb-scoped .jb-inner {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: 3rem;
  padding-right: 1rem;
  padding-left: 1rem;
  padding-top: 4rem;
  padding-bottom: 6rem;
  position: relative;
}

.jb-scoped .forcefullwidth_wrapper_tp_banner {
  margin-bottom: 3rem !important;
}

.jb-scoped .indicates-required {
  text-align: right;
  font-size: 11px;
  position: absolute;
  right: 1rem;
  margin-top: -1rem;
}

.jb-scoped [type="text"],
.jb-scoped [type="email"],
.jb-scoped select,
.jb-scoped .datepicker {
  display: block;
  width: 100%;
  margin-bottom: .5rem;
  padding: 1rem;
  border: 0;
}

#ui-datepicker-div#ui-datepicker-div a {
  margin: 0;
}


.jb-scoped [type="submit"],
/* used on https://www.alko.com.au/lightr/ for mailchimp button */
.gform_wrapper.gform_wrapper button,
.gform_wrapper.gform_wrapper [type="submit"] {
  border-radius: 0;
  background: #eb1c24;
  color: white;
  text-transform: uppercase;
  display: inline-block;
  text-align: left;
  padding: 1rem;
  width: auto;
  line-height: 1;
}

.gform_ajax_spinner.gform_ajax_spinner {
  margin-bottom: 0;
  margin-left: 1rem;
}

/* fix dodgy gravity forms component */
.ginput_counter+.ginput_counter {
  display: none;
}

.gsection_title,
.gform_description {
  font-size: 14px;
  margin-bottom: 2em;
  margin-top: 4rem;
  font-weight: 600;
  line-height: 1.42857143;
}

/* condense trailer fields on purchase details form */
#gform_fields_27 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0 -1rem;
}

#gform_fields_27 li {
  grid-column: span 2;
  margin: 0 1rem;
}

#gform_fields_27 h2 {
  margin-bottom: .5rem;
}

#gform_fields_27 li[class*="qa-trailer-"] {
  grid-column: span 1;
}

.jb-scoped .gform_wrapper button:not(:hover) {
  background: #787f82;
}

.jb-scoped [type="submit"]:focus,
.jb-scoped [type="submit"]:hover,
.jb-scoped .gform_wrapper button:focus,
.jb-scoped .gform_wrapper button:hover {
  background: #404042;
}

.jb-scoped br {
  display: none;
}

.jb-scoped h2 {
  font-size: 24px;
  font-family: inherit;
  font-weight: inherit;
  margin-bottom: 3rem;
}

.jb-scoped .asterisk {
  color: #eb1c24;
}

/* Tailwind-esque utility classes */
.max-w-md {
  max-width: 60rem;
}

.m-auto {
  margin-left: auto;
  margin-right: auto;
}

.pb-4 {
  padding-bottom: 1rem;
}

.pt-12 {
  padding-top: 3rem;
}

.px-4 {
  padding-right: 1rem;
  padding-left: 1rem;
}


/* utility used in warranty pages
 * see mu-plugins/{jb-list-pdfs.php,jb-user-products.php}
 */
.auto-grid {
  --auto-grid-min-size: 14.5rem;
}

.auto-grid > * {
  display: inline-block;
  vertical-align: top;
  width: 180px;
}


@supports (display: grid) {
  .auto-grid {
      display: grid;
      grid-template-columns: repeat(auto-fill, minmax(var(--auto-grid-min-size), 1fr));
      grid-gap: 2.5rem;
  }

  .grid-cols-2 {
      grid-template-columns: 1fr 2fr;
  }

  @media (max-width: 570px) {
      .grid-cols-2 {
          grid-template-columns: 1fr;
          grid-gap: 0;
      }
  }

  .auto-grid > * {
      display: unset;
      width: unset;
  }

  .auto-grid > * + * {
      margin-top: unset;
  }
}