/* Global typography layer
   If you later upload webfont files for Recoleta Medium or Centra No2,
   you can extend this file with @font-face sources.
*/

@font-face {
  font-family: "Recoleta Medium";
  src: local("Recoleta Medium"), local("Recoleta-Medium"), local("Recoleta");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "Centra No2";
  src: local("Centra No2"), local("Centra No2 Book"), local("CentraNo2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

:root {
  --site-font-heading: "Recoleta Medium", "Recoleta", Georgia, "Times New Roman", serif;
  --site-font-body: "Centra No2", "CentraNo2", "Open Sans", "Helvetica Neue", Arial, sans-serif;
}

html,
body {
  font-family: var(--site-font-body) !important;
}

body,
p,
li,
a,
button,
input,
select,
textarea,
label,
small,
blockquote,
.btn,
.form-control,
.nice-select,
.dropdown-item,
.nav-link,
.card-category,
.title-top,
.section-title p,
.content-title p,
.entry-content,
.breadcrumbs li,
.breadcrumb-item,
.table,
.table td,
.table th {
  font-family: var(--site-font-body) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.page-title,
.card-title,
.section-title h1,
.section-title h2,
.section-title h3,
.content-title h1,
.content-title h2,
.content-title h3,
.entry-title,
.modal-title,
.big-text {
  font-family: var(--site-font-heading) !important;
}

button,
input,
select,
textarea,
.btn,
.form-control,
.nice-select {
  font-family: inherit !important;
}