/* Masonry Gallery Format */
section.ContentPage div.main-content div.MasonryFormat {display:none;}

/* 3 column code */
section.ContentPage div.main-content div.GalleryFlex {
	display:flex; flex-flow:row wrap; justify-content:flex-start;align-items:flex-start;
}
section.ContentPage div.main-content div.GalleryFlex div.GalleryCol img {
	width:100%; display:block; cursor:pointer;
}
section.ContentPage div.main-content div.GalleryFlex.NoClick div.GalleryCol img { 
	cursor:default;
}
section.ContentPage div.main-content div.GalleryFlex div.GalleryCol > div {margin:0 0 20px;}
section.ContentPage div.main-content div.GalleryFlex div.GalleryCol div div {font-size:16px; font-style:italic; margin:5px 0 0;}

/* UML_AL_1: Universal Mini-Layout Article-List style code */
section.ContentPage div.main-content div.GalleryFlex > div {width: 100%; max-width:400px; margin: 0 auto;} /* 1 column */
@media (min-width: 767px) { /* switch to 3 columns */
  section.ContentPage div.main-content div.GalleryFlex > div { width:32%; margin: 0;}
  section.ContentPage div.main-content div.GalleryFlex > div:nth-child(3n+1) {margin-left:0;margin-right:0;}
  section.ContentPage div.main-content div.GalleryFlex > div:nth-child(3n+2) {margin-left:2%;margin-right:2%;} /* extra 4% on the middle one only */
  section.ContentPage div.main-content div.GalleryFlex > div:nth-child(3n) {margin-left:0;margin-right:0;}
}
  
/* Light Box code */
section.ContentPage div.main-content div.LightBox {display:none; background-color:rgba(0,0,0,0.8);}
section.ContentPage div.main-content div.LightBox.On {
	position:fixed; left:0; right:0; top:0; bottom:0; z-index:100;
	display:flex; flex-flow:row nowrap;justify-content:center;align-items:center;
}
section.ContentPage div.main-content div.LightBoxInner {
	width:70%;height:80%;background-image:none; background-size:contain; background-repeat:no-repeat; background-position:center center;position:relative;
}
section.ContentPage div.main-content div.LightBoxClose {color:white;position:absolute;top:-35px;right:-35px;font-size:30px;line-height:1;cursor:pointer;}
section.ContentPage div.main-content div.LightBoxClose::after {font-family:HubbIcons;content:'\e910';}

section.ContentPage div.main-content div.LightBoxText {
	position:relative;top:-30px;color:white;font-size:20px;font-style:italic;
	padding-right:20px;text-align:center; line-height:1.1;
}
section.ContentPage div.main-content div.LightBoxText.TwoLineCaption {
  top:-50px;
}