/*
Theme Name: Royal Elementor Kit Child
Template: royal-elementor-kit
Author: Your Name
Description: A child theme for Royal Elementor Kit.
Version: 1.0
*/

@import url("../royal-elementor-kit/style.css");

@keyframes shimmer {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

:root {
  --font-primary: var(--e-global-typography-primary-font-family);

  --GRAD: radial-gradient(ellipse farthest-corner at right bottom, #FEDB37 0%, #FDB931 8%, #9f7928 30%, #8A6E2F 40%, transparent 80%),
          radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #FFFFAC 8%, #D1B464 25%, #5d4a1f 62.5%, #5d4a1f 100%);
}

[class*="elementor-element-"] p {
  color: var(--e-global-color-db8ae74);
}

.hero-heading,
.hero-heading h1,
.hero-heading h2,
.hero-heading h3,
.hero-heading h4,
.hero-heading h5,
.hero-heading h6 {
  background: var(--GRAD);
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  background-size: 200% 100%;
  animation: shimmer 5s infinite linear;
}

.hero-fs { font-size: 80px; }

@media (max-width: 1024px) {
  .hero-fs { font-size: 80px; }
}

@media (max-width: 767px) {
  .hero-fs {
    font-size: 50px !important;
    float: right;
  }
}


/* ===================================== */
/* HEADER TRANSPARENT (ohne Sticky)       */
/* aber als Overlay damit es nicht weiß wird */
/* ===================================== */

.site-header{
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;

  background: transparent !important;
}

.site-header .elementor-background-overlay,
.site-header .elementor-container,
.site-header .elementor-element{
  background: transparent !important;
}