/* P H O T O S E T  A D D O N S
---------------------------------------------------*/
[photoset-layout] {
    grid-gap: 0.25rem;
}
[photoset-layout] div,
[photoset-layout] div *{
    cursor: pointer;
}
[photoset-layout] div img {
    height: 100%;   
}
[photoset-layout] div {
    position: relative;
}/*
[photoset-layout] div:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: rgba(175,175,175,0.15);
    -webkit-box-shadow: inset 0px 0px 0px 1px rgba(175,175,175,0.20);
    -moz-box-shadow: inset 0px 0px 0px 1px rgba(175,175,175,0.20);
    box-shadow: inset 0px 0px 0px 1px rgba(175,175,175,0.20);
}*/
/* FIX FOR LONG PHOTOSETS
------------------------------*/
 @supports (display:grid) {
    .grid-view [photoset-layout="1111"] div,
    .grid-view [photoset-layout="111111"] div,
    .grid-view [photoset-layout="11111111"] div,
    .grid-view [photoset-layout="1111111111"] div,
    .grid-view [photoset-layout="111111111111"] div,
    .grid-view [photoset-layout="11111111111111"] div,
    .grid-view [photoset-layout="1111111111111111"] div,
    .grid-view [photoset-layout="111111111111111111"] div,
    .grid-view [photoset-layout="11111111111111111111"] div,
    .grid-view [photoset-layout="1111111111111111111111"] div,
    .grid-view [photoset-layout="111111111111111111111111"] div,
    .grid-view [photoset-layout="11111111111111111111111111"] div,
    .grid-view [photoset-layout="1111111111111111111111111111"] div,
    .grid-view [photoset-layout="111111111111111111111111111111"] div,
    .grid-view [photoset-layout="11111111111111111111111111111111"] div,
    .grid-view [photoset-layout="1111111111111111111111111111111111"] div,
    .grid-view [photoset-layout="111111111111111111111111111111111111"] div {
        grid-column: span 3;
    }
    .grid-view [photoset-layout="11111"] div, 
    .grid-view [photoset-layout="1111111"] div, 
    .grid-view [photoset-layout="111111111"] div, 
    .grid-view [photoset-layout="11111111111"] div, 
    .grid-view [photoset-layout="1111111111111"] div, 
    .grid-view [photoset-layout="111111111111111"] div, 
    .grid-view [photoset-layout="11111111111111111"] div, 
    .grid-view [photoset-layout="1111111111111111111"] div, 
    .grid-view [photoset-layout="111111111111111111111"] div, 
    .grid-view [photoset-layout="11111111111111111111111"] div, 
    .grid-view [photoset-layout="1111111111111111111111111"] div, 
    .grid-view [photoset-layout="111111111111111111111111111"] div, 
    .grid-view [photoset-layout="11111111111111111111111111111"] div, 
    .grid-view [photoset-layout="1111111111111111111111111111111"] div, 
    .grid-view [photoset-layout="111111111111111111111111111111111"] div, 
    .grid-view [photoset-layout="11111111111111111111111111111111111"] div {
        grid-column: span 3;
    }
    .grid-view [photoset-layout="111"] div:first-of-type, 
    .grid-view [photoset-layout="11111"] div:first-of-type, 
    .grid-view [photoset-layout="1111111"] div:first-of-type, 
    .grid-view [photoset-layout="111111111"] div:first-of-type, 
    .grid-view [photoset-layout="11111111111"] div:first-of-type, 
    .grid-view [photoset-layout="1111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="11111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="1111111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="111111111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="11111111111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="1111111111111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="111111111111111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="11111111111111111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="1111111111111111111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="111111111111111111111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="11111111111111111111111111111111111"] div:first-of-type {
        grid-column:  span 6;
    }
 }
 @supports not (display:grid) {
    .grid-view [photoset-layout="1111"] div,
    .grid-view [photoset-layout="111111"] div,
    .grid-view [photoset-layout="11111111"] div,
    .grid-view [photoset-layout="1111111111"] div,
    .grid-view [photoset-layout="111111111111"] div,
    .grid-view [photoset-layout="11111111111111"] div,
    .grid-view [photoset-layout="1111111111111111"] div,
    .grid-view [photoset-layout="111111111111111111"] div,
    .grid-view [photoset-layout="11111111111111111111"] div,
    .grid-view [photoset-layout="1111111111111111111111"] div,
    .grid-view [photoset-layout="111111111111111111111111"] div,
    .grid-view [photoset-layout="11111111111111111111111111"] div,
    .grid-view [photoset-layout="1111111111111111111111111111"] div,
    .grid-view [photoset-layout="111111111111111111111111111111"] div,
    .grid-view [photoset-layout="11111111111111111111111111111111"] div,
    .grid-view [photoset-layout="1111111111111111111111111111111111"] div,
    .grid-view [photoset-layout="111111111111111111111111111111111111"] div {
        width: 50%;
    }
    .grid-view [photoset-layout="11111"] div, 
    .grid-view [photoset-layout="1111111"] div, 
    .grid-view [photoset-layout="111111111"] div, 
    .grid-view [photoset-layout="11111111111"] div, 
    .grid-view [photoset-layout="1111111111111"] div, 
    .grid-view [photoset-layout="111111111111111"] div, 
    .grid-view [photoset-layout="11111111111111111"] div, 
    .grid-view [photoset-layout="1111111111111111111"] div, 
    .grid-view [photoset-layout="111111111111111111111"] div, 
    .grid-view [photoset-layout="11111111111111111111111"] div, 
    .grid-view [photoset-layout="1111111111111111111111111"] div, 
    .grid-view [photoset-layout="111111111111111111111111111"] div, 
    .grid-view [photoset-layout="11111111111111111111111111111"] div, 
    .grid-view [photoset-layout="1111111111111111111111111111111"] div, 
    .grid-view [photoset-layout="111111111111111111111111111111111"] div, 
    .grid-view [photoset-layout="11111111111111111111111111111111111"] div {
        width: 50%;
    }
    .grid-view [photoset-layout="111"] div:first-of-type, 
    .grid-view [photoset-layout="11111"] div:first-of-type, 
    .grid-view [photoset-layout="1111111"] div:first-of-type, 
    .grid-view [photoset-layout="111111111"] div:first-of-type, 
    .grid-view [photoset-layout="11111111111"] div:first-of-type, 
    .grid-view [photoset-layout="1111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="11111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="1111111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="111111111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="11111111111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="1111111111111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="111111111111111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="11111111111111111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="1111111111111111111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="111111111111111111111111111111111"] div:first-of-type, 
    .grid-view [photoset-layout="11111111111111111111111111111111111"] div:first-of-type {
        width: 100%;
    }
 }