:root {
  --bs-border-radius: 4px;
  --bs-body-color: #323636;
  --bs-border-color: #727272;
  --funnel-body-color: #f7f7f9;
}

body {
  background-color: var(--funnel-body-color);
}

@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1276px;
  }
}

* {
  font-family: "myriad-pro", sans-serif;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-family: "roboto-slab", serif;
  font-weight: 700;
  font-style: normal;
}

.usa-funnel__header {
  width: 100%;
  padding: 20px 40px;
  background-color: #fff;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.1);
}
.usa-funnel__header--container {
  max-width: 1276px;
  margin: 0 auto;
}

a {
  color: #007A78;
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

@media (min-width: 768px) {
  .usa-funnel__medium-form {
    max-width: 600px;
    margin: 0 auto;
    padding-top: 20px;
  }
}

@media (min-width: 768px) {
  .usa-funnel__small-form {
    max-width: 500px;
    margin: 0 auto;
    padding-top: 20px;
  }
}

.form-control {
  padding: 2px 5px;
}

.usa-funnel__fields-under-label .form-control {
  border-color: #ced2d7;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;
  padding: 5px;
}

.form-select {
  border-color: #ced2d7;
  padding: 5px;
  cursor: pointer;
}

.form-check-input {
  cursor: pointer;
}

.button {
  padding: 5px 60px;
  background: #13861D;
  background: linear-gradient(#27A031, #13861D);
  border: 1px solid #15941F;
  border-radius: 4px;
  color: #fff;
  text-rendering: optimizeLegibility;
  font-family: "proxima-nova", Arial, "Segoe UI Symbol", "Arial Unicode MS", "DejaVu Sans", "Meiryo UI", "MS UI Gothic", "Everson Mono Unicode", Meiryo, "MS Gothic", "MS Mincho", "MS PGothic", "MS PMincho", "Meslo LG L", "Meslo LG L DZ", "Meslo M L", "Meslo M L DZ", "Meslo S L", "Meslo S L DZ", "Symbola", "DejaVu Sans Condensed", "DejaVu Sans Mono", Code2000, "Everson Mono", Quivira, sans-serif;
}
.button:hover {
  background: #219121;
  background: linear-gradient(0deg, #219121 0%, #219121 100%);
}
.button__back {
  background: #ffffff;
  background: linear-gradient(0deg, #e6e6e6 0%, #ffffff 100%);
  color: var(--bs-body-color);
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.button__back:hover {
  background: #e6e6e6;
  background: linear-gradient(0deg, #e6e6e6 0%, #e6e6e6 100%);
}
.button__paired {
  padding: 5px 30px;
}
.button__set-trial {
  position: relative;
}
.button__set-trial:before {
  content: "/";
  color: transparent;
  position: absolute;
  left: 5px;
  top: 10px;
  width: 16px;
  height: 16px;
  border: 0px solid #033C04;
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-image: url(/images/envelope.png);
  border-radius: 25px;
  background-position: 3px;
  background-color: rgba(3, 60, 8, 0.8705882353);
}

.button__unstyled {
  padding: 0;
  text-align: left;
  background: transparent;
  border: none;
  color: #007A78;
  text-decoration: underline;
  font-weight: 700;
}
.button__unstyled:hover {
  text-decoration: none;
}

.form-check-input[type=radio] {
  box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.35);
  border-color: #ced2d7;
}
.form-check-input[type=radio]:hover {
  cursor: pointer;
}
.form-check-input[type=radio] + label:hover {
  cursor: pointer;
}
.form-check-input[type=radio]:checked {
  background-color: transparent;
  border-color: transparent;
}
.form-check-input[type=radio]:checked + label {
  position: relative;
}
.form-check-input[type=radio]:checked + label:before {
  position: absolute;
  left: -20px;
  top: 8px;
  content: " ";
  width: 8px;
  height: 8px;
  border-radius: 12px;
  background-color: #000;
}

.nav-tabs .nav-link {
  border-color: var(--bs-nav-tabs-link-hover-border-color);
  border-bottom-color: var(--bs-nav-tabs-link-hover-border-color);
  color: var(--bs-body-color);
}
.nav-tabs .nav-link:hover {
  text-decoration: underline;
}
.nav-tabs .nav-link.active {
  cursor: not-allowed;
}
.nav-tabs .nav-link.active:hover {
  text-decoration: none;
}

.funnel-alert {
  padding: 10px;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.funnel-alert__error {
  border-left: 14px solid #ED1C24;
}