/* ==========================================================================
   Ícones (Font Awesome Pro 7, prefixo ect-icon, fontes em assets/icons)
   Só as fontes e os estilos: o glifo vem na variável --ecti de cada <i>,
   gerada por ect_icon(). O navegador só baixa a fonte do estilo em uso.
   ========================================================================== */

@font-face { font-family: "ect-icon"; font-style: normal; font-weight: 300; font-display: block; src: url("../icons/webfont/ect-icon-light.woff2") format("woff2"); }
@font-face { font-family: "ect-icon"; font-style: normal; font-weight: 400; font-display: block; src: url("../icons/webfont/ect-icon-regular.woff2") format("woff2"); }
@font-face { font-family: "ect-icon"; font-style: normal; font-weight: 900; font-display: block; src: url("../icons/webfont/ect-icon-solid.woff2") format("woff2"); }
@font-face { font-family: "ect-icon-brands"; font-style: normal; font-weight: 400; font-display: block; src: url("../icons/webfont/ect-icon-brands.woff2") format("woff2"); }

.ect-icon-light { font: normal 300 1em/1 "ect-icon"; }
.ect-icon-regular { font: normal 400 1em/1 "ect-icon"; }
.ect-icon-solid { font: normal 900 1em/1 "ect-icon"; }
.ect-icon-brand { font: normal 400 1em/1 "ect-icon-brands"; }

.ect-icon-light,
.ect-icon-regular,
.ect-icon-solid,
.ect-icon-brand {
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.ect-icon-light::before,
.ect-icon-regular::before,
.ect-icon-solid::before,
.ect-icon-brand::before { content: var(--ecti); }