/**
 * @version		3.0.x
 * @package		Simple Image Gallery Pro
 * @author		JoomlaWorks - http://www.joomlaworks.net
 * @copyright	Copyright (c) 2006 - 2014 JoomlaWorks Ltd. All rights reserved.
 * @license		http://www.joomlaworks.net/license
 */

/* --- Generic Styling --- */
a:active,a:focus { outline:0; }
table.contentpaneopen { width:100%; }
li.sigProClear { clear:both; float:none!important; height:0!important; line-height:0!important; border:none!important; background:none!important; width:auto; margin:0!important; padding:0!important; }

/* Container */
ul.sigProClassic { margin:8px auto!important; padding:8px 0!important; list-style:none; clear:both; overflow:hidden; }
	ul.sigProClassic.singleThumbGallery { margin:0!important; padding:8px 0!important; list-style:none!important; float:left; }

/* Thumbnail */
ul.sigProClassic li.sigProThumb { float:left; background:#fff!important; margin:5px; padding:0; list-style:none!important; }

/* width:33%; to force columns */
ul.sigProClassic li.sigProThumb a.sigProLinkOuterWrapper { display:block; float:left; margin:0; padding:0 5px 5px 0; background:url(../images/shadowAlpha.png) no-repeat right bottom; }
ul.sigProClassic li.sigProThumb a.sigProLinkWrapper { display:block; float:left; margin:-5px 0 0 -5px; padding:4px; border:1px solid #ccc; }
ul.sigProClassic li.sigProThumb a.sigProLink,
ul.sigProClassic li.sigProThumb a.sigProLink:hover { position:relative; float:left; display:block; padding:0; margin:0; border:none; }
ul.sigProClassic li.sigProThumb a.sigProLink { color:#eee; }
ul.sigProClassic li.sigProThumb a.sigProLink:hover { color:#222; text-decoration:none; }
ul.sigProClassic li.sigProThumb a.sigProLink img.sigProImg,
ul.sigProClassic li.sigProThumb a.sigProLink:hover img.sigProImg { display:block; width:100%; height:100%; padding:0; margin:0; border:none; background-repeat:no-repeat; background-position:50% 50%; }

/* Caption */
ul.sigProClassic span.sigProPseudoCaption,ul.sigProClassic span.sigProCaption { display:block; position:absolute; bottom:0; left:0; right:0; text-align:center; padding:2px 4px; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }
ul.sigProClassic li.sigProThumb a.sigProLink span.sigProPseudoCaption { background:#000; }
ul.sigProClassic li.sigProThumb a.sigProLink:hover span.sigProPseudoCaption { background:#fff; }
ul.sigProClassic span.sigProPseudoCaption { opacity:0.7; -moz-opacity:0.7; }
ul.sigProClassic span.sigProPseudoCaption b { visibility:hidden; }

/* Popup */
span.sigProPopupCaption { font-weight:bold; color:#C63C13; font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; }
a.sigProDownloadLink,a.sigProDownloadLink:hover { background:url(../images/disk.png) no-repeat left center; padding:4px 0 4px 20px; }
div.sigProModulePosition { text-align:center; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:4px; margin:8px 0; background:#ffffdd; }

/* IE specific styling: Use "body.sigProIsIEX element {}" - where X is 6, 7 or 8 - to target elements for these browser versions only */
body.sigProIsIE6 { }
body.sigProIsIE6 ul.sigProClassic li.sigProThumb a.sigProLinkOuterWrapper { background:url(../images/shadow.gif) no-repeat right bottom; padding:0 5px 5px 0; }
body.sigProIsIE6 ul.sigProClassic li.sigProThumb a.sigProLinkWrapper { margin:0; }
body.sigProIsIE6 ul.sigProClassic span.sigProPseudoCaption,
body.sigProIsIE6 ul.sigProClassic span.sigProCaption { width:100%; padding:2px 0; cursor:pointer; }

body.sigProIsIE7 { }
body.sigProIsIE7 ul.sigProClassic li.sigProThumb a.sigProLink,
body.sigProIsIE7 ul.sigProClassic li.sigProThumb a.sigProLink:hover { float:left; }

body.sigProIsIE6 ul.sigProClassic span.sigProPseudoCaption,
body.sigProIsIE7 ul.sigProClassic span.sigProPseudoCaption,
body.sigProIsIE8 ul.sigProClassic span.sigProPseudoCaption { filter:alpha(opacity=70); }

/* Flickr Set link */
a.sigProFlickrSetLink {display:block;clear:left;padding:2px 8px;font-size:10px;text-align:center;}

/* Print message */
.sigProPrintMessage {display:none;}



/* The Modal (background) */
.modal {
  display: none;
  position: fixed;
  z-index: 9999;
  padding-top: 5vh;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
}

/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  width: 90%;
  max-width: 1200px;
  max-height: 90vh;
}

/* The Close Button */
.close {
  color: white;
  position: absolute;
  top: -10px;
  right: 10px;
  font-size: 35px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #999;
  text-decoration: none;
  cursor: pointer;
}

/* Hide the slides by default */
.mySlides {
  display: none;
  background: #fff;
}
.mySlides-photo{
	display: inline-block;
	width: 70%;
	vertical-align: top;
	max-height: 100%;
}
.mySlides-photo img{
	max-height: 90vh;
	width: auto;
	max-width: 100%;
}
.mySlides-info{
	display: inline-block;
	width: 28%;
	vertical-align: top;
}
.mySlides-text{
	padding: 20px;
}
.mySlides-title{
	font-weight: bold;
	margin-bottom: 20px;
}
.mySlides-desc p{
  text-align: left;
}
.mySlides-info .popup-button{
	background: #e80000;
	color: #fff;
	display: block;
	text-align: center;
	padding: 10px 15px;
	cursor: pointer;
	display: inline-block;
}

/* Next & previous buttons */
.prev,
.next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Caption text */
.caption-container {
  text-align: center;
  background-color: black;
  padding: 2px 16px;
  color: white;
}

img.demo {
  opacity: 0.6;
}

.active,
.demo:hover {
  opacity: 1;
}

img.hover-shadow {
  transition: 0.3s;
}

.hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

@media only screen and (max-width:959px) {
	.mySlides-photo {
	    width: 60%;
	}
	.mySlides-info {
	    width: 38%;
	}
}
@media only screen and (max-width:767px) {
	.mySlides-photo {
	    width: 100%;
	}
	.mySlides-info {
	    width: 100%;
	}
	.mySlides-desc{
		display: none;
	}
}