/*
 Theme Name: Hello Child KGG
 Template: hello-elementor
 Version: 0.1
*/

/* ========================================
   KRIE – Child Theme Base CSS
   Hello Elementor
   Typography: Bodoni Moda / Roboto
   20260606//1745
======================================== */


/* ========================================
   Color Variables
======================================== */

:root {

  --krie-text: #7e8081;
  --krie-heading: #000000;

  --krie-link: #b20e10;
  --krie-link-visited: #5c0708;

}


/* ========================================
   Base
======================================== */

body {

  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;

  color: var(--krie-text);

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

}


/* ========================================
   Headings
======================================== */

h1,
h2,
h3,
h4 {

  font-family: 'Bodoni Moda', serif;
  font-weight: 600;

  color: var(--krie-heading);

  letter-spacing: -0.01em;
 /* margin-bottom: 0.4em;*/

}


/* H1 */

h1 {
  font-size: clamp(2.8rem, 8vw, 12rem);
  line-height: 1.2;
}

h1.elementor-heading-title {
  font-size: clamp(2.8rem, 6vw, 6rem);
  line-height: 1.2;
}
}


/* H2 */

h2 {

  font-size: clamp(2.2rem, 3.5vw, 3rem);
  line-height: 1.1;

}


/* H3 */

h3 {

  font-size: clamp(1.6rem, 2.5vw, 2rem);
  line-height: 1.15;

}


/* H4 */

h4 {

  font-size: 1.3rem;
  line-height: 1.2;

}


/* ========================================
   Text
======================================== */

p {

  margin-bottom: 1.2em;

}

p,
li,
blockquote,
address,
figcaption {

  font-family: 'Roboto', sans-serif;
  color: var(--krie-text);

}


/* Lists */

ul,
ol {

  margin-bottom: 1.2em;
  margin-left: 1.2em;

}

li {

  margin-bottom: 0.35em;

}


/* ========================================
   Links
======================================== */

a {

  color: var(--krie-link);
  text-decoration: none;
  transition: opacity 0.2s ease;

}

a:hover,
a:focus {


}

a:visited {

  color: var(--krie-link-visited);

}


/* ========================================
   UI Elements
======================================== */

button,
.elementor-button,
input,
select,
textarea,
label,
nav,
.menu-item a,
.elementor-nav-menu a {

  font-family: 'Roboto', sans-serif;

}


/* Buttons */

.elementor-button,
button,
input[type="submit"] {

  font-size: 0.95rem;
  font-weight: 500;
  letter-spacing: 0.02em;

}


/* Forms */

input,
select,
textarea {

  font-size: 1rem;
  line-height: 1.4;

}

.my_serif,
.my_serif .elementor-heading-title,
.my_serif h1,
.my_serif h2,
.my_serif h3,
.my_serif p {
  font-family: 'Bodoni Moda', serif !important;
}

/* ========================================
   Layout – Content Width
======================================== */

.elementor-section.elementor-section-boxed > .elementor-container {

  max-width: 1240px;

}

/* ========================================
   Text Width
======================================== */

p {

  max-width: 42em;

}

/* ========================================
   Navigation
======================================== */

.elementor-nav-menu a {

  font-size: 0.95rem;
  letter-spacing: 0.04em;
  font-weight: 400;

}

/* ========================================
   Eyebrow / Subheadline
======================================== */

.eyebrow {

  font-family: 'Roboto', sans-serif;
  font-size: 0.8rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;

  color: var(--krie-text);

  margin-bottom: 1em;

}

/* =========================================
   Vertikal Menü
========================================== */

.krie-menu .elementor-item {

  display: block;
  padding: 16px 0;
  border-bottom: 1px solid #585b5c;

}

.krie-menu li:last-child .elementor-item {

  border-bottom: none;