/*!
Theme Name: Hello Elementor Child by TRGR
Theme URI: https://trgr.nl
Description: Hello Elementor Child is a child theme of Hello Elementor, created by TRGR
Template: hello-elementor
Version: 1.1.6
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
*/
:root {
    --trgr-color-primary: #7d61d2;
    --trgr-color-primary-rgb: 125, 97, 210;
    --trgr-color-secondary: #0d0859;
    --trgr-color-secondary-rgb: 13, 8, 89;
    --trgr-color-paars: #7d61d2;
    --trgr-color-paars-rgb: 125, 97, 210;
    --trgr-color-turquoise: #24bfb8;
    --trgr-color-turquoise-rgb: 36, 191, 184;
    --trgr-color-perzik: #e8ab99;
    --trgr-color-perzik-rgb: 232, 171, 153;
    --trgr-color-oranje: #f2a305;
    --trgr-color-oranje-rgb: 242, 163, 5;
    --trgr-color-rood: #f54a00;
    --trgr-color-rood-rgb: 245, 74, 0;
    --trgr-color-lime: #d1fa8c;
    --trgr-color-lime-rgb: 209, 250, 140;
    --trgr-color-donkerblauw: #0d0859;
    --trgr-color-donkerblauw-rgb: 13, 8, 89;
    --trgr-color-black: #000;
    --trgr-color-black-rgb: 0, 0, 0;
    --trgr-color-white: #fff;
    --trgr-color-white-rgb: 255, 255, 255;
    --120: 120px;
    --100: 100px;
    --80: 80px;
    --72: 72px;
    --64: 64px;
    --56: 56px;
    --48: 48px;
    --40: 40px;
    --32: 32px;
    --24: 24px;
    --16: 16px;
    --12: 12px;
    --8: 8px;
    --br: 28px;
    --br-l: 44px;
    --br-s: 16px
}

:root.dark-mode {
    --trgr-color-primary: #7d61d2;
    --trgr-color-secondary: #f4f1fb;
    --trgr-color-paars: #f4f1fb;
    --trgr-color-white: #7d61d2;
    --trgr-color-donkerblauw: #fff
}

@media(max-width:1366px) {
    :root {
        --120: 108px;
        --100: 90px;
        --80: 72px;
        --72: 65px;
        --64: 58px;
        --56: 50px;
        --48: 42px;
        --40: 36px;
        --32: 29px;
        --24: 21px;
        --16: 14px;
        --12: 10px;
        --8: 6px;
        --br: 24px;
        --br-l: 36px;
        --br-s: 13px
    }
}

@media(max-width:1200px) {
    :root {
        --120: 96px;
        --100: 80px;
        --80: 64px;
        --72: 58px;
        --64: 52px;
        --56: 46px;
        --48: 36px;
        --40: 30px;
        --32: 26px;
        --24: 19px;
        --16: 13px;
        --12: 9px;
        --8: 5px;
        --br: 20px;
        --br-l: 30px;
        --br-s: 11px
    }
}

@media(max-width:1024px) {
    :root {
        --120: 84px;
        --100: 70px;
        --80: 56px;
        --72: 50px;
        --64: 45px;
        --56: 40px;
        --48: 30px;
        --40: 26px;
        --32: 23px;
        --24: 17px;
        --16: 11px;
        --12: 8px;
        --8: 4px;
        --br: 16px;
        --br-l: 24px;
        --br-s: 9px
    }
}

@media(max-width:880px) {
    :root {
        --120: 72px;
        --100: 60px;
        --80: 48px;
        --72: 42px;
        --64: 38px;
        --56: 32px;
        --48: 24px;
        --40: 22px;
        --32: 21px;
        --24: 14px;
        --16: 10px;
        --12: 7px;
        --8: 4px;
        --br: 12px;
        --br-l: 18px;
        --br-s: 7px
    }
}

@media(max-width:767px) {
    :root {
        --120: 60px;
        --100: 50px;
        --80: 40px;
        --72: 36px;
        --64: 32px;
        --56: 28px;
        --48: 20px;
        --40: 18px;
        --32: 16px;
        --24: 12px;
        --16: 8px;
        --12: 6px;
        --8: 3px;
        --br: 8px;
        --br-l: 12px;
        --br-s: 5px
    }
}

body,
html {
    color: var(--color-dark)
}

p {
    line-height: 150%
}

@media print {

    .elementor-location-footer,
    .elementor-location-header,
    .no-print,
    .print-btn {
        display: none !important
    }

    .trgr-single-header {
        margin-bottom: 1em !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .trgr-single-header>.e-con-inner>.e-con {
        margin: 0 !important;
        min-height: 0 !important;
        padding: 0 !important;
        width: 100% !important
    }

    .trgr-single-header>.e-con-inner>.e-con:before,
    .trgr-single-header>.e-con-inner>.e-con>.e-con>.e-con-inner>.e-con>.elementor-widget-breadcrumbs {
        display: none !important
    }

    .trgr-single-header>.e-con-inner>.e-con>.e-con>.e-con-inner>.e-con h1 {
        color: #000 !important;
        font-size: 24pt !important
    }

    .trgr-single-header>.e-con-inner>.e-con>.e-con>.e-con-inner>.e-con:nth-child(2) {
        display: none !important
    }

    .trgr-single-header>.e-con-inner>.e-con>.e-con:first-of-type {
        -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
        order: 1 !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .trgr-single-header>.e-con-inner>.e-con>.elementor-widget-theme-post-featured-image,
    .trgr-single-header>.e-con-inner>.e-con>.elementor-widget-image {
        margin-bottom: 1em !important;
        position: relative !important
    }

    .trgr-single-header>.e-con-inner>.e-con>.elementor-widget-theme-post-featured-image img,
    .trgr-single-header>.e-con-inner>.e-con>.elementor-widget-image img {
        aspect-ratio: 2/1 !important
    }

    .trgr-single-header+div {
        margin-top: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .trgr-single-header+div>.e-con-inner>.e-con {
        padding: 0 !important;
        width: 100% !important
    }

    .elementor-location-single.type-ervaringen .edited-bar,
    .elementor-location-single.type-nieuws .edited-bar {
        width: 100% !important
    }

    .elementor-location-single.type-locaties .acf-list-items-wrapper {
        margin-bottom: 1em !important
    }

    .elementor-location-single.type-locaties .acf-list-items-wrapper .acf-list-item i {
        font-size: 1.2em !important;
        margin-right: .4em !important
    }

    .elementor-element.trgr-flex-content-afbeelding,
    .elementor-element.trgr-flex-content-bijlagen,
    .elementor-element.trgr-flex-content-quote,
    .elementor-element.trgr-flex-content-tekst,
    .elementor-element.trgr-flex-content-tekst-afbeelding-trio {
        max-width: none !important
    }

    .elementor-element.trgr-flex-content-tekst-afbeelding-trio>.e-con>.e-con,
    .elementor-element.trgr-flex-content-tekst.trgr-block-bg-paars {
        padding: 0 !important
    }

    .elementor-widget-loop-grid .elementor-loop-container,
    .swiper .swiper-wrapper {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        grid-gap: 1em !important;
        gap: 1em !important
    }

    .swiper .swiper-wrapper .swiper-slide {
        height: auto !important;
        margin-right: 0 !important;
        width: 100% !important
    }

    .swiper .swiper-wrapper .swiper-slide>.e-con>.e-con {
        padding: 1em 0 !important
    }

    .swiper .swiper-wrapper .swiper-slide>.e-con>.e-con .cta-wrapper,
    .swiper-button-wrapper {
        display: none !important
    }

    .e-con-boxed.e-parent {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    body {
        background: #fff !important;
        color: #000 !important;
        font-size: 12pt;
        line-height: 1.4
    }

    * {
        background: transparent !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

    blockquote,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    img,
    pre,
    table,
    tr {
        page-break-inside: avoid
    }

    a[href] {
        text-align: left
    }

    a[href]:after {
        content: " (" attr(href) ")";
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        font-size: 90%;
        font-style: italic;
        font-weight: 500;
        margin-top: .4em;
        opacity: .6;
        word-break: break-word
    }

    @page {
        margin: 1in
    }
}

.e-con-boxed.e-parent {
    padding-left: 5vw;
    padding-right: 5vw
}

.font-large [class*=elementor-kit-] {
    --e-global-typography-primary-font-size: 4.8875rem;
    --e-global-typography-secondary-font-size: 3.59375rem;
    --e-global-typography-text-font-size: 1.15rem;
    --e-global-typography-accent-font-size: 1.15rem;
    --e-global-typography-9234f1d-font-size: 2.73125rem;
    --e-global-typography-937ea11-font-size: 2.15625rem;
    --e-global-typography-d050fdd-font-size: 1.79687rem;
    --e-global-typography-8212d22-font-size: 1.4375rem;
    --e-global-typography-9dd19a7-font-size: 1.29375rem;
    --e-global-typography-632742b-font-size: 1.00625rem
}

.dark-mode [class*=elementor-kit-] {
    --e-global-color-primary: #fff;
    --e-global-color-secondary: #f4f1fb;
    --e-global-color-text: #e5a18e;
    --e-global-color-accent: #21b7af;
    --e-global-color-df4102a: #3f2c77;
    --e-global-color-90d6103: #fff;
    --e-global-color-394a38f: transparent;
    --e-global-color-e4729e0: #cbf981;
    --e-global-color-748c579: #3f2c77;
    --e-global-color-0b5b16f: #7d61d2
}

@media(max-width:1366px) {
    .font-large [class*=elementor-kit-] {
        --e-global-typography-primary-font-size: 4.6rem;
        --e-global-typography-secondary-font-size: 3.30625rem;
        --e-global-typography-9234f1d-font-size: 2.44375rem;
        --e-global-typography-937ea11-font-size: 2.0125rem;
        --e-global-typography-d050fdd-font-size: 1.725rem
    }
}

@media(max-width:1200px) {
    .font-large [class*=elementor-kit-] {
        --e-global-typography-primary-font-size: 4.025rem;
        --e-global-typography-secondary-font-size: 2.73125rem;
        --e-global-typography-9234f1d-font-size: 2.3rem;
        --e-global-typography-937ea11-font-size: 1.86875rem;
        --e-global-typography-d050fdd-font-size: 1.58125rem;
        --e-global-typography-8212d22-font-size: 1.29375rem
    }
}

@media(max-width:1024px) {
    .font-large [class*=elementor-kit-] {
        --e-global-typography-primary-font-size: 3.45rem;
        --e-global-typography-secondary-font-size: 2.3rem;
        --e-global-typography-9234f1d-font-size: 2.0125rem;
        --e-global-typography-937ea11-font-size: 1.725rem;
        --e-global-typography-d050fdd-font-size: 1.4375rem;
        --e-global-typography-8212d22-font-size: 1.29375rem
    }
}

@media(max-width:880px) {
    .font-large [class*=elementor-kit-] {
        --e-global-typography-primary-font-size: 3.01875rem;
        --e-global-typography-secondary-font-size: 2.0125rem;
        --e-global-typography-9234f1d-font-size: 1.86875rem;
        --e-global-typography-937ea11-font-size: 1.58125rem;
        --e-global-typography-d050fdd-font-size: 1.4375rem;
        --e-global-typography-8212d22-font-size: 1.29375rem
    }
}

@media(max-width:767px) {
    .font-large [class*=elementor-kit-] {
        --e-global-typography-primary-font-size: 2.5875rem;
        --e-global-typography-secondary-font-size: 1.725rem;
        --e-global-typography-9234f1d-font-size: 1.725rem;
        --e-global-typography-937ea11-font-size: 1.625rem;
        --e-global-typography-d050fdd-font-size: 1.4375rem;
        --e-global-typography-8212d22-font-size: 1.15rem;
        --e-global-typography-9dd19a7-font-size: 1.15rem;
        --e-global-typography-632742b-font-size: 0.92rem
    }
}

.elementor-widget-button .elementor-button {
    background-color: #7d61d2;
    background-color: var(--trgr-color-paars);
    border-color: #7d61d2;
    border-color: var(--trgr-color-paars);
    color: #fff;
    color: var(--trgr-color-white);
    fill: #fff;
    fill: var(--trgr-color-white)
}

.elementor-widget-button .elementor-button .elementor-button-content-wrapper {
    gap: .75em
}

.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-icon {
    fill: inherit
}

.elementor-widget-button .elementor-button .elementor-button-content-wrapper .elementor-button-text {
    color: inherit
}

.elementor-widget-button .elementor-button:hover,
.elementor-widget-button.elementor-button-info .elementor-button {
    background-color: #0d0859;
    background-color: var(--trgr-color-donkerblauw);
    border-color: #0d0859;
    border-color: var(--trgr-color-donkerblauw);
    color: #fff;
    color: var(--trgr-color-white);
    fill: #fff;
    fill: var(--trgr-color-white)
}

.elementor-widget-button.elementor-button-info .elementor-button:hover {
    background-color: #7d61d2;
    background-color: var(--trgr-color-paars);
    border-color: #7d61d2;
    border-color: var(--trgr-color-paars);
    color: #fff;
    color: var(--trgr-color-white);
    fill: #fff;
    fill: var(--trgr-color-white)
}

.elementor-widget-button.elementor-button-success .elementor-button {
    background-color: #fff;
    background-color: var(--trgr-color-white);
    border-color: #fff;
    border-color: var(--trgr-color-white);
    color: #0d0859;
    color: var(--trgr-color-donkerblauw);
    fill: #0d0859;
    fill: var(--trgr-color-donkerblauw)
}

.elementor-widget-button.elementor-button-success .elementor-button:hover {
    background-color: transparent;
    border-color: #fff;
    border-color: var(--trgr-color-white);
    color: #fff;
    color: var(--trgr-color-white);
    fill: #fff;
    fill: var(--trgr-color-white)
}

.elementor-widget-button.elementor-button-warning .elementor-button {
    background-color: transparent;
    border-color: #0d0859;
    border-color: var(--trgr-color-donkerblauw);
    color: #0d0859;
    color: var(--trgr-color-donkerblauw);
    fill: #0d0859;
    fill: var(--trgr-color-donkerblauw)
}

.elementor-widget-button.elementor-button-warning .elementor-button:hover {
    color: #fff;
    color: var(--trgr-color-white);
    fill: #fff;
    fill: var(--trgr-color-white)
}

.elementor-widget-button.elementor-button-warning .elementor-button:hover {
    background-color: #0d0859;
    background-color: var(--trgr-color-donkerblauw);
    border-color: #0d0859;
    border-color: var(--trgr-color-donkerblauw);
	color: #0d0859;
}

.dark-mode .elementor-widget-button.elementor-button-warning .elementor-button {
    background-color: #0d0859;
    background-color: var(--trgr-color-donkerblauw);
    border-color: #0d0859;
    border-color: var(--trgr-color-donkerblauw);
	color: #0d0859;
}

.dark-mode .elementor-widget-button.elementor-button-warning .elementor-button:hover {
	color: var(--trgr-color-donkerblauw);;
}

.dark-mode .elementor-widget-button.elementor-button-warning .elementor-button:hover {
    background-color: #7d61d2;
    background-color: var(--trgr-color-paars);
    color: #0d0859;
    color: var(--trgr-color-primary)
}

.elementor-widget-button.elementor-button-danger .elementor-button {
    background-color: transparent;
    border-color: #fff;
    border-color: var(--trgr-color-white);
    color: #fff;
    color: var(--trgr-color-white);
    fill: #fff;
    fill: var(--trgr-color-white)
}

.elementor-widget-button.elementor-button-danger .elementor-button:hover {
    background-color: #fff;
    background-color: var(--trgr-color-white);
    border-color: #fff;
    border-color: var(--trgr-color-white);
    color: #0d0859;
    color: var(--trgr-color-donkerblauw);
    fill: #0d0859;
    fill: var(--trgr-color-donkerblauw)
}

.elementor-widget-jet-instagram-gallery .elementor-jet-instagram-gallery .jet-instagram-gallery__instance {
    margin: 0
}

.elementor-widget-jet-instagram-gallery .elementor-jet-instagram-gallery .jet-instagram-gallery__instance .jet-instagram-gallery__item {
    height: auto
}

.elementor-widget-jet-instagram-gallery .elementor-jet-instagram-gallery .jet-instagram-gallery__instance .jet-instagram-gallery__item .jet-instagram-gallery__inner {
    border: 1px solid #e0e0e0;
    border: 1px solid var(--e-global-color-0b5b16f, #e0e0e0);
    border-radius: 28px;
    border-radius: var(--br);
    height: 100%;
    margin: 0;
    overflow: hidden
}

.elementor-widget-jet-instagram-gallery .elementor-jet-instagram-gallery .jet-instagram-gallery__instance .jet-instagram-gallery__item .jet-instagram-gallery__inner .jet-instagram-gallery__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    color: var(--color-primary);
    -ms-flex-direction: column;
    flex-direction: column;
    line-height: inherit
}

.elementor-widget-jet-instagram-gallery .elementor-jet-instagram-gallery .jet-instagram-gallery__instance .jet-instagram-gallery__item .jet-instagram-gallery__inner .jet-instagram-gallery__link .jet-instagram-gallery__media img {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover
}

.elementor-widget-jet-instagram-gallery .elementor-jet-instagram-gallery .jet-instagram-gallery__instance .jet-instagram-gallery__item .jet-instagram-gallery__inner .jet-instagram-gallery__link .jet-instagram-gallery__content {
    opacity: 1;
    position: static;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0;
    -webkit-box-pack: initial;
    -ms-flex-pack: initial;
    justify-content: normal;
    -webkit-box-align: initial;
    -ms-flex-align: initial;
    align-items: normal
}

.elementor-widget-jet-instagram-gallery .elementor-jet-instagram-gallery .jet-instagram-gallery__instance .jet-instagram-gallery__item .jet-instagram-gallery__inner .jet-instagram-gallery__link .jet-instagram-gallery__content .jet-instagram-gallery__caption {
    color: #000;
    max-width: none;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    margin: 0;
    order: 0;
    padding: 1em
}

.elementor-widget-jet-instagram-gallery .elementor-jet-instagram-gallery .jet-instagram-gallery__instance .jet-instagram-gallery__item .jet-instagram-gallery__inner .jet-instagram-gallery__link .jet-instagram-gallery__content .footer-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 1px solid #e0e0e0;
    border-top: 1px solid var(--e-global-color-0b5b16f, #e0e0e0);
    margin-top: auto;
    padding: 1em
}

.elementor-widget-jet-instagram-gallery .elementor-jet-instagram-gallery .jet-instagram-gallery__instance .jet-instagram-gallery__item .jet-instagram-gallery__inner .jet-instagram-gallery__link .jet-instagram-gallery__content .footer-content .middle-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 700;
    text-align: center
}

.elementor-widget-jet-instagram-gallery .elementor-jet-instagram-gallery .jet-instagram-gallery__instance .jet-instagram-gallery__item .jet-instagram-gallery__inner .jet-instagram-gallery__link .jet-instagram-gallery__content .footer-content .icon-left,
.elementor-widget-jet-instagram-gallery .elementor-jet-instagram-gallery .jet-instagram-gallery__instance .jet-instagram-gallery__item .jet-instagram-gallery__inner .jet-instagram-gallery__link .jet-instagram-gallery__content .footer-content .icon-right {
    height: 1.5em;
    width: 1.5em
}

.elementor-widget-jet-instagram-gallery .elementor-jet-instagram-gallery .jet-instagram-gallery__instance .jet-instagram-gallery__item .jet-instagram-gallery__inner .jet-instagram-gallery__link .jet-instagram-gallery__content:before {
    content: none;
    display: none
}

.elementor-widget-jet-instagram-gallery .elementor-jet-instagram-gallery .jet-instagram-gallery__instance .jet-instagram-gallery__item .jet-instagram-gallery__inner .jet-instagram-gallery__link:hover {
    color: inherit
}

#breadcrumbs i {
    font-size: .71em;
    vertical-align: middle
}

.bijlagen-wrapper,
.diensten-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 16px;
    gap: var(--16)
}

.bijlagen-wrapper a,
.diensten-wrapper a {
    background-color: transparent;
    border-radius: 10em;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 15px;
    font-weight: 700;
    line-height: 1;
    padding: 1em 1.375em;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 2px solid #0d0859;
    border-color: var(--trgr-color-donkerblauw);
    color: #0d0859;
    color: var(--trgr-color-donkerblauw);
    gap: .75em;
    fill: #0d0859;
    fill: var(--trgr-color-donkerblauw);
    word-break: break-word
}

.bijlagen-wrapper a:hover,
.diensten-wrapper a:hover {
    background-color: #0d0859;
    background-color: var(--trgr-color-donkerblauw);
    border-color: #0d0859;
    border-color: var(--trgr-color-donkerblauw);
    color: #fff;
    color: var(--trgr-color-white);
    fill: #fff;
    fill: var(--trgr-color-white)
}

.elementor-widget-icon {
    line-height: 0
}

.dignis-readspeaker {
    display: flex;
    margin-top: 1em;
}