.fancybox-skin {
    position: relative;
    background: transparent;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 20px;
}

.overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    background: rgba(164,25,28,0.8);
    transition: all .3s;
    transform: translate3d(0,0,0);
    backface-visibility: hidden;
        -webkit-border-top-right-radius: 500px;
    -webkit-border-bottom-right-radius: 200px;
    -webkit-border-bottom-left-radius: 400px;
    -moz-border-radius-topright: 500px;
    -moz-border-radius-bottomright: 200px;
    -moz-border-radius-bottomleft: 400px;
    border-top-right-radius: 500px;
    border-bottom-right-radius: 200px;
    border-bottom-left-radius: 400px;
    border-top-left-radius: 50px;

}
.overlay2 {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 4;
    top: 0;
    left: 0;
    width: 100%;
   height: 81%;
    opacity: 0;
   /* background: rgba(255,255,255,0.2);*/
    transition: all .3s;
    transform: translate3d(0,0,0);
    backface-visibility: hidden;
        -webkit-border-top-right-radius: 500px;
    -webkit-border-bottom-right-radius: 200px;
    -webkit-border-bottom-left-radius: 400px;
    -moz-border-radius-topright: 500px;
    -moz-border-radius-bottomright: 200px;
    -moz-border-radius-bottomleft: 400px;
    border-top-right-radius: 500px;
    border-bottom-right-radius: 200px;
    border-bottom-left-radius: 400px;
    border-top-left-radius: 122px

}
.mx_photo_album_subalbum:hover .overlay2 {
    z-index: 3;
    opacity: 1;
    pointer-events: none;
    
}
.mx_photo_album_image:hover .overlay {
    z-index: 3;
    opacity: 0.9;
    pointer-events: none;
}
.mx_photo_album_image:hover .overlay::after {
    content: "vergroot foto";
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white; /* Pas de kleur aan naar wens */
    font-size: 16px;
    font-weight: bold;
    z-index: 3;
    opacity: 1;
    pointer-events: none;
}
.mx_photo_album_subalbum:hover .overlay2::after {
    content: "bekijk alles";
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white; /* Pas de kleur aan naar wens */
    font-size: 16px;
    font-weight: bold;
    z-index: 3;
    opacity: 1;
    pointer-events: none;
}




.mx_photo_album_subalbum:hover img {
    opacity: 0.6;
}
.mx_photo_album_image:hover img 
{
    opacity: 0.8;
}



.overlay::before, .overlay2::before {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    background-color: #000000;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 32px;
    height: 32px;
    font-size: 32px;
    text-align: center;
    content: "+";
    transition: all .4s;
    border-radius: 20px;
 
}

.mx_photo_album {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    width: 100%;
    clear: both;
    justify-content: center;
}
.mx_photo_album_subalbum {
	border: 0px #DDD solid;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(33% - 1.5%);
    margin-bottom: 3%;
    background-color: #fff;
    position: relative;
     background-color: #a4191c;
     opacity:1.0;
     border-radius: 20px;
       border-top-left-radius: 68px;
}
.mx_photo_album_subalbum img {
    border: 0px #DDD solid;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(33% - 1.5%);
    margin-bottom: 3%;
    background-color: #fff;
    position: relative;
     background-color: #2e2f2e;
    -webkit-border-top-right-radius: 500px;
    -webkit-border-bottom-right-radius: 200px;
    -webkit-border-bottom-left-radius: 400px;
    -moz-border-radius-topright: 500px;
    -moz-border-radius-bottomright: 200px;
    -moz-border-radius-bottomleft: 400px;
    border-top-right-radius: 500px;
    border-bottom-right-radius: 200px;
    border-bottom-left-radius: 400px;
    border-top-left-radius:158px

}

.mx_photo_album_image {
    border: 0px #DDD solid;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(33% - 1.5%);
    margin-bottom: 3%;
    background-color: #fff;
    position: relative;
     /*background-color: #2e2f2e;*/
    -webkit-border-top-right-radius: 500px;
    -webkit-border-bottom-right-radius: 200px;
    -webkit-border-bottom-left-radius: 400px;
    -moz-border-radius-topright: 500px;
    -moz-border-radius-bottomright: 200px;
    -moz-border-radius-bottomleft: 400px;
    border-top-right-radius: 500px;
    border-bottom-right-radius: 200px;
    border-bottom-left-radius: 400px;
    border-top-left-radius: 68px;

}

.mx_photo_album_subalbum a {
  
    width: 100%;
    height: 100%;
}
.mx_photo_album_image a {
    display: flex;
    width: 100%;
    height: 100%;
}
.mx_photo_album_subalbum img {
    width: 100%;
     vertical-align: middle;
    opacity: 0.9;
   
}
.mx_photo_album_image img {
    width: 100%;
   opacity:1;
   border-radius: 20px;
}

.mx_photo_album_subalbum span, .mx_photo_album_image span {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    height: 3em;
    margin: 20px 0 2px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

@media screen and (max-width: 767px) {
    .mx_photo_album_image, .mx_photo_album_subalbum {
        width: calc(50% - 1.5%);
    }
}

@media screen and (max-width: 481px) {
    .mx_photo_album_image, .mx_photo_album_subalbum {
        width: calc(50% - 1.5%);
    }
}
