/* cards */


div.cards {
    display: flex;
    
    justify-content: center;
    align-items: stretch;
    flex-direction: row;
	flex-wrap: wrap;
	font-size:0.75em;
	line-height: 1.25em;
    
}

.cards>div.card, .cards>a>div.card {
    padding:20px;
    margin:20px;
    width:220px;
    text-align:center;
	
    -webkit-box-shadow: 0px 0px 7px 0px #ffd6b2;
    box-shadow: 0px 0px 7px 0px #ffd6b2;
    vertical-align: top;
	position: relative;
	
	background-color: white;
	
	}
	
	
	
.cards>a {
border-bottom: none;
}


.cards div.fade {
position: absolute !important;
width:280px;
height: 20px;
bottom:-30px;
left:-15px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
pointer-events: none;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

div.cards:after {
width: 100%;
display: inline-block;
content: ".";
visibility: hidden;

}

.cards img {
	width:260px;
	height:360px;
	object-fit:cover;
    border-radius:3px;
	
	margin: -20px 0 0 -20px;
	
	/*-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);*/
	}
	
.cards a {
	border-bottom: unset;
}
	
div.moretag {

position: relative;
padding:10px 30px;
/*bottom:-20px;
right:-10px;*/
width:fit-content;

color:white;
border-radius:30px;
margin: 0 auto 20px auto;

background-color: var(--menu-background-color);

/*background-color: rgba(243, 255, 182, 0.4);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);*/
	
	
	
/*border:1px solid var(--link-underline-color);*/

}

.moretag a {
	border-bottom: unset;
	color:white;
	
}

div.date {

position: relative;
/*padding:10px;
top:5px;
right:5px;

border-radius:3px;

background-color: rgba(243, 255, 182, 0.4);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
	
border:1px solid var(--link-underline-color);*/

color:var(--menu-background-color);
color:black;
font-weight: bold;
font-weight:normal;

}

.content_3_cards {
	background: url('../../content/images/pattern2.jpg');
	/*background: rgb(197,238,238);
	background: linear-gradient(150deg, rgba(197,238,238,1) 0%, rgba(255,254,160,1) 100%);*/
}

p.description {
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-clamp: 3;
    box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
	font
}

.cards span {
	font-weight: normal;
}