/**
 * Image Gallery -  CSS - customize this in your theme folder
 * 
 * Image Gallery
 * 
 * @copyright 2016 SCHLIX Web Inc
 *
 * @license MIT
 *
 * @package gallery
 * @version 1.0
 * @author  SCHLIX Web Inc <info@schlix.com>
 * @link    http://www.schlix.com
 */

ul.gallery-folder {    
    display:inline-block;
    position:relative;
    min-height:200px;
    list-style:none;
    padding-inline-start:0px !important;
}

h2.category.title {margin:40px 0;}
ul.gallery-folder li {margin-bottom:10px !important;background-color:green}
ul.gallery-folder a {
    background:white;
    display:inline;
    float:left;
    width:auto;
    padding:5px;
    text-align:center;
    text-decoration:none;
    color:#333;
    font-size:10px;
    font-weight:bold;
    -webkit-box-shadow:0px 0px 10px rgba(0,0,0,1);
    -moz-box-shadow:0px 0px 10px rgba(0,0,0,1);
    box-shadow:0px 0px 10px rgba(0,0,0,1);
    -webkit-transition:all .30s;
    -moz-transition:all .30s;
    -o-transition:all .30s;
    transition:all .30s;
    position:absolute;    
}
ul.gallery-folder img {
    display:block;
    max-width:300px;
    max-height:300px;
}
ul.gallery-folder a:hover {
    z-index:100;
}

ul.gallery-folder li
{
    top:0%;
    left:50%;    
}
/* Pictures placement, scaling and rotation */
ul.gallery-folder li:nth-child(n) a {
    -webkit-transform:rotate(120deg) scale(1,1);
    -moz-transform:rotate(120deg) scale(1,1);
    transform:rotate(120deg) scale(1,1);
}

ul.gallery-folder li:nth-child(1n) a {
    -webkit-transform:rotate(30deg) scale(0.7,0.7);
    -moz-transform:rotate(30deg) scale(0.7,0.7);
    transform:rotate(0deg) scale(0.7,0.7);
    z-index:90;
}
ul.gallery-folder li:nth-child(2n) a {
    -webkit-transform:rotate(15deg) scale(0.7,0.7);
    -moz-transform:rotate(15deg) scale(0.7,0.7);
    transform:rotate(15deg) scale(0.7,0.7);
    z-index:80;
}
ul.gallery-folder li:nth-child(3n) a {
    -webkit-transform:rotate(25deg) scale(0.7,0.7);
    -moz-transform:rotate(25deg) scale(0.7,0.7);
    transform:rotate(25deg) scale(0.7,0.7);
    z-index:70;
}
ul.gallery-folder li:nth-child(4n) a {
    -webkit-transform:rotate(85deg) scale(0.7,0.7);
    -moz-transform:rotate(85deg) scale(0.7,0.7);
    transform:rotate(85deg) scale(0.7,0.7);
    z-index:60;

}
ul.gallery-folder li:nth-child(5n) a {
    -webkit-transform:rotate(65deg) scale(0.7,0.7);
    -moz-transform:rotate(65deg) scale(0.7,0.7);
    transform:rotate(65deg) scale(0.7,0.7);
    z-index:50;
}
ul.gallery-folder li:nth-child(6n) a {
    -webkit-transform:rotate(75deg) scale(0.7,0.7);
    -moz-transform:rotate(75deg) scale(0.7,0.7);
    transform:rotate(75deg) scale(0.7,0.7);
    z-index:40;
}
ul.gallery-folder li:nth-child(7n) a {
    -webkit-transform:rotate(90deg) scale(0.7,0.7);
    -moz-transform:rotate(90deg) scale(0.7,0.7);
    transform:rotate(90deg) scale(0.7,0.7);
    z-index:30;
}

/* Pictures rotation and scaling on hover */

ul.gallery-folder li:nth-child(n) a:hover {
    -webkit-transform:rotate(0deg) scale(1,1);
    -moz-transform:rotate(0deg) scale(1,1);
    transform:rotate(0deg) scale(1,1);
}



.mosaicflow__column {float:left;

    /*
    -webkit-transition: width 0.3s ease-in-out, margin 0.3s ease-in-out;
    -moz-transition: width 0.3s ease-in-out, margin 0.3s ease-in-out;
    -o-transition: width 0.3s ease-in-out, margin 0.3s ease-in-out;*/
    transition: width 0.3s ease-in-out, height 0.3s ease-in-out, left 0.3s  ease-in-out, top 0.3s  ease-in-out;
    

}

.mosaicflow__item img {display:block;width:100%;max-width:100%;height:auto;}

.gallery-thumbnails-mosaic {
    padding:1px;margin:0px;
    
}

h2.gallery-thumbnails-title {text-align:center;font-size:12px;padding:0;margin:0.5em 0; }
h2.gallery-individual-category-title {text-align:center; margin: 2em 0;font-size:1.4em}
.gallery-full-content img {max-width:100%}

a img {border:none}


@media (max-width: 320px) {
ul.gallery-folder {
    margin-left: -20px !important;
}
}


@media (max-width: 991px) {
ul.gallery-folder {
    /*display:block;margin-left:25% !important;*/
}


}