/* @override 
	http://scouting.aws.coh.arizona.edu/themes/coh_dept/css/coh_layout_builder/image_video_text_block.css?*
	*/

/*
-----------------------------
   Image Masonry
----------------------------- 
*/

/* @group Basic Default */


/* image-video */

.paragraph--type--coh-image-masonry {
	position: relative;
}

.paragraph--type--coh-image-masonry .field--name-field-coh-masonry-image {
	width: 100%;
	height: 100%;
}

.paragraph--type--coh-image-masonry .field--name-field-coh-masonry-image img {
	margin: 0;
	width: 100%;
	height: 100%;
	object-fit:cover;
}

.paragraph--type--coh-image-masonry .wrapper {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	
	background: rgba(170, 5, 32, 0.75);
	opacity: 0;
	-webkit-transition: all .3s ease-in-out 0s;
}

/* hover */
.paragraph--type--coh-image-masonry .wrapper:hover {
	opacity: 1;
}

.paragraph--type--coh-image-masonry .field--name-field-coh-masonry-popup-vid-html {
text-align: center;
height: 85%;
}

.paragraph--type--coh-image-masonry .field--name-field-coh-masonry-popup-vid-html > div,
.paragraph--type--coh-image-masonry .field--name-field-coh-masonry-popup-vid-html .videoButton {
	width: 100%;
	height: 100%;
}

.paragraph--type--coh-image-masonry .field--name-field-coh-masonry-popup-vid-html .videoButton a {
	width: 100%;
	height: 100%;
	
	padding: 0;
	background: transparent;
	
	display: flex;
	align-items: center;
	justify-content: center;
}

.paragraph--type--coh-image-masonry .field--name-field-coh-masonry-popup-vid-html .videoButton a I {
	font-size: 3em!important;
}

/* content */

.paragraph--type--coh-image-masonry .field--name-field-coh-masonry-caption {
	padding: 0px 30px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	bottom: 0;
	line-height: 1.1;
}

.paragraph--type--coh-image-masonry .content-wrapper h2,
.paragraph--type--coh-image-masonry .content-wrapper h3,
.paragraph--type--coh-image-masonry .content-wrapper h4 {
	margin-top: 20px;
}
   
   
/* @end */

/* @group Layout Block Styles */

/* Masonry sizing */

.field--name-field-coh-masonry-images > .field__item {
	width: 50%;
}

.coh-masonry-3-columns .field--name-field-coh-masonry-images > .field__item {
	width: 33.33%;
	font-size: .9em;
}

.coh-masonry-4-columns .field--name-field-coh-masonry-images > .field__item {
	width: 25%;
	font-size: .8em;
}

.coh-masonry-5-columns .field--name-field-coh-masonry-images > .field__item {
	width: 20%;
	font-size: .75em;
}

/* Overlay hover color */

.coh-masonry-hover-blue .paragraph--type--coh-image-masonry .wrapper {
	background: rgba(12, 34, 91, 0.75);
	
}
.coh-masonry-hover-black .paragraph--type--coh-image-masonry .wrapper {
	background: rgba(0, 0, 0, 0.75);
	
}



/* @end */

/* @group Responsive */

@media only screen and (max-width:1024px) {
	.field--name-field-coh-masonry-images > .field__item {
		width: 50%!important;
		font-size: 1em!important;
}
	
}

@media only screen and (max-width:768px) {
	.field--name-field-coh-masonry-images > .field__item {
		width: 100%!important;
		
	}

}

@media only screen and (max-width:520px) {
	.field--name-field-coh-masonry-images > .field__item {
		font-size: .8em!important;
	}
}

/* @end */