/*
 * Citizen - Gallery Styles
 * https://starcitizen.tools
*/

@import '../resources/variables.less';
@import '../resources/mixins.less';

ul.gallery {
    position: relative;
    margin: @content-margin-top @negative-margin @content-margin-top * 2 !important;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

li.gallerybox {
    margin: 2px;
    display: block;
}

li.gallerybox div.thumb {
    margin: 0;
}

li.gallerybox,
li.gallerybox>div {
    width: fit-content !important;
    height: auto !important;
}

li.gallerybox,
li.gallerybox div,
li.gallerybox a.image,
li.gallerybox a.image img {
    transition: @transition-width,
        @transition-height;
}

div.gallerytext {
    display: none;
}

@media only screen and (max-width: @screen2) {
    ul.gallery {
        margin: @content-margin-top 0 @content-margin-top * 2 !important;
        overflow: hidden; // Hack to avoid viewpoint move
    }

    li.gallerybox,
    li.gallerybox div,
    li.gallerybox a.image,
    li.gallerybox a.image img {
        width: 100vw !important;
        height: auto !important;
        transition: none; // Performance tweaks
    }
}

@media only screen and (max-width: @screen1) {
    ul.gallery {
        margin: @content-margin-top -@margin-side @content-margin-top * 2 !important;
    }
}