nav#breadcrumbs {  transition: all 0.2s ease;  border-bottom: 1px solid rgba(176,159,107,0.5);   }


nav#breadcrumbs { padding-bottom: 1rem; /*margin-bottom: 1rem;*/ }

#hero nav#breadcrumbs { border-bottom: 1px solid rgba(255,255,255,0.5);  }


body.hasbanner nav#breadcrumbs { border-bottom: none;}


body.scrolled nav#breadcrumbs{  }


nav#breadcrumbs ul { display: flex; align-items: flex-end;}
nav#breadcrumbs ul li {
    font-size: 16px;
    line-height: 19px; font-weight: 400; padding-bottom: 0.25em;
    color: inherit;
    /*padding-right: 0.5em;*/
    color: #878787; color: #545751;
}



nav#breadcrumbs ul li:not(:last-child)::after {content:"\2022"; padding: 0 1em; font-weight: inherit;  }

nav#breadcrumbs ul li+li {

}

nav#breadcrumbs ul li a{
    color: #545751; color: #30312C;
}

nav#breadcrumbs ul li a:hover {
    color: #222;
}
#hero nav#breadcrumbs ul li {
    color: #FFF;

}
#hero nav#breadcrumbs ul li a {
    color: #C4C4C4;

}
#hero nav#breadcrumbs ul li a:hover {
    color: #FFF;

}


nav#breadcrumbs li a{    transition: all 0.2s ease; text-decoration:none;
    background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0));
    background-position:0 100%,0 100%;background-repeat:no-repeat,no-repeat;background-size:0 1px,100% 1px;transition:background-size .2s;

}
nav#breadcrumbs li a:hover{   background-size:100% 1px,100% 1px}



@media all and (max-width: 899px) {

    nav#breadcrumbs { display: none;   }

}