/**
 * 1.0 Recommended Isotope styles
 * ----------------------------------------------------------------------------
 */

.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.ns-isotope,
.ns-isotope .isotope-item { transition-duration: 0.8s; }
.ns-isotope { transition-property: height, width; }
.ns-isotope .isotope-item { transition-property: transform, opacity; }
.ns-isotope.no-transition,
.ns-isotope.no-transition .item,
.ns-isotope .item.no-transition { transition-duration: 0s !important; }

a { text-decoration: none; }
a:visited {text-decoration: none; }
a:focus { text-decoration: none; }
a:active {text-decoration: none; }
a:hover { text-decoration: none; }
a img {text-decoration: none; }


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;900&display=swap');

	
h1, h2, h3 { color: #1b0341; font-weight: 900; font-family: 'Gotham Black', sans-serif; line-height: 1; margin: 0 0 1em 0; word-wrap: normal; }
h4, h5, h6 { color: #cc2052; font-weight: 900; font-family: 'Gotham Black', sans-serif; line-height: 1; letter-spacing: -0.5px; margin: 0 0 1em 0; word-wrap: normal; }
h1 { font-size: 270%; }
h2 { font-size: 240%; }
h3 { font-size: 200%; }
h4 { font-size: 150%; }
h5 { font-size: 125%; }
h6 { font-size: 100%; }
p { color: #1b0341; font-weight: 300; font-family: 'Montserrat', sans-serif; letter-spacing: 0px; margin: 0 0 1em 0; word-wrap: normal; }

address { font-style: normal; margin-bottom: 20px; }
abbr[title] { border-bottom: 1px dotted; }
b,
strong { font-weight: 500; }
em { font-style: italic; }
dfn { font-style: italic; }
mark { /* background: #ff0; */ background: #fe6; color: #000; }

code,
kbd,
pre,
samp { font-family: 'Montserrat', serif; font-weight: 300; font-size: 93.75%; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; }
pre { margin: 0 0 3em 0; overflow: auto; white-space: pre-wrap; word-wrap: break-word; }
pre code { display: block; background-color: #f5f5f5; overflow: hidden; padding: 0 2em; }
kbd {
	padding: 0.1em 0.65em;
	border: 1px solid #ccc;
	font-size: 75%;
	font-family: 'Montserrat', sans-serif;
	background-color: #f8f8f8;
	color: #3a3a3a;
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), 0 0 0 2px #fff inset;
	-webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), 0 0 0 2px #fff inset;
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), 0 0 0 2px #fff inset;
	border-radius: 3px;
	display: inline-block;
	margin: 0 0.1em;
	line-height: 1.4;
	white-space: nowrap;
}


/**
 * 2.0 Infinite Scroll
 * ----------------------------------------------------------------------------
 */

/* Disable CSS transitions for containers with infinite scrolling */
.isotope.infinite-scrolling {
	transition: none;
}

#infscr-loading {
	position: absolute;
	text-align: center;
	z-index: 100;
	background: #fff;
	background: rgba(255, 255, 255, 0.9);
	padding: 20px;
	color: #222;
	font-size: 100%;
	font-weight: 700;
	border-radius: 4px;
	width: 75px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

/**
 * 3.0 Portfolio Template
 * ----------------------------------------------------------------------------
 */

.ns-isotope { clear: both; margin: 0 auto; /* max-width: 1120px; */ padding-top: 18px; }
.ns-container { overflow: hidden; -webkit-tap-highlight-color: transparent; transition: height 0.8s; }

.ns-filters { width: 100%; padding-bottom: 18px; margin: 0 auto; }
.ns-filters ul { margin: 0; padding: 0; list-style: none; }
.ns-filters li { float: left; margin: 0 0 0 5px; }
.ns-filters li:first-child { margin-left: 0px; }

.ns-filter-category { float: right; }
	.ns-filter-category li a { display: block; padding: 5px 13px; color: #202020; font-size: 87.5%; font-family: Dosis, sans-serif; line-height: 1; text-transform: uppercase; }
	.ns-filter-category li a:hover { text-decoration: none; background-color: #00a4a7; color: #fff; border-radius: 12px; }
	.ns-filter-category li a.selected { background-color: #00a4a7; color: #fff; border-radius: 12px; font-weight: 700; }
.ns-filter-size { margin-top: 4px; }
	.ns-filter-size a { width: 28px; height: 18px; padding: 0 !important; float: left; margin-right: 20px; margin-top: 3px; }
	.ns-filter-size a:hover { border-radius: 0px; }
	.ns-filter-size a:first-child { width: 28px; height: 18px; padding: 0 !important; }
	.ns-filter-size a:first-child:hover { border-radius: 0px; }
	.ns-filter-size a.toggle-selected { background-position: top right; }
	.ns-filter-size a:first-child.toggle-selected { background-position: bottom right; }
	/* SVG Version */
	.toggle-sizes-small-svg { cursor: pointer; }
	.toggle-sizes-large-svg { cursor: pointer; }
		.ns-filter-size a svg path { fill: #d9dcdd; }
		.ns-filter-size a:hover svg path { fill: #a0a0a0; }
		.ns-filter-size a.toggle-selected svg path { fill: #a0a0a0; }
		
@media (max-width: 1240px) {
	.ns-container { margin: 0 auto; }
}
@media (max-width: 800px) {
	.ns-filters { display: none; }
}

/**
 * 3.1 Thumbnails
 * ----------------------------------------------------------------------------
 */

.ns-isotope .item { cursor: pointer; float: left; overflow: hidden; position: relative; background-color: #888; color: #222; width: 220px; height: 150px; margin: 0 5px 5px 0; margin: 0 0 5px 0; word-wrap: break-word; }
.ns-isotope .variable-sizes .item.width2 { width: 445px; }
.ns-isotope .variable-sizes .item.height2 { height: 305px; }
.ns-isotope .variable-sizes .item.width3 { width: 670px; }

.ns-isotope .item .thumbnail-link { opacity: 0; position: absolute; z-index: 50; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.01); }
.ns-isotope .item .thumbnail-project-link { position: absolute; z-index: 50; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.01); color: transparent; }

.ns-isotope .item .thumbnail-meta-data-wrapper { overflow: hidden; left: 0; top: 0; padding: 9px 15px 0 13px; width: 100%; position: absolute; word-wrap: break-word; }
.ns-isotope .item .symbol { color: #fff; overflow: hidden; height: 3em; font: 300 175%/1 Lato, sans-serif; width: 100%; position: relative; text-transform: uppercase; z-index: 40; }
.ns-isotope .variable-sizes .item .symbol { font-size: 175%; }
.ns-isotope .variable-sizes .item.width2.height2 .symbol { font-size: 350%; }
.ns-isotope .variable-sizes .item.width3.height2 .symbol { font-size: 500%; }

.ns-isotope .item .categories,
.ns-isotope .item .name { position: absolute; left: 0; z-index: 40; width: 100%; max-width: 100%; padding: 0 15px; overflow: hidden; color: #fff; text-overflow: ellipsis; white-space: nowrap; }
.ns-isotope .item .categories { font-weight: 400; font-size: 75%; font-family: Dosis, sans-serif; bottom: 10px; text-transform: uppercase; }
.ns-isotope .item .name { font-weight: 400; font-size: 81.25%; bottom: 25px; }

.ns-isotope .item .thumbnail-hover { position: absolute; z-index: 30; width: 100%; height: 100%; }
.ns-isotope .item .project-img { opacity: 0; position: absolute; z-index: 20; width: 100%; max-width: none; transition: opacity 0.5s; }
.ns-isotope .item .project-img-visible { opacity: 1; transition: opacity 0.5s; }
.ns-isotope .item .project-thumbnail-background { position: absolute; z-index: 10; width: 100%; height: 100%; }

.ns-isotope .item .thumbnail-hover,
.ns-isotope .item .symbol,
.ns-isotope .item .name,
.ns-isotope .item .categories {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease-in-out, visibility 0s linear 0.25s;
}
.ns-isotope .item:hover .thumbnail-hover,
.ns-isotope .item:hover .symbol,
.ns-isotope .item:hover .name,
.ns-isotope .item:hover .categories  {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.25s ease-in-out, visibility 0s;
}

.ns-isotope .item.tn-display-meta .symbol,
.ns-isotope .item.tn-display-meta .name,
.ns-isotope .item.tn-display-meta .categories { opacity: 1; visibility: visible; }

.ns-isotope .item.item-meta-data-medium .symbol { font-size: 125%; }
.ns-isotope .item.item-meta-data-small .name,
.ns-isotope .item.item-meta-data-small .symbol { font-size: 100%; }
.ns-isotope .variable-sizes .item.item-meta-data-medium.width3.height2 .symbol { font-size: 350%; }
.ns-isotope .variable-sizes .item.item-meta-data-medium.width2.height2 .symbol { font-size: 300%; }
.ns-isotope .variable-sizes .item.item-meta-data-small.width3.height2 .symbol { font-size: 175%; }
.ns-isotope .variable-sizes .item.item-meta-data-small.width2.height2 .symbol { font-size: 175%; }
.ns-isotope .item.item-meta-data-small .name { display: none; }
	
@media (max-width: 700px) {
	/* .ns-isotope .item .name { display: none; } */
	/* .ns-isotope .variable-sizes .item.width3 { width: 445px; } */
	/* .ns-isotope .item.width3.height2 .symbol { font-size: 375%; } */
}

@media (max-width: 480px) { /* Intentionally set to 480px and not 479px to display 3 columns of thumbnails on width=480 */
	/* .ns-isotope .item .name { font-size: 100%; }
	.ns-isotope .variable-sizes .item .symbol { font-size: 100%; } */
	
	/* Thumbnail sizes on mobile devices */
	/* .ns-isotope .item {
		width: 144px !important;
		height: 98px !important;
		margin: 0 3px 3px 0 !important;
	}
	.ns-isotope .item.height2 {
		height: 199px !important;
	}
	.ns-isotope .item.width2 {
		width: 291px !important;
	}
	.ns-isotope .item.width2.height2,
	.ns-isotope .item.width3.height2 {
		height: 199px !important;
		width: 291px !important;
	} */
	/* .ns-isotope .variable-sizes .item.width2.height2 .symbol,
	.ns-isotope .variable-sizes .item.width3.height2 .symbol {
		font-size: 200%;
	} */
}