/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* container: */

.hero--blog .hero__inner {
    position: relative;
    min-height: 50vh;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* breadcrumbs: */

nav.breadcrumbs {
    width: fit-content;

    margin-top: 20px;
    padding: 16px 24px;

    background: var(--blue-background-gradient);
    border-radius: var(--box-border-radius-sm);

    display: flex;
    gap: 10px;
    justify-content: start;
    align-items: center;

    pointer-events: auto;
}

nav.breadcrumbs > * {
    font-size: 18px;
    color: var(--white);
}
nav.breadcrumbs a {
    font-weight: 600;
    cursor: pointer;
}
nav.breadcrumbs a:hover {
    color: var(--purple-dk);
}
nav.breadcrumbs .icon.triangle-right {
    font-size: 12px;
    color: var(--purple-dk);
    opacity: 0.9;
}