/* HOMEPAGE */
#main {
    min-height: 850px;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-top: -1rem;
}

    #main h1.welkom {
        text-align: center;
        font-weight: lighter;
        font-size: 75px;
        margin-bottom: 25px;
    }

    #main h2.sub-header {
        text-align: center;
        font-weight: lighter;
        font-size: 55px;
        margin-bottom: 25px;
    }

    #main p {
        text-align: center;
        margin-bottom: 25px;
    }

.header-image {
    width: 100%;
}

.parallax-category {
    height: 550px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    -ms-background-size: cover;
    background-size: cover;
}

.container-wrapper.section {
    min-height: 550px;
    padding-bottom: 75px;
}

    .container-wrapper.section .row.video {
        margin-bottom: 10px;
    }

.cat-more {
    font-style: italic;
    font-size: 12px;
    cursor: pointer;
    color: white;
}

    .cat-more:hover {
        color: white;
    }

@media screen and (max-width: 786px) {
    .parallax-category {
        height: 0px;
        background-image: none !important;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        -ms-background-size: cover;
        background-size: cover;
    }

    h1.welkom {
        margin-top: 45px;
    }

    .panel-content .panel-title {
        font-size: 12px;
    }
}
.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

img {
    width: 400px;
    height: 300px;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}

.content-row {
    /*border: 1px solid#ddd;*/
    -ms-border-radius: 4px;
    border-radius: 4px;
    position: relative;
}

.content-row-heading {
    text-align: center;
    position: absolute;
    left: 15px;
    top: -65px;
    background-color: white;
    padding: 10px 25px;
    -ms-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -ms-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    font-weight: bolder;
    font-size: 32px;
    cursor: pointer;
}

    .content-row-heading:hover {
        text-decoration: underline;
    }

.row.category {
    margin-top: 40px;
}

.obscure-overlay {
    -ms-opacity: .5;
    opacity: .5;
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    filter: blur(5px);
}

#img-default-thumbnail {
    max-width: 150px;
    height: auto;
    margin-top: 10px;
    cursor: pointer;
}