/* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */
 #colorbox, #cboxOverlay, #cboxWrapper{
  position:absolute;
  top:0;
  left:0;
  z-index:9999;
  overflow:hidden;
}
 #cboxWrapper {
  max-width:none;
}
 #cboxOverlay{
  position:fixed;
  width:100%;
  height:100%;
}
 #cboxMiddleLeft, #cboxBottomLeft{
  clear:left;
}
 #cboxContent{
  position:relative;
}
 #cboxLoadedContent{
  overflow:auto;
  -webkit-overflow-scrolling: touch;
}
 #cboxTitle{
  margin:0;
}
 #cboxLoadingOverlay, #cboxLoadingGraphic{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
 #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{
  cursor:pointer;
}
 .cboxPhoto{
  float:left;
  margin:auto;
  border:0;
  display:block;
  max-width:none;
  -ms-interpolation-mode:bicubic;
}
 .cboxIframe{
  width:100%;
  height:100%;
  display:block;
  border:0;
}
 #colorbox, #cboxContent, #cboxLoadedContent{
  box-sizing:content-box;
  -moz-box-sizing:content-box;
  -webkit-box-sizing:content-box;
}
/* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */
 #cboxOverlay{
  background:#fff;
}
 #colorbox{
  outline:0;
  z-index: 9999999999999;

}
 #cboxContent{
  margin-top:32px;
  overflow:visible;
}
 .cboxIframe{
  background:#fff;
}
 #cboxError{
  padding:50px;
  border:1px solid #ccc;
}
 #cboxLoadedContent{
  padding:1px;
}
 #cboxLoadingGraphic{
  background:url(../images/loading.gif) no-repeat center center;
}
 #cboxLoadingOverlay{
}
#cboxTitle {
  background: none repeat scroll 0 0 rgba(255, 255, 255, 0.40);
  bottom: 0;
  color: #000000;
  left: 0;
  /* padding: 10px; */ line-height: 2rem;
  position: absolute;
  width: 100%;
  text-align:center;
}
#cboxCurrent{
  position:absolute;
  top:-22px;
  right:205px;
  text-indent:-9999px;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
 #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border:0;
  padding:0;
  margin:0;
  overflow:visible;
  text-indent:-9999px;
  width:20px;
  height:20px;
  position:absolute;
  top:0px;
  background:url(../images/controls.png?v=20200728) no-repeat 0 0;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
 #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline:0;
}
 #cboxPrevious{
  background-position:0px 0px;
  right:44px;
}
 #cboxPrevious:hover{
  background-position:0px -25px;
}
 #cboxNext{
  background-position:-25px 0px;
  right:22px;
}
 #cboxNext:hover{
  background-position:-25px -25px;
}
 #cboxClose{
  background-position:-50px 0px;
  right:0;
  top: -20px;
}
 #cboxClose:hover{
  background-position:-50px -25px;
}
 .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{
  right:66px;
}
 .cboxSlideshow_on #cboxSlideshow{
  background-position:-75px -25px;
  right:44px;
}
 .cboxSlideshow_on #cboxSlideshow:hover{
  background-position:-100px -25px;
}
 .cboxSlideshow_off #cboxSlideshow{
  background-position:-100px 0px;
  right:44px;
}
 .cboxSlideshow_off #cboxSlideshow:hover{
  background-position:-75px -25px;
}
[id^=colorbox-],
.cboxElement {
  position: relative;
  display:inline-block;
  border-bottom:0px !important;
  cursor: url('../images/zoom-in.webp'), auto;
}

#cboxOverlay {
  cursor: url('../images/zoom-out.webp'), auto !important;
}

 a.cboxElement {
  background:transparent !important;
}

.align-center.cboxElement,
.align-left.cboxElement,
.align-right.cboxElement  {
  display: block !important;
}