/**
 * Custom Page Header Styles
 * Custom styling for the custom-page-header component.
 *
 * @package Laundry_Theme_Customizer
 * @since 1.0.0
 */

.custom-page-header {
    height: unset !important;
    min-height: 150px;
    padding-top: 24px;
    padding-bottom: 24px;

    h1.subtitle__title {
        font-size: clamp(24px, 5vw, 40px) !important;
        line-height: 1.2 !important;
        letter-spacing: -0.01em !important;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, .5) !important;
    }

    .tt-breadcrumbs {
        span {
            color: #fff !important;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, .5) !important;
        }

        a {
            font-weight: 600 !important;
            color: #fff !important;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, .5) !important;
        }
    }
}

@media (min-width: 768px) {
    .custom-page-header {
        min-height: 200px;
        padding-top: 32px;
        padding-bottom: 32px;
    }
}

@media (min-width: 1024px) {
    .custom-page-header {
        min-height: 280px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.tt-blog-list {
    .tt-item {
        .blog-obj {
            padding-bottom: clamp(8px, 4vw, 24px) !important;
            position: relative;
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
        }

        [data-elementor-type="wp-post"] {
            .elementor-widget-image {
                img {
                    width: 100%;
                    height: auto;
                }
            }
        }
    }
}