/*
Theme Name: Builderrin
Theme URI: http://demo.bravisthemes.com/builderrin/
Author: Bravis-Themes
Author URI: https://themeforest.net/user/bravis-themes/
Description: Builderrin is a sleek and modern WordPress Theme designed specifically for construction, renovation, factory, engineering, handyman, architecture and building-related businesses. The theme features a clean and professional design that is both aesthetically pleasing and easy to navigate. The layout is fully responsive, ensuring that your website will look great on all devices, including desktops, laptops, tablets, and smartphones. Builderrin is also highly customizable, allowing you to easily modify the layout, colors, and fonts to match your brand and style.
Version: 1.0.1
License: ThemeForest
License URI: https://themeforest.net/licenses
Text Domain: builderrin
Tags: 	architecture company, builder, builder company, building, construction, construction company, contractor, dark version, engineering, real estate
*/


/* Category Custom Content Container with Background Image */
.category-custom-content {
    margin-bottom: 30px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    overflow: hidden;
}

/* Overlay to make text readable on background image */
.category-content-overlay {
    background: rgba(0, 0, 0, 0.5); /* Semi-transparent dark overlay */
    padding: 40px;
    text-align: center;
    width: 100%;
    min-height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* If no banner image, remove the overlay effect */
.category-custom-content:not([style*="background-image"]) .category-content-overlay {
    background: #f9f9f9;
    border-left: 4px solid #0073aa;
}

/* Category Heading */
.category-custom-heading {
    margin: 0 0 15px 0;
    font-size: 32px;
    font-weight: 700;
    color: #ffffff !important; /* White text for better contrast on image */
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    line-height: 1.3;
}

/* Dark heading if no background image */
.category-custom-content:not([style*="background-image"]) .category-custom-heading {
    color: #fff;
    text-shadow: none;
}

/* Category Description */
.category-custom-description {
    margin: 0;
    color: #ffffff; /* White text for better contrast on image */
    line-height: 1.6;
    font-size: 16px;
    max-width: 800px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.category-custom-description p {
    margin: 0 0 10px 0;
}

.category-custom-description p:last-child {
    margin-bottom: 0;
}

/* Dark description if no background image */
.category-custom-content:not([style*="background-image"]) .category-custom-description {
    color: #666;
    text-shadow: none;
}

/* Responsive Design */
@media (max-width: 768px) {
    .category-custom-content {
        min-height: 250px;
    }
    
    .category-content-overlay {
        padding: 30px 20px;
        min-height: 250px;
    }
    
    .category-custom-heading {
        font-size: 24px;
    }
    
    .category-custom-description {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .category-custom-content {
        min-height: 200px;
    }
    
    .category-content-overlay {
        padding: 20px 15px;
        min-height: 200px;
    }
    
    .category-custom-heading {
        font-size: 20px;
        margin-bottom: 10px;
    }
    
    .category-custom-description {
        font-size: 13px;
    }
}