/**
 * @package     mod_myjgallery
 * @copyright   Copyright (C) Make Your Joomla! (MYJ) 2016. All rights reserved.
 * @license     GNU GPL v3
 */
 
/* CSS */

/* main */
.gallery 					{ list-style: none; padding: 0; margin: 0; }
.gallery:after 				{ clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.gallery li 				{ float: left; width: 33.33333333%; }
.gallery li a 				{ display: block; margin: 5px; border: 1px solid #3c3c3c; }
.gallery li a:hover			{ opacity: 0.8; }
.gallery li img 			{ display: block; width: 100%; height: auto; }


/* For inline examples only */
#PhotoSwipeTarget 			{ width: 100%; height: 200px; }
#Indicators					{ text-align: center; margin-top: 20px; }
#Indicators span 			{ display: inline-block; height: 10px; width: 10px; margin: 0 10px 0 0; padding: 0; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px; background: #c5c5c5; overflow:hidden; }
#Indicators span.current	{ background: #EEBF02; }

/* debug */
.debug						{ color: red; }