/* custom-breadcrumbs.css */

.custom-breadcrumbs {
    font-family: "Fauna One", serif;
    font-size: clamp(0.75rem, 1.6vw, 0.8rem);
    color: #375248;
    margin: 0 auto;
    max-width: min(92vw, 1400px);
    padding: 10px clamp(0px, 6vw, 0px) 0;
    box-sizing: border-box;
    text-align: left;
    opacity: .9;
    margin-bottom: .2em;
    font-weight: 600;
}

.custom-breadcrumbs a {
    color: #375248;
    text-decoration: none;
    transition: color 0.2s ease;
    font-weight: 400;
    border: 0px dotted orangered;
}

.custom-breadcrumbs a:hover {
    color: #ffc857;
    text-decoration: underline;
    font-weight: 600;
    text-shadow: 0 2px 7px rgba(0, 0, 0, 0.45);
}

.custom-breadcrumbs .separator,
.custom-breadcrumbs .sep {
    margin: 0 0.4em;
    color: aqua;
    font-weight: 300;
}

@media (max-width: 991px) {
    .custom-breadcrumbs {
        text-align: left;
        /* op tablet/mobiel centreren */
        margin-bottom: 1.2em;
        border: 0px solid hotpink;
    }
}