/*==================================================
=            Breadcrumbs
==================================================*/

.custom-breadcrumbs{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    width:100%;
    font-size:16px;
    line-height:1.6;
    margin-top: 10px;
}

/*==================================================
=            Alignment
==================================================*/

.custom-breadcrumbs.align-left{
    justify-content:flex-start;
    text-align:left;
}

.custom-breadcrumbs.align-center{
    justify-content:center;
    text-align:center;
}

.custom-breadcrumbs.align-right{
    justify-content:flex-end;
    text-align:right;
}

/*==================================================
=            Links
==================================================*/

.custom-breadcrumbs a{
    text-decoration: none;
    transition: all .3s ease;
    color: #fff;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Roboto';
}

.custom-breadcrumbs a:hover{
    color:#ff0515;
}

/*==================================================
=            Separator
==================================================*/

.custom-breadcrumbs .breadcrumb-separator{
    color: #fff;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Roboto';
}

/*==================================================
=            Current Page
==================================================*/

.custom-breadcrumbs .current{
    color: #fff;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Roboto';
}

/*==================================================
=            Responsive
==================================================*/

@media(max-width:767px){

    .custom-breadcrumbs{
        font-size:14px;
        gap:8px;
    }

    .custom-breadcrumbs .breadcrumb-separator{
        font-size:12px;
    }

}