:root {
  --color-navy: #151F48;
  --color-navy-darker: #0d142f;
  --color-white: #ffffff;
  --color-link-blue: #0050E6; 
  --color-alert-link-blue: #215ADE; 
  --color-sky-blue: #00bde3;
  --color-light-blue: #e7f6f8;
  --color-light-blue-grey: #dee7ec;
  --color-light-gray: #f5f6f7;
  --color-medium-gray: #edeff0;
  --color-med-gray: #E0E7EB;
  --color-neutral-gray: #71767a;
  --color-border-gray: #d7d9db;
  --color-disabled-gray: #757575;
  --color-teal: #cce9e3;
  --color-red: #d54309;
  --color-uswds-light-black: #1b1b1b;
  --color-radio-outline-blue: #A1D3FF;
}

.alert-grey-box {
  border-color: var(--color-med-gray);
  border:1px solid var(--color-med-gray);
  border-left: 5px solid var(--color-med-gray);
  width:100%;
}

/* display */
.jp-checker .tab {
  display: none;
}

/* text */
.jp-checker a, 
#tdi-fli-site .content a {
  color: var(--color-link-blue)
}

.jp-checker,
.jp-checker h1,
.jp-checker h2,
.jp-checker h3,
.jp-checker h4,
.jp-checker h5,
.jp-checker h6 {
  font-family: "Roboto", sans-serif;
  color: var(--color-navy);
}
.jp-checker h2 {
  font-size:32px;
  line-height: 40px;

}
.jp-checker h3 {
  font-size:22px;
  line-height:32px;
}

.jp-checker li {
  margin: 0.5rem;
  padding-right:3px;
}
.jp-checker legend {
  font-family: "Public Sans", sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 145%; /* 1.99375rem */
  letter-spacing: -0.0275rem;
}
.jp-checker h1,
.jp-checker .fs-1 {
  font-family: "Roboto", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 112%; /* 2.8rem */
  letter-spacing: -0.05rem;
}

/* Outline Primary Button Styles */
.jp-checker .btn-outline-primary,
.jp-checker a.btn-outline-primary,
#tdi-fli-site .content a.btn-outline-primary, #languageButton {
  border: 1px solid var(--color-navy) !important;
  color: var(--color-navy) !important;
  background-color: var(--color-white) !important;
}

#languageButton:hover {
  border-color: var(--color-navy);
  background-color: var(--color-light-gray) !important;
}

.jp-checker .btn-primary,
.jp-checker a.btn-primary,
.jp-checker .btn.disable-btn,
.jp-checker .btn-outline-primary,
.jp-checker a.btn-outline-primary,
.jp-checker .btn-lg {
  padding:14px;
}

/* Primary Button Styles */
.jp-checker .btn-primary,
.jp-checker .btn-primary:focus-visible,
.jp-checker a.btn-primary, #tdi-fli-site .content a.btn-primary {  background-color: var(--color-navy);
  border: 1px solid var(--color-navy);
  color: var(--color-white) !important;
}

/* Disabled Button Styles */
.jp-checker .btn.disable-btn,
.jp-checker .btn.disable-btn.btn-primary:focus-visible,
.jp-checker .btn-outline-primary.disable-btn,
.jp-checker a.btn-outline-primary.disable-btn,
.jp-checker .btn.disable-btn:hover,
.jp-checker .btn.disable-btn:active {
  border-color: var(--color-disabled-gray) !important;
  background-color: var(--color-disabled-gray) !important;
  color: var(--color-white) !important;
}

/* Outline Primary Button Hover/Active Styles */
.jp-checker a.btn-outline-primary:hover,
.jp-checker a.btn-outline-primary:active {
  border-color: var(--color-navy);
  background-color: var(--color-light-gray) !important;
}

#check-btn-es:hover {
  background-color: var(--color-navy) !important;
  color: white !important;
}


/* Primary Button Hover/Active Styles */
.jp-checker .btn-primary:hover,
.jp-checker .btn-primary:active {
  background-color: var(--color-navy-darker) !important;
  border-color: var(--color-navy);
}

.jp-checker .btn-lg {
  border-width: 2px;
  font-size: 16px;
  font-weight: 600;
  border-radius: 4px;
  width: 100%;
}
@media (min-width: 992px) {
  .welcome-column {
    max-width: 650px;
  }
  #jobProtectionsForm {
    max-width: 50rem;
    margin:auto;
  }
}

/* progress bar */
.jp-checker .navy-progress {
  background-color: var(--color-navy);
}
.jp-checker .progress-bar-text {
  color: var(--color-neutral-gray);
}

.jp-checker .progress {
  height: 0.5rem;
}
.job-protections-link {
  color: var(--color-link-blue);
}
.text-navy,
#results-all a .btn-link:active,
.btn-link:hover {
  color: var(--color-navy);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.125rem;
}

.language-button {
  display: flex;
  justify-content: flex-end;
}

.jp-checker .q-head.card-header {
  background-color: var(--color-light-gray);
  padding: 3rem 2.7rem !important;
  color: var(--color-navy);
}
@media (max-width: 991px) {
  .jp-checker .q-head.card-header {
    padding: 1.5rem 1.5rem 1rem !important;
  }
}

.jp-checker .card {
  border-radius: 0.25rem;
  /* box-shadow: 0px 4px 8px 0.5px rgba(0, 0, 0, 0.05); */
}

.jp-checker .card-body {
  padding: 1.5rem 2rem 3rem;
}
@media (max-width: 991px) {
  .jp-checker .card-body {
    padding: 1rem 1.5rem 1.5rem;
  }
}
.jp-checker input {
  margin: 1rem !important;
}

.jp-checker label {
  width: 100%;
  padding: 0.8rem 0.8rem 0.8rem 0;
  color: var(--color-navy);
}

.jp-checker .invalid-feedback,
.jp-checker .is-invalid + label {
  color: var(--color-red);
}

/* results */
.alert-info {
  background-color: var(--color-light-blue);
}

/* alert box */

.jp-alert {
  background-color: var(--color-light-blue);
  border-left: 5px solid var(--color-sky-blue);
  border-radius: 0%;
  padding: 1rem 1rem 1rem .75rem;
  line-height: 1.5rem;
}

.jp-alert a {
  color: var(--color-alert-link-blue)
}

#top-alert {
  border-radius: 0%;
  border-left: 5px solid var(--color-sky-blue);
  line-height: 1.5;
}

.programBox {
  border-radius: 0.25rem;
  border: 0.5px solid var(--color-neutral-gray);
}
.mb-5,
.my-5 {
  margin-bottom: 2rem !important;
}
.mt-5,
.my-5 {
  margin-top: 2rem !important;
}

.box-hr {
  border-top: 1px solid var(--color-white);
}

.bottomBox {
  padding:.75rem .5rem .75rem .5rem;
}

.bottomBox > div {
  background-color: var(--color-light-gray);
  border-radius: 8px;
  border:1px solid var(--color-border-gray);
}
.bottomBox > div > div {
  padding: 20px;
  

}

.bottomBox-title {
  background-color: var(--color-med-gray)!important;
  padding:.75rem .5rem!important;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.bottomBox-title > span {
  font-weight: 700;
}

.bottomBox-title::before {
  content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 5H11V7H9V5ZM9 9H11V15H9V9ZM10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18Z' fill='%231C1D1F'/%3E%3C/svg%3E");
  vertical-align: sub;
  display: inline-block;
  margin-right: 8px;
  line-height: 0;
}

.light-blue-gradient {
  background: linear-gradient(
    80deg,
    rgba(207, 232, 255, 0.5) 0%,
    rgba(207, 232, 255, 0.25) 49.72%,
    rgba(237, 239, 240, 0.5) 99.45%
  );
}

.no-bullet-list {
  list-style-type: none;
}

.jp-checker ul ul {
  list-style-type: disc;
}

.programBox-list {
  padding-left: 0;
}

.programBox-list.eligible li {
  margin-left: 0 !important;
  line-height: 1.75rem;
  list-style-type: none;
  background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z" fill="%230076D6"/></svg>');
  background-position: 0 2px;
  padding-left: 2rem;
  background-repeat: no-repeat;
}

#resource-accordion button {
  background-color: var(--color-medium-gray);
  color: var(--color-navy) !important;
  font-weight: 700;
  border-radius: 0;
}

#resource-accordion .accordion-body {
  color: var(--color-navy);
}

#results-body > .bg-success-subtle {
  background-color: var(--color-teal) !important;
}

@media print {
  * {
    line-height: 1.1;
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .img-fluid {
    max-width: 30%;
    height: auto;
  }
  .bottomBox,
  .topBox {
    border: 1px solid var(--color-light-gray);
  }

  .programBox-list {
    margin-left: 2rem;
    list-style: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path id="Vector" fill-rule="evenodd" clip-rule="evenodd" d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z" fill="%230076D6"/></svg>');
  }

  .programBox-list li {
    list-style-position: outside;
  }

  footer, .footer.site-footer {
    display:none;
  }

  .usa-radio__input:checked + [class*="__label"]::before {
      box-shadow: inset 0 0 0 2px white, inset 0 0 0 1rem var(--color-navy),
        0 0 0 2px var(--color-navy);
    }
}

/* from uswds */

.usa-radio {
  background: white;
  margin-bottom: 1.5rem;
}

@media (max-width: 991px) {
  .usa-radio {
    margin-bottom: 1rem;
  }
}

.usa-radio__label {
  color: var(--color-uswds-light-black);
}
.usa-radio__label::before {
  background: white;
  box-shadow: 0 0 0 2px var(--color-uswds-light-black);
}
@media (forced-colors: active) {
  .usa-radio__label::before {
    outline: 2px solid transparent;
    outline-offset: 2px;
  }
}

.usa-radio__input:checked + [class*="__label"]::before {
  background-color: var(--color-navy);
  box-shadow: 0 0 0 2px var(--color-navy);
}

.usa-radio__input--tile + [class*="__label"] {
  background-color: white;
  border: 2px solid #c9c9c9;
  color: var(--color-uswds-light-black);
}
.usa-radio__input--tile:checked + [class*="__label"] {
  background-color: #E8F5FF;
  border-color: var(--color-navy);
}
@media (forced-colors: active) {
  .usa-radio__input--tile:checked + [class*="__label"] {
    border: var(--color-navy) solid 0.25rem;
  }
}

.usa-radio__input:checked + [class*="__label"]::before {
  box-shadow: 0 0 0 2px var(--color-navy), inset 0 0 0 2px white;
}
@media (forced-colors: active) {
  .usa-radio__input:checked + [class*="__label"]::before {
    background-color: var(--color-navy);
  }
}

.usa-radio__input {
  position: absolute;
  left: -999em;
  right: auto;
}
.usa-radio__input:focus + [class*="__label"]::before {
  outline: 0.25rem solid var(--color-radio-outline-blue);
  outline-offset: 0.25rem;
}
.usa-radio__input--tile + [class*="__label"] {
  border-radius: 0.25rem;
  margin-top: 0.5rem;
  padding: 0.8rem 1rem 0.8rem 2.8rem;
}
.usa-radio__input--tile + [class*="__label"]::before {
  left: 0.6rem;
}

.usa-radio__label {
  cursor: pointer;
  display: inherit;
  position: relative;
}
.usa-radio__label::before {
  content: " ";
  display: block;
  left: 0;
  margin-left: 2px;
  margin-top: 0.064rem;
  position: absolute;
  height: 1.25rem;
  border-radius: 99rem;
  width: 1.25rem;
}

.neg-margin-left-05 {
  margin-left: -.5rem;
}

.max-width-350 {
  max-width: 350px;
}

.max-width-1000 {
  max-width: 1000px;
}

.maternity-card {
  padding: 20px 16px!important;
}

.maternity-white-info-box {
  padding: 12px 8px;
}