@font-face {
  font-family: "Roboto-Serif";
  src: url(../fonts/Roboto_Serif/RobotoSerif-VariableFont_GRAD.ttf)
    format("truetype");
}
@font-face {
  font-family: "Roboto-Serif";
  src: url(../fonts/Roboto_Serif/RobotoSerif-VariableFont_GRAD.ttf)
    format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: "Roboto-Sans";
  src: url(../fonts/Roboto/Roboto-Regular.ttf) format("truetype");
}

@font-face {
  font-family: "Roboto-Sans";
  src: url(../fonts/Roboto/Roboto-Bold.ttf) format("truetype");
  font-weight: bold;
}
@font-face {
  font-family: "Roboto-Sans";
  src: url(../fonts/Roboto/Roboto-Italic.ttf) format("truetype");
  font-style: italic;
}
@font-face {
  font-family: "Roboto-Sans";
  src: url(../fonts/Roboto/Roboto-Medium.ttf) format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: "Roboto-Sans";
  src: url(../fonts/Roboto/Roboto-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
:root {
  --icc-font-sans: Roboto-Sans;
  --icc-font-serif: Roboto-Serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--icc-font-serif) !important;
}

p,
header a,
.icc-btn a,
.icc-navlink,
#iccHeaderSearch h5 {
  font-family: var(--icc-font-sans) !important;
}

span {
  font-family: inherit !important;
}

.icc-font-sans {
  font-family: var(--icc-font-sans) !important;
}
.icc-font-serif {
  font-family: var(--icc-font-serif) !important;
}