/**
 * @package    Gallery
 * @author     Storm
 * @copyright  Copyright (C) 2019 Storm. All Rights Reserved
 * @license    GPL v3.0 or later http://www.gnu.org/licenses/gpl-3.0.html
 */

 .gallery-container,
 .gallery-container * {
	 -webkit-box-sizing: border-box;
			 box-sizing: border-box;
			 align-items: center;
 }
 
 .gallery-position {
	 position: relative;
 }
 
 .gallery-filter {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 font-size: 1.3rem;
	 -ms-flex-pack: distribute;
		 justify-content: space-around;
 }
 
 @media (min-width: 768px) {
	 .gallery-filter {
		 position: absolute;
		 top: 0;
		 left: 0;
		 left: 0;
		 -webkit-box-orient: vertical;
		 -webkit-box-direction: normal;
			 -ms-flex-direction: column;
				 flex-direction: column;
	 }
 }
 
 .gallery-filter .fa {
	 margin-right: .5rem;
 }
 
 .gallery-container a {
	 position: relative;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 padding: 10px;
	 -webkit-box-pack: center;
		 -ms-flex-pack: center;
			 justify-content: center;
 }
 
 .gallery-container .fa {
	 position: absolute;
	 top: 50%;
	 z-index: 2;
	 color: rgba(255,255,255, .55);
	 font-size: 50px;
	 -webkit-transform: translateY(-50%);
		 -ms-transform: translateY(-50%);
			 transform: translateY(-50%);
	 -webkit-transition: color .3s ease-in-out;
	 -o-transition: color .3s ease-in-out;
	 transition: color .3s ease-in-out;
 }
 
 .gallery-container a:hover .fa {
	 color: rgba(255,255,255, .70);
	 -webkit-transition: color .3s ease-in-out;
	 -o-transition: color .3s ease-in-out;
	 transition: color .3s ease-in-out;
 }
 
 .gallery-container img {
	 width: 100%;
	 -webkit-box-shadow: 0 0 60px 1px rgba(100,100,100,.6);
     box-shadow: 0 0 60px 1px rgba(100,100,100,.6);
 }
 
 .gallery-item-hide {
	 display: none !important;
 }
 
 .flex {
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-flex: 0;
		 -ms-flex: 0 0 auto;
			 flex: 0 0 auto;
 }
 
 .flex-right {
	 -webkit-box-pack: end;
		 -ms-flex-pack: end;
			 justify-content: flex-end;
 }
 
 .align-center {
	 -webkit-box-align: center;
		 -ms-flex-align: center;
			 align-items: center;
 }
 
 .flex-25 > a {
	 -webkit-box-flex: 0;
		 -ms-flex: 0 1 25%;
			 flex: 0 1 25%;
 }