/*
  Global font overrides.
  Change the font names below to update the site-wide typography.
*/

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../fonts/space-grotesk/space-grotesk-300.woff2") format("woff2"),
       url("../fonts/space-grotesk/space-grotesk-300.ttf") format("truetype");
}

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/space-grotesk/space-grotesk-400.woff2") format("woff2"),
       url("../fonts/space-grotesk/space-grotesk-400.ttf") format("truetype");
}

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/space-grotesk/space-grotesk-500.woff2") format("woff2"),
       url("../fonts/space-grotesk/space-grotesk-500.ttf") format("truetype");
}

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/space-grotesk/space-grotesk-600.woff2") format("woff2"),
       url("../fonts/space-grotesk/space-grotesk-600.ttf") format("truetype");
}

@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/space-grotesk/space-grotesk-700.woff2") format("woff2"),
       url("../fonts/space-grotesk/space-grotesk-700.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/inter/inter-400.woff2") format("woff2"),
       url("../fonts/inter/inter-400.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/inter/inter-500.woff2") format("woff2"),
       url("../fonts/inter/inter-500.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/inter/inter-600.woff2") format("woff2"),
       url("../fonts/inter/inter-600.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/inter/inter-700.woff2") format("woff2"),
       url("../fonts/inter/inter-700.ttf") format("truetype");
}

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("../fonts/inter/inter-800.woff2") format("woff2"),
       url("../fonts/inter/inter-800.ttf") format("truetype");
}

:root {
  --spark-body-font: "Space Grotesk", sans-serif;
  --spark-heading-font: "Space Grotesk", sans-serif;
  --spark-display-font: "Space Grotesk", sans-serif;

  --primary-font: var(--spark-body-font);
  --secondary-font: var(--spark-heading-font);
  --heading-font: var(--spark-heading-font);

  /*
    Elementor global typography is now the source of truth.
    The legacy variable overrides below are intentionally disabled.

    --e-global-typography-primary-font-family: var(--spark-display-font);
    --e-global-typography-secondary-font-family: var(--spark-heading-font);
    --e-global-typography-text-font-family: var(--spark-body-font);
    --e-global-typography-accent-font-family: var(--spark-body-font);
  */
}

/*
  Legacy global typography force-overrides disabled after Step 2.
  Keep this file loaded for font imports and icon-font corrections below.

body,
button,
input,
select,
textarea,
p,
.elementor-widget-container,
.elementor-widget-container p,
.pxl-menu-primary a,
.pxl-menu-primary li,
.pxl-nav-menu a,
.pxl-nav-menu li,
.pxl-header-menu a,
.pxl-header-menu li,
.main-navigation a,
.hover-text-default {
  font-family: var(--spark-body-font) !important;
}
*/

/*
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.elementor-heading-title,
.pxl-heading-title,
.pxl-item--title,
.pxl-post-title,
.pxl-title,
.pxl-counter-title,
.pxl-service-title,
.pxl-case-title {
  font-family: var(--spark-heading-font) !important;
}
*/

/*
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor a,
.elementor-widget-text-editor li,
.pxl-text-editor,
.pxl-text-editor p,
.pxl-text-editor a,
.pxl-text-editor li,
.pxl-item--description,
.pxl-description,
.pxl-subtitle,
.pxl-item--subtitle,
.pxl-counter-desc,
.pxl-service-desc,
.pxl-case-desc,
.pxl-button,
.btn {
  font-family: var(--spark-body-font) !important;
}
*/

#wpadminbar .ab-icon,
#wpadminbar .ab-icon::before,
#wpadminbar .ab-item::before,
#wpadminbar .dashicons,
.dashicons,
.dashicons-before::before,
.ab-icon,
.ab-icon::before,
[class^="caseicon-"],
[class*=" caseicon-"],
.caseicon,
i[class^="caseicon-"],
i[class*=" caseicon-"] {
  font-family: "Caseicon" !important;
}

[class^="caseicon-"]::before,
[class*=" caseicon-"]::before,
[class^="caseicon-"]::after,
[class*=" caseicon-"]::after,
.caseicon::before,
.caseicon::after {
  font-family: "Caseicon" !important;
  font-style: normal;
  font-weight: 400;
}

.fa,
.fas {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
}

.fa::before,
.fas::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900;
}

.far {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 400;
}

.far::before {
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 400;
}

.fab {
  font-family: "Font Awesome 5 Brands" !important;
}

.fab::before {
  font-family: "Font Awesome 5 Brands" !important;
}

.fal {
  font-family: "Font Awesome 5 Pro" !important;
  font-weight: 300;
}

.fal::before {
  font-family: "Font Awesome 5 Pro" !important;
  font-weight: 300;
}

#wpadminbar .ab-icon,
#wpadminbar .ab-icon::before,
#wpadminbar .ab-item::before,
#wpadminbar .dashicons,
.dashicons,
.dashicons-before::before,
.ab-icon,
.ab-icon::before {
  font-family: dashicons !important;
}

/*
.spark-font-display,
.pxl-heading-wrapper .pxl-heading-title.heading-underline-accent {
  font-family: var(--spark-display-font) !important;
}
*/