/* homepage publiek artikel stijlen */

article {
    display: block;
}

.article--highlight .article__body::after {
    clear: both;
}

.article--highlight a::after {
    clear: both;
}

.article-slideshow {
    width: 100%;
    height: auto;
    position: relative;
}

.article-slideshow__wrapper {
    padding-bottom: 68px;
    position: relative;
}

.article-slideshow__item {
    width: 100%;
}

.article-slideshow__image {
    overflow: hidden;
    padding-top: 55.8%;
    display: block;
    position: relative;
    background-color: rgb(204, 204, 204);
}

    .article-slideshow__image img {
        left: 0px;
        top: 0px;
        width: 100%;
        right: 0px;
        bottom: 0px;
        position: absolute;
    }

.article-slideshow__header {
    padding: 1.5em 0.75em;
    left: 0px;
    right: 0px;
    bottom: 0px;
    position: absolute;
    z-index: 1;
    min-height: 34px;
}

.article-slideshow__header h2 {
    color: rgb(255, 255, 255);
    font-size: 1.16em;
    font-weight: 700;
    margin-bottom: 0px;
}

    .article-slideshow__header h2 a:hover {
        color: rgb(255, 255, 255);
    }

.article-slideshow--red .article-slideshow__header {
    background-color: rgb(221, 0, 0);
}

.article-slideshow--darkgrey .article-slideshow__header {
    background-color: rgb(102, 102, 102);
}

.article-slideshow__pager {
    list-style: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}

    .article-slideshow__pager li {
        float: left;
    }

    .article-slideshow__pager a {
        background: rgb(223, 223, 223);
        padding: 0.14em 0.83em;
        text-align: center;
        color: rgb(51, 51, 51);
        line-height: 1.5em;
        font-family: Arial,sans-serif;
        font-size: 0.92em;
        font-weight: 700;
        text-decoration: none;
        display: block;
    }

.article-slideshow__pager a:hover {
    background: rgb(240, 240, 240);
}

.article-slideshow__pager .cycle-pager-active a {
    color: rgb(255, 255, 255);
}

.article-slideshow--red .cycle-pager-active a {
    background-color: rgb(221, 0, 0);
}

.article-slideshow--darkgrey .cycle-pager-active a {
    background-color: rgb(102, 102, 102);
}

.article-list-item .article__summary .price {
    font-weight: 700;
}

.article--highlight a {
    display: block;
}

.article {
    width: 100%;
}

    .article img {
        margin-bottom: 0px;
    }

    .article .article__title {
        margin-bottom: 0.37em;
    }

    .article a {
        text-decoration: none;
    }

.article-list-item .article__summary p:last-child {
    margin-bottom: 0px;
}

.article-list-item .article__summary + .meta-info {
    margin-top: 1.5em;
}

.article--highlight {
    border-bottom-color: currentColor;
    border-bottom-width: 0px;
    border-bottom-style: none;
}

    .article--highlight a::after {
        display: table;
        content: "";
    }

    .article--highlight a::before {
        display: table;
        content: "";
    }

    .article--highlight .article__img {
        width: 100%;
        height: auto;
        overflow: hidden;
        padding-top: 56.7%;
        position: relative;
    }

        .article--highlight .article__img img {
            left: 0px;
            top: 0px;
            width: 100%;
            height: 100%;
            right: 0px;
            bottom: 0px;
            display: block;
            position: absolute;
        }

        .article--highlight .article__img::before {
            background: rgba(204, 204, 204, 0);
            transition: 0.3s;
            left: 0px;
            top: 0px;
            right: 0px;
            bottom: 0px;
            position: absolute;
            z-index: 1;
            content: "";
        }

        .article--highlight .article__img::after {
            border-width: 20px;
            border-style: solid;
            border-color: transparent transparent rgb(255, 255, 255);
            transition: 0.3s;
            border-image: none;
            right: calc(50% - 15px);
            bottom: 0px;
            position: absolute;
            z-index: 2;
            content: "";
        }

@media screen and (min-width:41.68em) {
    .article--highlight .article__img {
        width: 50%;
        padding-top: 50%;
    }

        .article--highlight .article__img.article__img--left {
            float: left;
        }

            .article--highlight .article__img.article__img--left::after {
                border-width: 20px;
                border-style: solid;
                border-color: transparent rgb(255, 255, 255) transparent transparent;
                transition: 0.3s;
                border-image: none;
                right: 0px;
                bottom: calc(50% - 15px);
            }

        .article--highlight .article__img.article__img--right {
            float: right;
        }

            .article--highlight .article__img.article__img--right::after {
                border-width: 20px;
                border-style: solid;
                border-color: transparent transparent transparent rgb(255, 255, 255);
                border-image: none;
                left: 0px;
                bottom: calc(50% - 15px);
            }
}

.article--highlight .article__body {
    transition: 0.3s;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-top: 0px;
    float: left;
    position: relative;
}

    .article--highlight .article__body::after {
        display: table;
        content: "";
    }

    .article--highlight .article__body::before {
        display: table;
        content: "";
    }

    .article--highlight .article__body .wrapper {
        padding: 1.5em;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-align: stretch;
        -webkit-box-direction: normal;
    }

    .article--highlight .article__body .inner {
        color: rgb(51, 51, 51);
        flex-grow: 2;
        -webkit-box-flex: 2;
    }

.article--highlight .article__header {
    margin-bottom: 0.75em;
}

    .article--highlight .article__header .article__title {
        margin-bottom: 0px;
    }

        .article--highlight .article__header .article__title.heading-bottom-line::after {
            margin-top: 0.75em;
            margin-bottom: 0.75em;
        }

.article--highlight .meta-info {
    margin-bottom: 0px;
    align-content: flex-start;
}

.article--highlight:hover .article__body {
    background: rgb(221, 0, 0);
}

.article--highlight:hover .article__title {
    /*color: rgb(255, 255, 255);*/
    color: white !important;
}

.article--highlight:hover .inner {
    color: rgb(255, 255, 255);
}

.article--highlight:hover .meta {
    color: rgba(255, 255, 255, 0.7);
}

    .article--highlight:hover .meta .fa {
        color: rgba(255, 255, 255, 0.7);
    }

.article--highlight:hover .article__title::after {
    background-color: rgb(255, 255, 255);
}

.article--highlight:hover .article__img::after {
    border-width: 20px;
    border-style: solid;
    border-color: transparent transparent rgb(221, 0, 0);
    border-image: none;
}

.article--highlight:hover .article__img::before {
    background: rgba(0, 0, 0, 0.4);
}

@media screen and (min-width:41.68em) {
    .article--highlight .article__body {
        width: 50%;
        padding-top: 50%;
        float: left;
    }

        .article--highlight .article__body .wrapper {
            left: 0px;
            top: 0px;
            right: 0px;
            bottom: 0px;
            display: block;
            position: absolute;
            max-height: 100%;
            max-width: 100%;
        }

    .article--highlight:hover .article__img--left::after {
        border-width: 20px;
        border-style: solid;
        border-color: transparent rgb(221, 0, 0) transparent transparent;
        border-image: none;
    }

    .article--highlight:hover .article__img--right::after {
        border-width: 20px;
        border-style: solid;
        border-color: transparent transparent transparent rgb(221, 0, 0);
        border-image: none;
    }
}

.highlighted .article-list-item .article__img {
    margin-bottom: 0px;
    position: relative;
}

.highlighted .article-list-item .article__body {
    padding: 1.5em;
}

.highlighted .article-list-item .btn-play {
    left: 50%;
    top: 50%;
    color: rgb(255, 255, 255);
    position: absolute;
    t0ransform: t0ranslate(-50%, -50%);
    background-color: rgb(221, 0, 0);
    -webkit-t0ransform: t0ranslate(-50%, -50%);
}

.highlighted .article-list-item .btn-play__text {
    padding-right: 0.75em;
}

.highlighted .article-list-item .btn-play__icon {
    padding: 0.75em;
    font-size: 1em;
    display: inline-block;
}

@media screen and (min-width:48em) {
    .highlighted .article-list-item {
        padding-left: 4.5em;
    }

        .highlighted .article-list-item .article__body {
            padding: 1.5em 0px;
        }
}

figure {
    margin: 0px;
}

figure {
    display: block;
}

figure {
    background-position-x: center;
    background-position-y: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slideshow--small {
    position: relative;
}

    .slideshow--small figure {
        background-position: 50% 50%;
        width: 100%;
        height: 17.14em;
        overflow: hidden;
        background-repeat: repeat-x;
        background-size: cover;
    }

        .slideshow--small figure img {
            left: 0px;
            top: 0px;
            width: 100%;
            visibility: hidden;
            position: absolute;
        }

    .slideshow--small .panel__title {
        background: linear-gradient(transparent 0px, rgba(0, 0, 0, 0.67) 50%, rgb(0, 0, 0) 100%);
        padding: 1.5em;
        width: 100%;
        bottom: 0px;
        color: rgb(255, 255, 255);
        vertical-align: top;
        position: absolute;
    }
	
@media screen and (min-width:41.68em) {
    .slideshow--small {
        height: 333px;
    }

        .slideshow--small figure {
            height: 333px;
        }
}

@media screen and (min-width:46em) {
    .slideshow--small {
        height: 384px;
    }

        .slideshow--small figure {
            height: 384px;
        }
}

@media screen and (min-width:62.5em) {
    .slideshow--small {
        height: 337px;
    }

        .slideshow--small figure {
            height: 337px;
        }
}

@media screen and (min-width:72.5em) {
    .slideshow--small {
        height: 383px;
    }

        .slideshow--small figure {
            height: 383px;
        }
}
.meta {
    line-height: 1.71em;
    font-size: 0.87em;
    margin-bottom: 0px;
}

.section-tech-info .cvdr_meta_hoofdkop {
    line-height: 1.38em;
    font-size: 1.62em;
    margin-bottom: 0.92em;
}

.section-tech-info .cvdr_meta_kop {
    line-height: 1.2em;
    font-size: 1.25em;
    margin-bottom: 1.2em;
}

.meta-group::after {
    clear: both;
}

.meta-group::before {
    clear: both;
}

.meta-group::after {
    content: "";
}

.meta-group::before {
    content: "";
}

.panel--image .panel__img + .panel__body .meta {
    color: rgb(255, 255, 255);
}

    .panel--image .panel__img + .panel__body .meta .fa {
        color: rgb(255, 255, 255);
    }

.meta-group {
    position: relative;
}

.panel--overview {
    padding-top: 0.75em;
    border-top-color: rgb(223, 223, 223);
    border-top-width: 1px;
    border-top-style: solid;
}

    .panel--overview .panel__title {
        color: rgb(221, 0, 0);
        padding-bottom: 0px;
        font-size: 1.56em;
        margin-bottom: 0.75em;
        position: relative;
    }

    .panel--overview .meta-info {
        margin-top: 8px;
    }

    .panel--overview .panel__body {
        padding-bottom: 0px;
    }
	
.meta-like .meta-like__inner {
    font-family: Arial,sans-serif;
}

.meta {
    color: rgb(86, 86, 86);
}

    .meta .fa {
        color: rgb(86, 86, 86);
    }

    .meta a {
        color: rgb(86, 86, 86);
    }

.meta-label {
    color: rgb(86, 86, 86);
}

.meta-group {
    width: 100%;
    margin-bottom: 0.75em;
    -ms-zoom: 1;
}

    .meta-group::after {
        display: table;
    }

    .meta-group::before {
        display: table;
    }

    .meta-group .meta-info {
        margin-bottom: 0px;
    }
	
.page__header .meta-info {
    float: left;
}

.meta-like {
    float: right;
}

.meta-info {
    margin-bottom: 0.75em;
    margin-left: -0.37em;
}

    .meta-info.bottom {
        margin-bottom: 0px;
    }

.meta-label {
    font-weight: 700;
}

.meta {
    padding: 0px 0.37em;
    font-weight: 700;
    margin-right: -0.37em;
    display: inline-block;
}

.meta--date-time .time {
    padding-left: 0.37em;
}

.meta--media-type {
    padding-left: 0.37em;
}

.meta a {
    text-decoration: underline;
}

.meta .fa {
    margin-right: 0.37em;
}

.diapositive .meta {
    color: rgba(255, 255, 255, 0.6);
}

    .diapositive .meta .fa {
        color: rgba(255, 255, 255, 0.6);
    }

    .diapositive .meta a {
        color: rgba(255, 255, 255, 0.6);
    }

    .diapositive .meta:hover {
        color: rgba(255, 255, 255, 0.6);
    }

.meta--media-type {
    font-size: 0.81em;
}

.meta--comments .fa-comment {
    margin-left: 3px;
}

.meta-like .fa:hover {
    cursor: pointer;
}

.meta-like .meta-like__inner {
    line-height: 1.71em;
    font-size: 0.87em;
    font-weight: 700;
    margin-left: 0.5em;
}

.meta--document-type .fa {
    margin-left: 0.37em;
}

.meta--date-time .time::before {
    margin-right: 0.37em;
    display: inline-block;
    content: "\007C";
}

.meta-info--divided .meta + .meta::before {
    font-weight: 400;
    margin-right: 5px;
    display: inline-block;
    content: "\007C";
}

.meta-info--large {
    margin-left: -15px;
}

    .meta-info--large .meta {
        padding: 0px 15px;
    }

.slideshow--small .meta {
    color: rgb(255, 255, 255);
    font-size: 0.7em;
}

    .slideshow--small .meta .fa {
        color: rgb(255, 255, 255);
    }
	
.search-result .search-result__summary + .meta-info {
    margin-top: 1.5em;
}

.comment-list .meta-info--divided {
    margin-bottom: 0.75em;
}

.section-tech-info .cvdr_meta_hoofdkop {
    display: none;
}

.section-tech-info .cvdr_meta_kop {
    font-family: FuturaPT-Heavy,arial;
    font-style: normal;
    font-weight: 400;
}

.speaker {
    color: rgb(255, 255, 255);
    overflow: hidden;
    padding-bottom: 1.5em;
    margin-bottom: 1.5em;
    border-bottom-color: rgb(122, 122, 122);
    border-bottom-width: 3px;
    border-bottom-style: solid;
}

    .speaker .speaker__title {
        color: rgb(255, 255, 255);
        font-size: 1.12em;
    }

    .speaker .speaker__name {
        color: rgb(255, 255, 255);
        font-family: arial,sans-serif;
        font-size: 1em;
        font-weight: 700;
        margin-bottom: 0px;
    }

    .speaker .speaker__meta {
        color: rgb(122, 122, 122);
        margin-bottom: 0px;
    }

    .speaker .speaker__info {
        width: 66.66%;
        padding-left: 1.5em;
        float: left;
    }

    .speaker .speaker__thumbnail {
        width: 33.33%;
        height: auto;
        float: left;
    }

        .speaker .speaker__thumbnail .faction {
            width: 50%;
            height: auto;
            overflow: hidden;
            padding-top: 50%;
            float: left;
            position: relative;
        }

        .speaker .speaker__thumbnail .photo {
            width: 50%;
            height: auto;
            overflow: hidden;
            padding-top: 50%;
            float: left;
            position: relative;
        }

        .speaker .speaker__thumbnail .faction img {
            left: 0px;
            top: 0px;
            right: 0px;
            bottom: 0px;
            margin-bottom: 0px;
            display: block;
            position: absolute;
        }

        .speaker .speaker__thumbnail .photo img {
            left: 0px;
            top: 0px;
            right: 0px;
            bottom: 0px;
            margin-bottom: 0px;
            display: block;
            position: absolute;
        }