/**
/**
 *
 * What is this file?
 * -----------------------------------
 * This file contains overrides for the main tailwind.css file linked from the CDN.
 * 
 * Ideally, you'd build you own tailwind CSS from the config file, but this is a 
 * template and it needs to run without a build process. So in other words, don't
 * do this in production.
 *
 */

.bg-orange {
  background-color: #F5820B !important;
}

.bg-grey-dark {
  background-color: #737373 !important;
}

.text-grey-dark {
  color: #737373 !important;
}

.border-grey-dark {
  border-color:  #737373 !important;
}

.bg-white-dark {
  background-color: #f1f1f1 !important;
}

.bg-white {
  background-color: white !important;
}

.text-black {
  color: #363333 !important;
}

.text-code-orange {
  color: #E7AD52; 
}

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

.wizard-content p {
  padding-top: 1rem;
  padding-bottom: 1rem;
  line-height: 28px;
}

@media (min-width: 992px) {
  .container {
      max-width: 940px;
  }
  .px-12 {
    padding-right: 2rem;
    padding-left: 2rem;
  }
}

@media (min-width: 1200px) {
  .container {
      max-width: 940px;
  }
  .px-12 {
    padding-right: 4rem;
    padding-left: 4rem;
  }
}