/* Override CivicTheme font-family */
@font-face {
  font-family: 'Mulish';
  src: url('../assets/fonts/Mulish-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Mulish';
  src: url('../assets/fonts/Mulish-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --ct-font-family-base: 'Mulish', sans-serif;
  --ct-font-family-heading: 'Mulish', sans-serif;
}

.ct-heading-1,
.ct-heading-2,
.ct-heading-3,
.ct-heading-4,
.ct-heading-5,
.ct-text-extra-large,
.ct-text-large,
.ct-text-regular,
.ct-text-small,
.ct-label-extra-large,
.ct-label-large,
.ct-label-regular,
.ct-label-small,
.ct-label-extra-small,
.ct-link,
.ct-quote,
.ct-banner__title,
.ct-banner__content,
.ct-card__title,
.ct-card__summary,
.ct-card__date,
.ct-content-link__title,
.ct-content-link__summary,
.ct-heading,
.ct-button,
.ct-navigation__menu-item,
.ct-tag,
.ct-breadcrumb,
.ct-footer,
.ct-header,
.ct-pagination,
.ct-promo-card__title,
.ct-promo-card__summary,
.ct-subject-card__title,
.ct-subject-card__summary,
.ct-event-card__title,
.ct-event-card__summary,
.ct-navigation-card__title,
.ct-navigation-card__summary,
.ct-snippet__title,
.ct-snippet__summary,
.ct-service-card__title,
.ct-service-card__summary,
.ct-slider__title,
.ct-slider-slide__title,
.ct-slider-slide__summary,
.ct-accordion__title,
.ct-callout__title,
.ct-callout__summary,
.ct-attachment__title,
.ct-attachment__summary,
.ct-list__title,
.ct-group-filter__title,
.ct-search__input,
p,
body,
html {
  font-family: 'Mulish', sans-serif !important;
}

@media (min-width: 0) {
  .ct-heading-1,
  .ct-heading-2,
  .ct-heading-3,
  .ct-heading-4,
  .ct-heading-5,
  .ct-text-extra-large,
  .ct-text-large,
  .ct-text-regular,
  .ct-text-small,
  .ct-label-extra-large,
  .ct-label-large,
  .ct-label-regular,
  .ct-label-small,
  .ct-label-extra-small,
  .ct-quote {
    font-family: 'Mulish', sans-serif !important;
  }
}

@media (min-width: 768px) {
  .ct-heading-1,
  .ct-heading-2,
  .ct-heading-3,
  .ct-heading-4,
  .ct-heading-5,
  .ct-text-extra-large,
  .ct-text-large,
  .ct-text-regular,
  .ct-text-small,
  .ct-label-extra-large,
  .ct-label-large,
  .ct-label-regular,
  .ct-label-small,
  .ct-label-extra-small,
  .ct-quote {
    font-family: 'Mulish', sans-serif !important;
  }
}