Nieuws
/* ----------------------------------------- */
/* Inhoudssjabloon: loop-item-in-berichtenoverzicht - start */
/* ----------------------------------------- */
.categorie {
position: relative;
top: 2em;
right: 0.5em;
float:right;
background: #666;
color: #fff;
text-transform: uppercase;
z-index:1;
}
.categorie a,
.categorie a:hover {
text-decoration:none;
color:#fff;
} .nieuws,
.actualites {
background:#A64933;
} .zeldzame-ziekten,
.maladies-rares {
background:red;
}
.therapie-en-innovatie,
.therapie-et-innovation {
background:#40660B;
}
.getuigenissen,
.temoignages{
background:purple;
}
.ons-werk,
.notre-travail {
background:#1B89A6;
} .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;
width:100%;
} .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-berichtenoverzicht - einde */
/* ----------------------------------------- */