/*
 Theme Name:   Astra-child Lovenhuoma
 Theme URI:    https://example.com
 Description:  A child theme of the Parent Theme
 Author:       Ville
 Author URI:   https://example.com
 Template:     astra
 Version:      1.0.0
*/

/* Add your custom styles below this line */


    .ast-left-sidebar #primary {
        border-left: none !important;
    }
    .ast-left-sidebar #secondary {
        border-right: none !important;
    }


@media (min-width: 922px) {
    .ast-container {
        max-width: 100vw !important;
    }
}

.main-navigation {
    position: sticky; /* Keeps the menu fixed within its container */
    top: 0; /* Distance from the top of the viewport */
    z-index: 1000; /* Ensures it appears above other elements */
}

/* Stack the menu items vertically */
@media (min-width: 921px) {
    .main-header-menu {
    display: flex !important; /* Flexbox layout */
    flex-direction: column !important; /* Arrange items in a vertical column */
    align-items: flex-start; /* Align items to the start of the container */
} 
    
}

.main-header-menu .menu-link {
	padding-left: 0 !important
}


@media (min-width: 921px) {
    .ast-theme-transparent-header #masthead {
        position: fixed;
        top: 10px;
    }
}
.site-header-section {
    align-items: flex-start;
    flex-direction: column;
    
}
.ast-primary-header-bar {
	padding-right: 10px !important;
}

.ast-mobile-header-content {
	height: 100vh;
	align-content: center;
	position: fixed;
	top: 0 !important;
}

.menu-toggle .main-header-menu-toggle .ast-mobile-menu-trigger-minimal{
    z-index: 999 !important;
}

.site-logo-img {
    z-index: 999 !important;
}

.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section  {
	align-items: flex-end;
	justify-content: center !important;
}

.site-header-primary-section-left.site-header-section.ast-flex.ast-grid-left-section {
	align-items: flex-start;
}

/* Default state for the navigation */
.main-navigation {
    transition: opacity 0.3s ease-in-out; /* Smooth fade transition */
    opacity: 1; /* Fully visible */
}

/* When the navigation is hidden (on scroll down) */
.main-navigation.hide-navigation {
    opacity: 0; /* Make the navigation invisible */
}

/*
.main-navigation li {
	background-color: #0e0d0d;
}
/*