/******************
    User custom CSS
    ---------------

    In this file you can add your own custom CSS
    It will be loaded last, so you can override any other property.
    Also, it will never be updated. So if you inheritate a core template and just add here some CSS, you'll still benefit of all the updates
*/
body, h5, .h5 { 
    font-family: 'Open Sans','Helvetica Neue',Arial,Helvetica,sans-serif !important;
    font-size: 16px !important;
    line-height: 1.42857143 !important;
    color: #48626f !important;
    background-color: #fff !important;
}

/* Barra di navigazione BLU bankit */
.bg-body-tertiary {
    border-color: #004072 !important;
    background-color: #004072 !important;
    border-color: #b3cbde !important;              /* celestino */
}

/* scritta "brand" */
.navbar-collapse {
    color: #ffffff !important;
}

/* bottoni */
.btn-primary,
.btn-info {    /* azzurro avio */
    color: #fff;
    background-color: #437198;
    border-color: #80a9c9;
}
.btn-primary:hover { /* blu banca */
    color: #fff;
    background-color: #005393;
    border-color: #b3cbde;
}

.btn-default { /* grigetto banca, testo blu scuro banca */
    color: #1c4171;
    background-color: #fff;
    border-color: #eceff0;
}
.btn-default:hover {
    color: #1c4171;
    background-color: #d9e2ea;
    border-color: #adadad;
}




/* FONTS */
@font-face {
  font-family: 'Open Sans' !important;
  src: url("../files/OpenSans-Light-webfont.woff") format("woff"), url("../files/OpenSans-Light-webfont.ttf") format("truetype") !important;
  font-weight: 300 !important;
  font-style: normal !important;
}
@font-face {
  font-family: 'Open Sans' !important;
  src: url("../files/OpenSans-LightItalic-webfont.woff") format("woff"), url("../files/OpenSans-LightItalic-webfont.ttf") format("truetype") !important;
  font-weight: 300 !important;
  font-style: italic!important;
}
@font-face {
  font-family: 'Open Sans'!important;
  src: url("../files/OpenSans-Regular-webfont.woff") format("woff"), url("../files/OpenSans-Regular-webfont.ttf") format("truetype") !important;
  font-weight: 400 !important;
  font-style: normal !important;
}
@font-face {
  font-family: 'Open Sans' !important;
  src: url("../files/OpenSans-Italic-webfont.woff") format("woff"), url("../files/OpenSans-Italic-webfont.ttf") format("truetype") !important;
  font-weight: 400 !important;
  font-style: italic !important;
}
@font-face {
  font-family: 'Open Sans' !important;
  src: url("../files/OpenSans-Semibold-webfont.woff") format("woff"), url("../files/OpenSans-Semibold-webfont.ttf") format("truetype") !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
@font-face {
  font-family: 'Open Sans' !important;
  src: url("../files/OpenSans-SemiboldItalic-webfont.woff") format("woff"), url("../files/OpenSans-SemiboldItalic-webfont.ttf") format("truetype") !important;
  font-weight: 600 !important;
  font-style: italic !important;
}
@font-face {
  font-family: 'Open Sans' !important;
  src: url("../files/OpenSans-Bold-webfont.woff") format("woff"), url("../files/OpenSans-Bold-webfont.ttf") format("truetype") !important;
  font-weight: 700 !important;
  font-style: normal !important;
}
@font-face {
  font-family: 'Open Sans' !important;
  src: url("../files/OpenSans-BoldItalic-webfont.woff") format("woff"), url("../files/OpenSans-BoldItalic-webfont.ttf") format("truetype") !important;
  font-weight: 700 !important;
  font-style: italic !important;
}
@font-face {
  font-family: 'Open Sans' !important;
  src: url("../files/OpenSans-ExtraBold-webfont.woff") format("woff"), url("../files/OpenSans-ExtraBold-webfont.ttf") format("truetype") !important;
  font-weight: 800 !important;
  font-style: normal !important;
}
@font-face {
  font-family: 'Open Sans' !important;
  src: url("../files/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("../files/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype") !important;
  font-weight: 800 !important;
  font-style: italic !important;
}
/* END FONTS */
/* Emoji */
.emoji {
    font-family: 'Noto Sans' !important;
    opacity:0.8 !important;
}
/* End Emoji */
.awesome-checkbox .radio-item label::after {
    top: 3px !important;
}
.awesome-checkbox .radio-item .ls-label-xs-visibility::after {
    left: 3px !important;
}
.awesome-checkbox .checkbox-item .ls-label-xs-visibility::after {
    top: 3px !important;
    left: 0px !important;
}
.awesome-checkbox .checkbox-item .checkbox-label::after {
    top: 0px !important;
}
/* Allinea la larghezza della welcome page alle altre pagine del sondaggio */
#welcome-container {
    max-width: none;
}

body:has(.captcha-page) .top-container {
    display: none;
}
body:has(.token-page) .top-container {
    display: none;
}
body:has(.captcha-item) .top-container {
    display: none;
}

/* Modifiche applicate solo quando il browser usa la modalità scura */
/* Domande leggibili anche con il browser in modalità scura */

@media (prefers-color-scheme: dark) {
.bg-body-secondary {
background-color: #f2eded !important;
}
}

@media (prefers-color-scheme: dark) {
.question-count-text {
    color: rgb(72, 98, 111);
}
}

@media (prefers-color-scheme: dark) {
    .question-container,
    .question-container .question-title-container,
    .question-container .answer-container {
        background-color: #f2eded !important;
        color: #48626f !important;
    }

    .question-container .question-title-container,
    .question-container .question-title-container *,
    .question-container .question-text,
    .question-container .question-text *,
    .question-container .questionhelp,
    .question-container .question-help-container,
    .question-container .ls-questionhelp,
    .question-container .answer-container label {
        color: #48626f !important;
    }

    .question-container .form-control,
    .question-container .form-select,
    .question-container textarea,
    .question-container select,
    .question-container input[type="text"],
    .question-container input[type="number"] {
        color-scheme: light;
        background-color:#f2eded !important;
        color: #48626f !important;
    }
}