/************************************************
	    GALLERY SYSTEM FRONT END STYLES
		STYLE DEFINITIONS
		VERSION 1.1
		Developed by Justin Kercher
        Apollo Internet Media
        Updated 21/02/2018
		Create: 02/03/2013
    ************************************************/
    
    /* Gallery Listing Page */
    .gallery-box { margin-top: 15px; margin-bottom: 15px; }
        .gallery-box a { display: block; border: solid 1px #ccc; padding: 15px; text-decoration: none !important; }
        .gallery-box a img { display: block; width: 100%; margin-bottom: 15px; }
            
    /* Gallery Viewer Page */
    .gallery { position: relative; }   
        .gallery .gallery-image { margin-top: 15px; margin-bottom: 15px; }
        .gallery .gallery-image a { display: block; position: relative; width: 100%; padding-top: 100%; text-align: center; border: solid 1px #ccc;  background-color: #fff; 
                                    -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out;  transition: all 0.5s ease-in-out; 
            }
            .gallery .gallery-image a:hover { background-color: rgba(0,0,0,0.2); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.2); transform: scale(1.1);  }
            .gallery .gallery-image a img { max-width: calc(100% - 30px); max-height: calc(100% - 30px); position: absolute; top: 50%; left: 50%; 
                                  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
            
            .gallery .gallery-image a span { position: absolute; display: block; width: 100%; text-align: center; color: #fff; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }