/*.hero {
    -webkit-background-image: url('/assets/images/hero-rings.webp'), url('/assets/images/hero-background.webp');
    -moz-background-image: url('/assets/images/hero-rings.webp'), url('/assets/images/hero-background.webp');
    -ms-background-image: url('/assets/images/hero-rings.webp'), url('/assets/images/hero-background.webp');
    -o-background-image: url('/assets/images/hero-rings.webp'), url('/assets/images/hero-background.webp');
    -khtml-background-image: url('/assets/images/hero-rings.webp'), url('/assets/images/hero-background.webp');
    background-image: url('/assets/images/hero-rings.webp'), url('/assets/images/hero-background.webp');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    -khtml-background-size: cover;
    background-size: cover;
    -webkit-background-position: center center;
    -moz-background-position: center center;
    -ms-background-position: center center;
    -o-background-position: center center;
    -khtml-background-position: center center;
    background-position: center center;

}*/

body {
    padding-top: 4rem;
}

.navbar, .navbar-brand, .navbar-burger {
    min-height: 4rem;
}

.hero:not(.pt-6) {
    position: relative;
    overflow: hidden;
    background: linear-gradient(50deg, rgba(255, 255, 255, 1) 3.78%, rgb(222, 191, 208) 10.08%, rgb(193, 132, 163) 18.49%, #993467 38.66%, rgb(118, 38, 78) 58.4%, #4f1733);

   }

.hero:not(.pt-6)::after {
    content: '';
    animation: hero 60s linear infinite;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    will-change: transform;
    background: url('/assets/images/hero-rings.svg') center center no-repeat;
    position: absolute;
    width: 200%;
    height: 200%;
    left: -50%;
    background-size: cover;
    }

.hero-body, .hero-footer {
    z-index: 1;
}

#aankomende_activiteiten_filter .filtertab:nth-of-type(1) {
    z-index: 6;
}

#aankomende_activiteiten_filter .filtertab:nth-of-type(2) {
    z-index: 5;
}

#aankomende_activiteiten_filter .filtertab:nth-of-type(3) {
    z-index: 4;
}

#aankomende_activiteiten_filter .filtertab:nth-of-type(4) {
    z-index: 3;
}
#aankomende_activiteiten_filter .filtertab:nth-of-type(5) {
    z-index: 2;
}
#aankomende_activiteiten_filter .filtertab:nth-of-type(6) {
    z-index: 1;
}

#aanbodcontent td {
    vertical-align: middle !important;
}

.edwh-columns {
    align-items: stretch;
}

.edwh-column-card > .box {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.has-text-white {
    color: #F6F6F6 !important;
}

#footer {
    background-color: #6F7072;
}
 #footer a {
                color: #F6F6F6!important;
                font-weight: bold!important;
            }
  #footer a:hover {
                color: #27A9E0!important;
            }

#footer-logo {
    width: 100%;
}

.tabs.is-boxed a {
    border-top-left-radius: 100%;
    border-top-right-radius: 100%;
}

.navbar-start * {
    font-size: 1rem;
}
.navbar-item img {
    max-height: 100%;
    width: 10rem;
}

.edwh-card-teaser, .edwh-card-title {
    color: #3C3C3B !important;
}

.edwh-card-subtitle span {
    color: #a00d59;
}

.card-content > .box:nth-last-child(2) {
    margin-bottom: 0rem;
}

#aanbodcontent .card {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 100%;
}

.button.is-primary:hover, .button.is-primary.is-hovered {
    background-color: #37A8DB;
}

#aanbodcontent .card-content {
    background-color: #27A9E0;
    padding: 1.25rem 0rem 1.25rem 0rem;
}

.has-background-orange {
    background-color: #E6511E;
}

.has-background-blue {
    background-color: #27A9E0;
}

.has-text-blue {
    color: #27A9E0;
}

.hero.is-primary strong, .hero .is-primary a {
    color: #27A9E0;
}

.hero.is-primary .card-content strong, .hero .is-primary .card-content a {
    color: #a00d59;
}

.filtertab.is-active {
    z-index: 5;
    color: #a00d59 !important;
}

.has-text-black {
    color: #1C1917 !important;
}

#filtermenu {
    display: flex;
    z-index: 9999;
    width: fit-content;
}

#filtermenu .menu-label, #filtermenu svg {
    cursor: pointer;
}

#filtermenu svg {
    margin-left: 1em;
    color: #a00d59;
}

#filtermenu svg.showmoreicon {
    fill: #a00d59;
}

#filtermenu > .modal-content {
    border-style: solid;
    border-color: #a00d59;
    border-right-style: none;
    margin-left: auto;
    position: fixed;
    right: 0%;
    width: 25rem;
    border-top-left-radius: 0.5em;
    border-bottom-left-radius: 0.5em;
    border-width: 0.5em;
}
#order-dropdown *:not(a) {
    border-color: #a00d59!important;
    color: #a00d59!important;
}


#filtermenu .modal.is-hidden {
    display: none;
}

.is-hidden.is-active {
    display: flex !important;
}

.filtertab:not(:first-child) {
    margin-left: -0.5rem;
}

#aanbodcontent .title {
    text-align: center;
}

.markdowned > p:first-child {
    margin-bottom: 0.5rem;
}

#prikbordcontent > .edwh-column-card > .box {
    position: relative;
}

#prikbordcontent > .edwh-column-card > .box::before {
    content: url("/assets/images/pin.svg");
    position: absolute;
    width: 1.5em;
    left: -0.5em;
    top: -1em;
}

#prikbordcontent > .edwh-column-card > .box::after {
    content: url("/assets/images/pin.svg");
    position: absolute;
    right: -0.5em;
    top: -1em;
    width: 1.5em;
    transform: scaleX(-1);
}


.section.rings {
    position: relative;
    background-image: url('/assets/images/section-bg.svg');
    background-size: 50rem auto;
    background-position: center top;
    background-repeat: repeat-x;
    padding-top: 10rem;
}

.section.inner-rings {
    background-image: url('/assets/images/section-rings.svg');
    background-size: 200% 150%;
    background-position: center center;
    background-repeat: no-repeat;
}

.section.inner-rings2 {
    background-image: url('/assets/images/section-rings2.svg');
    background-size: 150%;
    background-position: center center;
    background-repeat: no-repeat;
}

.section.rings::before {
    content: '';
    /*background-color: rgba(60, 60, 59, 1);*/
    background-color: #6F7072;
    position: absolute;
    top: 15rem;
    bottom: 0;
    left: 0;
    right: 0;

}

.filtertab {
    margin-bottom: -2.25rem;
}

.filtertab a {
    width: 4.5rem;
    vertical-align: top;
    height: 5em;
    display: inline-block;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}

.edwh-activiteit > .columns > div.column {
    background-color: #a00d59;
    border-top-right-radius: 50%;
    border-bottom-right-radius: 50%;
}


.edwh-columns {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
}

.edwh-quickfilter-bar, .edwh-quickfilter-button {
    background-color: #a00d59 !important;
}

@media screen and (max-width: 767px) {
    .section.rings {
        padding-top: 10rem;
    }

    /*.hero {
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        -khtml-background-size: cover;
        background-size: cover;
    }*/

    #filtermenu {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
    }

    #filtermenu > .modal-content {
        width: 100%;
        height: 100%;
        max-height: 100%;
        border-right-style: solid;
        -webkit-border-radius: 0em;
        -moz-border-radius: 0em;
        border-radius: 0em;
    }
}

@keyframes hero {
    0% {
        -webkit-transform: translate(-5rem, -10rem);
        -moz-transform: translate(-5rem, -10rem);
        -ms-transform: translate(-5rem, -10rem);
        -o-transform: translate(-5rem, -10rem);
        transform: translate(-5rem, -10rem);
    }
    50% {
        -webkit-transform: translate(10rem, 0rem);
        -moz-transform: translate(10rem, 0rem);
        -ms-transform: translate(10rem, 0rem);
        -o-transform: translate(10rem, 0rem);
        transform: translate(10rem, 0rem);
    }
    100% {
        -webkit-transform: translate(-5rem, -10rem);
        -moz-transform: translate(-5rem, -10rem);
        -ms-transform: translate(-5rem, -10rem);
        -o-transform: translate(-5rem, -10rem);
        transform: translate(-5rem, -10rem);
    }
}