/*-----------------------------------------------------------------------------------*/
/*  Footer
/*-----------------------------------------------------------------------------------*/

.section-inner {
    padding-top: 20px 
}

#footer-widgets {
    border-top: 1px solid #333
}

#footer-widgets .section-inner {
    padding-bottom: 80px
}

footer.white-wrapper {
    padding: 60px 0;
    background-color: #000;
}

footer.white-wrapper * {
    color: #fff;
}

footer.white-wrapper span.copyright {
    letter-spacing: 1px;
    text-transform: uppercase;
    text-transform: none;
    line-height: 40px
}

footer.white-wrapper .social-links li {
    padding: 15px 30px
}

footer.white-wrapper .social-links li a {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 26px;
}

.widget-title {
    margin-bottom: 30px;
}

.flexpanel .viewport .widget {
    padding-right: 20px;
}


/* FOOTER STYLES */

.footer-image-bg {
    background-image: url(../img/footer/footer-bg.jpeg);
    background-size: cover;
    background-position: center center;
}

.footer-image-bg .dark-wrapper,
.footer-image-bg .white-wrapper {
    background-color: transparent !important;
    border: none;
}

.footer-image-bg *,
.footer-image-bg a {
    color: #222;
}

.dark-footer-image-bg {
    background-image: url(../img/dark-footer-bg.jpeg);
    background-size: cover;
    background-position: center center;
}

.dark-footer-image-bg .dark-wrapper,
.dark-footer-image-bg .white-wrapper {
    background-color: rgba(0, 0, 0, 0.6) !important;
    border: none;
}

.dark-footer-image-bg *,
.dark-footer-image-bg a {
    color: #ddd;
}

.transparent-wrapper {
    background-color: transparent;
}

/*-----------------------------------------------------------------------------------*/
/*  Media BeschikbaarheidOverzicht sizing op kleine devices
/*-----------------------------------------------------------------------------------

Extra small
<576px	Small
≥576px	Medium
≥768px	Large
≥992px	X-Large
≥1200px	XX-Large
≥1400px
*/
@media only screen and (min-width: 1400px) {

    .card-img-top-mp4 {
        height: 304px;
        width: 414px;
        object-fit: cover;
    }

}

@media only screen and (max-width: 1400px) {

    .card-img-top-mp4 {
        height: 259px;
        width: 356px;
        object-fit: cover;
    }

}
@media only screen and (max-width: 1200px) {

    .card-img-top-mp4 {
        height: 214px;
        width: 294px;
        object-fit: cover;
    }

}@media only screen and (max-width: 992px) {

    .card-img-top-mp4 {
        height: 155px;
        width: 214px;
        object-fit: cover;
    }

}

@media only screen and (max-width: 768px) {
    .table td, .table th, .table tr {
        font-size: 0.8rem;
        padding: 0.2rem;
    }

    .card-img-top-mp4 {
        height: 174px;
        width: 244px;
        object-fit: cover;
    }  
}

@media only screen and (max-width: 576px) {
    .table td, .table th, .table tr {
        font-size: 0.8rem;
        padding: 0.2rem;;
    }

    .card-img-top-mp4 {
        height: 380px;
        width: 533px;
        object-fit: cover;
    }

    .card {
        width: 100%;

    }
}