/* Custom CSS to fix the large title and black header issue */

/* Hide the large site title in the header content area */
.site-header-content .site-title {
    display: none !important;
}

/* Hide the site header content area entirely */
.site-header-content {
    display: none !important;
}

/* Hide only the Riley Learning text, keep the navigation menu */
.gh-head-logo {
    display: none !important;
}

/* Keep the brand section but hide only the logo text */
.gh-head-brand {
    display: flex !important;
    align-items: center !important;
}

/* Hide the logo text but keep the search button and burger menu */
.gh-head-brand a {
    display: none !important;
}

/* Ensure the main navigation header is visible and properly styled */
.gh-head {
    background-color: #fff !important;
    color: #15171A !important;
    border-bottom: 1px solid #e1e1e1 !important;
}

/* Remove any cover image background effects */
.has-cover .gh-head {
    background-color: #fff !important;
    color: #15171A !important;
    position: relative !important;
}

/* Hide any cover images */
.site-header-cover {
    display: none !important;
}

/* Ensure proper spacing for the main content */
.site-main {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Make sure the body doesn't have cover-related classes */
body.has-cover {
    background-color: #fff !important;
}

/* Override any large title styles */
.site-title {
    display: none !important;
}

/* Ensure the navigation menu is properly styled */
.gh-head-menu .nav a {
    color: #15171A !important;
    font-weight: 500 !important;
}

/* Style the search and sign-in elements */
.gh-head-actions .gh-search {
    color: #15171A !important;
}

.gh-head-link {
    color: #15171A !important;
}

.gh-head-button {
    background-color: #15171A !important;
    color: #fff !important;
    border: 1px solid #15171A !important;
}

/* AdSense Ad Styling */
.ad-container {
    margin: 20px 0;
    text-align: center;
}

.ad-container ins {
    display: block;
    margin: 0 auto;
}

/* Responsive ad styling */
@media (max-width: 768px) {
    .ad-container {
        margin: 15px 0;
        padding: 0 10px;
    }
    
    .header-ad {
        max-width: 320px;
    }
    
    .post-bottom-ad {
        max-width: 300px;
    }
    
    .feed-ad {
        max-width: 300px;
    }
}
