<style>
    header.position-sticky {
        z-index: 1000;
    }

    .no-banner {
        width: 100%;
        height: 150px;
        background: #eee;
    }

    .header-img {
        display: block;
        width: 100%;
        object-fit: cover;
        object-position: center;
        max-height: 530px;
        border-bottom: 6px solid #34525d;
    }

    .header-title {
        position: absolute;
        bottom: -60px;
        width: 100%;
    }

    .header-title h1.title-brushed {
        background-size: 100% 100%;
        text-transform: uppercase;
        padding: 0.1em 0.3em !important;

        background: #2c454f;
        margin: 0;
        border-radius: 1rem;
        border-left: 4px solid rgba(255,255,255,0.25);
        border-right: 4px solid rgba(255,255,255,0.25);
    }

    @media(max-width: 1500px) {
        header .navbar-brand img {
            height: 60px;
        }
    }

    @media(max-width: 991px) {
        header .navbar-brand img {
            height: 50px;
        }

        .header-img {
            max-height: 325px;
        }
    }

    @media(max-width: 767px) {
        .no-banner {
            display: none;
        }

        .header-img {
            max-height: 250px;
            border-bottom: none;
        }

        .header-title {
            position: relative;
            bottom: 0;
            background: rgba(0,0,0,0.1);
        }

        .header-title h1.title-brushed {
            background: none !important;
            padding: 0 !important;
            border-bottom: none;

            color: #34525d !important;
            font-size: 2em;
        }
    }

    @media(max-width: 575px) {
        .header-title h1.title-brushed {
            font-size: 1.8em;
        }
    }

    @media(max-width: 400px) {
        .header-title h1.title-brushed {
            font-size: 1.5em;
        }
    }
</style>

<header class="position-relative position-sticky" style="top: 0;">
    <?php echo $__env->make('frontend.sections.navigation', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
</header>
<div class="position-relative">
    <?php if (! empty(trim($__env->yieldContent('header.banner')))): ?>
        <?php if (! empty(trim($__env->yieldContent('header.title')))): ?>
            <img alt="<?php echo $__env->yieldContent('header.title'); ?>" class="header-img" src="<?php echo $__env->yieldContent('header.banner', 'https://via.placeholder.com/1920x537'); ?>" />
        <?php else: ?>
            <img alt="Le Cabinet RH - LCRH" class="header-img" src="<?php echo $__env->yieldContent('header.banner', 'https://via.placeholder.com/1920x537'); ?>" />
        <?php endif; ?>
    <?php else: ?>
        <div class="no-banner"></div>
    <?php endif; ?>
    <?php if (! empty(trim($__env->yieldContent('header.title')))): ?>
    <div class="header-title py-3 py-md-5 text-center text-md-start">
        <div class="container">
            <h1 class="title-brushed brush-1"><?php echo $__env->yieldContent('header.title'); ?></h1>
        </div>
    </div>
    <?php endif; ?>
</div>


<?php /**PATH /home/pluma/web/lcrh/resources/views/frontend/sections/header.blade.php ENDPATH**/ ?>