/*
 Theme Name:   Astra Child
 Template:     astra
 Version:      1.0.0
*/

/* Adjust the grid layout to two columns */
.content-area.primary.ast-grid-3 {
    grid-template-columns: repeat(2, 1fr) !important;
}

/* Ensure the posts take up half the width */
.content-area.primary.ast-grid-3 .ast-grid-common-col {
    width: 50% !important;
    max-width: 100% !important;
}

/* Ensure the inner content (title, meta, excerpt, read-more, etc.) stretches to fit */
.content-area.primary.ast-grid-3 .ast-article-post .post-content {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
}

/* Adjust the title to span full width */
.content-area.primary.ast-grid-3 h2.entry-title.ast-blog-single-element {
    width: 100% !important;
    max-width: 100% !important;
    font-size: 1.5em;
}

/* Adjust the excerpt to span full width */
.content-area.primary.ast-grid-3 .ast-excerpt-container {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
}

/* Adjust the read-more button/container */
.content-area.primary.ast-grid-3 .ast-read-more-container {
    width: 100% !important;
    text-align: left !important;
}

/* Ensure images adapt to the full width of their containers */
.content-area.primary.ast-grid-3 .ast-article-post img {
    width: 100% !important;
    height: auto !important;
}

/* Force normal text style for links site-wide */
body a {
    color: inherit !important;
    text-decoration: none !important;
}

body a:hover {
    color: inherit !important;
    text-decoration: none !important;
}

.ast-archive-entry-banner {
    background-color: #EBF5FF;
    padding: 30px;
}

.ast-primary-header-bar {
    background-color: #EBF5FF;
}

.custom-image-padding {
    padding: 50px;
    background-color: transparent;
}

.custom-header-container {
    padding-top: 100px !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* === Custom Styling for Links and Layout === */

/* Grid layout customisation */
.content-area.primary.ast-grid-3 {
    grid-template-columns: repeat(2, 1fr) !important;
}
.content-area.primary.ast-grid-3 .ast-grid-common-col {
    width: 50% !important;
    max-width: 100% !important;
}
.content-area.primary.ast-grid-3 .ast-article-post .post-content,
.content-area.primary.ast-grid-3 h2.entry-title.ast-blog-single-element,
.content-area.primary.ast-grid-3 .ast-excerpt-container,
.content-area.primary.ast-grid-3 .ast-read-more-container {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
}
.content-area.primary.ast-grid-3 .ast-article-post img {
    width: 100% !important;
    height: auto !important;
}

/* Link styling inside content only – avoids buttons */
.entry-content a,
.ast-comment-content a:not(.ast-inline-link) {
    color: inherit !important;
    text-decoration: none !important;
}
.entry-content a:hover,
.ast-comment-content a:not(.ast-inline-link):hover {
    color: inherit !important;
    text-decoration: none !important;
}

/* Banner and header styling */
.ast-archive-entry-banner {
    background-color: #EBF5FF;
    padding: 30px;
}
.ast-primary-header-bar {
    background-color: #EBF5FF;
}
.custom-image-padding {
    padding: 50px;
    background-color: transparent;
}
.custom-header-container {
    padding-top: 100px !important;
    padding-bottom: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* Change button text color to white */
.wp-block-button .wp-block-button__link, 
.wp-block-search .wp-block-search__button, 
body .wp-block-file .wp-block-file__button {
    color: white !important;
}

/* Ensure button text stays white on hover */
.wp-block-button .wp-block-button__link:hover, 
.wp-block-search .wp-block-search__button:hover, 
body .wp-block-file .wp-block-file__button:hover {
    color: white !important;
}


/* Apply background color to active menu item on mobile only */
@media (max-width: 768px) {
    .ast-mobile-header-wrap .main-header-menu .menu-item.current-menu-item > a {
        background-color: #031530 !important; /* Dark blue background */
    }
}