/* ==================================================

	Icons

	Masked, not <img>, so one SVG recolors via currentColor when a toggle flips the nav

================================================== */

.icon {
	display: block;

	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--search        { -webkit-mask-image: url("../../images/icons/icon-search.svg");        mask-image: url("../../images/icons/icon-search.svg"); }
.icon--home          { -webkit-mask-image: url("../../images/icons/icon-home.svg");          mask-image: url("../../images/icons/icon-home.svg"); }
.icon--network       { -webkit-mask-image: url("../../images/icons/icon-network.svg");       mask-image: url("../../images/icons/icon-network.svg"); }
.icon--jobs          { -webkit-mask-image: url("../../images/icons/icon-jobs.svg");          mask-image: url("../../images/icons/icon-jobs.svg"); }
.icon--messaging     { -webkit-mask-image: url("../../images/icons/icon-messaging.svg");     mask-image: url("../../images/icons/icon-messaging.svg"); }
.icon--notifications { -webkit-mask-image: url("../../images/icons/icon-notifications.svg"); mask-image: url("../../images/icons/icon-notifications.svg"); }

.icon--saved         { -webkit-mask-image: url("../../images/icons/icon-saved.svg");         mask-image: url("../../images/icons/icon-saved.svg"); }
.icon--groups        { -webkit-mask-image: url("../../images/icons/icon-groups.svg");        mask-image: url("../../images/icons/icon-groups.svg"); }
.icon--newsletters   { -webkit-mask-image: url("../../images/icons/icon-newsletters.svg");   mask-image: url("../../images/icons/icon-newsletters.svg"); }
.icon--events        { -webkit-mask-image: url("../../images/icons/icon-events.svg");        mask-image: url("../../images/icons/icon-events.svg"); }

.icon--like          { -webkit-mask-image: url("../../images/icons/icon-like.svg");          mask-image: url("../../images/icons/icon-like.svg"); }
.icon--comment       { -webkit-mask-image: url("../../images/icons/icon-comment.svg");       mask-image: url("../../images/icons/icon-comment.svg"); }
.icon--repost        { -webkit-mask-image: url("../../images/icons/icon-repost.svg");        mask-image: url("../../images/icons/icon-repost.svg"); }
.icon--send          { -webkit-mask-image: url("../../images/icons/icon-send.svg");          mask-image: url("../../images/icons/icon-send.svg"); }