/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Frontend + editor */

/* KLANTENKENNISBANK */

/* Afbeeldingsbijschriften */
.wp-caption-text {
    margin-top: 10px;
    font-size: 12px;
    font-style: italic;
    line-height: 1.4;
    letter-spacing: 0.02em;
	
}

/* JETSLOTH COLLAPSIBLE SECTIONS */

/* JetSloth Collapsible Sections header */

#gform_15 .gsection_title {
display: none; /* Verberg de eigenlijke titel, toon alleen de beschrijving omdat deze HTML toestaat */
}

.gform_wrapper .gsection_description * {
    letter-spacing: 0.025em !important;
	font-family: Lexia;
	font-size: 22px;
}

.gform_wrapper .collapsible-sections-field {
    border-radius: 4px;
    padding: 25px;
    padding-left: 30px;
    border: none;
    background-color: #F1F1F1;
    box-shadow: inset 0 -24px 24px -18px #F1F1F1;
    margin-bottom: 1em;
    text-align: left;
    position: relative;
    transition:
        background-color 0.4s ease,
        box-shadow 0.4s ease,
        color 0.4s ease;
    cursor: pointer;
    font-family: inherit;
    font-size: 10pt;
    padding-right: 230px;
}

.gform_wrapper .collapsible-sections-field:hover {
    background-color: #E3E3E3;
    box-shadow: inset 0 -40px 40px -24px #F1F1F1;
    color: inherit;
}

.gform_wrapper .collapsible-sections-field:hover *,
.gform_wrapper .collapsible-sections-field:hover::after {
    color: inherit;
}

.gform_wrapper .collapsible-sections-content {
    border: 1px solid #e5e5e5;
    border-top: none;
    border-radius: 0 0 4px 4px;
}

.gform_wrapper .collapsible-sections-field::after {
    content: "";
    position: absolute;
    right: 30px;
    top: 50%;
    width: 28px;
    height: 28px;
    transform: translateY(-50%) rotate(180deg);
    transition: transform 0.2s ease;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 -960 960 960' width='24px' fill='%23999999'%3E%3Cpath d='M465-363.5q-7-2.5-13-8.5L268-556q-11-11-11-28t11-28q11-11 28-11t28 11l156 156 156-156q11-11 28-11t28 11q11 11 11 28t-11 28L508-372q-6 6-13 8.5t-15 2.5q-8 0-15-2.5Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.gform_wrapper .collapsible-sections-field[aria-expanded="false"]::after {
    transform: translateY(-50%) rotate(0deg);
}

.gss-badge {
	right: 70px;
	font-size: inherit;
}

.gss-badge__check {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    overflow: hidden;
    font-size: 0 !important;
    line-height: 0;
}

.gss-badge__check::before {
    content: "";
    position: absolute;
    inset: 0;
    display: block;

    background-color: #8bd296;

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m400-445.5 222-222q18.5-18.5 41.75-18.5T706-667q19 19 19 42.5T706-582L443.5-318Q425-299.5 400-299.5T356.5-318l-104-104q-18.5-18.5-18-42.25T254-507q19-19 42.5-19t42.5 19l61 61.5Z'/%3E%3C/svg%3E") center / contain no-repeat;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m400-445.5 222-222q18.5-18.5 41.75-18.5T706-667q19 19 19 42.5T706-582L443.5-318Q425-299.5 400-299.5T356.5-318l-104-104q-18.5-18.5-18-42.25T254-507q19-19 42.5-19t42.5 19l61 61.5Z'/%3E%3C/svg%3E") center / contain no-repeat;

    transform: scale(1.8);
    transform-origin: center;
}

/* Afstand tussen JetSloth Collapsible Sections*/
.gform-theme--foundation {
    --gf-form-gap-y: 0px;
}
.gform_wrapper:not(.gform_variation_wrapper):not(.gform_legacy_markup_wrapper) 
.collapsible-sections-collapsible-body > .gfield:last-child {
    margin-bottom: 1em;
}