/*======================================================================
   BREADCRUMBS
======================================================================*/

/* Breadcrumb container styles */
.breadcrumb-container {
    background: #fff;
    color: var(--green-dk);
    padding: 5px 85px;
    font-family: 'Cachet';
    text-transform: capitalize;
    position: absolute;
    top: 638px;
    height: 45px;
    width: 100%;
}

/* Breadcrumb link styles */
.breadcrumb-container a {
    color: var(--green-dk);
    text-decoration: none;
}

/* Breadcrumbs styles */
.breadcrumbs {
    display: flex;
    align-items: center;
    font-size: 18px;
    line-height: 1.2;
    flex-wrap: wrap;
}

/* Breadcrumbs list styles */
.breadcrumbs ul {
    list-style: none;
    display: inline-flex;
    margin-bottom: 0;
    padding-top: 5px;
    margin-bottom: 5px;
    padding-left: 0;
    flex-wrap: wrap;
}

/* Breadcrumbs list item styles */
.breadcrumbs li {
    padding: 3px;
    display: flex;
    line-height: 1;
    justify-content: center;
    align-items: center;
}

/* Breadcrumbs separator styles */
/* .breadcrumbs li.separator {
    font-size: 70px; */
/* Set the font size */
/* line-height: 43px; */
/* Set the line height */
/* margin-top: -15px; */
/* Adjust the vertical alignment */
/* color: var(--yellow); */
/* Set the color of the separator using CSS variables */
/* } */

.breadcrumbs li b {
    padding: 0 0 2px;
}

/* Last breadcrumb separator styles */
.breadcrumbs li.separator:nth-last-child(2) {
    /* padding: 1px; */
    /* Set the color of the last separator using CSS variables */
}

@media screen and (max-width: 1000px) {
    .breadcrumb-container {
        padding: 5px 40px;
    }
}

@media screen and (max-width: 500px) {
    .breadcrumb-container {
        padding: 5px 10px;
    }
}

@media screen and (max-width: 400px) {
    .breadcrumbs {
        font-size: 17px;
    }
    .breadcrumb-container {
        height: auto; 
        /* Allow height to stretch on mobile so breadcrumbs are contained within box! */
    }
}