@import 'https://static.eja-online.link/fonts/centurygothic/centurygothic.css';


@media only screen and (max-device-width: 760px) {
  .question-title-container {
    padding-top: .5em;
    padding-bottom: .5em;
  }
}

@media only screen and (max-device-width: 991px) {
.answer-container .yesno-button.btn-group.ls-answers {
    width: 100%;
}
}

@media only screen and (max-device-width: 768px) {
.ls-answers {
    padding-top: 5px;
    padding-bottom: 5px;
}
}
  
h1, .h1 {
  font-size: calc(1.375rem + 1.5vw);
}

#welcome-container .survey-name, #welcome-container .survey-description, #welcome-container .survey-welcome {
-moz-hyphens: none;
hyphens: none;
}

.table-bordered > thead > tr > th {
border: 1px solid #dadada;
}
.table-bordered > thead > tr > td {
border: 1px solid #dadada;
}

table.noborder tbody, table.noborder td, table.noborder tfoot, table.noborder th, table.noborder thead, table.noborder tr {
    border: 0;
}

:root {
--bs-info-rgb: 0,0,0;
--bs-primary-rgb: 168,0,87;
--custom-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.5);
--color-primary: rgb(var(--bs-primary-rgb));
--color-primary-bright: #ca5579;
--eja-title-color: #000;
--eja-questiontitle-color: #fff;
--eja-button-grey-color: #EEE;
--eja-yesnobutton-color: #000;
--eja-yesnobutton-color-active: #fff;
--eja-font-family: 'Century Gothic';
--eja-titles-font-family: var(--eja-font-family);
}

body {
  font-family: var(--eja-font-family);
}

a {
  color: var(--color-primary);
}

div.completed-text {
  font-size: 1.2rem;
}

.survey-list-header-img {
  width: 80%;
  max-width: 400px;
  max-height: 300px;
}

.question-title-container {
  background-color: rgb(var(--bs-primary-rgb));
  font-size: 1.2em;
  margin-bottom: 5px;
  color: var(--eja-questiontitle-color);
}

/* Question number inherit color */
.question-number.text-muted {
  color: var(--eja-questiontitle-color) !important;
}

.asterisk .fa-asterisk {
  font-size: .4em;
  top: -1.2em;
  color: var(--eja-questiontitle-color) !important;
  margin-right: 5px;
}

.group-title {
  font-size: 2.5em;
  font-weight: bold;
  margin-bottom: 1.5em;
}
.group-title, .survey-name {
  font-family: var(--eja-titles-font-family);
  color: var(--eja-title-color);
}

.progress-bar, .btn-primary, .btn-primary:active {
  background-color: var(--color-primary);
  border-color: var(--color-primary);
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active:focus {
  background-color: var(--color-primary-bright);
  border-color: var(--color-primary);
  box-shadow: var(--custom-shadow);
}
.form-control:focus {
  box-shadow: var(--custom-shadow);
  border-color: var(--color-primary);
}
.btn-check:checked + .btn-primary, .btn-check:focus:checked + .btn-primary, .btn-check .btn-primary:focus:checked, .btn-check:focus + .btn-primary, .btn-check:active + .btn-primary {
  background-color: var(--color-primary-bright);
  border-color: var(--color-primary);
}

label:after {
  background-color: inherit;
}

/* Multiple Short Texts */
.multiple-short-txt.question-container > .answer-container > .subquestion-list > li.row {
  align-items: center;
}

/* Net Promoter Score */
.nps-left-text {
  float: left;
}

/* Radio Items Question */
.answer-item.radio-item {
  --radio-size: 1.2em;
}
.answer-item.radio-item input[type="radio"], .answer-item.radio-item label::before {
  height: var(--radio-size);
  width: var(--radio-size);
}
.answer-item.radio-item label {
  padding-left: calc(var(--radio-size) - 10px);
  font-size: 1.1rem;
}
.answer-item.radio-item label::before {
  --radio-final-size: var(--radio-size);
}
.answer-item.radio-item label::after {
  --radio-final-size: calc(var(--radio-size) - 6px);
  background-color: var(--color-primary);
}
.answer-item.radio-item label::before, .answer-item.radio-item label::after {
  height: var(--radio-final-size);
  width: var(--radio-final-size);
  top: calc(50% - calc(var(--radio-final-size) / 2));
}

@media (min-width: 768px) {
    .answers-list.radio-list[data-bs-toggle="buttons"] .col-md-2 {
        width: calc(16.66666667% * 2);
    }
}

@media (min-width: 1200px) {
    .answers-list.radio-list[data-bs-toggle="buttons"] .col-md-2 {
        width: 16.66666667%;
    }
}

/* YesNo Question */
.yesno-button.btn-group, .answers-list.radio-list[data-bs-toggle="buttons"] {
  --color-primary: var(--eja-button-grey-color);
}
.yesno-button .btn-primary, .answers-list.radio-list[data-bs-toggle="buttons"] .btn-primary {
  color: var(--eja-yesnobutton-color);
}
.yesno-button .btn-primary:hover, .answers-list.radio-list[data-bs-toggle="buttons"] .btn-primary:hover {
  box-shadow: none;
  background-color: var(--color-primary-bright);
  color: var(--eja-yesnobutton-color-active);
}
.yesno-button .btn-check:checked + .btn-primary, .answers-list.radio-list[data-bs-toggle="buttons"] .btn-check:checked + .btn-primary {
  background-color: rgb(var(--bs-primary-rgb));
  color: var(--eja-yesnobutton-color-active);
}

/* Numeric Input */
.numeric-item input.numeric {
  text-align: left;
}

/* Checkbox List */
.checkbox-list > ul > li.checkbox-item input[type=checkbox] {
  top: 2px;
}
.checkbox-list > ul > li.checkbox-item label.checkbox-label::before {
  top: 2px;
}
.checkbox-list > ul > li.checkbox-item label.checkbox-label::after {
  top: 3px;
}

/* Regex Validation */
.em_regex_validation.ls-em-success {
    display: none;
}