/*
 * Material Line custom font + Divi 5 icon-picker integration.
 *
 * Codepoints: U+F6800-F78A7 — Supplementary PUA-A (4264 outline icons). THREE-WEIGHT
 * FAMILY (200/400/700), same codepoints per weight. Instanced from Google's
 * Material Symbols Outlined variable font at FILL=0, wght 200/400/700 (thin/
 * regular/bold) — genuine designed weights, not a re-stroke. Sibling of
 * Material Solid (FILL=1). slug `material-line` -> type `material_line`.
 */

@font-face {
	font-family: 'material-line';
	src: url('../fonts/material-line-thin.woff2?v=2') format('woff2'),
		url('../fonts/material-line-thin.woff?v=2') format('woff'),
		url('../fonts/material-line-thin.ttf?v=2') format('truetype');
	font-weight: 200;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'material-line';
	src: url('../fonts/material-line.woff2?v=2') format('woff2'),
		url('../fonts/material-line.woff?v=2') format('woff'),
		url('../fonts/material-line.ttf?v=2') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'material-line';
	src: url('../fonts/material-line-bold.woff2?v=2') format('woff2'),
		url('../fonts/material-line-bold.woff?v=2') format('woff'),
		url('../fonts/material-line-bold.ttf?v=2') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: block;
}

@font-face {
	font-family: 'ETmodules';
	src: url('../fonts/material-line-thin.woff2?v=2') format('woff2'),
		url('../fonts/material-line-thin.woff?v=2') format('woff'),
		url('../fonts/material-line-thin.ttf?v=2') format('truetype');
	font-weight: 200;
	font-style: normal;
	font-display: block;
	unicode-range: U+20, U+F6800-F78A7;
}

@font-face {
	font-family: 'ETmodules';
	src: url('../fonts/material-line.woff2?v=2') format('woff2'),
		url('../fonts/material-line.woff?v=2') format('woff'),
		url('../fonts/material-line.ttf?v=2') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: block;
	unicode-range: U+F6800-F78A7;
}

@font-face {
	font-family: 'ETmodules';
	src: url('../fonts/material-line-bold.woff2?v=2') format('woff2'),
		url('../fonts/material-line-bold.woff?v=2') format('woff'),
		url('../fonts/material-line-bold.ttf?v=2') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: block;
	unicode-range: U+20, U+F6800-F78A7;
}

.et-vb-icon-picker-list button[data-type="material_line"]::after,
.et-vb-icon-picker-list button[data-type="material_line"]::before {
	font-family: 'material-line' !important;
}

.et-vb-icon-picker-list button[data-type="material_line"][data-font-weight="200"]::after,
.et-vb-icon-picker-list button[data-type="material_line"][data-font-weight="200"]::before {
	font-weight: 200 !important;
}

.et-vb-icon-picker-list button[data-type="material_line"][data-font-weight="400"]::after,
.et-vb-icon-picker-list button[data-type="material_line"][data-font-weight="400"]::before {
	font-weight: 400 !important;
}

.et-vb-icon-picker-list button[data-type="material_line"][data-font-weight="700"]::after,
.et-vb-icon-picker-list button[data-type="material_line"][data-font-weight="700"]::before {
	font-weight: 700 !important;
}

.ds-divi-icon-material-line {
	font-family: 'material-line' !important;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
