/*********************************************
 * ITLB - InfoTip LightBox
 * Modern Style
 * (C) 2018 InfoTip Services
 * Version 2.6.1
 *
 * DO NOT EDIT THIS FILE!
 * USE A CUSTOM CSS INSTEAD!
 *********************************************/
 
/**********************************************
 * Phone Screen Sizes:
 * iPhone SE:	320x460
 * moto G5:		360x512
 * Samsung Tab:	800x1118
 *********************************************/

/* ensure that anchors that only trigger overlays have correct mouse pointer */
a.itlb:not([href]) {
	 cursor: pointer;
}
 
#itlb_wait {
    position: fixed; /* keeps the lightbox window in the current viewport */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    /*background: -webkit-gradient(radial, center center, 0, center center, 220, from(#1a82f7), to(#2F2727));*/
    background: radial-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.70));

	/* hide initially */
	display: none;
}
#itlb_wait img {
	/*margin-top: 450px;*/
	position: fixed;
	top: 50%;
	left: 50%;
}

#itlightbox {
    position: fixed; /* keeps the lightbox window in the current viewport */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.70);

	/* override other website's z-indexes */
	z-index: 9876;

	/* hide initially */
	display: none;
}

#itcontent {
	width: auto;
	height: auto;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;

	/* override other website's z-indexes */
	z-index: 9877;

	/* hide initially */
	display: none;
}
#itcontent>div {
	position: relative;
	display: inline-block;
}
#itcontent>div.text,
#itcontent>div.file {
	padding: 1.75em;
	text-align: left;
	background: #fff;
	min-width: 360px;
	max-width: 600px;
}
#itcontent>div.file object {
	width: 100%;
	min-height: 480px;
}

#itcontent>div.pdf,
#itcontent>div.pdf object {
	background-color: #fff;
	/* min-/max-width not possible here */
	width: 800px;
}
#itcontent>div.image,
#itcontent>div.video {
	min-width: 300px;
	max-width: 800px;
	font-size: 0;
	line-height: normal;
}
#itcontent>div.image .subtext {
  position: absolute;
  left: 0px;
  bottom: 0px;
  min-height: 1em;
  width: 100%;
  background: rgba(0, 0, 0, 0.35);
}
#itcontent>div.image .subtext p {
  font-size: 14px;
  padding: .5em .35em;
}
#itcontent>div.youtube {
  line-height: 0px;
}

@media only screen and (max-width: 960px) {
	/* min-widths set in global style */
	#itcontent>div.pdf,
	#itcontent>div.pdf object {
		width: 500px;
	}

	#itcontent>div.text,
	#itcontent>div.file {
		max-width: 550px;
	}

	#itcontent>div.image,
	#itcontent>div.video {
		max-width: 620px;
	}
}

@media only screen and (max-width: 700px) {
	/* Mind the box model! */
	#itcontent>div.pdf,
	#itcontent>div.pdf object {
		/* Intentionally set to this small value because of some really small
		   screens out there. For mobile devices it's recommended anyway to
		   use the 'disableForMobile' setting, although mobile browsers are
		   usually capable of displaying the 'object' tag.
		*/
		width: 280px;
	}

	#itcontent>div.text,
	#itcontent>div.file {
		word-wrap: break-word;
		min-width: 240px;
		max-width: 450px;
	}

	#itcontent>div.image,
	#itcontent>div.video {
		min-width: 240px;
		max-width: 500px;
	}
}

#itcontent>div.image img,
#itcontent>div.video video {
	/* set width relative to the parent element's min and max width */
	width: 100%;
}

#itcontent span.itlb_close {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 0;
  font-size: 0px;
  width: 30px;
  padding: 30px 0 0 0;
  line-height: 30px;
  overflow: hidden;
  color: #666;
  cursor: pointer;
  z-index: 100; /* Make sure it hovers over video/PDF objects */
  background-color: rgba(255, 255, 255, 0.70); /* Make sure it's visible on videos/PDFs */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#itcontent span.itlb_close:before {
  content: "\D7";
  display: block;
  text-align: center;
  width: 30px;
  position: absolute;
  top: -1px;
  left: 0;
  font-size: 30px;
  font-family: "Helvetica Neue", Helvetica, Verdana, Tahoma, Calibri, "Droid Sans", sans-serif;
}

#itcontent>div.pdf span.itlb_close {
  /* Scrollbar */
  padding-right:20px;
}