@charset "UTF-8";

.icon {
    pointer-events:none !important;
    width:2rem;
    height:2rem;
    display:inline-block;
    background-color:rgb(255,255,255);
    -webkit-mask-repeat:no-repeat;
    -webkit-mask-position:center;
    -webkit-mask-type:alpha;
    mask-repeat:no-repeat;
    mask-position:center;
    mask-type:alpha;
    vertical-align:middle
}

.icon.angle-right {
    -webkit-mask-image:url("../svg/angle-right.svg");
    mask-image:url("../svg/angle-right.svg")
}
.icon.angle-left {
    -webkit-mask-image:url("../svg/angle-left.svg");
    mask-image:url("../svg/angle-left.svg")
}

/* Social ------------------------------------------ */
.icon.facebook-brand,
.icon.facebook-logo,
.icon.facebook {
    -webkit-mask-image:url("../svg/facebook-logo.svg");
    mask-image:url("../svg/facebook-logo.svg")
}
.icon.instagram-brand,
.icon.instagram-logo,
.icon.instagram {
    -webkit-mask-image:url("../svg/instagram-logo.svg");
    mask-image:url("../svg/instagram-logo.svg")
}
.icon.whatsapp-brand,
.icon.whatsapp-logo,
.icon.whatsapp {
    -webkit-mask-image:url("../svg/whatsapp-logo.svg");
    mask-image:url("../svg/whatsapp-logo.svg")
}

.icon.telephone,
.icon.phone {
    -webkit-mask-image:url("../svg/phone.svg");
    mask-image:url("../svg/phone.svg")
}
.icon.location-pin {
    -webkit-mask-image:url("../svg/location-dot.svg");
    mask-image:url("../svg/location-dot.svg")
}
.icon.envelope,
.icon.email {
    -webkit-mask-image:url("../svg/envelope.svg");
    mask-image:url("../svg/envelope.svg")
}