/**
 * Icone SVG personalizzate per Necrologi WP
 */

/* Stile base per le icone */
.necrologio-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    vertical-align: middle;
}

/* Icone specifiche */
.icon-candle {
    width: 1.2em;
    height: 1.2em;
}

.icon-social {
    width: 1.1em;
    height: 1.1em;
}

/* Pseudo-elemento per le icone */
[data-icon]::before {
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
}

/* Icone via data attribute */
[data-icon="candle"]::before {
    background-image: url('../images/icons.svg#icon-candle');
}

[data-icon="facebook"]::before {
    background-image: url('../images/icons.svg#icon-facebook');
}

[data-icon="twitter"]::before {
    background-image: url('../images/icons.svg#icon-twitter');
}

[data-icon="whatsapp"]::before {
    background-image: url('../images/icons.svg#icon-whatsapp');
}

[data-icon="email"]::before {
    background-image: url('../images/icons.svg#icon-email');
}

[data-icon="print"]::before {
    background-image: url('../images/icons.svg#icon-print');
}

[data-icon="calendar"]::before {
    background-image: url('../images/icons.svg#icon-calendar');
}

[data-icon="clock"]::before {
    background-image: url('../images/icons.svg#icon-clock');
}

[data-icon="map-marker"]::before {
    background-image: url('../images/icons.svg#icon-map-marker');
}

[data-icon="church"]::before {
    background-image: url('../images/icons.svg#icon-church');
}

[data-icon="monument"]::before {
    background-image: url('../images/icons.svg#icon-monument');
}

[data-icon="home"]::before {
    background-image: url('../images/icons.svg#icon-home');
}

[data-icon="comment"]::before {
    background-image: url('../images/icons.svg#icon-comment');
}

[data-icon="user"]::before {
    background-image: url('../images/icons.svg#icon-user');
}

[data-icon="heart"]::before {
    background-image: url('../images/icons.svg#icon-heart');
}

[data-icon="share"]::before {
    background-image: url('../images/icons.svg#icon-share');
}