/* Autocomplete */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {-webkit-text-fill-color:#000; -webkit-box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s;}

.page-template-enquete #main {padding-bottom:50px !important}

/* Intro questions */
.intro-wrapper {max-height:0; transition:.5s; overflow:hidden;}
.intro-wrapper.current-step {max-height:9999px;}
.intro-wrapper h2 {font-size:50px; font-weight:bold!important; line-height:1.2!important; text-align:center; float:left; width:100%; margin:50px 0;}
.intro-wrapper .question-wrapper {text-align:left;}
.intro-wrapper .question-wrapper input,
.intro-wrapper .question-wrapper select {max-width:100%; font-family:'Montserrat'; width:100%; height:50px; line-height:50px; background-color:#fff; color:#000; outline:none; transition:.3s; border-radius:3px; padding:0 15px; border:none; border-bottom:solid #efefef 2px;}
.intro-wrapper .question-wrapper input:focus,
.intro-wrapper .question-wrapper select:focus {border-color:#d5291e!important;}
.intro-wrapper .privacy-verklaring {float:left!important; text-align:left; width:100%; margin-top:15px; font-size:12px;}
.intro-wrapper .other-field {width:100%; float:left; margin-top:10px;}
.intro-wrapper .hidden {display:none; width:100%; float:left; margin-top:10px;}
.intro-wrapper .visible {display:block;}

/* Questions */
.category-wrapper {max-width:1100px; margin:0 auto; max-height:0; transition:.5s; overflow:hidden;}
.category-wrapper h2 {font-size:50px; font-weight:bold!important; line-height:1.2!important; text-align:center; float:left; width:100%; margin:50px 0;}
.category-wrapper.current-step {max-height:9999px; margin-top:10vh;}
.question-wrapper {width:100%; display:inline-block; margin:0 0 25px 0;}
.question-wrapper .question {width:100%; display:inline-block; font-size:16px; font-weight:bold; text-align:left; padding:0 15px; margin-bottom:8px;}
.question-wrapper .answer-wrapper {width:calc(20% - 30px); display:inline-block; border-radius:5px; margin:0 15px; text-align:left;}
.question-wrapper .answer-wrapper .answer-table {display:table; height:100px; width:100%;}
.question-wrapper .answer-wrapper .answer-table .answer {width:100%; display:table-cell; vertical-align:middle; background-color:#fff; border-radius:5px; padding:0 5px; text-align:center; border:3px solid #efefef; transition:.3s;}
.question-wrapper .answer-wrapper .answer-table .answer:hover {color:#b32821; border-color:#b32821; cursor:pointer; font-weight:bold;}
.question-wrapper .answer-wrapper .answer-table input {display:none;}
.question-wrapper .answer-wrapper .answer-table input[type="radio"]:checked+label{border:3px solid #d5291e; font-weight:bold; color:#d5291e;} 

/* Next */
.load-next {background-color:#d5291e; color:#fff; border:none; padding:10px 50px; pointer-events:none; opacity:0.5; float:right; font-family:'Montserrat'; line-height:1.5; transition:.3s;}
.load-next.enable {pointer-events:auto; opacity:1;}
.load-next.enable:hover {cursor:pointer; background-color:#b32821;}

/* Progress bar */
.survey-progress {}
.survey-progress .survey-progress-bar {width:100%; position:relative; height:8px; border-radius:3px; background-color:#dddddd; overflow:hidden;}
.survey-progress .survey-progress-bar .survey-progress-fill {position:absolute; height:100%; background-color:#d5291e;}
.survey-progress .survey-progress-counter {width:100%; text-align:center; margin-top:5px; display:inline-block;}

/* Results */ 
.survey-results .answers-wrapper .answers-container {max-height:0; overflow:hidden; width:100%; float:left; transition:1s;}
.survey-results .answers-wrapper .answers-container.open {max-height:9999px;}
.survey-results .answers-wrapper .answers-container h2 {font-size:40px; font-weight:bold!important; color:#d5291e!important; line-height:1!important; margin:50px 0 25px 0;}
.survey-results .answers-wrapper .answers-container .category-container {background-color:#fff; border:2px solid #000; padding:25px; margin-bottom:25px;}
.survey-results .answers-wrapper .answers-container .category-container h3 {margin-top:0;}
.survey-results .answers-wrapper .answers-container .category-container div {margin-top:5px;}
.survey-results .answers-wrapper .answers-container .category-container h4 {margin-bottom:0;}
.survey-results .chart-wrapper {background-color:#fff; border:2px solid #000; padding:25px; margin-top:25px; display:inline-block; width:100%;}
.survey-results .chart-wrapper h3 {font-size:25px; color:#d5291e;}
.survey-results .answers-action-button {background-color:#d5291e; padding:10px 50px; float:right; margin-top:25px; color:#fff; margin-right:10px;}
.survey-results .answers-action-button:hover {cursor:pointer;}
.survey-results .answers-action-button:first-child {margin-right:0;}

.survey-results .description-wrapper {display:inline-block; width:100%; background-color:#fff; border:2px solid #000; padding:25px; margin-top:25px;}
.survey-results .description-wrapper h2 {font-size:40px; line-height:1.2!important; margin-top:0; margin-bottom:0; color:#d5291e!important; font-weight:bold!important;}
.survey-results .description-wrapper h3 {display:inline-block; width:100%; font-size:25px; line-height:1.2!important; color:#d5291e; margin-top:25px; margin-bottom:5px;}
.survey-results .description-wrapper h4 {font-size:16px; margin-bottom:0;}
.survey-results .description-wrapper p {margin-top:0;}
.survey-results .motivation-wrapper {display:none;}

/* Motivation */
.motivation-wrapper {position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,.7); z-index:99999; text-align:center; padding:25px;}
.motivation-wrapper .motivation-container {text-align:center; margin-top:50vh; transform:translateY(-50%); background-color:#fff; display:inline-block; padding:50px; border:2px solid #000; border-radius:3px; width:100%; max-width:600px;}
.motivation-wrapper .motivation-container h1 {color:#000; margin-top:0; margin-bottom:0;}
.motivation-wrapper .motivation-container p {color:#000;}
.motivation-wrapper .motivation-container .continue-button {background-color:#d5291e; padding:10px 50px; color:#fff; display:inline-block; width:auto;}
.motivation-wrapper .motivation-container .continue-button:hover {cursor:pointer;}

/*
.motivation-wrapper {position:fixed; left:0; top:0; right:0; bottom:0; background-color:rgba(0,0,0,.7); z-index:99999; text-align:center; padding:25px;}
.motivation-wrapper .motivation-container {text-align:center; margin-top:50vh; transform:translateY(-50%); background-color:rgba(0,0,0,.7); display:inline-block; padding:50px; border:2px solid #fff; border-radius:3px; width:100%; max-width:600px;}
.motivation-wrapper .motivation-container .continue-button {background-color:#d5291e; padding:10px 50px; color:#fff; display:inline-block; width:auto;}
.motivation-wrapper .motivation-container .continue-button:hover {cursor:pointer;}
*/

/* Pdf Style */
@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

.pdf,
.pdf h1,
.pdf h2,
.pdf h3,
.pdf h4,
.pdf h5,
.pdf h6,
.pdf ul {font-family: 'Montserrat', sans-serif;}

.pdf .page_break {page-break-before:always;}

.pdf .pdf-logo-wrapper {background-color:#1d1d1d; position:relative; width:100%; height:40px; padding:20px;}
.pdf .pdf-logo-wrapper img {height:40px; float:left;}
.pdf .pdf-logo-wrapper .personal-info {color:#fff; float:right; margin-right:32px}

.pdf .pdf-image-wrapper {position:relative; width: 400px; height: 290px; margin-top:15px;}
.pdf .pdf-image-wrapper img {position:absolute; height:100%; width:100%; top:0; left:0;}
.pdf .pdf-image-wrapper img.layer-99 {z-index:99;}

.pdf .answers-wrapper {width:100%; font-size:13px;}
.pdf .answers-wrapper .answers-container h2 {font-size:35px; line-height:1.2; margin-bottom:0; margin-top:10px!important; padding:0 20px; color:#d5291e;}
.pdf .question-wrapper {padding:0 20px; width:100%; margin-bottom:0;}
.pdf .question-wrapper h3 {font-size:18px; margin-top:20px;}

.pdf .description {}
.pdf .description h2 {font-size:35px; line-height:1.2; margin-bottom:0; margin-top:0!important; padding:0!important; color:#d5291e;}
.pdf .description h3 {font-size:20px; line-height:1.2; margin-bottom:0; margin-top:0!important; padding:0!important; color:#d5291e;}
.pdf .description h4 {font-size:15px; line-height:1.2; margin-bottom:0; margin-top:10px!important; padding:0!important;}
.pdf .description .description-intro {width:100%; padding:0 20px!important;}
.pdf .description .category-description {width:100%; padding:0 20px!important; margin-bottom:5px;}

@media only screen and (max-width: 800px) {
	
}