/******************
    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
*/

/* Barre de navigation */

.navbar-default {
    background-color: #5AFF33;
    border-color: transparent;
}

.navbar {
    background-color: #87C0C6;
    margin-bottom: 0;
}

/*.logo-progedo {
    height:100px;
    width:auto;
}*/

/* Couleurs des liens dans la navbar, au survol */
.navbar-default .navbar-nav>li>a:hover {
    color:#5b5959;
}

/* Couleurs des liens dans la navbar, lien visité */
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:visited {
    background-color: #e0e0e0;
}

#navigator-container {
    margin-top:15vh;
}

/* taille du logo */
.logo-container img {
    max-height:145px;
}

/* Titre du questionnaire dans la barre de navigation */

.title-head {
    padding: 0 30vw 8vh 30vw;
}

.survey-welcome {
    margin-top: 5vh;
}

.survey-name {
    font-weight: bold;
    font-size: 2.3em;
    color: #FFFFFF;
}

.bg-warning a, .bg-danger a {
    color:black;
}

/* Ne pas toucher, styles du body à déclarer pour pouvoir afficher le footer */
body {
     padding-bottom: 0; /* no bottom padding, footer should be bottom aligned */
     padding-top: 60px;/* now is redefine in JS to fit any title length */
     flex-direction: column; /* article, then footer */
     display: flex; /* flex, to extend the content to full size */
     min-height: 100vh; /* full height, to bottom-align footer */
}
body > article {
    flex: 1; /* the main article should use as much space as possible */
    padding-top: 8vh;
}


/* Couleurs des boutons: par défaut */
.btn-default {
    background-color: #095e6d;
}

/*Bouton précédent*/
.ls-move-previous-btn {
    background-color:#87C0C6;
}

/* Bouton suivant*/
.ls-move-next-btn {
    background-color: #095e6d;
}


.url-wrapper-survey-print a {
    color:#5b5959;
}

.bg-primary {
    color: #fff;
    background-color: #095e6d;
}


/* Classes du footer
*/
/* Styles pour le texte sur la protections des données, à décommenter et à modifier dans footer.twig*/
.info-protections-donnees {
    font-size: 12px;
    padding:7vh 10vw;
    background-color: #095e6d;
    color:white;
    margin-top:8vh;
}

.footer p a {
    color:white;
    text-decoration: underline;
}

/*Logos du footer à ajouter dans footer.twig*/
.footer-logos {
    background-color: #ddd;
    display:flex;
    justify-content:center;
    flex-direction: row;
    padding: 15px;
}

.footer-logos img {
    max-height:120px;
    margin :0 3vw 10px 0;
}

/* Ajouter une nouvelle classe pour un logo du footer ici / Exemple

.logo-progedo {
    height:50px;
}
*/