/*
  jquery.simple.lightbox
  Works together w/ bootstrap modals
*/

/*
  Modal itself
*/

.modal.simple-lightbox {
  max-width:90%;
  max-height:90%;
  bottom:10%;
  text-align: center;
  display:inline-block;
  padding:10px;
  background-color:#fff;
  border:1px solid #999;
  border:1px solid rgba(0,0,0,0.3);
  *border:1px solid #999;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);
  -moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);
  box-shadow:0 3px 7px rgba(0,0,0,0.3);
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding-box;
  background-clip:padding-box;
  
}
.modal-content {
	margin:0 5%;
	width:auto;
	height:90%;
	min-height:450px;
}

@media (min-width: 768px) {
  
  .modal.simple-lightbox {
    top: 5%;
  }
  .modal-content {
	min-height:250px;
}

}

.simple-lightbox img {
  max-width: 90%;
  max-height: 90%;
  display: block;
  margin: 2% auto;
  /* @inc .boxShadow */

 
  
}

.simple-lightbox .caption {
  display: none;
}

.simple-lightbox .caption.active {
  display: inline-block;
  padding: 6px 12px;
  position: absolute;
  bottom: -35px;
  margin: 0;
  left: 0;
  right: 0;
  color: #FFF;
  font-weight: 700;
  zoom: 1;
} 


.simple-lightbox .close {
  position: absolute;
  height: 14px;
  width: 14px;
  line-height: 14px;
  font-size:20px;
  color: #999;
  top: 18px;
  right: 18px;
  text-align: center;
  opacity: 1;
  text-shadow: none;
  background: none;
  display: block;
  padding:5px;
  background-color:#fff;
  border:1px solid #999;
  border:1px solid rgba(0,0,0,0.3);
  *border:1px solid #999;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  -webkit-box-shadow:0 3px 7px rgba(0,0,0,0.3);
  -moz-box-shadow:0 3px 7px rgba(0,0,0,0.3);
  box-shadow:0 3px 7px rgba(0,0,0,0.3);
  -webkit-background-clip:padding-box;
  -moz-background-clip:padding-box;
  background-clip:padding-box
}
.modal-backdrop {
	background: #000;
}
.simple-lightbox .close span {
  position: relative;
  bottom: 2px;
  display: inline-block;
}

/* Large desktop */
@media (min-width: 1200px) {
	.modal.simple-lightbox {
	
	}
	.modal {
		left: 10%;
		right: 10%;
		width:auto;
		margin:0 auto;
	}

}
/* Small desktop */
@media (min-width: 980px) and (max-width: 1199px) {

	
	.modal {
		left: 5%;
		right: 5%;
		width:auto;
		margin:0 auto;
	}
}
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
	.modal.simple-lightbox {


	}
	.modal {
		left: 5%;
		right: 5%;
		width:auto;
		margin:0 auto;
	}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
	.modal.simple-lightbox {

	}

}

/* Landscape phones and down */
@media (max-width: 480px) {
	.modal.simple-lightbox {

	}

}