/*
	The work below, CSSBox, is released under the Creative Commons
	Attribution-ShareAlike 4.0 license and is available on
	https://notabug.org/SylvieLorxu/CSSBox. You are not required to add
	additional credit to your website, just leave the above text in this file

	The work below that acutally comes (or devives) from CSSBox is the classes
	that have "cssbox" in their name. All other work was added by Paul Beuchat.
*/


/*
SOME CLIPPING OPTIONS
	-webkit-clip-path: inset(0px 50px 50px 0px);
	-webkit-clip-path: inset(0px 5% 0px 5% round 20% 20%);
	-webkit-clip-path: circle(30px at 35px 35px);

	clip-path: polygon(5% 5%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
	-webkit-clip-path: circle(50% at 50% 50%);

	NOTE: that the INSET values are from-top, from-right, from-bottom, from-left
*/


div.cssbox {
  display: inline-block;
}

span.cssbox_full {
  z-index: 997;
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0,0,0,0.95);
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  /*transition: opacity 0.5s linear;*/
}

span.cssbox_full img {
  position: fixed;
  background-color: white;
  margin: 0;
  padding: 0;
  max-height: 90%;
  max-width: 90%;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 20px black;
}


img.cssbox_thumb {
	/*-webkit-clip-path: polygon(13% 0, 85% 0, 100% 18%, 100% 88%, 92% 100%, 14% 100%, 0 87%, 0 15%);*/
	-webkit-clip-path: inset(0px 0px 0px 0px round 20px 20px);
	height: 300px;
	width: 200px;
	object-fit: cover;
	text-align:center;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}



a.pnb-lightbox-close-button {
  z-index: 999;
  position: fixed;
  visibility: hidden;
  top: 70%;
  bottom:0%;
  left: 25%;
  right: 25%;
  background: none;
}

a.pnb-lightbox-close-label {
  z-index: 999;
  position: fixed;
  text-decoration: none;
  visibility: hidden;
  color: white;
  font-size: 50px;
  bottom:10px;
  left: 25%;
  right: 25%;
  text-align: center;
  background: none;
}

a.pnb-lightbox-close-label::after {
  content: '\00d7';
}



a.pnb-lightbox-prev-button,
a.pnb-lightbox-next-button {
  z-index: 998;
  position: fixed;
  visibility: hidden;
  top: 20%;
  bottom: 0%;
  background: none;
}

a.pnb-lightbox-prev-button,
a.pnb-lightbox-prev-label {
  left: 0%;
  right: 75%;
}

a.pnb-lightbox-next-button,
a.pnb-lightbox-next-label {
  left: 75%;
  right: 0%;
}

a.pnb-lightbox-prev-label,
a.pnb-lightbox-next-label {
  z-index: 998;
  position: fixed;
  text-decoration: none;
  visibility: hidden;
  color: white;
  font-size: 50px;
  bottom: 10px;
  text-align: center;
  background: none;
}

a.pnb-lightbox-prev-label::after {
  content: '\003c';
}
a.pnb-lightbox-next-label::after {
  content: '\003e';
}




a.pnb-lightbox-link:target ~ a.pnb-lightbox-close-button,
a.pnb-lightbox-link:target ~ a.pnb-lightbox-close-label,
a.pnb-lightbox-link:target ~ a.pnb-lightbox-prev-button,
a.pnb-lightbox-link:target ~ a.pnb-lightbox-prev-label,
a.pnb-lightbox-link:target ~ a.pnb-lightbox-next-button,
a.pnb-lightbox-link:target ~ a.pnb-lightbox-next-label {
  visibility: visible;
}

a.pnb-lightbox-link:target > img.cssbox_thumb + span.cssbox_full {
  visibility: visible;
  opacity: 1;
  pointer-events: initial;
}

span.cssbox_full {
  cursor: initial;
}
/* This is the end of CSSBox */