/**
 * Breadcrumb
 */

.tm-breadcrumb {
    &-area {
        background-position: bottom center;
    }

    h2 {
        margin-top: -5px;
    }

    ul {
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
        font-size: 0;
        margin-bottom: -10px;

        li {
            font-family: $ff-heading;
            font-size: 20px;
            display: inline-block;
            color: $color-heading;
            font-weight: 500;

            &::after {
                content: '/';
                padding: 0 5px;
            }

            &:last-child::after {
                display: none;
            }

            a {
                color: $color-heading;

                &:hover {
                    color: $color-theme;
                }
            }
        }
    }

    @media #{$layout-mobile-lg} {
        ul {
            li {
                font-size: 16px;
            }
        }
    }
}