/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./assets/styles.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
.booom-single-lid .relative {
    position: relative
}
.booom-single-lid .mb-3 {
    margin-bottom: 0.75rem
}
.booom-single-lid .mb-5 {
    margin-bottom: 1.25rem
}
.booom-single-lid .mb-6 {
    margin-bottom: 1.5rem
}
.booom-single-lid .mt-0 {
    margin-top: 0px
}
.booom-single-lid .block {
    display: block
}
.booom-single-lid .flex {
    display: flex
}
.booom-single-lid .aspect-square {
    aspect-ratio: 1 / 1
}
.booom-single-lid .w-fit {
    width: -moz-fit-content;
    width: fit-content
}
.booom-single-lid .w-full {
    width: 100%
}
.booom-single-lid .max-w-\[550px\] {
    max-width: 550px
}
.booom-single-lid .scale-75 {
    --tw-scale-x: .75;
    --tw-scale-y: .75;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.booom-single-lid .scale-\[1\.075\] {
    --tw-scale-x: 1.075;
    --tw-scale-y: 1.075;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.booom-single-lid .transform {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
.booom-single-lid .flex-col {
    flex-direction: column
}
.booom-single-lid .flex-col-reverse {
    flex-direction: column-reverse
}
.booom-single-lid .items-center {
    align-items: center
}
.booom-single-lid .gap-14 {
    gap: 3.5rem
}
.booom-single-lid .gap-2 {
    gap: 0.5rem
}
.booom-single-lid .gap-4 {
    gap: 1rem
}
.booom-single-lid .overflow-hidden {
    overflow: hidden
}
.booom-single-lid .rounded-2xl {
    border-radius: 1rem
}
.booom-single-lid .rounded-lg {
    border-radius: 0.5rem
}
.booom-single-lid .border-\[1px\] {
    border-width: 1px
}
.booom-single-lid .border-solid {
    border-style: solid
}
.booom-single-lid .border-\[\#4a4a4a\] {
    --tw-border-opacity: 1;
    border-color: rgb(74 74 74 / var(--tw-border-opacity, 1))
}
.booom-single-lid .bg-white\/90 {
    background-color: rgb(255 255 255 / 0.9)
}
.booom-single-lid .object-cover {
    -o-object-fit: cover;
       object-fit: cover
}
.booom-single-lid .py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}
.booom-single-lid .pt-6 {
    padding-top: 1.5rem
}
.booom-single-lid .pt-10 {
    padding-top: 2.5rem
}
.booom-single-lid .text-xl {
    font-size: var(--wp--preset--font-size--xl)
}
.booom-single-lid .text-xxxxl {
    font-size: var(--wp--preset--font-size--xxxxl)
}
.booom-single-lid .text-xxxxxl {
    font-size: var(--wp--preset--font-size--xxxxxl)
}
.booom-single-lid .font-medium {
    font-weight: 500
}
.booom-single-lid .capitalize {
    text-transform: capitalize
}
.booom-single-lid .tracking-tight {
    letter-spacing: -0.025em
}
.booom-single-lid .text-contrast {
    color: var(--wp--preset--color--contrast)
}
.booom-single-lid .no-underline {
    text-decoration-line: none
}
.booom-single-lid .transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}
.booom-single-lid .duration-200 {
    transition-duration: 200ms
}
.booom-single-lid .duration-300 {
    transition-duration: 300ms
}
.booom-single-lid .ease-in-out {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.sjoa-user-image img {
    aspect-ratio: 1 / 1;
    height: auto;
    width: 100%;
    border-radius: 1rem;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center
}

.booom-leden-card-img-not-available {
    position: absolute;
    inset: 0px;
    height: 100%;
    width: 100%;
    background-color: rgb(255 255 255 / 0.1);
    --tw-backdrop-blur: blur(8px);
    backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms
}
.booom-leden-card-img-not-available .sjoa-logo {
    position: absolute;
    top: 3rem;
    left: 50%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms
}
.booom-leden-card-img-not-available .user-icon {
    position: absolute;
    bottom: -3.5rem;
    left: 50%;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 200ms
}
@media (min-width: 1024px) {
    .booom-leden-card-img-not-available .user-icon {
        bottom: -1.25rem
    }
}

.contact-list-item {
    display: flex;
    align-items: center;
    gap: 1rem
}
.contact-list-item svg {
    height: 2rem;
    width: 2rem;
    color: var(--wp--preset--color--contrast)
}
.contact-list-item a {
    font-size: var(--wp--preset--font-size--lg);
    text-decoration-line: none
}
.contact-list-item a:hover {
    text-decoration-line: underline
}

.user-social-link {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: var(--wp--preset--font-size--lg);
    text-decoration-line: none
}

.user-social-link:hover {
    text-decoration-line: underline
}
.user-social-link svg {
    height: 2rem;
    width: 2rem;
    color: var(--wp--preset--color--contrast)
}
.booom-single-lid .hover\:opacity-80:hover {
    opacity: 0.8
}
.booom-single-lid :is(.group:hover .group-hover\:-translate-x-1) {
    --tw-translate-x: -0.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}
@media (min-width: 768px) {
    .booom-single-lid .md\:mb-6 {
        margin-bottom: 1.5rem
    }
    .booom-single-lid .md\:w-1\/2 {
        width: 50%
    }
    .booom-single-lid .md\:w-2\/5 {
        width: 40%
    }
    .booom-single-lid .md\:w-3\/5 {
        width: 60%
    }
    .booom-single-lid .md\:flex-row {
        flex-direction: row
    }
    .booom-single-lid .md\:gap-20 {
        gap: 5rem
    }
    .booom-single-lid .md\:py-14 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }
    .booom-single-lid .md\:pt-4 {
        padding-top: 1rem
    }
}
@media (min-width: 1024px) {
    .booom-single-lid .lg\:w-1\/2 {
        width: 50%
    }
    .booom-single-lid .lg\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
    }
    .booom-single-lid .lg\:gap-20 {
        gap: 5rem
    }
    .booom-single-lid .lg\:\!text-xxxxxxl {
        font-size: var(--wp--preset--font-size--xxxxxxl) !important
    }
    .booom-single-lid .lg\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }
}

/*# sourceMappingURL=styles.css.map*/