@font-face {
  font-family: "Stolzl";
  src: url("../fonts/Stolzl/Stolzl-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Stolzl Book";
  src: url("../fonts/Stolzl/Stolzl-Book.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Stolzl";
  src: url("../fonts/Stolzl/Stolzl-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Stolzl";
  src: url("../fonts/Stolzl/Stolzl-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Stolzl";
  src: url("../fonts/Stolzl/Stolzl-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --FONT-STACK-BODY: "Stolzl Book", "Stolzl", sans-serif;
  --FONT-STACK-HEADING: "Stolzl Book", "Stolzl", sans-serif;
  --FONT-STACK-NAV: "Stolzl Book", "Stolzl", sans-serif;
  --areto-site-font: var(--FONT-STACK-BODY);
  --areto-heading-font: var(--FONT-STACK-HEADING);
  --areto-nav-font: var(--FONT-STACK-NAV);
}

body,
body :where(
  p,
  a,
  span,
  div,
  li,
  ul,
  ol,
  dt,
  dd,
  strong,
  em,
  small,
  label,
  legend,
  blockquote,
  cite,
  figcaption,
  caption,
  th,
  td,
  button,
  input,
  select,
  optgroup,
  textarea,
  bdi,
  ins,
  del
):not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not(.eicon):not([class^="eicon"]):not([class*=" eicon"]):not(.dashicons):not(.material-icons):not(.material-icons-outlined):not(.genericon):not(.star-rating):not(.star-rating *):not(.areto-fg-rating-stars):not(.areto-fg-rating-stars *) {
  font-family: var(--FONT-STACK-BODY) !important;
}

body {
  font-weight: 400;
}

body :where(strong, b):not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not(.eicon):not([class^="eicon"]):not([class*=" eicon"]):not(.dashicons) {
  font-weight: 500 !important;
}

body :where(
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .elementor-heading-title,
  .areto-offers-header h2,
  .areto-brand-slider-title,
  .areto-footer-extra__title,
  .areto-fg__heading h1,
  .areto-fg__heading h2,
  .areto-fg-product__title,
  .areto-fg-related h2,
  .areto-fg-reviews__title,
  .comment-reply-title
):not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not(.eicon):not([class^="eicon"]):not([class*=" eicon"]):not(.dashicons) {
  font-family: var(--FONT-STACK-HEADING) !important;
  font-weight: 400;
}

body :where(
  nav,
  nav a,
  .menu,
  .menu a,
  .sub-menu,
  .sub-menu a,
  .areto-nav,
  .areto-nav a,
  .areto-menu,
  .areto-menu a,
  .areto-mobile-menu,
  .areto-mobile-menu a,
  .areto-footer-menu,
  .areto-footer-menu a,
  .areto-searchinput--header,
  .areto-searchinput--panel,
  .areto-searchtrigger,
  .areto-searchtrigger__text
):not(.fa):not([class^="fa-"]):not([class*=" fa-"]):not(.eicon):not([class^="eicon"]):not([class*=" eicon"]):not(.dashicons) {
  font-family: var(--FONT-STACK-NAV) !important;
}

body code,
body pre,
body kbd,
body samp {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
}

#wpadminbar,
#wpadminbar :where(
  a,
  span,
  div,
  li,
  strong,
  em,
  input,
  button
) {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;
}

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