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

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

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

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

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

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

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

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

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

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

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

.linkcardcontainer.category-tie-back-arms .card-link .imgcon  {	
	aspect-ratio: 100/75;
}					
					
.linkcardcontainer.category-finials .card-link .imgcon  {	
	aspect-ratio: 2/1;
}

.finialsasholdbacks .linkcardcontainer.category-finials .card-link .imgcon  {	
	aspect-ratio: 100/75;
}

.linkcardcontainer.category-tie-backs .card-link .imgcon  {	
	aspect-ratio: 100/75;
}
						
.linkcardcontainer.category-brackets .card-link .imgcon  {	
	aspect-ratio: 12/9;
}					
					
.card-link .imgcon a {
/*
display:inline;
width:100%;
height:100%;	
*/
}								
					
					
.card-link .imgcon img.linkimage {
					/*display:flex;*/
					width:100%;
					height:100%;
					transform: scale(1,1);
                    transition: all 1s;	
					object-fit: contain;
					/*align-self: end;*/
					
}

.finialsasholdbacks .linkcardcontainer.category-tie-backs .card-link .imgcon img.linkimage {
	width:140%;
	/*transform: scale(1.25,1.25);*/	
	clip-path: inset(0 30% 0 0);
	object-fit: contain;
}


.card-link:hover .imgcon img.linkimage {
                    transform: scale(1.15,1.15);  
                    transition: all 1s;
}

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

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

					
.card-link p.mainlabel {
                        width:100%;
                        padding:0.25rem;
                        text-align:center;
                        color: #000;
                        font-size:1.6rem;
                        font-weight:bold;
                       }					
					
                    
.card-link p {
                        width:100%;
                        padding:0.25rem;
                        text-align:center;
                        color: #000;
                        font-size:1.4rem;
                        font-weight:bold;
                       }


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


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


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