@charset "utf-8";
/* CSS Document */

.projectcardcontainer.cols-1 {
grid-template-columns: repeat(auto-fill,minmax(340px,1fr));
}

.projectcardcontainer.cols-2 {
grid-template-columns: repeat(auto-fit,minmax(480px,1fr));
}

.projectcardcontainer.cols-3 {
grid-template-columns: repeat(auto-fit,minmax(340px,1fr));
}

.projectcardcontainer.cols-4 {
grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
}

.projectcardcontainer.cols-5 {
grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
}

.projectcardcontainer.cols-6 {
grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
}

.projectcardcontainer.cols-8 {
grid-template-columns: repeat(auto-fit,minmax(140px,1fr));
}

.projectcardcontainer {
display:grid;
gap:4rem;
/*grid-template-columns: repeat(auto-fit,minmax(var(340px,1fr));*/
margin:4rem 0;
align-items: stretch;
}

/*
.finialsasholdbacks .projectcardcontainer {
background-color:#ff0000;	
}
*/

body.index .projectcardcontainer {
	margin:8rem 0;
	grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
}

.card-project {
                        display:flex;
						position: relative;
                        flex-direction: column;
						justify-content: space-between;
						height: 100%;
                        background-color:none;
                        transition: all 1s;
										
              }
					
.card-project .imgcon {
				display:flex;
                      width:100%;
                     /*align-self: flex-start;*/
                      /*object-fit: cover;*/
					 aspect-ratio: 60/45;
					overflow:hidden; 
					object-fit: cover;
					/*box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; */
					border-radius:5rem;	
                    }	

				
/*					
.card-project .imgcon a {
display:inline;
width:100%;
height:100%;	
}								
*/					
					
.card-project .imgcon img.projectimage {
					/*display:flex;*/
					width:100%;
					height:100%;
					/*transform: scale(1,1);*/
                    transition: all 1s;	
					object-fit: cover;
					/*align-self: end;*/
					border-radius:5rem;	
					aspect-ratio: 60/45;
					
}



/*
.card-project:hover .imgcon img.projectimage {
					
                    transform: scale(1.15,1.15);  
                    transition: all 1s;
					
					border-radius:5rem;	
}

.card-project:hover {
				
                    background-color:#efefef;
                    transition: all 1s;
							
}
      */              
                    

                    
				
					
.card-project .txtcon {
	                    display:flex;
                        flex-direction: column;
                        width:100%; 
						padding: 0.6rem; 
						background-color:none;
							flex-grow: 1;
							text-align:center;
                    }
                    	
						
.card-project .txtcon span {
	display:none;
}
					
					

					
.card-project p.mainlabel {
                        width:100%;
                        padding:0.25rem;
                        text-align:left;
                        color: #000;
                        font-size:2rem;
                        font-weight:bold;
                       }					
					
                    
.card-project p {
                        width:100%;
                        padding:0.25rem;
                        text-align:left;
                        color: #000;
                        font-size:2rem;
                        font-weight:normal;
                       }


.card-project .buttoncontainer {
	display:flex;
	flex-direction:row;
	margin-top: auto;
}


.card-project .button {
	font-size: 12px;
	
	
	shadow: none;
}


.card-project .button a:link {color:#ffffff;} 
.card-project .button a:visited {color:#ffffff;} 
.card-project .button a:active {color:#ffffff;} 
.card-project .button a:hover {color:#ffffff;} 



@media screen and (max-width: 600px){
	.card-project .imgcon{
		clear:both;
width:98%;
max-width: 100%;
margin: 0 auto;
}
}