/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */


@media screen and (max-width: 767px) {

    .description a.collapsed::after {
        content: '+ Voir plus';
        position: relative;
        display: block;
    }

    .description a:not(.collapsed)::after {
        content: '- Voir moins';
        position: relative;
        display: block;
    }

    #category-description[aria-expanded="false"]::after {
        top: 55px !important;
    }
}

    .description #category-description.collapse:not(.show) {
        display: block;
        height: 4rem;
        overflow: hidden;
    }

    .description #category-description.collapsing {
        height: 4rem;
    }

    .description a.collapsed::after {
        content: '+ Voir plus';
    }

    .description a:not(.collapsed)::after {
        content: '- Voir moins';
    }

    .category-description {
        margin-bottom: 1.5em !important;
    }

    #category-description[aria-expanded="false"]::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 85px;
        height: 35px;
        width: 97%;
        margin: auto;
        background-image: -webkit-linear-gradient(top, hsla(0, 0%, 97%, 0), hsla(0, 0%, 97%, .8) 40%, #f7f7f7 90%);
    }