/* SCJ Pro Specific CSS styling code */

body {
    font-family: aktiv-grotesk,sans-serif;
    padding-bottom: 0px !important;
}

.row {
    margin-bottom: 4rem;
}

.return-to-survey, .survey-welcome {
    margin-top: 4rem;
    margin-bottom: 4rem;
}


.privacy {
    margin-bottom: 5.5rem;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 300;
  letter-spacing: -.025em;
  line-height: 2.3rem !important;
}

.h2 { margin-top: 0rem !important;}

.form-check a {
    color: #000;
}

.form-check-input:checked {
  background-color: #dc3545;
  border-color: #dc3545;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgb(247 247 247/var(--bs-bg-opacity)) !important;
}


  .table-bordered > thead > tr > th {
    border: 1px solid #dadada;
  }
  .table-bordered > thead > tr > td {
    border: 1px solid #dadada;
  }
  
  .nav-link {
      text-transform: uppercase;
  }
  
  .btn-primary {
     background-color: #000;
     border-color: #000;
  color: #fff;
}

.btn-primary:hover {
    background-color: #dc3545;
    border-color: #dc3545;
  
}

.btn-link, .completed-text a {
  color: #dc3545;
}

.text-info, .survey-welcome, .completed-text p, .return-to-survey p {
    --bs-text-opacity: 1;
    color: rgb(40 40 40/var(--bs-text-opacity)) !important;
    font-size: 1.125rem !important;
    letter-spacing: -.025em;
    line-height: 1.15rem;
    margin-bottom: 2rem;
    font-weight: 400;
}


label::after {
  background-color: #337ab7;
}

/* Questions */
.question-text {
    --bs-text-opacity: 1;
    color: rgb(40 40 40/var(--bs-text-opacity)) !important;
    font-size: 1.38rem !important;
}

.ls-questionhelp {
    font-size: 0.95rem;
}

.radio-list li {
  line-height: 2rem;
  font-size: 1.1rem;
}

#surveys-list-jumbotron {
 display:none !important;
}

#surveyListFooter {
    display:none;
}

/* Footer */
.footer {
    padding: 30px;
    position: relative;
    bottom: 0px;
    width: 100%;
}

.foot {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: space-around;
}

.scjlogo {
    width: 110px;
    height: auto;
}

.scjgrey {
    --bs-bg-opacity: 1;
  background-color: rgb(247 247 247/var(--bs-bg-opacity)) !important;
}

.completed-wrapper {
    margin-top: 4rem;
    margin-bottom: 4rem;
}

.assessment-table {
    margin-top: 4rem;
    margin-bottom: 4rem;
}