/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Template: Divi
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 4.27.4.1737548368
Updated: 2025-01-22 12:19:28

*/

.frm_range_container {
    margin-top: 20px; /* Zorgt voor ruimte tussen de titel en de slider */
    position: relative;
}

.frm_range_container label {
    display: block;
    margin-bottom: 40px; /* Pas aan op basis van ruimte boven de slider */
    text-align: center; /* Optioneel: centreer de titel */
}

.frm_range_container .frm_range_value {
    position: absolute;
    top: -25px; /* Positie van de waarde boven de slider */
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-weight: bold;
}

/* Zorgt ervoor dat de dropdown en resultaten netjes onder elkaar staan */
#formidable_entry_select {
    width: 100%;
    max-width: 400px;
    font-size: 18px;
    padding: 10px;
    margin-bottom: 15px;
}

/* Algemene container-styling */
#formidable_entry_output {
    width: 100%; /* Past zich aan de breedte van het scherm aan */
    max-width: 80vw; /* Zorgt ervoor dat het niet te breed wordt op grote schermen */
    min-width: 300px; /* Zorgt dat het niet te smal wordt op mobiele apparaten */
    background: #f9f9f9;
    padding: 20px;
    border-radius: 10px;
    font-size: 18px;
    line-height: 1.5;
    margin: 20px auto; /* Centreert de container */
}

/* Breder op grotere schermen */
@media (min-width: 1024px) {
    #formidable_entry_output {
        max-width: 60vw; /* Op desktop minder breed maken */
    }
}

/* Extra brede layout voor tablets */
@media (min-width: 768px) and (max-width: 1024px) {
    #formidable_entry_output {
        max-width: 70vw;
    }
}

/* Opmaak van de titels */
#formidable_entry_output h3 {
    font-size: 24px;
    margin-bottom: 15px;
    color: #333;
}

/* Labels van de antwoorden */
#formidable_entry_output p strong {
    display: block;
    font-size: 20px;
    color: #0073aa;
    margin-top: 10px;
}

/* Algemene tekst weergave */
#formidable_entry_output p {
    margin: 5px 0;
}

/* Specifieke styling voor het resultaatveld */
#formidable_entry_output p:last-child {
    font-weight: bold;
    font-size: 20px;
    color: #0073aa;
}

/* Zorgt ervoor dat de dropdown ook goed schaalt */
#formidable_entry_select {
    width: 100%;
    max-width: 400px;
    font-size: 18px;
    padding: 10px;
    margin-bottom: 15px;
}