/* 
Flex Dropdown

Algemene CSS instellingen voor de module.
Verwijder deze instellingen niet.
*/

.flex_module.dropdown .cstm-dropdown-item:not(:last-child){
    margin-bottom: 10px;
}

.flex_module.dropdown .cstm-dropdown-item{
    background-color: #fff;
    overflow: hidden;
    border-radius: 5px;
}

.flex_module.dropdown .cstm-dropdown-question{
    position: relative;
    width: 100%;
    font-weight: 600;
    text-align: left;
    color: #000000 !important;
    padding: 20px 30px;
    background-color: #fff !important;
    border-radius: 8px;
    outline: none !important;
    top: 0 !important;
}

.flex_module.dropdown .cstm-dropdown-question:after{
    transition: transform .3s ease-in-out;
    content: "";
    position: absolute;
    width: 27px;
    height: 27px;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='11' viewBox='0 0 17 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.66992 10.2021L1.0293 3.56152C0.570313 3.10254 0.570313 2.36035 1.0293 1.90625L2.13281 0.802734C2.5918 0.34375 3.33398 0.34375 3.78809 0.802734L8.49512 5.50977L13.2021 0.802734C13.6611 0.34375 14.4033 0.34375 14.8574 0.802734L15.9609 1.90625C16.4199 2.36523 16.4199 3.10742 15.9609 3.56152L9.32031 10.2021C8.87109 10.6611 8.12891 10.6611 7.66992 10.2021Z' fill='%235DA0C6'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat; background-size: contain;
    pointer-events: none;
}
.flex_module.dropdown .cstm-dropdown-question.opened:after{
    transform: translateY(-50%) rotate(180deg);
}

.flex_module.dropdown .cstm-dropdown-question.opened .faq-content{
    max-height: 100% !important;
}
.flex_module.dropdown .cstm-dropdown-content{
    transition: max-height .3s ease-in-out;
    max-height: 0px;
    overflow: hidden;
    text-align: left;
    color: #000000 !important;
    background-color: #FFFFFF !important;
}
.flex_module.dropdown .cstm-dropdown-content-inner{
    padding: 20px 30px 20px 30px;
}

.flex_module.dropdown button.cstm-dropdown-question.opened {
    border-radius: 0;
}

.flex_module.dropdown .cstm-dropdown-wrapper button:focus{ 
    border: unset;
}

.flex_module.dropdown .cstm-dropdown-wrapper button:hover{
    border: unset;
}

.flex_module.dropdown .cstm-dropdown-wrapper button{
    border: unset;
}

@media screen and (max-width: 767px) {
    .flex_module.dropdown .cstm-dropdown-question:after{
        right: 10px;
    }

    .flex_module.dropdown .cstm-dropdown-question{
        padding: 20px 50px 20px 20px;
    }
}