/**
Theme Name: Astra Child 
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/

.site-header {
  position: fixed!important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 999;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.transparent-header-overlay {
  transition: opacity 0.3s ease;
}




.site-header.hide-on-scroll {
  transform: translateY(-100%);
  opacity: 0;
}


/* Ensure the underline effect is applied to the active menu item */
.ast-desktop .ast-menu-hover-style-underline > .menu-item.current-menu-item > .menu-link:before,
.ast-desktop .ast-menu-hover-style-underline > .menu-item.current_page_item > .menu-link:before {
    content: "";
    position: absolute;
    width: 100%;
    right: 50%;
    height: 1px;
    background-color: currentColor; /* Matches text color */
    transform: scale(1,1) translate(50%,0);
    transition: transform 0.3s ease-in-out, color 0.0s ease-in-out;
}

.custast-cv-item h5 {
	transition: color 0.5s ease;
}

.custast-cv-item:hover h5 {
	color: var(--ast-global-color-5)!important;
}



 @keyframes professionalLogoAnimation {
    0% {
      opacity: 0;
      transform: translateY(-50px) scale(0.8);
    }
    40% {
      opacity: 1;
      transform: translateY(0) scale(1.1);
    }
    70% {
      transform: translateY(-10px) scale(1);
    }
    100% {
      transform: translateY(0) scale(1);
    }
  }

  .site-title a {

    animation: professionalLogoAnimation 2s ease-out;
  }

  .site-title a:hover {
  }


.custast-postgrid {
	overflow: hidden;
	
}


.custast-postgrid-item > figure {
    overflow: hidden;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Base shadow */
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}

.custast-postgrid-item img {
    transition: transform 0.3s ease;
    scale: 1.05;
}

.custast-postgrid-item figure:hover {
	z-index: 1;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); /* Enhanced shadow on hover */
    
}

.custast-postgrid-item:hover img {
    transform: translatey(-5px);  /* Lift the whole item */
}



.custast-hero-video {
	width: 100vw;
	overflow: hidden;
	height: 80vh;
}
.custast-hero-video video {
		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.custast-position-relative {
	display: flex;
	justify-content: start;
	align-items: end;
}
.custast-position-absolute {
	position: absolute;
	z-index: 10;
	opacity: 0.2;
	
}

/* Animation delay utility classes */
.delay-1 {
    animation-delay: 0.2s;
}

.delay-2 {
    animation-delay: 0.4s;
}

.delay-3 {
    animation-delay: 0.6s;
}

.delay-4 {
    animation-delay: 0.8s;
}

.delay-5 {
    animation-delay: 1s;
}

.delay-6 {
    animation-delay: 1.2s;
}

/* Keyframes for fade-in animation */
@keyframes fadeIn {
    from {
        opacity: 0;
		transform: translateY(40px);
    }
    to {
        opacity: 1;
		transform: translateY(0);
    }
}

/* Base class for fade-in */
.fade-in {
	transform: translateY(40px);
    opacity: 0; /* Start invisible */
}

.fade-in.animate {
	transform: translateY(0);
    animation: fadeIn 0.8s ease;
    opacity: 1; /* Ensure visibility after animation */
}

/* Keyframes for line animation (left to right) */
@keyframes lineSlide {
    from {
        transform: scaleX(0);
    }
    to {
        transform: scaleX(1);
    }
}

/* Base class for line-slide */
.line-slide {
    display: inline-block;
    transform-origin: left;
    transform: scaleX(0); /* Start with no width */
}

.line-slide.animate {
    animation: lineSlide 0.8s ease-out;
    transform: scaleX(1); /* Expand fully */
    width: 100%; /* Ensure proper scaling */
}





/* Wrapperen der holder alle testimonials */
.testimonial-wrapper {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 20px; /* Reducer afstand for mindre skærme */
    padding: 20px;
    justify-content: flex-start;
}

/* Forskydning og styling af hver testimonial */
.testimonial {
    flex: 0 0 auto;
    width: 100%; /* Gør bredden responsiv */
    max-width: 400px; /* Sikrer, at den ikke bliver for bred */
    min-height: 350px;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    scroll-snap-align: start;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Når man hoverer over testimonialen, får den en lille forskydning for en 3D-effekt */
.testimonial:hover {
    transform: translateY(-10px);
}

/* Billederne i testimonials */
.testimonial-image img {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    width: 100px; /* Reducér størrelse for mobil */
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
    margin-bottom: 15px;
}

/* Styling for testimonial content */
.testimonial-content h3 {
    text-transform: uppercase;
    font-size: 16px; /* Mindre tekst på mobil */
    margin: 0;
    font-weight: 700;
    color: white;
}

.testimonial-content em {
    font-style: normal;
    font-size: 13px; /* Mindre skriftstørrelse */
    color: white;
	opacity: 60%;
}

.testimonial-content p {
    font-size: 14px; /* Mindre skriftstørrelse */
    color: white;
    line-height: 1.5;
    margin-top: 10px;
	opacity: 90%;
}

/* Responsiv styling */
@media (max-width: 768px) {
    .testimonial-wrapper {
        gap: 15px; /* Reducér afstand for tablet og mobil */
        padding: 15px;
    }
    .testimonial {
        width: 90%; /* Gør dem næsten fuldbrede */
        min-height: auto; /* Gør højden fleksibel */
    }
    .testimonial-content h3 {
        font-size: 14px; /* Reducér tekststørrelse yderligere */
    }
    .testimonial-content p {
        font-size: 13px;
    }
}












.taxonomy-post_tag a {
	text-decoration: none!important;
}


.wp-block-gallery.slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.wp-block-gallery.slider .slides {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

.wp-block-gallery.slider figure {
    min-width: 100%;
    margin: 0;
}

.wp-block-gallery.slider button.prev,
.wp-block-gallery.slider button.next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    cursor: pointer;
    padding: 10px;
}

.wp-block-gallery.slider button.prev {
    left: 10px;
}

.wp-block-gallery.slider button.next {
    right: 10px;
}