.tx_mwprojects {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: flex-start;
margin-bottom: 40px;
}




.tx_mwprojects div.project {
float: left;
margin-right: 0px;
height: auto;
width: 0;
margin-bottom: 20px;
display: block;
overflow: hidden;
opacity: 0;
transition: all 0.8s;	
box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);	
}


.tx_mwprojects div.project.showProject {
opacity: 1;
display: block;
margin-right: 10px;
visibility: visible;
height: auto;
width: calc(33% - 10px);
overflow: hidden;
cursor: pointer;
transition: all 0.8s;	
}


.tx_mwprojects div.project img{
transition: all 0.8s;	
}

.tx_mwprojects div.project img:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}


.tx_mwprojects div.project .project_imagearea{
	position:relative;
}

.projectoverlay{
	width: 100%;
background: rgba(15,15,15,0.50);
position: absolute;
height: 100%;
bottom:0;
opacity:0;	
	transition: all 0.7s ;
}

.projectoverlaycontent { 
	position:absolute; 
	bottom:10px; 
	padding-left: 10px;
padding-right: 10px;
border-left: 3px solid #fff;
left: 10px;
}
.projectoverlay h3{color:#fff; margin-bottom:0px;}


.tx_mwprojects div.project:hover a{color:#fff;}

.tx_mwprojects div.project:hover .projectoverlay{
	opacity:1;
}

.tx_mwprojects div.project:hover img{
	transform: scale(1.2);
}


.projectcategoryfilterbar {margin-bottom:20px;}
.projectcategory_slide { display:inline-block; margin-right: 3px; margin-bottom:3px;}

.cta_button {cursor:pointer;}

#project_description{
	
}

#headerslider .swiper-wrapper{height:auto;}

#headerslider .fullwidthslider .image {height:700px;}

.smallcolumn#project_shortfacts{
border-left: 3px solid var(--text-color);
width: calc(100% / 3 - 80px);	
margin: 0 0 0 80px;
padding-left:7px;	
font-size:19px;	
line-height:26px;
}




.gallery { 
  display: flex;
  grid-gap: 30px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  grid-auto-rows: 300px 300px;
  grid-auto-flow: dense;
}
.gallery .grid-item{ overflow:hidden;
width:400px;
height:400px;}


.gallery .grid-item.doublewidth {
	width:830px;
}

.gallery .grid-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
transition: all 0.8s;	
}

.gallery .grid-item img:hover {transform: scale(1.2);}

@media (min-width: 480px) {
  .gallery .item:first-child {
    grid-area: 1 / 1 / span 2 / span 2;
  } 
  
  .gallery .item:nth-child(3n) {
    grid-column: span 2;
  }
}

.swiper-pagination-bullet-active{
	background: var(--primary-color)!important;
}



@media (max-width:1023px)
{
.tx_mwprojects div.project.showProject {
opacity: 1;
display: block;
margin-right: 10px;
visibility: visible;
height: auto;
width: calc(50% - 10px);
overflow: hidden;
cursor: pointer;
transition: all 0.8s;	
}
	
	
	
}




@media (max-width:767px)
{
	
	
	.projectoverlay{
	
	opacity:1;	

	}
	
	
	.tx_mwprojects div.project.showProject {
		width:100%;
	}
	
	.smallcolumn#project_shortfacts{
		width:100%;
		font-size:15px;	
		line-height:21px;
		margin-left:0px;
		font-weight:bold;
	}	
	
	.gallery .grid-item {width:100%; height:auto;}
	
}