/******************
    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
*/
:root {
    --color-site-primary : #9b199d; 
}

@font-face {
     font-display:swap;
     font-family:Poppins;
     font-style:normal;
     font-weight:400;
        src: url(https://cdn.maine-et-loire.fr/ecosysteme_ressources/webfonts/poppins/poppins-v5-latin-regular.woff2) format("woff2");
    src: url(https://cdn.maine-et-loire.fr/ecosysteme_ressources/webfonts/poppins/poppins-v5-latin-regular.woff) format("woff");
}
body {
 font-family:Poppins;
 font-size:1.8rem;
 line-height:30px;
 margin:0;
 height:auto;
}
h1 {
    font-family: Poppins;
    margin: auto;
    font-size: 6rem;
    font-weight: 700;
    line-height: 1 !important;
}
@media (max-width: 768px) {h1 {font-size: 3rem;}}
h2 {
    font-size: 4rem;
    font-weight: 700;
}
a, .nav-link {color: #1e22ae; font-size: inherit; text-decoration: underline;}
a:hover, .nav-link:hover {color: #1e22ae; text-decoration: none;}
.site-footer p {
    color: #fff;
    font-size: 1.4rem;
}
ul#main-dropdown {
  padding-top: 0;
}
.ls-answers label, .answer-item label, .control-label {font-size: 1.5rem;}
.site-footer a[target="_blank"]::after {display: none;}
.site-footer a {padding-top: 1rem;}
footer li {
  color: #fff;
  font-weight: 600;
  font-size: 1.4rem;
}
ol, ul {
  padding-top: 2.5rem;
}
/*Champ erreur*/
.text-danger {
  color: #b20025 !important;
}
.has-error .control-label {
  color: #b20025;
}

/*Output alert*/
.alert-danger {
  background-color: #ffd9db;
  border-color: #710017;
  color: #710017 !important;
}
.eb-banner-title {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 500;
    display: block;
}
.eb-banner-content {
  font-size: 16px;
}
.eb-banner-right-content {
  padding: 20px 32px;
}

/*Save survey button*/
.ls-no-js-hidden::before {display: none;}
.navbar a.animate::after {background-color: #1e22ae;}
#accessibility-nav a {text-decoration: underline; color:#192844;}
#nosSites a {color: #1e22ae;}

/*Mobile menu*/
.navbar-toggle {border: none;}
.navbar-toggle {background-color: transparent;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
.navbar-toggle .icon-bar {background-color: #1e22ae;}

/*Boutons*/
.anjou .btn-primary {
background-color: #9b199d;
border: 2px solid #9b199d;
border-radius: 30px;
}
.anjou .btn-primary, .anjou .btn-default {margin: auto;}

.button-item.btn.btn-primary {border-radius: 0;}
.anjou .btn-primary:hover, .anjou .btn-primary:focus, .anjou .btn-primary:active, .anjou .btn-primary.active, .anjou .btn-primary.active:focus, .anjou .open .dropdown-toggle.btn-primary {
color: #9b199d;
background-color: #fff;
border: 2px solid #9b199d;
}
.anjou .btn-primary.active::after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
    border-radius: 3rem;
    bottom: 1rem;
    color: #fff;
    content: "\f00c";
    display: flex;
    font-size: 1.4rem;
    height: 3rem;
    justify-content: center;
    position: absolute;
    right: 1rem;
    width: 3rem;
    align-items: center;
    background: #1e22ae;
}
.anjou .btn-default {
    background-color: rgba(255,255,255,0.2);
    border: 1px solid #192844;
    color: #192844;
}
button.btn-default[type="submit"]::before, .anjou .btn-default:hover, .anjou .btn-default:focus, .anjou .btn-default:active, .anjou .btn-default.active, .anjou .open .dropdown-toggle.btn-default {
    color: #fff;
    border: 1px solid #192844;
    background-color: #192844 !important;
}
.upload {
  font-size: 1.4rem;
}

/*newsletter*/
label.form-check-label {font-weight: normal;}
.form-control {height: auto;}

/* bloc aide et service et newsletter*/
.layer-summary-item a, .form-check-label a {color: #1e22ae;}
.form-check-label a {text-decoration: underline;}
.form-check-label a:hover, .form-check-label a:active, .form-check-label a:focus {color: #192844; text-decoration: none;}

/*Texte de l'aide*/
.anjou .text-info {color: #1e22ae;}

/*Focus éléments*/
.anjou .form-control:focus {
    border: 1px solid #9b199d;
    box-shadow: inset 0 0 0 1px #9b199d;
}
/*intro du questionnaire*/
#welcome-container {max-width: 100%;}
/*RGPD*/
.privacy {
    max-height: max-content;
    font-size: 0.8em;
    line-height: inherit;
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 15px 5px;
    }
#datasecurity_notice, #datasecurity_notice_label, .datasecurity-checkbox-label {color: #000;}
#datasecurity_notice {font-style: italic;}

/*Eléments de formulaires*/
fieldset {padding-bottom: 5rem;}
.form-control {border-radius: 0; font-size: 18px;}
.mandatory-field {color: red;}

.text-danger.fa.fa-asterisk.small {
    font-size: 70%;
    color: red;
}
.form .form-group {
    margin-top: 0;
    margin-bottom: 0;
}
.question-container .question-title-container, .question-container .question-help-container {margin-bottom: 0;}
.question-container .question-valid-container {margin-bottom: 10px; margin-top: 0;}
legend {font-size: 2rem;}
/*alignement input numeric*/
[data-number="1"] {
    text-align: left;
}
/*intro groupe de question*/
.group-description.well {
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-right: 0;
    margin-left: 0;
    margin-top: 0;
}
/*Sous-titre*/
.subtitle {
    border-bottom: 1px solid #dedede;
    font-size: 2.2rem;
}
/*Index question*/
a.aminate {
    color: #dedad6;
}
.btn-group button.index-item-current {
    border-top: 5px solid #444;
}
.btn-group button.index-item-current a, .btn-group button.index-item-current::before {
    color: #444;
}
.index-warning.disabled, .index-item.index-item-seen.index-item-unanswered.index-item-current {font-weight: 900; text-decoration:none;}
.index-menu-full a {
  text-decoration: underline;
  color: #444;
}
.index-menu-full a:hover {
  text-decoration: none;
}
/*.form .mandatory {
    margin-left: 0;
    float: left;
    margin-right: 1rem;
}*/
.answer-container, .ls-answers {padding-top: 0;}
.question-container .ls-question-message, .ls-questionhelp {font-size: 1.5rem;}
.mandatory {font-weight: inherit;}
/*Boutons radio et checkbox*/
body .answer-item label::after {
    background-color: #1e22ae;
}
.radio-item::before, .checkbox-item::before, .checkbox-text-item::before {
    display: none;
}

.checkbox-item input[type="checkbox"]:checked + label::after, .checkbox-text-item input[type="checkbox"]:checked + label::after, .checkbox-item input[type="radio"]:checked + label::after {
    background-color: #9b199d;
    color: white;
}
li.radio-item, li.checkbox-item, li.radio-text-item, li.checkbox-text-item {
    margin-top: -3rem !important;
}
.checkbox-item label::after, .checkbox-text-item label::after {font-size: inherit; padding-top: 0;}

.ls-label-question {
  font-size: inherit !important;
}

li.radio-item, li.checkbox-item, li.radio-text-item, li.checkbox-text-item {
  margin-bottom: 1rem;
}
ul.list-unstyled {
  margin-bottom: 0;
}
.ls-answers.checkbox-list {
  padding-bottom: 0;
}
.radio-item input[type="radio"]:checked + label, .checkbox-item input[type="checkbox"]:checked + label {color: #000;}
.radio-item input[type="radio"]:checked + label::before, .checkbox-item input[type="checkbox"]:checked + label::before {border-color: #9b199d;}
.radio-item input[type="radio"]:checked + label::after, .radio-item input[type="radio"] + label::after {background-color: #9b199d;}
.ls-answers label, .answer-item label, .control-label {color: #333;}
.privacy .checkbox-item label::before {border: 3px solid #9b199d;}
.text-primary.control-label.checkbox-label.form-check-label.datasecurity-checkbox-label {color: #000 !important; font-weight: 700}

/*Checkbox autre avec input*/
.checkbox-text-item {
  padding-left: 0px;
}
.text-item.other-text-item .input-sm {
  margin-top: 2rem;
}

/*on test pour afficher les gender-button en smartphone*/
.form .btn-group {display: block;}

/*Button item*/
.button-item::before {
    display: none;
}
/*select*/
.ls-answers {
    width: 100%;
}
.ls-answers select {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' style='isolation:isolate' width='20' height='20'%3E%3Cpath d='M9.96 11.966L3.523 5.589C2.464 4.627.495 6.842 1.505 7.771l6.989 6.992c.644.587 2.161.606 2.796 0l7.2-6.992c1.067-1.019-1.126-3.091-2.228-2.046L9.96 11.966z' fill='inherit'/%3E%3C/svg%3E");
    width: 100% !important;
    padding: 10px 12px;
}
select {
    text-align: left !important;
}

/*Multiple free text*/
.section-content > :not(header):not(footer) li.question-item.answer-item.text-item::before {border: none;}
.section-content > :not(header):not(footer) li.question-item.answer-item.text-item {padding-left: 0;}

/*Label multiple input*/
.form-horizontal .control-label {text-align: left; margin-top: 0;}
/*Checkbox and input*/
.checkbox-text-item .checkbox-item {
    margin-top: 0rem !important;
}
/*Table*/
table th {
  color: #000 !important;
}
.ls-answers .ls-heading th, .ls-answers th {
  font-size: inherit;
}
/*Input text dans tableau*/
.inserted-text-item input[type="text"] {
    height: 80px;
}
/*input date*/
.input-group-addon {color:#fff; border-radius: 0 !important;}
.date-item .tip.help-block {
    font-size: 1.5rem;
    text-align: left;
}

/*datepicker*/
.tempus-dominus-widget {
  width: 40rem;
}

/*Titre étape*/
.group-title.text-center.h3.space-col {
    background: #d4d4d4;
    padding: 15px 30px;
    font-weight: bold;
    color: #000;
}

/*Barre de progression*/
.anjou .progress-bar {
    background-color: #9b199d;
}
.progress {
  height: 21px !important;
}

/*Modal*/
.modal-content {
    border-radius: 0;
}
/*Save form*/
.anjou a.link-back {
    color: #1e22ae;
}
.anjou a.link-back:hover, .anjou a.link-back:active, .anjou a.link-back:focus {
    color: #fff;
    text-decoration: none;
}

/*checkbox with input*/
ul.checkbox-text-list li::before {
    border: none;
}
ul.checkbox-text-list li {
    padding-left: 0;
}
/*Numéro de question*/
.question-number {margin: 1.6em 0.3em 0 0.3em; color: #000;}

/*5 radio button*/
.ls-answers.answers-list.radio-list.form-inline {width: 40%;}
/*Classement*/
.select-sortable-lists li::before {
    border: none;
}
.select-sortable-lists:not(.ranking-advanced-style) .ranking-available-items .sortable-item {
  color: #000;
}
.select-sortable-lists:not(.ranking-advanced-style) .list-group-item {font-size: 1.5rem;}
.select-sortable-lists:not(.ranking-advanced-style) .ranking-sorted-items .sortable-item {border: 2px solid #1e22ae;}
.select-sortable-lists .list-group-item {
    border: #1e22ae 1px solid;
    margin: 1rem;
}
/*Checkbox et input*/
.form .form-group .checkbox-text-item {
    margin-bottom: 3rem;
}
.checkbox-text-list {
    padding-top: 4rem;
}
/*tableau*/
.ls-answers th {
  font-size: 1.6rem;
}
td.radio-item label::before {
  top: 0;
}
td.radio-item label::after {
  top: 3px;
}

/*Select avec recherche*/
.select2-results__options li::before {
  display: none;
}
.select2-container--bootstrap-5 .select2-selection, .select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option, .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
    font-size : inherit;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options:not(.select2-results__options--nested) {max-height: 25rem;}
.select2-container--bootstrap-5 .select2-selection--single {background-position: right 0.75rem center; border: 2px solid #6E748C;}
.select2-container--bootstrap-5.select2-container--focus .select2-selection, .select2-container--bootstrap-5.select2-container--open .select2-selection, .select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {border-color: #9b199d; box-shadow: none;}
.select2-container--bootstrap-5 .select2-dropdown {border-color: #9b199d;}

tr th {hyphens: none;}