._gallery-wrapper {

    display: flex;
    justify-content: center;
    /* flex-flow: wrap; */
    flex-wrap: wrap;
    align-items: center;

}

._gallery-item-wrapper {

    position: relative;
    /*border: 1px dotted gray;*/
    /*    width: 33%;

        float: left;*/

    max-width:33.3%;
    flex-grow:1;

}

@media (max-width:800px) {

    ._gallery-item-wrapper {
        max-width:50%;
    }
}

@media (max-width:400px) {

    ._gallery-item-wrapper {
        max-width:100%;
    }
}


._gallery-item-ar-dummy {
    opacity:0;
    width:100%
}

._gallery-item {

    position: relative;
    margin: var(--grid-spacing);
    border-collapse: separate;
    border-radius: var(--borderradius);
}





._gallery-image-wrapper {
    position: absolute;

    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    border-collapse: separate;
    border-radius: var(--borderradius);

}

._gallery-image {
    width:100%;
    border-collapse: separate;
    border-radius: var(--borderradius);

}
._gallery-image.hover {
    display:none;
}

._gallery-video-wrapper {
    position: absolute;
    width:100%;
    z-index:1;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;

    opacity:0;
    transition: all .5s;

    border-collapse: separate;
    border-radius: var(--borderradius);
}

._gallery-video {

    width:100%;
    border-collapse: separate;
    border-radius: var(--borderradius);


}

._gallery-video-wrapper.hover {
    opacity:1;
}



._gallery-badge-wrapper {
    /*position: relative;*/
    position: absolute;
    z-index:2;
    left: 0px;
    right: 0px;
    bottom: 3px;
    padding:10% 0px 0px 0px;
    opacity:0;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    transition: all .5s;
    transition-delay: .25s;
    border-radius: var(--borderradius);
}


._gallery-badge {
    /*width:100%;*/
    padding: var(--grid-spacing);
    color:whitesmoke;
}

._gallery-badge .title {
    font-weight:bolder;
}
._gallery-badge .subtitle {
    font-weight:lighter;
}


._gallery-badge-wrapper.hover {
    opacity:1;
}

._gallery-more {
    position: absolute;
    right: var(--grid-spacing);
    bottom: var(--grid-spacing);
    font-size: xx-large;
}

._gallery-more:hover {
    color:grey;
}