/* Put your custom css here */
.blueprinttext {
    font-size: large;
}

@media(max-width:767px){
    .blueprinttext {
        font-size: 3.4vw;
    }
}

#portfolio-gallery {
	height: auto !important;
	position: relative !important;
}

#portfolio-gallery .isotopeItem {
	position: relative !important;
	left: auto !important;
	top: auto !important;
	transform: none !important;
}

#portfolio-gallery {
	column-count: 3;
	column-gap: 24px;
	height: auto !important;
}

#portfolio-gallery .isotopeItem {
	display: inline-block;
	width: 100%;
	float: none !important;
	position: relative !important;
	left: auto !important;
	top: auto !important;
	margin-bottom: 24px;
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
}

#portfolio-gallery .pinBox {
	width: 100%;
}

#portfolio-gallery figure {
	margin: 0;
}

#portfolio-gallery img {
	width: 100%;
	height: auto;
	display: block;
}
@media (max-width: 991px) {
	#portfolio-gallery {
		column-count: 2;
	}
}

@media (max-width: 575px) {
	#portfolio-gallery {
		column-count: 1;
	}
}

#filter {
	position: relative;
	z-index: 9999;
	margin-bottom: 25px;
}

#filter select,
#tripFilter {
	position: relative;
	z-index: 10000;
	background: #fff;
}

#portfolio-gallery {
	position: relative;
	z-index: 1;
	clear: both;
}

#portfolio-gallery {
	column-count: 3;
	column-gap: 24px;
	height: auto !important;
}

#portfolio-gallery .isotopeItem {
	display: inline-block;
	width: 100%;
	float: none !important;
	position: relative !important;
	left: auto !important;
	top: auto !important;
	margin-bottom: 24px;
	break-inside: avoid;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
}

#portfolio-gallery .pinBox {
	width: 100%;
}

#portfolio-gallery figure {
	margin: 0;
}

#portfolio-gallery img {
	width: 100%;
	height: auto;
	display: block;
}

/* When only a few images are showing, use a normal desktop grid */
#portfolio-gallery.filtered-small {
	column-count: initial;
	column-gap: initial;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 24px;
}

#portfolio-gallery.filtered-small .isotopeItem {
	display: block;
	width: 100%;
	margin-bottom: 0;
}

/* Tablet */
@media (max-width: 991px) {
	#portfolio-gallery {
		column-count: 2;
	}

	#portfolio-gallery.filtered-small {
		grid-template-columns: repeat(2, 1fr);
	}
}

/* Mobile */
@media (max-width: 575px) {
	#portfolio-gallery {
		column-count: 1;
	}

	#portfolio-gallery.filtered-small {
		grid-template-columns: 1fr;
	}
}