@font-path: '/fonts';

@font-face {
	font-family: 'mfly-webfont';
	font-style: normal;
	font-weight: 400;
	src: url('@{font-path}/mfly-webfont.woff?v=1.6') format('woff');
}

[class^='mfly-font-'],
[class*=' mfly-font-'] {
	display: inline-block;

	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'mfly-webfont' !important; /* stylelint-disable-line declaration-no-important */

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-transform: none;
}

.mfly-font-elvis::before {
	content: '\e907';
}

.mfly-font-slides::before {
	content: '\e900';
}

.mfly-font-sheets::before {
	content: '\e901';
}

.mfly-font-docs::before {
	content: '\e902';
}

.mfly-font-powerpoint::before {
	content: '\e903';
	// color: #cc4829;
}

.mfly-font-excel::before {
	content: '\e904';
	// color: #2a784d;
}

.mfly-font-word::before {
	content: '\e905';
	// color: #2c5696;
}

.mfly-font-film-cut::before {
	content: '\e906';
}

.mfly-font-loading-circle::before {
	content: '\e800';
}

.mfly-font-offline::before {
	content: '\e801';
}

.mfly-font-save::before {
	content: '\e802';
}

.mfly-font-back10::before {
	content: '\e803';
}

.mfly-font-forward30::before {
	content: '\e804';
}

.mfly-font-detail-view::before {
	content: '\e805';
}

.mfly-font-full-screen-view::before {
	content: '\e806';
}

.mfly-font-full-browser-view::before {
	content: '\e807';
}