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

ul.downloadlist {
position:relative;
list-style: none;
float:left;
width:100%;
height:auto;
margin:0;
padding:0;
min-height:200px;
}

ul.downloadlist li {
width:100%;
font-family:  var(--default-font-family);
font-size: 18px;
text-transform: none;
margin-bottom:20px;
text-align:left;
margin-left:1%;
margin-right:1%;
padding-bottom:1em;


text-align:left;



}

ul.downloadlist li {
position:relative;
float:left;
width:96%;		
height:auto;
margin-left:2%;
margin-right:2%;
margin-top:10px;
}




ul.downloadlist li a {
font-size: 18px;
font-weight: bold;
text-decoration:none;
}

ul.downloadlist li a:link{color:#444444;}
ul.downloadlist li a:active{color:#444444;}
ul.downloadlist li a:visited{color:#444444;}
ul.downloadlist li a:hover{color:#aaaaaa;}

ul.downloadlist li div.imagecontainer {
		float:left;
}

ul.downloadlist li div{
	position:relative;
	float:right;
width:15%;
line-height:24px;
font-family:var(--textbutton-font-family);
font-size: 14px;
font-weight:bold;
text-align:center;
cursor:default;
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
   margin-bottom:4px;
   text-transform:uppercase;
   
       -webkit-transition: all .2s ease; 
	
}

ul.downloadlist li div a{
display:block;	
width:96%;
margin:5px 2%;
font-size: 12px;
color:#bbbbbb;
background-color:var(--textbutton-bg-color);
/*border-bottom:#bbbbbb 1px solid;*/
text-decoration:none;	
}




ul.downloadlist li div a:hover{
color:#ffffff;
background-color:var(--textbutton-bg-color-hover);
    -webkit-transition: all .2s ease; 
}
	

ul.downloadlist li div a:link {color:#ffffff;} 
ul.downloadlist li div a:visited {color:#ffffff;} 
ul.downloadlist li div a:active {color:#ffffff;} 
ul.downloadlist li div a:hover {color:#ffffff;} 

ul.downloadlist li div.linebreaker{
display:none;	
}


@media only screen and (max-width : 740px) {
ul.downloadlist li a {
font-size:16px;
}
}


@media only screen and (max-width : 660px) {
ul.downloadlist li a {
font-size:13px;
}
}

@media only screen and (max-width : 540px) {
	
ul.downloadlist li a {
font-size:12px;
}	
}


@media only screen and (max-width : 500px) {
	
ul.downloadlist li {
text-align:center;	
}
	
ul.downloadlist li a {
font-size:14px;
}	

ul.downloadlist li div.linebreaker{
display:block;
clear:both;	
width:100%;
}
	
ul.downloadlist li div{
position:relative;
float:right;
width:46%;
margin:2%;	
}

}



















/* NEW IN MAY 2024 FOR ANNARINE BURGER */

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

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

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

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

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

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

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

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

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

.card-download {
                        display:flex;
						position: relative;
                        flex-direction: column;
						justify-content: space-between;
						height: 100%;
                        background-color:none;
                        transition: all 1s;
										
              }
					
.card-download .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; */
                    }	

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

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

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

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


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

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

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

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


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


.card-download .button {
	font-size: 1.2rem;
	
	
	shadow: none;
}


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


/* END OF NEW */