/* ProGallery Grid */

#mygallery,
#mygallery *,
#mygallery *:before,
#mygallery *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#mygallery {
	display: block;
	width: 100%;
  %[if ]%text-align: left;%[endif]%
  %[if ]%text-align: center;%[endif]%
  %[if ]%text-align: right;%[endif]%
}

#mygallery ul#proGalleryThumbsstacks_in_2 {
	padding: 0;
	margin: 0;
	list-style: none;
	
	/* Spacing to compensate for thumbnail focus outlines */
	margin-top: calc(3px + 2px);
	margin-bottom: calc(3px + 2px);
	
}

#mygallery li.proGalleryItem {
	position: relative;
	/* -webkit-transform: translateZ(0); */
	padding: 0;
	margin: 0;
	list-style: none;
}

#mygallery li .proGalleryItemInner {
  border: 0rem none rgba(234, 234, 234, 1.00);
  border-radius: 0rem;
	background-color: rgba(255, 255, 255, 1.00);
	padding: 0rem;
	position: relative;
	margin: 0rem;
	
}

#mygallery li.proGalleryItem a {
	display: block;
  cursor: zoom-in;
  margin: ;
  outline: none;
}


#mygallery .proGalleryItem.focused_gallery_item {
	outline: 3px solid rgba(255, 0, 0, 1.00);
	outline-offset: 2px;
}

#mygallery li .proGalleryItemInner a:focus {
  outline: 0;
  border: none;
}


#mygallery li.proGalleryItem img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	height: auto;
  border-radius: 0rem;
  display: block;
  border: 0rem none rgba(234, 234, 234, 1.00);
	padding: 0rem;
	margin: 0rem;
	
}

/* Disable links that don't go anywhere */
#mygallery li .proGalleryItemInner a[href=''],
#mygallery li .proGalleryItemInner a[href='#null'] {
  pointer-events: none !important;
  cursor: default !important;
}


/* Captions */
#mygallery .proGalleryItemTitle {
	display: none;
}

@media screen and (min-width: 0px) {
	#mygallery .proGalleryItemTitle {
		display: none;
		transition: 300ms ease-in-out;
		padding: 0rem;
		margin: 0rem;
		font-size: 1rem;
		letter-spacing: 0px;
		border-radius: 0rem;
		pointer-events: auto;
	  
		color: rgba(102, 102, 102, 1.00);
		line-height: 1.5;
	  background: rgba(255, 255, 255, 1.00);
	  
	  
	  
		
		
	}

	/* Override for caption titles */
	#mygallery .proGalleryItemTitle strong {
		
		font-size: 1rem;
		letter-spacing: 0px;
		color: rgba(102, 102, 102, 1.00);
		line-height: 1.5;
	  font-weight: normal;
	  font-style: normal;
	  text-transform: none;
	  text-decoration: none;
	  font-weight: bold;
	  
	  
	  
	}

	#mygallery .proGalleryItemTitle div {
	  
	  color: rgba(102, 102, 102, 1.00);
	  font-size: 1rem;
	}

	#mygallery.titlesBelowLeft .proGalleryItemTitle {
		text-align: left;
		opacity: 1.00;
	}

	#mygallery.titlesBelowCentre .proGalleryItemTitle {
		text-align: center;
		opacity: 1.00;
	}

	#mygallery.titlesBelowRight .proGalleryItemTitle {
		text-align: right;
		opacity: 1.00;
	}

	

	

	

	

	

	

	

	

	

	#mygallery li.proGalleryItem.focused_gallery_item .proGalleryItemTitle,
	#mygallery li:hover .proGalleryItemTitle {
		opacity: 1.00;
	}

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	

	
}



































/* ProGallery Columns Layout */

#mygallery .proGalleryThumbs {
  -moz-column-gap: 1rem;
  -webkit-column-gap: 1rem;
  column-gap: 1rem;
}


/* This CSS aims to fix the issue of images missing in Safari, within CSS columns, with animations applied */
#mygallery .proGalleryThumbs li img {
  will-change: transform;
}


@media screen and (min-width: 0px) {
  #mygallery .proGalleryThumbs {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
  }
}

@media screen and (min-width: 568px) {
	#mygallery .proGalleryThumbs {
		-moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
	}
}

@media screen and (min-width: 992px) {
	#mygallery .proGalleryThumbs {
		-moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
	}
}

@media screen and (min-width: 1200px) {
	#mygallery .proGalleryThumbs {
		-moz-column-count: 4;
    -webkit-column-count: 4;
    column-count: 4;
	}
}

#mygallery .proGalleryThumbs li.proGalleryItem {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  border-bottom: 1rem solid transparent;
}
/*
    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; -webkit-transform: translate3d(0,0,0);}
#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; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}




@media screen and (max-width: 568px) {
  #cboxTitle {
    display: none !important;
  }
}











#cboxOverlay{background: rgba(0, 0, 0, 0.90);}
#colorbox{outline:0;}
#cboxTopLeft{width:14px; height:14px; background:url(../index_files/colorbox-images/colorbox-5/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(../index_files/colorbox-images/colorbox-5/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(../index_files/colorbox-images/colorbox-5/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(../index_files/colorbox-images/colorbox-5/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(../index_files/colorbox-images/colorbox-5/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(../index_files/colorbox-images/colorbox-5/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(../index_files/colorbox-images/colorbox-5/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(../index_files/colorbox-images/colorbox-5/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(../index_files/colorbox-images/colorbox-5/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../index_files/colorbox-images/colorbox-5/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(../index_files/colorbox-images/colorbox-5/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious:hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext:hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose:hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}


/* Stop images "catching" when swipe gestures are enabled */
#cboxLoadedContent {
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}