/*
Theme Name: Astra Child Theme
Theme URI: https://wpastra.com/
Author: Celina Bækgaard
Author URI: https://portfolio.celinamedia.dk/
Description: The Astra-child-theme is based of the original Astra mother theme.
Template: astra
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
*/

/* Elementor heading widgets */
.elementor-widget-heading h1.elementor-heading-title,
.elementor-widget-heading h2.elementor-heading-title {
  font-family: "LobsterFuguAZ", "PacificoNordic", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif !important;
  font-weight: 400;
}


.letter {
  opacity: 0;
  transform: scale(0.5);
  animation: pop 0.5s forwards;
}

.l1 { animation-delay: 0.2s; }
.l2 { animation-delay: 0.4s; }
.l3 { animation-delay: 0.6s; }
.l4 { animation-delay: 0.8s; }
.l5 { animation-delay: 1s; }
.l6 { animation-delay: 1.2s; }
.l7 { animation-delay: 1.4s; }
.l8 { animation-delay: 1.5s; }
.l9 { animation-delay: 1.6s; }
.l10 { animation-delay: 1.7s; }
.l11 { animation-delay: 1.8s; }
.l12 { animation-delay: 1.9s; }
.l13 { animation-delay: 2s; }
.l14 { animation-delay: 2.1s; }

@keyframes pop {
  0% { opacity: 0; transform: scale(0.5); }
  80% { opacity: 1; transform: scale(1.1); }
  100% { opacity: 1; transform: scale(1); }
}

.my-sticky-header{
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 2;
  backdrop-filter: blur(1px);
}


.hfe-nav-menu .current-menu-item > .hfe-menu-item, 
.hfe-nav-menu .current_page_item > .hfe-menu-item,
.hfe-nav-menu .menu-item.current-menu-ancestor > .hfe-menu-item,
.hfe-nav-menu .hfe-menu-item[aria-current="page"] {
  text-decoration-line: underline;
  text-decoration-color: currentColor;   /* matcher farven på teksten */
  text-decoration-thickness: 1px;        
  text-underline-offset: 2px;            /*afstand til tekst*/
}

/* Menu grow on hover */
.menu-grow a {
  transition: transform 0.2s;
}

.menu-grow a:hover {
  transform: scale(1.1);
}

