/* ============================================================
   FILE: _variables.scss
   Converted to CSS custom properties
   ============================================================ */

:root {
  /* COLORS */
  --color-1: #274156;
  --color-2: #6b879c;
  --color-3: #0d0106;
  --color-4: #d0ad67;
  --color-5: #000000;
  --color-6: #ffffff;
  --color-font-1: #212427;
  --color-font-2: #000000;
  --color-font-3: rgba(0, 0, 0, 0.6);
  --color-font-inverse: #fff;
  --color-ui-1: #999999;

  /* TYPOGRAPHY */
  --font-title: "Telex", "Open Sans", "Arial", "Helvetica Neue", sans-serif;
  --font-body: "Geologica", "Open Sans", "Arial", "Helvetica Neue", sans-serif;
  --font-interactive: "Geologica", "Open Sans", "Arial", "Helvetica Neue", sans-serif;

  /* SIZING (derived from $line-height: 1.5rem) */
  --size-xxsmall: 0.375rem;  /* 1.5rem / 4 */
  --size-xsmall: 0.5rem;     /* 1.5rem / 3 */
  --size-small: 0.75rem;     /* 1.5rem / 2 */
  --size-medium: 1.5rem;
  --size-large: 3rem;        /* 1.5rem * 2 */
  --size-xlarge: 4.5rem;     /* 1.5rem * 3 */
  --size-xxlarge: 6rem;      /* 1.5rem * 4 */
  --row-max-width: 1920px;
  --row-width: 90.09%;

  /* BREAKPOINTS (reference only — use literal values in media queries below)
     --breakpoint-laptop: 1400px
     --breakpoint-tablet: 980px
     --breakpoint-smartphone: 767px
     --breakpoint-smartphone-portrait: 479px */
}


/* ============================================================
   FILE: _typography.scss
   @for loop, @mixin font-title, @mixin font-body, @mixin font-interactive
   and all SCSS variables resolved to plain CSS
   ============================================================ */

/* --- H1 / .h1 --- */
body.et_divi_theme h1,
body.et_divi_theme .h1 {
  font-family: "Telex", "Open Sans", "Arial", "Helvetica Neue", sans-serif;
  min-height: 0vw;
  font-size: 4rem;
  font-size: clamp(3rem, calc(3rem + ((1vw - 0.48rem) * 1.3889)), 4rem);
}
body.et_divi_theme h1 span,
body.et_divi_theme .h1 span { display: block; }

/* --- H2 / .h2 --- */
body.et_divi_theme h2,
body.et_divi_theme .h2 {
  font-family: "Telex", "Open Sans", "Arial", "Helvetica Neue", sans-serif;
  min-height: 0vw;
  font-size: 3rem;
  font-size: clamp(2rem, calc(2rem + ((1vw - 0.48rem) * 1.3889)), 3rem);
}
body.et_divi_theme h2 span,
body.et_divi_theme .h2 span { display: block; }

/* --- H3 / .h3 --- */
body.et_divi_theme h3,
body.et_divi_theme .h3 {
  font-family: "Telex", "Open Sans", "Arial", "Helvetica Neue", sans-serif;
  min-height: 0vw;
  font-size: 2.25rem;
  font-size: clamp(1.5rem, calc(1.5rem + ((1vw - 0.48rem) * 1.0417)), 2.25rem);
}
body.et_divi_theme h3 span,
body.et_divi_theme .h3 span { display: block; }

/* --- H4 / .h4 --- */
body.et_divi_theme h4,
body.et_divi_theme .h4 {
  font-family: "Telex", "Open Sans", "Arial", "Helvetica Neue", sans-serif;
  min-height: 0vw;
  font-size: 1.5rem;
  font-size: clamp(1.25rem, calc(1.25rem + ((1vw - 0.48rem) * 0.3472)), 1.5rem);
}
body.et_divi_theme h4 span,
body.et_divi_theme .h4 span { display: block; }

/* --- H5 / .h5 --- */
body.et_divi_theme h5,
body.et_divi_theme .h5 {
  font-family: "Telex", "Open Sans", "Arial", "Helvetica Neue", sans-serif;
  min-height: 0vw;
  font-size: 1.25rem;
  font-size: clamp(1rem, calc(1rem + ((1vw - 0.48rem) * 0.3472)), 1.25rem);
}
body.et_divi_theme h5 span,
body.et_divi_theme .h5 span { display: block; }

/* --- H6 / .h6 --- */
body.et_divi_theme h6,
body.et_divi_theme .h6 {
  font-family: "Telex", "Open Sans", "Arial", "Helvetica Neue", sans-serif;
  min-height: 0vw;
  font-size: 1rem;
  font-size: clamp(0.85rem, calc(0.85rem + ((1vw - 0.48rem) * 0.2083)), 1rem);
  line-height: 1.5rem;
}
body.et_divi_theme h6 span,
body.et_divi_theme .h6 span { display: block; }

/* --- BODY FONTS (@include font-body, medium/default) --- */
body.et_divi_theme #rf-body,
body.et_divi_theme a #rf-body,
body.et_divi_theme li #rf-body {
  font-family: "Geologica", "Open Sans", "Arial", "Helvetica Neue", sans-serif;
  line-height: 1.5rem;
  font-weight: 400;
  font-size: 1rem;
}

/* --- LINK TRANSITION (@include transition) --- */
body.et_divi_theme a {
  transition: all 0.25s ease-in-out;
}

/* --- LINKS WITHIN HEADINGS AND PARAGRAPHS --- */
body.et_divi_theme h1 a,
body.et_divi_theme h2 a,
body.et_divi_theme h3 a,
body.et_divi_theme h4 a,
body.et_divi_theme h5 a,
body.et_divi_theme h6 a,
body.et_divi_theme p a {
  color: inherit !important;
  font-weight: 700;
}
body.et_divi_theme h1 a:hover,
body.et_divi_theme h2 a:hover,
body.et_divi_theme h3 a:hover,
body.et_divi_theme h4 a:hover,
body.et_divi_theme h5 a:hover,
body.et_divi_theme h6 a:hover,
body.et_divi_theme p a:hover {
  color: #6b879c !important;
}

/* --- LARGE PARAGRAPH (@include font-body, "large") --- */
body.et_divi_theme .rf-paragraph--large #rf-body,
body.et_divi_theme .rf-paragraph--large a #rf-body {
  font-family: "Geologica", "Open Sans", "Arial", "Helvetica Neue", sans-serif;
  line-height: 1.5rem;
  font-weight: 400;
  font-size: 1.3125rem;
  font-size: clamp(1rem, calc(1rem + ((1vw - 0.3rem) * 0.5435)), 1.3125rem);
}

/* --- SMALL PARAGRAPH (@include font-body, "small") --- */
body.et_divi_theme .rf-paragraph--small #rf-body,
body.et_divi_theme .rf-paragraph--small a #rf-body {
  font-family: "Geologica", "Open Sans", "Arial", "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.3125rem;
}

/* --- INVERSE LAYOUT TEXT --- */
body.et_divi_theme .et_pb_layout_dark {
  color: #fff;
}


/* ============================================================
   FILE: _buttons.scss
   Variables, @mixin, and @extend resolved to plain CSS
   ============================================================ */

/* --- BASE BUTTON + PRIMARY
   .et_pb_button, .gform_button, and [type=submit] all @extend .rf-button--primary
   in the original SCSS, so all share the same base and primary appearance here --- */
#rf-body .et_pb_button,
#rf-body .gform_button,
#rf-body [type=submit],
#rf-body .rf-button--primary {
  display: inline-flex;
  justify-content: center;
  position: relative;
  border: none;
  font-size: 1rem;
  font-size: clamp(0.85rem, calc(0.85rem + ((1vw - 0.48rem) * 0.2083)), 1rem);
  font-weight: 400;
  letter-spacing: 1px;
  padding: 0.75rem 1.5rem !important;
  text-transform: capitalize;
  border-radius: 5px;
  transition: all 0.25s ease-in-out;
  font-family: "Geologica", "Open Sans", "Arial", "Helvetica Neue", sans-serif;
  line-height: 1.5rem !important;
  text-align: center;
  text-shadow: none;
  cursor: pointer;
  color: #fff;
  background: #274156;
  background: linear-gradient(90deg, rgba(39, 65, 86, 1) 0%, #6b879c 100%);
}
#rf-body .et_pb_button:hover,
#rf-body .gform_button:hover,
#rf-body [type=submit]:hover,
#rf-body .rf-button--primary:hover {
  background-color: #6b879c !important;
  color: #fff !important;
  opacity: 80%;
  transform: translateY(-0.25rem);
}

/* --- OUTLINE BUTTON --- */
#rf-body .rf-button--outline {
  color: #274156 !important;
  background-color: transparent;
  height: fit-content;
  box-shadow: 0 0 0 0.125rem inset #274156;
}
#rf-body .rf-button--outline:hover {
  background-color: #274156 !important;
  color: #fff !important;
  opacity: 1 !important;
}

/* --- SECONDARY BUTTON --- */
#rf-body .rf-button--secondary {
  color: #fff;
  background-color: #6b879c;
}
#rf-body .rf-button--secondary:hover {
  background-color: transparent !important;
  color: #6b879c !important;
  opacity: 80%;
}

/* --- SECONDARY OUTLINE BUTTON --- */
#rf-body .rf-button--secondary-outline {
  color: #6b879c;
  background-color: #fff;
  box-shadow: 0 0 0 0.125rem inset #6b879c;
}
#rf-body .rf-button--secondary-outline:hover {
  background-color: #6b879c !important;
  color: #fff !important;
  box-shadow: 0 0 0 0.125rem inset #6b879c;
}

/* --- INVERSE BUTTON --- */
#rf-body .rf-button--inverse {
  color: #6b879c !important;
  background-color: #fff;
  height: fit-content;
  box-shadow: 0 0 0 0.125rem inset #fff;
}
#rf-body .rf-button--inverse:hover {
  background-color: transparent;
  color: #fff !important;
  opacity: 1 !important;
  box-shadow: 0 0 0 0.125rem inset #fff;
}

/* --- INVERSE OUTLINE BUTTON --- */
#rf-body .rf-button--inverse-outline {
  color: #fff !important;
  background-color: transparent;
  height: fit-content;
  box-shadow: 0 0 0 0.125rem inset #fff;
}
#rf-body .rf-button--inverse-outline:hover {
  background-color: #fff !important;
  color: #ffffff !important;
  opacity: 80%;
}

/* --- NEWSLETTER BUTTON --- */
#rf-body .rf-button--newsletter {
  color: #fff !important;
  background-color: transparent;
  height: fit-content;
}
#rf-body .rf-button--newsletter:hover {
  background-color: #fff !important;
  color: #000000 !important;
  opacity: 1 !important;
  box-shadow: 0 0 0 0.0625rem inset #fff;
}

/* --- MULTI-BUTTON LAYOUTS --- */
#rf-body .et_pb_button + .et_pb_button {
  margin-left: 1.5rem;
}