/* Project Breadcrumbs Styling */
.project-breadcrumbs-bar {
    width: 100%;
    padding: 0 3.2vw;
}

.breadcrumbs {
    font-family: 'Avenir', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 30px;
    letter-spacing: 0;
}

.breadcrumbs a {
    color: #515050;
    text-decoration: underline;
    text-decoration-style: solid;
    transition: opacity 0.3s ease;
}

.breadcrumbs a:hover {
    opacity: 0.8;
    text-decoration: underline;
}

.breadcrumb-sep {
    color: #da5841;
    font-weight: 700;
    margin: 0 8px;
}

.breadcrumb-current {
    color: #515050;
    font-weight: 700;
}

/* Yoast Breadcrumbs Styling Override */
.yoast-breadcrumbs {
    font-size: 14px;
}

.yoast-breadcrumbs a {
    color: #515050;
    text-decoration: none;
}

.yoast-breadcrumbs a:hover {
    color: #da5841;
}

/* Change Yoast separator to pink / */
.yoast-breadcrumbs .breadcrumb_last {
    font-weight: 700;
    color: #2c2c2c;
}

/* Target Yoast separator if using Yoast SEO */
#breadcrumbs span[typeof="v:Breadcrumb"]:not(:last-child):after {
    content: ' / ';
    color: #da5841;
    font-weight: 700;
    margin: 0 8px;
}

/* Remove default Yoast separator */
#breadcrumbs span[typeof="v:Breadcrumb"] {
    display: inline;
}

#breadcrumbs .breadcrumb_last {
    font-weight: 700;
    color: #2c2c2c;
}

/* Responsive */
@media (max-width: 768px) {
    .project-breadcrumbs-bar {
        padding: 0 3.2vw;
    }

    .breadcrumbs {
        font-size: 13px;
    }
}