.breadcrumb-item.active a,
.breadcrumb-item.active {
    color: #ff3860;
}

/* =========================================================
   PRODUCT LIST SEO CONTENT
========================================================= */

.seo-description {

    max-width: 900px;

    margin: 16px auto 0;

    color: #555555;

    font-size: 15px;

    line-height: 1.8;

    overflow: hidden;

    position: relative;

    transition: max-height 0.3s ease;
}


/* =========================================================
   COLLAPSED
========================================================= */

.seo-description.collapsed {

    max-height: 58px;
}


/* =========================================================
   EXPANDED
========================================================= */

.seo-description.expanded {
    max-height: 1000px;
}


/* =========================================================
   FADE EFFECT
========================================================= */

.seo-description.collapsed::after {

    content: "";

    position: absolute;

    bottom: 0;
    left: 0;

    width: 100%;

    height: 45px;

    background: linear-gradient(
        to bottom,
        rgba(255,255,255,0),
        rgba(255,255,255,1)
    );
}


/* =========================================================
   PARAGRAPH
========================================================= */

.seo-description p {
    margin-bottom: 0;
    color: #555555;
    text-align: justify;
}


/* =========================================================
   TOGGLE BUTTON
========================================================= */

#toggleSeoBtn {

    margin-top: 12px;

    border-radius: 30px;

    padding: 6px 18px;

    font-size: 13px;

    font-weight: 500;

    border: 1px solid #a6c76c;

    color: #a6c76c;

    background: rgba(255,255,255,0.9);

    transition: all 0.2s ease;
}


#toggleSeoBtn:hover {

    background: #a6c76c;

    color: #ffffff;
}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .seo-description {

        font-size: 14px;

        line-height: 1.7;

        padding: 0 10px;
    }

    .seo-description.collapsed {

        max-height: 48px;
    }

}