Breadcrumbs styling

I’d like the last breadcrumb (indicating the page we are at) to be of a different color.
My CSS reads like this:
/* Breadcrumbs */
ul.breadcrumbs li {
display: inline-block;
font-size: 1.1rem;
letter-spacing: .1em;
line-height: 1.5rem;
list-style: none;
padding: 0;
.breadcrumbs a {
font-size: 1rem;
font-weight: 400;
color: #FEF6D5;
.breadcrumbs li a:hover {
font-size: 1.15rem;
font-weight: 700;
color: #9F191E;
It works fine but I’m missing that bit of code that would render the landing page to be #9F191E rather than #FEF6D5
I would keep the color change on hover that is already there.
As an example, this page is for the play “Suddenly last summer”. The title is in caps and is of the same color as the rest of the breadcrumbs. I’d like it to be the same color as the hover.

take a look at the :last-child pseudo selector