/* Home Gebied css */

@import url(review.css);
@import url(icons.css);

#content .review-activity li {
    margin-left: 0px;
}

.reviewlist .item .activity-icon {
    background-repeat: no-repeat;
    background-size: 36px 36px;
    text-indent: -9999px;
    width: 36px;
    height: 36px;
    float: right;
}

.reviewlist,
.agendalist {
    display: block;
}

.agendalist {
    position: relative;
    margin-top: 36px;
}

.reviewlist h2,
.agendalist h2 {
    background-image: url(/grfx/evenementen-header.png);
    background-repeat: no-repeat;
    background-size: 392px 81px;
    text-indent: -9999px;
    width: 392px;
    height: 81px;
    margin-top: -10px;
    margin-left: -30px;
}

.reviewlist h2 {
    background-image: url(/grfx/activiteiten-header.png);
    background-size: 304px 100px;
    height: 110px;
}

.reviewlist .item,
.agendalist .item {
    background-color: #117198;
}

.reviewlist .item {
    position: relative;
    background-color: #27a9d8;
}

.agendalist .item:nth-child(even) {
    background-color: #1781ac;
}
.reviewlist .item:nth-child(even) {
    background-color: #2cb8ec;
}

.agendalist .item:nth-of-type(3n),
.reviewlist .item:nth-of-type(3n) {
    margin-right: 0px;
}

.agendalist .item h3 {
    margin-bottom: 0px;
    color: #fff;
}

.item p {
    color: #fff;
}

.zorgvrij .intro {
    display: inline-block;
}
.zorgvrij .intro p:after,
.item .intro:after {
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    font-size: 1.1em;
    color: #ff9f1c;
    margin-left: 14px;
}

.zorgvrij a:hover .intro p:after {
    margin-left: 24px;
}

.item:hover .intro:after {
    color: #fff;
}

.agendalist .btn {
    position: absolute;
    top: 0px;
    right: 0px;
}

.facilities {
    padding: 1em 0px 1em 0px;
    display: block;
}

.fb-page,
.twitter-timeline {
    vertical-align: top;
}

/* --------------------------------------- */
/* mediaqueries css */
/* --------------------------------------- */

@media only screen and (max-width: 1280px) {
    .fb-page,
    .twitter-timeline {
        width: 375px;
    }
}

@media only screen and (max-width: 1152px) {
    .item p {
        line-height: 1.5em;
    }
    .item a h3 {
        font-size: 1em;
    }
}

/* ==> breakpoint tablets */
@media only screen and (max-width: 800px) {
    .reviewlist,
    .agendalist {
        padding: 0px 25px 0px 25px;
    }

    .reviewlist h2,
    .agendalist h2 {
        margin-left: 0px;
    }

    .agendalist .item:nth-of-type(2n),
    .reviewlist .item:nth-of-type(2n) {
        margin-right: 0px;
    }

    .agendalist .item:nth-of-type(3n),
    .reviewlist .item:nth-of-type(3n) {
        margin-right: 15px;
    }

    .agendalist .btn {
        right: 25px;
    }

    .facilities {
        padding: 25px 0 25px 0;
    }

    .fb-page,
    .twitter-timeline {
        width: 49% !important;
    }
}

/* ==> breakpoint mobiles */
@media only screen and (max-width: 640px) {
    .reviewlist .item,
    .agendalist .item {
        min-height: 380px;
    }

    .agendalist .btn {
        position: relative;
        top: -18px;
        right: auto;
        float: right;
    }
}

@media only screen and (max-width: 480px) {
    .reviewlist .item,
    .agendalist .item {
        min-height: 440px;
    }

    .reviewlist h2,
    .agendalist h2 {
        background-size: 300px 62px;
        width: 300px;
        height: 62px;
    }

    .reviewlist h2 {
        background-size: 262px 86px;
        height: 86px;
    }

    .fb-page,
    .twitter-timeline {
        width: 100% !important;
    }

    .fb-page span,
    .fb-page iframe {
        width: 100% !important;
    }
}

/* print */
@media print {
    .reviewlist h2,
    .agendalist h2 {
        background-image: none;
        text-indent: 0px;
        width: auto;
        height: auto;
        margin-top: 0px;
        margin-left: 0px;
        margin-bottom: 18px;
    }

    .reviewlist h2 {
        background-image: none;
        height: auto;
    }

    .reviewlist .item,
    .agendalist .item {
        background-color: transparent;
    }

    .reviewlist .item {
        background-color: transparent;
    }

    .agendalist .item:nth-child(even) {
        background-color: transparent;
    }
    .reviewlist .item:nth-child(even) {
        background-color: transparent;
    }

    .agendalist .btn {
        position: relative;
        top: auto;
        right: auto;
    }

    .facilities {
        display: none;
    }

    .fb-page {
        display: none;
    }
    .fb-page iframe {
        display: none !important;
    }

    iframe.twitter-timeline {
        visibility: hidden !important;
        display: none !important;
    }
}