﻿article.content-item.page {
    position: relative;
}

.breadcrumb {
    position: absolute;
    z-index: 2;
    width: 100%;
    margin-top: 25px;
}

    .breadcrumb ul {
        list-style: none;
        font-size: 1rem;
        color: var(--dark-gray);
    }

        .breadcrumb ul li {
            color: var(--dark-gray);
            display: inline;
        }
    .breadcrumb a {
        font-weight: 400;
    }

    .breadcrumb a.breadcrumb-link.breadcrumb-link-home img {
        height: 20px;
    }

    .breadcrumb img.breadcrumb-link.separator {
        height: 12px;
        padding: 0 10px;
    }

    .breadcrumb li.breadcrumb-link.breadcrumb-link-current {
        font-weight: 600;
    }

    .breadcrumb a.breadcrumb-link.breadcrumb-link-prev {
        color: var(--dark-gray);
    }

.content-item .hero {
    padding-top: 90px;
}

@media (max-width: 767px) {
    .content-wrapper .hero {
        padding-top: 80px;
    }

    .breadcrumb {
        margin-top: 15px;
        height: 50px;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .breadcrumb a.breadcrumb-link.breadcrumb-link-home img {
        height: 17px;
    }

        .breadcrumb img.breadcrumb-link.separator {
            height: 10px;
            padding: 0 5px;
        }
}
