.breadcrumbStacked {
    list-style: none;
    overflow: hidden;
    font: 18px Sans-Serif;
    padding-left: 0px;
}

    .breadcrumbStacked li {
        float: left;
    }

        .breadcrumbStacked li a {
            color: white;
            text-decoration: none;
            padding: 20px 0 20px 45px;
            background: brown; /* fallback color */
            background: hsla(210,85%,50%,1);
            position: relative;
            display: block;
            float: left;
        }


            .breadcrumbStacked li a::after {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
                border-bottom: 50px solid transparent;
                border-left: 25px solid hsla(210,85%,50%,1);
                position: absolute;
                top: 50%;
                margin-top: -50px;
                left: 100%;
                z-index: 2;
            }

            .breadcrumbStacked li a::before {
                content: " ";
                display: block;
                width: 0;
                height: 0;
                border-top: 50px solid transparent;
                border-bottom: 50px solid transparent;
                border-left: 25px solid white;
                position: absolute;
                top: 50%;
                margin-top: -50px;
                margin-left: 1px;
                left: 100%;
                z-index: 1;
            }

        .breadcrumbStacked li:first-child a {
            padding-left: 10px;
        }

        .breadcrumbStacked li:nth-child(2) a {
            background: hsla(210,85%,60%,1);
        }

            .breadcrumbStacked li:nth-child(2) a:after {
                border-left-color: hsla(210,85%,60%,1);
            }

        .breadcrumbStacked li:nth-child(3) a {
            background: hsla(210,85%,70%,1);
        }

            .breadcrumbStacked li:nth-child(3) a:after {
                border-left-color: hsla(210,85%,70%,1);
            }

        .breadcrumbStacked li:nth-child(4) a {
            background: hsla(210,85%,80%,1);
        }

            .breadcrumbStacked li:nth-child(4) a:after {
                border-left-color: hsla(210,85%,80%,1);
            }

        .breadcrumbStacked li:nth-child(5) a {
            background: hsla(210,85%,90%,1);
        }

            .breadcrumbStacked li:nth-child(5) a:after {
                border-left-color: hsla(210,85%,90%,1);
            }

        .breadcrumbStacked li:last-child a {
            pointer-events: none;
            cursor: default;
        }

            .breadcrumbStacked li:last-child a::after {
            }