/* featherlight additions/modifications */
.featherlight .featherlight-content {
	padding:0; /*border-bottom:0;*/
	overflow:hidden;
	border: 3px solid #08b5bd;
	border-radius: 10px;
}

.lightbox-data {
  /*opacity:0;*/
  position: absolute;
  bottom: 0; left: 0; right: 0;
  padding: 10px 20px 20px;
  font-size: 15px;
  background: rgba(0,0,0,0.5);
  color: white; text-shadow: 0 0 4px black;
  box-shadow: 0 12px 15px 15px black, inset 0 -48px 55px -15px black;
}
.featherlight .featherlight-content.top .lightbox-data {
	bottom: initial; top: 0;
	box-shadow: 0 -12px 15px 15px black, inset 0 48px 55px -15px black;
}
.featherlight-next, .featherlight-previous {
	top: 0; bottom: 0;
	width: 90px; height: 54px; margin: auto;
	background-repeat: no-repeat;
}
.featherlight-previous {
	left: 0; right: unset;
	transition: right .25s ease;
	background-image: url(../img/elements/about/lightbox/navleft_a.png);
}
.featherlight-next {
	left: unset; right: 0;
	transition: left .25s ease;
	background-image: url(../img/elements/about/lightbox/navright_a.png);
}
.featherlight-next, .featherlight-next:hover {background-position-x: right;}
.featherlight-previous:hover {background-image: url(../img/elements/about/lightbox/navleft_b.png);}
.featherlight-next:hover {background-image: url(../img/elements/about/lightbox/navright_b.png);}

.featherlight-next span, .featherlight-previous span {display:none;}

.featherlight-previous:hover, .featherlight-next:hover {
	background-repeat: no-repeat;
	background-color: transparent;
}

/* while loading */
.featherlight.featherlight-loading .featherlight-previous, 
.featherlight.featherlight-loading .featherlight-next {display: block;}
.featherlight.featherlight-loading .featherlight-previous {left: -90px; transition: left .5s ease;}
.featherlight.featherlight-loading .featherlight-next {right: -90px; transition: right .5s ease;}

.featherlight-next:hover span, .featherlight-previous:hover span {display: none;}

.lightbox-data .title {font-weight:bold;}
.lightbox-data .title, .lightbox-data .desc {display:inline;}
.lightbox-data .desc {margin-left: 10px;}
.lightbox-data .wares, .lightbox-data .note {margin-top: 2px;margin-left: 2px;font-size:10px;}
.lightbox-data .wares::before {content: 'software: '; font-weight: bold;}
/* lazy way of doing things ... again */
.lightbox-data .note-type {font-weight: bold;}
.lightbox-data .note-type::after {content: ': '; font-weight: bold;}

/* autohide hides the overlay when you hover over it */
.featherlight .featherlight-content.autohide .lightbox-data,
.featherlight .featherlight-content.top.autohide .lightbox-data {opacity:1; transition: opacity .5s ease;}
.featherlight .featherlight-content.autohide:hover .lightbox-data,
.featherlight .featherlight-content.top.autohide:hover .lightbox-data {opacity: 0; transition: opacity .5s ease;}

/* autoshow is the same as autohide but in reverse order */
.featherlight .featherlight-content.autoshow .lightbox-data,
.featherlight .featherlight-content.top.autoshow .lightbox-data {opacity:0; transition: opacity .5s ease;}
.featherlight .featherlight-content.autoshow:hover .lightbox-data,
.featherlight .featherlight-content.top.autoshow:hover .lightbox-data {opacity: 1; transition: opacity .5s ease;}

.featherlight .featherlight-content.top.autoshow .featherlight-previous {left: -90px; transition: left .5s ease;}
.featherlight .featherlight-content.top.autoshow .featherlight-next {right: -90px; transition: right .5s ease;}

.featherlight .featherlight-content.top.autoshow:hover .featherlight-previous {left: 0; transition: left .25s ease;}
.featherlight .featherlight-content.top.autoshow:hover .featherlight-next {right: 0; transition: right .25s ease;}