/* Iconen die vroeger uit de ionicons-webfont van unpkg kwamen, nu lokaal.
   De tekeningen komen uit ionicons 4.5.5, dezelfde versie als voorheen.
   Ze worden als masker gebruikt, zodat kleur en grootte de tekst blijven volgen.
   De breedtes komen overeen met de oude lettertekens (20px-tekst: 20 / 18,4 / 15 px). */

.icon[class*="ion-"] {
	display: inline-block;
	width: 1em;
	height: 1em;
	vertical-align: -0.125em;
	background-color: currentColor;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: contain;
	mask-size: contain;
}

.icon.ion-logo-facebook {
	width: 0.75em;
	-webkit-mask-image: url(../images/icons-ion/logo-facebook.svg);
	mask-image: url(../images/icons-ion/logo-facebook.svg);
}
.icon.ion-logo-twitter {
	width: 0.92em;
	-webkit-mask-image: url(../images/icons-ion/logo-twitter.svg);
	mask-image: url(../images/icons-ion/logo-twitter.svg);
}
.icon.ion-logo-youtube {
	-webkit-mask-image: url(../images/icons-ion/logo-youtube.svg);
	mask-image: url(../images/icons-ion/logo-youtube.svg);
}
.icon.ion-ios-call {
	-webkit-mask-image: url(../images/icons-ion/ios-call.svg);
	mask-image: url(../images/icons-ion/ios-call.svg);
}
.icon.ion-ios-arrow-down {
	-webkit-mask-image: url(../images/icons-ion/ios-arrow-down.svg);
	mask-image: url(../images/icons-ion/ios-arrow-down.svg);
}
.icon.ion-md-arrow-forward {
	-webkit-mask-image: url(../images/icons-ion/md-arrow-forward.svg);
	mask-image: url(../images/icons-ion/md-arrow-forward.svg);
}