/* adapted from https://www.w3schools.com/howto/howto_css_breadcrumbs.asp*/
ul.iabreadcrumb {
    padding: 10px 16px;
    list-style: none;
    background-color: none;
}
    ul.iabreadcrumb li {
        display: inline;
        font-size: 14px;
    }
        ul.iabreadcrumb li+li:before {
            padding: 8px;
            color: #0066ff;
            content: "/";
        }
        ul.iabreadcrumb li a {
            color: #0066ff;
            text-decoration: none;
        }
            ul.iabreadcrumb li a:hover {
                color: #003d99;
                text-decoration: underline;
            }


/*<ul class="iabreadcrumb" >
<li > <a href="#" > Home</a > </li >
<li > <a href="#" > Pictures</a > </li >
<li > <a href="#" > Summer 15</a > </li >
<li > Italy</li >
</ul >*/