/*------------------------------
Breadcrumb Area
-------------------------------*/

.breadcrumbarea {
    padding-top: 162px;
    padding-bottom: 150px;
    background: var(--lightGrey10);
    position: relative;
    @media #{$device-lg} {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    @media #{$device-md} {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    @media #{$device-sm} {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    &--2 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    &--3 {
        padding-bottom: 0;
        padding-top: 50px;
    }
}

.breadcrumb__content__wraper {
    text-align: center;
    position: relative;
    z-index: 9;
    .breadcrumb__title {
        h2 {
            margin: 0;
            @media #{$device-lg} {
                font-size: 40px;
                line-height: 60px;
            }
            @media #{$device-md} {
                font-size: 40px;
                line-height: 60px;
            }
            @media #{$device-sm} {
                font-size: 36px;
            }
        }
    }
}

.breadcrumb__inner {
    ul {
        li {
            font-size: 18px;
            line-height: 22px;
            color: var(--blackColor2);
            font-weight: 400;
            a {
                position: relative;
                padding-right: 26px;
                font-weight: 400;
                font-size: 18px;
                line-height: 22px;
                color: var(--blackColor2);
                &:hover {
                    color: var(--primaryColor);
                }
                &:after {
                    position: absolute;
                    content: "\eaa0";
                    font-family: "icofont";
                    top: 0px;
                    right: 3px;
                }
            }
        }
    }
}

.breadcrumbarea--3 .blogarae__img__2.course__details__img__2 {
    margin-bottom: 0;
}



.reactheme-breadcrumbs .breadcrumbs-title span.current-item {
    font-family: var(--bodyFont)  !important;
    letter-spacing: 0px;
}


// Header

.stuck .default_topbar{
    display: none !important;
}