/* ProGallery Grid */

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

#mygallery ul#proGalleryThumbsstacks_in_6 {
	padding: 0;
	margin: 0;
	list-style: none;
}

#mygallery li.proGalleryItem {
	position: relative;
	-webkit-transform: translateZ(0);
}

#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 li .proGalleryItemInner a:focus {
    outline: 2px dotted #FF0000;
}


#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;
	transition: opacity 300ms ease-in-out;
	padding: 0rem;
	margin: 0rem;
	font-size: 1rem;
	letter-spacing: 0px;
	border-radius: 0rem;
	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.titlesHoverTopLeft .proGalleryItemTitle {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	text-align: left;
}

#mygallery.titlesHoverTopCentre .proGalleryItemTitle {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	text-align: center;
}

#mygallery.titlesTopRight .proGalleryItemTitle {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	opacity: 0;
}

#mygallery.titlesHoverMiddleLeft .proGalleryItemTitle {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	opacity: 0;
	text-align: left;
}

#mygallery.titlesHoverMiddleCentre .proGalleryItemTitle {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 100%;
	text-align: center;
	opacity: 0;
}

#mygallery.titlesHoverMiddleRight .proGalleryItemTitle {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	opacity: 0;
	text-align: right;
}

#mygallery.titlesHoverBottomLeft .proGalleryItemTitle {
	position: absolute;
	bottom: 0;
	left: 0;
	opacity: 0;
	text-align: left;
}

#mygallery.titlesHoverBottomCentre .proGalleryItemTitle {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	opacity: 0;
}

#mygallery.titlesHoverBottomRight .proGalleryItemTitle {
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0;
	text-align: right;
}

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

/* @end */

/* @group Special Effects */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/*  */

/* @end */




/*!
 * baguetteBox.js
 * @author  feimosi
 * @version 1.11.1
 * @url https://github.com/feimosi/baguetteBox.js
 */
 #baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}#baguetteBox-overlay.visible{opacity:1}#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}.baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}.baguetteBox-button:focus,.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}.baguetteBox-button#next-button{right:2%}.baguetteBox-button#previous-button{left:2%}.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}.baguetteBox-button svg{position:absolute;left:0;top:0}.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}

 /* Custom styles */
 #baguetteBox-overlay {
  background-color: rgba(0, 0, 0, 0.80);
 }
 #baguetteBox-overlay .full-image figcaption {
  background-color: rgba(0, 0, 0, 0.60);
  color: rgba(204, 204, 204, 1.00);
 }
/* ProGallery CSS Box Layout */

#mygallery .proGalleryThumbs {
  display: -ms-grid;
  display: grid;
  grid-gap: 1.5rem;
  justify-items: center;
}

@media screen and (min-width: 0px) {
  #mygallery .proGalleryThumbs {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}

@media screen and (min-width: 568px) {
	#mygallery .proGalleryThumbs {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}

@media screen and (min-width: 992px) {
	#mygallery .proGalleryThumbs {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}

@media screen and (min-width: 1200px) {
	#mygallery .proGalleryThumbs {
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  }
}
/*
    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:url(../files/colorbox-images/colorbox-1/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
#cboxTopLeft{width:21px; height:21px; background:url(../files/colorbox-images/colorbox-1/controls.png) no-repeat -101px 0;}
#cboxTopRight{width:21px; height:21px; background:url(../files/colorbox-images/colorbox-1/controls.png) no-repeat -130px 0;}
#cboxBottomLeft{width:21px; height:21px; background:url(../files/colorbox-images/colorbox-1/controls.png) no-repeat -101px -29px;}
#cboxBottomRight{width:21px; height:21px; background:url(../files/colorbox-images/colorbox-1/controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft{width:21px; background:url(../files/colorbox-images/colorbox-1/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(../files/colorbox-images/colorbox-1/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(../files/colorbox-images/colorbox-1/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(../files/colorbox-images/colorbox-1/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(../files/colorbox-images/colorbox-1/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../files/colorbox-images/colorbox-1/loading.gif) no-repeat center center;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../files/colorbox-images/colorbox-1/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(../files/colorbox-images/colorbox-1/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(../files/colorbox-images/colorbox-1/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxClose:hover{background-position:-25px -25px;}









%[endif]%
/* 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;
}
/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.7.14 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2019, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}}

.featherlight:last-of-type {
  background: rgba(0, 0, 0, 0.80);
}

.featherlight .featherlight-close-icon {
  color: rgba(0, 0, 0, 1.00);
}

.featherlight-content {
  background: rgba(255, 255, 255, 1.00);
}

/* Responsive YouTube */
.featherlight.featherlight-iframe .featherlight-content {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
  width: 90vw;
  overflow: hidden;
  background: none;
}

.featherlight.featherlight-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* ProGallery Flexbox Layout */

#mygallery .proGalleryThumbs {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

#mygallery .proGalleryThumbs li {
  padding: 0.25em;
  align-self: flex-start;
}

@media screen and (min-width: 0px) {
  #mygallery .proGalleryThumbs li {
    width: 100%;
    
    
    
    
    
    
    
    
    
    
    
  }
}

@media screen and (min-width: 568px) {
	#mygallery .proGalleryThumbs li {
		
    width: 50%;
    
    
    
    
    
    
    
    
    
    
	}
}

@media screen and (min-width: 992px) {
	#mygallery .proGalleryThumbs li {
		
    
    width: 33.333%;
    
    
    
    
    
    
    
    
    
	}
}

@media screen and (min-width: 1200px) {
	#mygallery .proGalleryThumbs li {
		
    
    
    width: 25%;
    
    
    
    
    
    
    
    
	}
}