/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 
.category-hero-section {
    position: relative;
    margin-bottom: var(--spacing-xl);
}

.category-hero-image img {
    width: 100%;
    height: auto;
    display: block;
}

.category-hero-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.8);
    padding: var(--spacing-md);
    border-radius: var(--radius-md);
    max-width: 80%;
    text-align: center;
}

@media (max-width: 768px) {
    .category-hero-content {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        max-width: 100%;
        margin-top: var(--spacing-md);
    }
}