.elementor-kit-6{--e-global-color-primary:#1E4D85;--e-global-color-secondary:#A27418;--e-global-color-text:#0A0908;--e-global-color-accent:#DCAD47;--e-global-color-kls_primary_50:#EEF2F8;--e-global-color-kls_primary_100:#D3DCEB;--e-global-color-kls_primary_200:#A7B9D7;--e-global-color-kls_primary_300:#7193BE;--e-global-color-kls_primary_400:#4270A1;--e-global-color-kls_primary_500:#1E4D85;--e-global-color-kls_primary_600:#163C6B;--e-global-color-kls_primary_700:#102D52;--e-global-color-kls_primary_800:#0A1F38;--e-global-color-kls_primary_900:#05111F;--e-global-color-kls_accent_50:#FBF4E4;--e-global-color-kls_accent_100:#F6E5BE;--e-global-color-kls_accent_200:#EBC97D;--e-global-color-kls_accent_300:#DCAD47;--e-global-color-kls_accent_400:#C69026;--e-global-color-kls_accent_500:#A27418;--e-global-color-kls_accent_600:#7E5B13;--e-global-color-kls_accent_700:#5C420E;--e-global-color-kls_accent_800:#3D2C09;--e-global-color-kls_accent_900:#1F1604;--e-global-color-kls_alert_50:#FDF0EE;--e-global-color-kls_alert_100:#F9D3CE;--e-global-color-kls_alert_200:#F1A298;--e-global-color-kls_alert_300:#E86E5F;--e-global-color-kls_alert_400:#D84130;--e-global-color-kls_alert_500:#B42A1C;--e-global-color-kls_alert_600:#8F1F13;--e-global-color-kls_alert_700:#6A170D;--e-global-color-kls_alert_800:#470F08;--e-global-color-kls_alert_900:#240703;--e-global-color-kls_stone_0:#FFFFFF;--e-global-color-kls_stone_50:#F8F7F4;--e-global-color-kls_stone_100:#EEEDE7;--e-global-color-kls_stone_200:#D8D5CB;--e-global-color-kls_stone_300:#B5B1A4;--e-global-color-kls_stone_400:#8B867A;--e-global-color-kls_stone_500:#645F55;--e-global-color-kls_stone_600:#47433C;--e-global-color-kls_stone_700:#2F2C27;--e-global-color-kls_stone_800:#1A1815;--e-global-color-kls_stone_900:#0A0908;--e-global-color-980465f:#FFFFFF;--e-global-color-24b3351:#FFEF27;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{border-radius:10px 10px 10px 10px;padding:16px 16px 16px 16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1300px;}.e-con{--container-max-width:1300px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */#searchbox {
    transition: all 320ms cubic-bezier(0.18, 0.88, 0.32, 1.27);
    transform-origin: top center;
    transform: translateY(5px) scaleY(0.5);
    opacity: 0;
     height: 0;
    overflow: hidden;
    visibility: hidden;
}

#searchbox.visible {
    opacity: 1;
    visibility: visible;
    height: auto;
    overflow: visible;
    transform: translateY(0px) scaleY(1);
}


}

/* Dark overlay when any .dark-overlay element exists */
body:has(.dark-overlay)::before {
  content: '';
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 999;
  pointer-events: none;
  transition: background 0.3s ease;
}

/* Keep the .dark-overlay widget above the overlay */
.dark-overlay {
  position: relative;
  z-index: 1000;
}


/* ===== CORNER BORDER — ===== */

/* ── corner bracket border ── */
.corner-bracket-border {
  position: relative !important;
  overflow: visible !important;
}

/* Top-left */
.corner-bracket-border::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 90px;
  height: 90px;
  border-top: 15px solid #C9920B;
  border-left: 15px solid #C9920B;
  z-index: 1;
  pointer-events: none;
}

/* Top-right */
.corner-bracket-border::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 90px;
  height: 90px;
  border-top: 15px solid #C9920B;
  border-right: 15px solid #C9920B;
  z-index: 1;
  pointer-events: none;
}

/* Bottom corners via box-shadow trick — no extra elements needed */
.corner-bracket-border {
  --b: 15px;        /* border thickness */
  --s: 90px;       /* corner arm length */
  --c: #C9920B;    /* color */

  background-image:
    linear-gradient(var(--c), var(--c)),
    linear-gradient(var(--c), var(--c)),
    linear-gradient(var(--c), var(--c)),
    linear-gradient(var(--c), var(--c));

  background-size:
    var(--b) var(--s),
    var(--s) var(--b),
    var(--b) var(--s),
    var(--s) var(--b);

  background-position:
    bottom left,
    bottom left,
    bottom right,
    bottom right;

  background-repeat: no-repeat;
}

/* KLS (Kinglocksmith) Web — Typography Tokens */
:root {
  /* Raw Scale (1.25 × ratio) */
  --kls-sm:   13px;
  --kls-md:   16px;
  --kls-lg:   20px;
  --kls-xl:   25px;
  --kls-2xl:  31px;
  --kls-3xl:  39px;
  --kls-4xl:  49px;
  --kls-5xl:  61px;

  /* Semantic: Headings — mobile values */
  --kls-h1: var(--kls-4xl);
  --kls-h2: var(--kls-3xl);
  --kls-h3: var(--kls-2xl);
  --kls-h4: var(--kls-xl);
  --kls-h5: var(--kls-lg);
  --kls-h6: var(--kls-md);

  /* Semantic: Body — mobile values */
  --kls-body-2xl: var(--kls-2xl);
  --kls-body-xl:  var(--kls-xl);
  --kls-body-l:   var(--kls-lg);
  --kls-body-m:   var(--kls-md);
  --kls-body-s:   var(--kls-sm);

  /* Line Heights */
  --kls-lh-tight:   1.1;
  --kls-lh-snug:    1.3;
  --kls-lh-normal:  1.5;
  --kls-lh-relaxed: 1.7;

  /* Letter Spacing */
  --kls-ls-tighter: -0.04em;
  --kls-ls-tight:   -0.02em;
  --kls-ls-normal:   0em;
  --kls-ls-wide:    +0.02em;
  --kls-ls-wider:   +0.05em;
}

/* Tablet — 768px */
@media (min-width: 768px) {
  :root {
    --kls-h1: var(--kls-5xl);   /* 61px */
    --kls-h2: var(--kls-4xl);   /* 49px */
    --kls-h3: var(--kls-3xl);   /* 39px */
    --kls-h4: var(--kls-2xl);   /* 31px */
    --kls-h5: var(--kls-xl);    /* 25px */
    --kls-h6: var(--kls-lg);    /* 20px */

    --kls-body-2xl: var(--kls-3xl);  /* 39px */
    --kls-body-xl:  var(--kls-2xl);  /* 31px */
    --kls-body-m:   18px;
    --kls-body-s:   14px;
  }
}

/* Desktop — 1280px */
@media (min-width: 1280px) {
  :root {
    --kls-body-l: 22px; /* slight bump */
  }
}


/* KLS (Kinglocksmith) Web — Typography Tokens */
:root {
  /* Raw Scale (1.25 × ratio) */
  --kls-sm:   13px;
  --kls-md:   16px;
  --kls-lg:   20px;
  --kls-xl:   25px;
  --kls-2xl:  31px;
  --kls-3xl:  39px;
  --kls-4xl:  49px;
  --kls-5xl:  61px;

  /* Semantic: Headings — mobile values */
  --kls-h1: var(--kls-4xl);
  --kls-h2: var(--kls-3xl);
  --kls-h3: var(--kls-2xl);
  --kls-h4: var(--kls-xl);
  --kls-h5: var(--kls-lg);
  --kls-h6: var(--kls-md);

  /* Semantic: Body — mobile values */
  --kls-body-2xl: var(--kls-2xl);
  --kls-body-xl:  var(--kls-xl);
  --kls-body-l:   var(--kls-lg);
  --kls-body-m:   var(--kls-md);
  --kls-body-s:   var(--kls-sm);

  /* Line Heights */
  --kls-lh-tight:   1.1;
  --kls-lh-snug:    1.3;
  --kls-lh-normal:  1.5;
  --kls-lh-relaxed: 1.7;

  /* Letter Spacing */
  --kls-ls-tighter: -0.04em;
  --kls-ls-tight:   -0.02em;
  --kls-ls-normal:   0em;
  --kls-ls-wide:    +0.02em;
  --kls-ls-wider:   +0.05em;
}

/* Tablet — 768px */
@media (min-width: 768px) {
  :root {
    --kls-h1: var(--kls-5xl);   /* 61px */
    --kls-h2: var(--kls-4xl);   /* 49px */
    --kls-h3: var(--kls-3xl);   /* 39px */
    --kls-h4: var(--kls-2xl);   /* 31px */
    --kls-h5: var(--kls-xl);    /* 25px */
    --kls-h6: var(--kls-lg);    /* 20px */

    --kls-body-2xl: var(--kls-3xl);  /* 39px */
    --kls-body-xl:  var(--kls-2xl);  /* 31px */
    --kls-body-m:   18px;
    --kls-body-s:   14px;
  }
}

/* Desktop — 1280px */
@media (min-width: 1280px) {
  :root {
    --kls-body-l: 22px; /* slight bump */
  }
}

/* Headings — native tags + Elementor heading widget sizes */
h1, .elementor-heading-title.elementor-size-xxl { font-size: var(--kls-h1); line-height: var(--kls-lh-tight); letter-spacing: var(--kls-ls-tight); }
h2, .elementor-heading-title.elementor-size-xl  { font-size: var(--kls-h2); line-height: var(--kls-lh-tight); letter-spacing: var(--kls-ls-tight); }
h3, .elementor-heading-title.elementor-size-large  { font-size: var(--kls-h3); line-height: var(--kls-lh-snug); }
h4, .elementor-heading-title.elementor-size-medium { font-size: var(--kls-h4); line-height: var(--kls-lh-snug); }
h5, .elementor-heading-title.elementor-size-small  { font-size: var(--kls-h5); line-height: var(--kls-lh-normal); }
h6 { font-size: var(--kls-h6); line-height: var(--kls-lh-normal); }

/* Body defaults */
body, .elementor-widget-text-editor, p { font-size: var(--kls-body-m); line-height: var(--kls-lh-normal); }

/* Optional utility classes you can drop into a widget's CSS Classes field */
.kls-body-2xl { font-size: var(--kls-body-2xl); line-height: var(--kls-lh-snug); }
.kls-body-xl  { font-size: var(--kls-body-xl);  line-height: var(--kls-lh-snug); }
.kls-body-l   { font-size: var(--kls-body-l);   line-height: var(--kls-lh-normal); }
.kls-body-s   { font-size: var(--kls-body-s);   line-height: var(--kls-lh-normal); }/* End custom CSS */