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

@font-face {
    font-display: swap;
    font-family: 'Funnel Display';
    font-style: normal;
    font-weight: 700;
    src: url('/upload/surveys/993988/fonts/funnel-display-v3-latin-700.woff2') format('woff2');
}

body {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 16px;
}

.h3 {
    position: relative;
    font-family: 'Funnel Display';
    font-weight: 700;
    font-size: 46px;
    text-transform: lowercase;
    line-height: 1em;
}

.bg-primary, .bg-light {
	background-color: transparent !important;
}

.question-container {
    background: transparent;
    border-width: 0px;
}

.answer-container {
	border-width: 0px;
}

.form-control, .form-control:focus {
    background-color: transparent;
    border-width: 1px;
    border-color: #FFFFFF;
    border-style: solid;
    border-radius: 0px;
}

.btn, .btn-primary {
    display: inline-block;
    padding: 7px 13px;
    font-size: 16px;
    text-decoration: none;
    background-color: transparent;
    border-radius: 0px;
    border-color: #FFFFFF;
}

.btn:hover, .btn-primary:hover, .btn:active, .btn-primary:active, .btn:focus, .btn-primary:focus {
    background-color: transparent;
    border-color: #FFFFFF;
    box-shadow: 2px 3px 7px 0 rgba(255, 255, 255, 0.3);
}

.border-bottom {
	border-bottom: 0px !important;
}

.form-control:focus, .form-control {
	color: #fff;
}

.well {
    background-color: transparent;
    border: 0px;
}

.navbar-light .navbar-nav .nav-link {
	color: #FFFFFF;
}

.question-container {
	color: #fff;
}

.h3 {
    margin: 0 auto 35px auto;
}

.h3::after {
    position: relative;
    content: '';
	display: block;
	width: 60px;
	height: 6.5px;
	margin-top: 7px;
	background-color: #FFFFFF;
	transition: 300ms ease-out;
	transform-origin: left;
}

.group-container {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.space-col {
    max-width: 800px;
}

.navbar .container-fluid {
    max-width: 1200px;
}

.question-help-container {
	border-width: 0px;
}

.text-info {
	color: #277c6b !important;
}

/* Cible tous les boutons d'upload, quelle que soit la question */
.upload-div button.btn-outline-secondary {
    color: #FFFFFF;
}