#SamenZeldzaam
/* ----------------------------------------- */
/* Inhoudssjabloon: loop-item-in-overzicht-berichten - start */
/* ----------------------------------------- */
.panel {
margin: 0 1em;
padding: 0.5em;
position:relative;
transform:translateY(-3em);
background: #fff;
transition: all 500ms;
} .panel p {
margin:0;
} .box {
overflow:hidden;
position:relative;
} .box img {
transition: transform .5s;
} .box:hover img {
transform: scale(1.05);
}
.box:hover .panel {
top:50%;
transform:translateY(-50%);
}
a.card,
a.card:hover {
color: #192B70;
text-decoration: none;
}
.overlay {
position:relative;
}
.overlay:after {
position: absolute;
content:"";
background:rgb(0,0,0,0.5);
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
} .overlay:hover:after {
opacity: 0.5;
}
/* ----------------------------------------- */
/* Inhoudssjabloon: loop-item-in-overzicht-berichten - einde */
/* ----------------------------------------- */