/**
Theme Name: Astra Child | JORD Advies
Author: Neil Pandya
Author URI: http://wpastra.com/about
Description: Child Theme for JORD Advies

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 feel 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-jord-advies
Template: astra
*/

/* Base styles for the header container */
.site-header {
    position: fixed !important; /* Ensure it's fixed */
    width: 100% !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1000 !important;
    background-color: transparent !important; /* Ensure main header is transparent */
    box-shadow: none !important; /* Ensure main header has no shadow */
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Smooth transition */
}

/* Initial transparent state for the inner header bar */
.ast-primary-header-bar {
    background-color: transparent; /* Keep this transparent initially */
    box-shadow: none; /* No shadow initially */
    transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Smooth transition */
}

/* Sticky state for the inner header bar when .is-sticky class is added to .site-header */
.site-header.is-sticky .ast-primary-header-bar {
    background-color: rgba(255, 255, 255, 0.95); /* Solid white background on scroll */
    box-shadow: 0 2px 5px rgba(0,0,0,0.1); /* Subtle shadow on scroll */
}

/* No padding-top on body by default */
body {
    /* Remove padding-top here */
}

/* Padding-top applied to body only when header is sticky */
body.ast-sticky-header-active {
    padding-top: 110px; /* Based on your header's height */
}

/* For smaller screens (optional, but good for responsiveness) */
@media (max-width: 768px) { /* Adjust breakpoint as needed */
    body.ast-sticky-header-active {
        padding-top: 60px; /* Adjust for mobile header height, assuming it might be shorter */
    }
}