/* Minimal grid + flex/display utilities for the application wizard.
   Replaces bootstrap-grid.min.css, which also redefines `.container` and was
   shrinking the shared site header. Nothing here is global except `.d-none`,
   which the header does not use. */

.marketingform_wrap .row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.marketingform_wrap [class^="col-md-"],
.marketingform_wrap [class*=" col-md-"] {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .marketingform_wrap .col-md-6  { flex: 0 0 50%;  max-width: 50%; }
  .marketingform_wrap .col-md-12 { flex: 0 0 100%; max-width: 100%; }
}

.d-none { display: none !important; }
.marketingform_wrap .d-flex { display: flex !important; }
.marketingform_wrap .flex-row-reverse { flex-direction: row-reverse !important; }
.marketingform_wrap .justify-content-center { justify-content: center !important; }
.marketingform_wrap .align-center { align-items: center; }
.marketingform_wrap .mb-0 { margin-bottom: 0 !important; }
.marketingform_wrap .mb-4 { margin-bottom: 1.5rem !important; }
.marketingform_wrap .mt-5 { margin-top: 25px !important; }
.marketingform_wrap .pl-1 { padding-left: 0.25rem !important; }