.wrapper_shopping
    
    div.container-fluid
        display: flex
        align-items: stretch

        a, a:hover, a:focus 
            color: OliveDrab
            text-decoration: none
            transition: all 0.3s


    // #sidebarCollapse
    //     z-index: 999

        div.sectionShopping nav.shopping_pageNav a.page-link
            color: $navbar-text-color
    
        nav#sidebar
            min-width: 250px
            max-width: 250px
            transition: all 0.3s
            background-color: white
            z-index: -1

            ul.components 
                padding: 20px 0
                border-bottom: 1px solid #47748b


            div.sidebar-header 
                padding: 20px
                background-color: DimGrey
            div.sidebar-header h3
                color: white

            ul li a 
                padding: 10px
                font-size: 1.1em
                display: block
            
            ul li a:hover 
                color: mediumSeaGreen
                background-color: Gainsboro
            
            ul li.active > a, a[aria-expanded="true"] 
                color: #fff
                background: Gainsboro

            a[data-toggle="collapse"] 
                position: relative
            ul ul a 
                font-size: 0.9em !important
                padding-left: 30px !important

            ul.CTAs
                padding: 20px
            

            ul.CTAs a 
                text-align: center
                font-size: 0.9em 
                display: block
                border-radius: 5px
                margin-bottom: 5px
            

            a.download 
                background: #fff
                color: #7386D5
            

            a.article, a.article:hover 
                background: #6d7fcc
                color: #fff

        nav#sidebar.active 
            margin-right: -250px