/**
 * Applies the admin-selected Google Font to all CMS template sections.
 * --template-font-family is set on :root in layouts/app.blade.php.
 */

body[class^="cms-active-template-"] #app,
body[class^="cms-active-template-"] #app *:not(.fa):not(.fas):not(.far):not(.fab):not(.fal):not(.bi):not([class^="bi-"]):not([class*=" bi-"]):not(.icon):not([class*="flaticon-"]):not([class*="icomoon-"]) {
  font-family: var(--template-font-family), sans-serif !important;
}

body[class^="cms-active-template-"] #app .fa,
body[class^="cms-active-template-"] #app .fas,
body[class^="cms-active-template-"] #app .far {
  font-family: "Font Awesome 5 Free" !important;
}

body[class^="cms-active-template-"] #app .fab {
  font-family: "Font Awesome 5 Brands" !important;
}

body[class^="cms-active-template-"] #app .bi,
body[class^="cms-active-template-"] #app [class^="bi-"],
body[class^="cms-active-template-"] #app [class*=" bi-"] {
  font-family: "bootstrap-icons" !important;
}