/*
 * Elementor Starter typography system.
 *
 * Set "Cormorant Garamond" and "Inter" as global fonts in Elementor as well.
 * This file keeps the responsive type scale and shared typography rules in one place.
 */

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 500;
  font-display: block;
  src: url("../fonts/cormorant-garamond/cormorant-garamond-latin-500-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 600;
  font-display: block;
  src: url("../fonts/cormorant-garamond/cormorant-garamond-latin-600-normal.woff2") format("woff2");
}

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

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

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

:root {
  --sw-font-family-base: "Inter", Arial, Helvetica, sans-serif;
  --sw-font-family-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --sw-font-family-ui: "Inter", Arial, Helvetica, sans-serif;
  --sw-font-weight-regular: 400;
  --sw-font-weight-medium: 500;
  --sw-font-weight-semibold: 600;
  --sw-font-weight-extrabold: 600;

  --sw-font-size-xs: clamp(0.78rem, 0.74rem + 0.2vw, 0.88rem);
  --sw-font-size-sm: clamp(0.9rem, 0.86rem + 0.25vw, 1rem);
  --sw-font-size-md: clamp(1rem, 0.95rem + 0.35vw, 1.125rem);
  --sw-font-size-lg: clamp(1.25rem, 1.08rem + 0.8vw, 1.65rem);
  --sw-font-size-xl: clamp(1.55rem, 1.22rem + 1.55vw, 2.3rem);
  --sw-font-size-xxl: clamp(2rem, 1.45rem + 2.4vw, 3.35rem);

  --sw-line-height-tight: 1.12;
  --sw-line-height-heading: 1.2;
  --sw-line-height-text: 1.55;
}

body {
  font-family: var(--sw-font-family-base);
  font-size: var(--sw-font-size-md);
  font-weight: var(--sw-font-weight-regular);
  line-height: var(--sw-line-height-text);
}

button,
input,
select,
textarea {
  font-family: var(--sw-font-family-base);
}

p,
li {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.elementor-widget-text-editor {
  font-family: var(--sw-font-family-base);
  font-size: var(--sw-font-size-md);
  font-weight: var(--sw-font-weight-regular);
  line-height: var(--sw-line-height-text);
}

.elementor-widget-text-editor p,
.elementor-widget-text-editor li {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}

.elementor-widget-text-editor p:first-child,
.elementor-widget-text-editor ul:first-child,
.elementor-widget-text-editor ol:first-child {
  margin-top: 0;
}

.elementor-widget-text-editor p:last-child,
.elementor-widget-text-editor ul:last-child,
.elementor-widget-text-editor ol:last-child {
  margin-bottom: 0;
}

h1,
.elementor-widget-heading h1.elementor-heading-title {
  font-family: var(--sw-font-family-heading);
  font-size: var(--sw-font-size-xxl);
  font-weight: var(--sw-font-weight-semibold);
  line-height: var(--sw-line-height-tight);
}

h2,
.elementor-widget-heading h2.elementor-heading-title {
  font-family: var(--sw-font-family-heading);
  font-size: var(--sw-font-size-xl);
  font-weight: var(--sw-font-weight-medium);
  line-height: var(--sw-line-height-tight);
}

h3,
.elementor-widget-heading h3.elementor-heading-title {
  font-family: var(--sw-font-family-heading);
  font-size: var(--sw-font-size-lg);
  font-weight: var(--sw-font-weight-medium);
  line-height: var(--sw-line-height-tight);
}

h4,
.elementor-widget-heading h4.elementor-heading-title {
  font-family: var(--sw-font-family-ui);
  font-size: var(--sw-font-size-md);
  font-weight: var(--sw-font-weight-medium);
  line-height: var(--sw-line-height-heading);
}

h5,
h6,
.elementor-widget-heading h5.elementor-heading-title,
.elementor-widget-heading h6.elementor-heading-title {
  font-family: var(--sw-font-family-ui);
  font-size: var(--sw-font-size-sm);
  font-weight: var(--sw-font-weight-medium);
  line-height: var(--sw-line-height-heading);
}

.elementor-heading-title b,
.elementor-heading-title strong {
  color: var(--sw-color-secondary);
  font-weight: inherit;
}

.elementor-button {
  font-family: var(--sw-font-family-ui);
  font-size: var(--sw-font-size-sm);
  font-weight: var(--sw-font-weight-semibold);
  line-height: 1.2;
  border-radius: var(--sw-radius-pill);
  text-transform: uppercase;
}

.elementor .elementor-widget-button.sw-button-arrow .elementor-button,
.sw-button-arrow .elementor-button,
.elementor-button.sw-button-arrow {
  font-family: var(--sw-font-family-ui) !important;
  font-size: 0.75rem !important;
  font-weight: var(--sw-font-weight-medium) !important;
  letter-spacing: 0.18em !important;
  line-height: 1.25 !important;
  text-transform: uppercase !important;
}

.elementor-widget-nav-menu,
.elementor-widget-nav-menu a,
.elementor-nav-menu,
.elementor-nav-menu .elementor-item {
  font-family: var(--sw-font-family-ui);
  font-weight: var(--sw-font-weight-medium);
}

.sw-text-xs,
.sw-text-xs .elementor-heading-title,
.sw-text-xs.elementor-widget-text-editor .elementor-widget-container,
.sw-text-xs.elementor-widget-text-editor p,
.sw-text-xs.elementor-widget-text-editor li {
  font-size: var(--sw-font-size-xs) !important;
  line-height: 1.4 !important;
}

.sw-text-small,
.sw-text-small .elementor-heading-title,
.sw-text-small.elementor-widget-text-editor .elementor-widget-container,
.sw-text-small.elementor-widget-text-editor p,
.sw-text-small.elementor-widget-text-editor li {
  font-size: var(--sw-font-size-sm) !important;
  line-height: 1.45 !important;
}

.sw-text-md,
.sw-text-md .elementor-heading-title,
.sw-text-md.elementor-widget-text-editor .elementor-widget-container,
.sw-text-md.elementor-widget-text-editor p,
.sw-text-md.elementor-widget-text-editor li {
  font-size: var(--sw-font-size-md) !important;
  line-height: var(--sw-line-height-text) !important;
}

.sw-text-lg,
.sw-text-lg .elementor-heading-title,
.sw-text-lg.elementor-widget-text-editor .elementor-widget-container,
.sw-text-lg.elementor-widget-text-editor p,
.sw-text-lg.elementor-widget-text-editor li {
  font-size: var(--sw-font-size-lg) !important;
  line-height: var(--sw-line-height-heading) !important;
}

.sw-text-xl,
.sw-text-xl .elementor-heading-title,
.sw-text-xl.elementor-widget-text-editor .elementor-widget-container,
.sw-text-xl.elementor-widget-text-editor p,
.sw-text-xl.elementor-widget-text-editor li {
  font-size: var(--sw-font-size-xl) !important;
  line-height: var(--sw-line-height-tight) !important;
}

.sw-kicker {
  font-family: var(--sw-font-family-ui);
  font-size: 0.75rem;
  font-weight: var(--sw-font-weight-semibold);
}

.sw-kicker p,
.sw-kicker .elementor-heading-title {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.elementor-widget-heading.sw-kicker .elementor-heading-title,
.elementor-widget-text-editor.sw-kicker,
.elementor-widget-text-editor.sw-kicker p {
  font-family: var(--sw-font-family-ui) !important;
  font-size: 0.75rem !important;
  font-weight: var(--sw-font-weight-semibold) !important;
}

.sw-footer-small,
.sw-footer-small p,
.sw-footer-small li {
  font-size: var(--sw-font-size-xs);
  line-height: 1.45;
}