/*
Theme Name: Builder Theme Child2
Template: tenweb-website-builder-theme
Author: Child Theme Configurator
Description: This is a basic theme which helps you design your website.
Version: 2.1.15.1756766693
Updated: 2025-09-02 00:44:53

*/


/* ===================================================================
   IFSA Brand Colors & Variables
=================================================================== */

:root {
  /* Colors */

  --ifsa-vermillion: #ff4d25;
  --ifsa-cool-grey: #eeeeee
  --ifsa-cobalt: #2b2e92;
  --ifsa-royal-blue: #267bf7;
  --ifsa-warm-grey: #e2eae1;

  /* Layout */
  --container-max-width: 1200px;
  --container-padding: 2rem;

  /* Typography */
  --main-font: "Helvetica", sans-serif;
  --alt-font: "Klavika", sans-serif;
}

/* ===================================================================
   FONT FACE DECLARATIONS
=================================================================== */

/*/* Klavika Light (300) 
@font-face {
  font-family: "Klavika";
  src: url("fonts/klavika-light-webfont.woff2") format("woff2"),
       url("fonts/klavika-light-webfont.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;*/

}

/* Klavika Regular (400) 
@font-face {
  font-family: "Klavika";
  src: url("fonts/klavika-regular-webfont.woff2") format("woff2"),
       url("fonts/klavika-regular-webfont.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*/
/* Klavika Medium (500) 
@font-face {
  font-family: "Klavika";
  src: url("fonts/klavika-medium-webfont.woff2") format("woff2"),
       url("fonts/klavika-medium-webfont.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
*/
/* Klavika Bold (700) 
@font-face {
  font-family: "Klavika";
  src: url("fonts/klavika-bold-webfont.woff2") format("woff2"),
       url("fonts/klavika-bold-webfont.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
*/

/* ===================================================================
   TYPOGRAPHY BASE
=================================================================== */

body,
p {
  font-family: var(--main-font) !important;
  font-size: var(--step-1) !important; /* fallback 1rem if --step-1 not defined */
  font-weight: 400;
  color: var--ifsa-vermillion);
}

.ctc-text-edit p {
  font-family: var(--main-font) !important;
  font-size: var(--step-1);
  font-weight: 400 !important;
}

/* ===================================================================
   HEADINGS
=================================================================== */

h1 {
  font-family: var(--alt-font) !important;
  font-weight: 700 !important;
  font-size: var(--step-6) !important;
}

h2 {
  font-family: var(--alt-font) !important;
  font-weight: 900 !important;
  font-size: var(--step-5) !important;

}

h3 {
  font-family: var(--alt-font) !important;
  font-weight: 700 !important;
  font-size: var(--step-4) !important;
}

h4 {
  font-family: var(--alt-font) !important;
  font-weight: 400 !important;
  font-size: var(--step-3) !important;
}

h5 {
  font-family: var(--alt-font) !important;
  font-weight: 400 !important;
  font-size: var(--step-2) !important;
}

h6 {
  font-family: var(--main-font) !important;
  font-weight: 400 !important;
  font-size: var(--step-1) !important;
}

/* ===================================================================
   ELEMENTOR / CUSTOM OVERRIDES
=================================================================== */

.elementor-counter-title {
  font-family: var(--main-font);
  font-size: var(--step-1) !important;
  font-weight: normal;
}

.ctc-cta p {
  font-family: var(--alt-font) !important;
  font-size: var(--step-1) !important;
  font-weight: normal !important;
}

.btn p {
	color:white;
}