.image-masonry .masonry-item > a {
	position: relative;
}

.image-masonry .image-left-col > a {
  margin-right: 3px;
}

.image-masonry .image-mid-col > a {
  margin-left: 3px;
  margin-right: 3px;
}

.image-masonry .image-right-col > a {
  margin-left: 3px;
}

.image-masonry .image-large-col > a {
  margin-top: 6px;
}

.image-masonry .row {
  padding: 0;
  margin: 0;
  display: table;
  border-collapse: collapse;
  width: 100%;
}

.image-masonry .row .masonry-item {
  display: table-cell;
}

.image-masonry .row .masonry-item > img {
  display: block;
  width: 100%;
  height: auto;
}

.image-gallery .gallery-item {
	border: none;
	margin: 0;
	margin-bottom: 20px;
	margin-bottom: 2vw;
	position: relative;
}


/* Going a bit off the gid here (he-he), making our own grid rules */

.gallery-small-up-1 > .gallery-item {
	width: 100%;
}

@media print, screen and (min-width: 40em) and (max-width: 63.9375em) {
	.gallery-medium-up-2 > .gallery-item {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2vw;
	}

	.image-gallery .gallery-item:nth-child(2n+0)  {
		margin-right: 0;
	}
}

@media print, screen and (min-width: 64em) {
	.gallery-large-up-4 > .gallery-item {
		width: 24%;
		margin-right: 1.333%;
		margin-bottom: 1.333vw;
	}

	.image-gallery .gallery-item:nth-child(4n+0)  {
		margin-right: 0;
	}
}

/* Always scale images up */
.image-gallery .gallery-item img {
	width: 100%;
}

.image-gallery .gallery-caption {
	background: rgba(0,0,0,0.5);
	padding: 0.5rem 1rem;
	font-size: 11pt;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.image-gallery a {
	display: block;
}

.image-gallery a,
.image-gallery a:active,
.image-gallery a:visited,
.image-gallery a:focus {
	color: white;
}

.image-gallery a:hover {
	color: grey;
}

.image-gallery .image-overlay {
	display: none; /* will display on hover */
	
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
	background-color: rgba(0,0,0,0.4);

	/* #3023AE  - #C86DD7 */
	/*background-color: rgba(48,35,174,0.7); /* For browsers that do not support gradients * /
	background: -webkit-linear-gradient(left top,rgba(48,35,174,0.7),rgba(200,109,215,0.7)); /*Safari 5.1-6* /
	background: -o-linear-gradient(bottom right,rgba(48,35,174,0.7),rgba(200,109,215,0.7)); /*Opera 11.1-12* /
	background: -moz-linear-gradient(bottom right,rgba(48,35,174,0.7),rgba(200,109,215,0.7)); /*Fx 3.6-15* /
	background: linear-gradient(to bottom right, rgba(48,35,174,0.7),rgba(200,109,215,0.7)); /*Standard*/

	/* #514EFF - #301EEC * /
	background-color: rgba(81,78,255,0.6); /* For browsers that do not support gradients * /
	background: -webkit-linear-gradient(left top,rgba(81,78,255,0.6),rgba(48,30,236,0.6)); /*Safari 5.1-6* /
	background: -o-linear-gradient(bottom right,rgba(81,78,255,0.6),rgba(48,30,236,0.6)); /*Opera 11.1-12* /
	background: -moz-linear-gradient(bottom right,rgba(81,78,255,0.6),rgba(48,30,236,0.6)); /*Fx 3.6-15* /
	background: linear-gradient(to bottom right,rgba(81,78,255,0.6),rgba(48,30,236,0.6)); /*Standard*/
}

.image-gallery .image-caption {
	color: white;
	padding-left: 1.5rem;
	padding-bottom: 1.5rem;
	/*font-size: 11pt;*/
	position: absolute;
	bottom: 0;
	left: 0;
}

.image-gallery .image-caption > h3 {
	/*font-size: 20pt;*/
	color: white;
	text-transform: uppercase;
}

h3.gallery {
	margin-bottom: 0;
	line-height: 1;
}

.image-gallery .image-caption > h6 {
	font-weight: normal;
	margin-bottom: 0;
	color: white;
}

.image-gallery a:hover .image-overlay {
	display: block;
}

/*.image-gallery a:hover img {
	box-shadow: 0px 0px 10px #AAA;
}*/

.thumb-node {
  text-align: center; 
  margin: 1rem;
}