.text-icon {
	height: 1em;
	vertical-align: middle;
}

.icon-bauble {
	/* would be nice if it was just align middle, but the top thingy ruins it */
	vertical-align: text-top;

	display: inline-block;
	height: 1.2em;
	width: 1.2em;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: rotate(30deg);
}

.bauble-empty {
	background-image: url('../img/calendar/bauble-empty.svg');
}
.bauble-red {
	background-image: url('../img/calendar/bauble-red.svg');
}
.bauble-gold {
	background-image: url('../img/calendar/bauble-gold.svg');
}