/* ======= Variables ======= */
/* :root {
  --brand-primary: #003120;
  --brand-secondary: #71B644;
  --brand-accent: #E7EDFF;
  --neutral-dark: #000;
  --neutral-light: #fff;
} */

/* ======= overzichtcard ======= */
.c-communitycard{
    border-top-right-radius: 0px !important;
    border-top-left-radius: 40px !important;
}

.c-communitycard__bgwide{
    opacity: 0 !important;
    width: 100% !important;
    height: 100% !important;
}
.c-communitycard__content{
    z-index: 5 !important;
}

.c-communitycard__bgfeatured, .c-communitycard__bgwide{
    height: 100% !important;
    transition: all 0.3s ease !important;
}

.c-communitycard:hover .c-communitycard__bgwide,
.c-communitycard:hover .c-communitycard__bgfeatured{
    scale: 1.1 !important;
}
/* ======= every second card ======= */
.c-community .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(2n) .c-communitycard{
    border-top-right-radius: 40px !important;
    border-top-left-radius: 0px !important;

    background-color: var(--brand-primary) !important;
}
.c-community .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(2n) .c-communitycard{
    flex-direction: row-reverse !important;
}
.c-community .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(2n) .c-communitycard__title *,
.c-community .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(2n) .c-communitycard__text *{
    color: var(--neutral-light) !important;
}

.c-community .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(2n) .c-communitycard__arrow{
    right: unset !important;
    left: 0 !important;
    background-color: var(--brand-secondary) !important;
    border-top-right-radius: 8px !important;
    border-top-left-radius: 0px !important;
}

@media(max-width: 767px){
    .c-community .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(2n) .c-communitycard__arrow{
        right: 0 !important;
        left: unset !important;
        border-top-right-radius: 0px !important;
        border-top-left-radius: 8px !important;
    }
}

/* ======= every third card ======= */
.c-community .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(3n) .c-communitycard__container .e-con-inner{
    width: 100% !important;
    max-width: none !important;
}

.c-community .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(3n) .c-communitycard__text{
    max-width: 560px !important;
}

.c-community .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(3n) .c-communitycard__content{
    padding-top: 120px !important;
    padding-bottom: 120px !important;
}
.c-community .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(3n) .c-communitycard__bgfeatured{
    display: none !important;
}
.c-community .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(3n) .c-communitycard__bgwide{
    opacity: 1 !important;
}

.c-community .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(3n) .c-communitycard__title *,
.c-community .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(3n) .c-communitycard__text *{
    color: var(--neutral-light) !important;
}

.c-community .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(3n) .c-communitycard__arrow{
    background-color: var(--neutral-light) !important;
}
.c-community .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(3n) .c-communitycard__arrow path{
    color: var(--brand-primary) !important;
    fill: var(--brand-primary) !important;
}
 
@media(max-width: 767px){
    .c-community .elementor-loop-container.elementor-grid > .e-loop-item:nth-of-type(3n) .c-communitycard__featuredcont{
        display: none !important;
    }
}