/* Changes and stuff for the gallery page */

/* Base styles */
@import 'lightbox.css';

/************************************************************
General lightbox tweaks */

/* Header */
#jb-lightbox>h4 {
	font-size:14pt;
}


/* Arrows */
#jb-lightbox-prev,
#jb-lightbox-next {
	position:fixed;
	bottom:32px;
	height:50px;
	font-size:30pt;
}
#jb-lightbox-prev {
	left:10px;
}
#jb-lightbox-next {
	right:10px;
}
#jb-lightbox>ul>li {
	line-height:inherit;
}


/* Close */
#jb-lightbox-close {
	position:fixed;
	font:20pt/1.3 Arial,Helvetica,sans-serif;
	top:5px;
	right:20px;
}


/* Hotspot stuff *
#jb-lightbox>span {
	position:relative;
}
#jb-lightbox>span a {
	position:absolute;
	display:block;
}

#jb-lightbox>span:hover a {
	outline:1px solid rgba(255,255,255,0.3);
	background:rgba(255,255,255,0.1);
}


/************************************************************
Lightbox gallery slider */

#lightbox-slider {
	display:none;
	position:fixed;
	z-index:50000;
	width:92%;
	bottom:2em;
	left:4%;
	white-space:nowrap;
	overflow:hidden;
	/*text-align:center;*/
}
#lightbox-thumbs {
	text-align: center;
	list-style:none;
	margin:0;
	padding:0;
}
#lightbox-thumbs li {
	display:inline;
	vertical-align:middle;
	margin:0 0.25em;
}
#lightbox-thumbs a {
	display:inline-block;
	white-space:nowrap;
	line-height:0;
	padding:2px;
	background:#fff;
	opacity:0.5;

	-webkit-transition:all 0.4s ease 0s;
	transition:all 0.4s ease 0s;
}
#lightbox-thumbs li.sel a {
	opacity:1;
}
#lightbox-thumbs img {
	max-height:50px;
	display:inline-block;
	vertical-align:middle;
}


/************************************************************
Popup thing *

#lightbox-popup {
	display:none;
	position:absolute;
	z-index:60000;
	background:#fff;
	color:#2A2A2A;
	padding:1em 1.3em;
	width:460px;
	min-height:100px;
	border-radius:0.5em;
	box-shadow:0.2em 0.2em 0.8em rgba(0,0,0,0.5);
	font-size:9pt;
}
#lightbox-popup:after { /* Arrow *
	content:' ';
	position:absolute;
	left:50%;
	top:-14px;
	margin-left:-13px;
	border-bottom:14px solid #fff;
	border-left:13px solid transparent;
	border-right:13px solid transparent;
}
#lightbox-popup>sup { /* Close *
	position:absolute;
	right:0.4em;
	top:0.1em;
	color:#666;
	font-size:16pt;
	cursor:pointer;
}
#lightbox-popup>a { /* Image *
	position:absolute;
	top:8%;
	height:84%;
	width:130px;
	background:transparent url('http://cdn.jbwebresources.com/js/images/site/logo.png') no-repeat center center;
	background-size:cover;
}
#lightbox-popup>div { /* Description *
	margin-left:145px;
}

*/