
/****************************  start hover effect bij uitleg-icoontjes in file ./6~incl_open_button_tekst_edit.tpl*/
/* BRON: https://codepen.io/Pixelizm/pen/ICpKv/  */
.thumbnail {
    display: block;

    width: 20px;
    height: 150px;
}

.thumbnail:hover + .title {
    display: block;
    box-shadow: 1px 0 14px 3px #ff6600;
}

.title {
    display: none;

    background-color: #000000;
    text-align: center;

    width: 250px;
    padding: 250px;
}

.title:hover {
    display: block;

    background-color: #000000;
    text-align: center;

    width: 250px;
    padding: 250px;
}

/****************************  einde hover effect bij uitleg-icoontjes in file ./6~incl_open_button_tekst_edit.tpl*/

