.game_animation_large {
    background-repeat: no-repeat;
    height: 375px;
    width: 300px;
}

.game_animation_small {
    background-repeat: no-repeat;
    height: 250px;
    width: 200px;
}

.no-visual-search {
    pointer-events: none;
}

/*.hover-effect:hover {*/
    /*opacity: 0.5;*/
/*}*/

.card {
    background-color: #f8f8fe;
}

body {
    background: no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    /*height: 100vh;*/
    /*height: inherit;*/
}


#darker {
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background:rgba(0,0,0,0.7);
}

#wrapper {
    opacity: 1;
}

.navbar {
    /*MDB plugin maakt een schaduw en lichte kleur in de navbar. Dit verhelpt dat.*/
    box-shadow: none !important;
}


.mdb-fix-search-icon {
    /*height: 14px !important;*/
    /*padding-botton: 10px;*/
    font-size: 0.875rem !important;
    font-weight: 400 !important;
}

.mdb-fix-search-icon-btn {
    height: 38px !important;
}






.overlay{
    background: rgb(0,0,0);
    background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255, 255, 255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255, 255, 255,0) 100%);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(255, 255, 255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
    display: block;
    position: absolute;
    height: 200px;
    width: 100%;
    bottom: 0;
}


.zoom_img_container {
    position: relative;
    display: inline-block;
    overflow: hidden;
    max-width: 512px !important;
    margin-bottom: 24px;
}
.zoom_img_container * {
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.zoom_img_container img {
    max-width: 100%;
    vertical-align: top;
}

.zoom_img_container:hover img,
.zoom_img_container.hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.zoom_img_container .title {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}






/*body[data-layout-mode=horizontal][data-topbar-color=light] .topnav {*/
    /*background-color: #1d3b54;*/

    /*!*33150d*!*/
/*}*/



/*#bg_overlay {*/
    /*position: absolute;*/
    /*margin: 0em;*/
    /*padding: 0em;*/
    /*top: 0em;*/
    /*bottom: 0em;*/
    /*left: 0em;*/
    /*right: 0em;*/
    /*z-index: 0;*/
    /*overflow: hidden;*/
    /*background-image: url("/web/assets/website/images/pixel.png");*/
/*}*/