/* Adjust the header height if needed */
.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    background-color: #3c3c3c; /* Adjust this to match your header background color */
}

#primary {
    padding-top: 15px; /* Adjust this value to match your header height */
}

.citizen-charts-grid-ajax {
    margin-top: 20px; /* Add some space between the header and the grid */
}

@media (max-width: 768px) {
    #primary {
        padding-top: 60px; /* Adjust for smaller screens if needed */
    }
}

/* Push the content below the fixed header */
.front-page-content {
    margin-top: 15px; /* Should match the header height */
    padding-top: 20px; /* Add some extra padding if desired */
}

/* Ensure the Citizen Charts Grid takes up full width */
.front-page-content .citizen-charts-grid {
    width: 100%;
    max-width: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .site-header {
        height: 60px; /* Adjust for mobile header height if different */
    }

    .front-page-content {
        margin-top: 60px; /* Match mobile header height */
    }
}

.front-page-content {
    background-color: yellow !important;
    border: 5px solid red !important;
}


.ast-container {
    padding-top: 0 !important;
}

.ast-above-header-wrap,
.ast-above-header-bar,
.ast-primary-header-bar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}