/*
Theme Name: Astra Child
Template: astra
Author: SC
Version: 1.0.0
Description: Child theme for Astra
*/

/* HEADER*/
/* Make the primary header section transparent only on the homepage */
body.home .ast-primary-header-bar,
body.home .ast-site-header-focus-item {
    background-color: transparent !important;
    box-shadow: none !important;
}

/* If the header is sticky, make sure it's transparent as well */
body.home .ast-sticky-header-active .ast-primary-header-bar {
    background-color: transparent !important;
    box-shadow: none !important;
}


/* MOBILE MENU*/
/* Fix for mobile menu pushing blog content down */
.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content {
		max-width: 40%; /* Adjust the width to 40% */
		right:	0	!important;
		left: auto	!important;
    position: fixed !important;
    z-index: 9999; /* Keep the menu above other elements */
    background-color: #fff; /* Background color to match the design */
}

/* Ensure mobile menu text color is consistent across pages */
.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-builder-menu .menu-item a {
    color: #2F3B40 !important; /* Dark text color */
}

/* Optional: Change hover and active states */
.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-builder-menu .menu-item a:hover {
    color: #379237 !important; /* Hover color */
}

.ast-main-header-nav-open.ast-header-break-point .ast-builder-menu .menu-item.current-menu-item a {
    color: #54B435 !important; /* Active page color */
}

/* Make mobile (hamburger) menu text dark */
@media (max-width: 1023px) {
.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .ast-menu-submenu .sub-menu a.menu-link {
        color: #2F3B40 !important; /* Submenu text color for hamburger (dark) */
    }

/* Mobile menu item hover color */
.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .ast-menu-submenu .sub-menu a.menu-link:hover {
        color: #379237 !important; /* Hover color */
    }
}

/* DESKTOP MENU*/
/* Make desktop menu item text white */
@media (min-width: 1024px) {
    .main-header-menu .menu-item a.menu-link {
        color: #FFFFFF !important; /* White text color on desktop */
    }

    /* Desktop menu item hover color */
    .main-header-menu .menu-item a.menu-link:hover {
        color: #EDFBE2 !important; /* Hover color */
    }

    /* Desktop menu active page color */
    .main-header-menu .menu-item.current-menu-item a.menu-link {
        color: #BDBDBD !important; /* Active page color */
    }
}


/* FOOTER*/
/* Target the first widget in the footer */
.footer-widget-area:first-child {
    margin-top: 0 !important; /* Remove any extra margin */
    padding-top: 0 !important; /* Remove any extra padding */
    align-self: flex-start; /* Ensure it aligns at the top */
}

/* Optional: For specific adjustments */
.footer-widget-area:first-child .uagb-ifb-content {
    margin-top: 0 !important; /* Adjust the inner content */
    padding-top: 0 !important;
}

/* Target logo in the transparent header on the homepage only */
body.home.ast-theme-transparent-header .site-logo-img img {
    filter: brightness(0) invert(1); /* Makes logo white */
}

/* Fix list indent */
body .wp-block-list {
    margin-left: 1em !important;
    padding-left: 1em !important;
}

body .wp-block-list ul,
body .wp-block-list ol {
    margin-left: 1em !important;
    padding-left: 1em !important;
}


/* Fix list indent */
.wp-block-list {
    margin-left: 1em !important;
    padding-left: 1em !important;
}

.wp-block-list ul,
.wp-block-list ol {
    margin-left: 1em !important;
    padding-left: 1em !important;
}


/* Headings */
.single-post .entry-content h4,
.single-post .entry-content h5,
.single-post .entry-content h6 {
    margin-top: 1em;
    margin-bottom: 0.4em;
}

/* Paragraphs */
.single-post .entry-content p {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

/* Images */
.single-post .entry-content img {
    margin: 10px auto;
    display: block;
    max-width: 100%;
    border-radius: 8px;
}