.elementor-367 .elementor-element.elementor-element-2974b9f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-367 .elementor-element.elementor-element-c74107a{text-align:center;}.elementor-367 .elementor-element.elementor-element-8d32373{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-367 .elementor-element.elementor-element-7b71543{text-align:center;}.elementor-367 .elementor-element.elementor-element-03f17c3{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-367 .elementor-element.elementor-element-2a08cd8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-367 .elementor-element.elementor-element-0daba04{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-367 .elementor-element.elementor-element-eac7cf9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-367 .elementor-element.elementor-element-d08b287{--display:flex;}.elementor-367 .elementor-element.elementor-element-55b8df6 div#brands_a_z ul.brands_index li a{background-color:#FFFFFF;color:#333333;}.elementor-367 .elementor-element.elementor-element-55b8df6 div#brands_a_z a.top{background-color:#FAFAFA;padding:15px 15px 15px 15px;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-primary );}.elementor-367 .elementor-element.elementor-element-55b8df6 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-367 .elementor-element.elementor-element-55b8df6 div#brands_a_z ul.brands_index li a, .elementor-367 .elementor-element.elementor-element-55b8df6 div#brands_a_z ul.brands_index li span{border-style:solid;border-width:1px 1px 1px 1px;margin:0px 0px 0px 0px;padding:4px 12px 4px 12px;font-family:"Montserrat", Sans-serif;font-size:1.4em;font-weight:500;line-height:1.9em;}.elementor-367 .elementor-element.elementor-element-55b8df6 #brands_a_z{border-radius:0px 0px 0px 0px;padding:5px 5px 5px 5px;}.elementor-367 .elementor-element.elementor-element-55b8df6 div#brands_a_z h3{border-style:solid;font-family:"Montserrat", Sans-serif;font-size:4em;font-weight:700;}.elementor-367 .elementor-element.elementor-element-55b8df6 div#brands_a_z ul.brands li{margin:0px 0px 8px 0px;padding:3px 3px 3px 3px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-367 .elementor-element.elementor-element-55b8df6 div#brands_a_z a.top{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(min-width:768px){.elementor-367 .elementor-element.elementor-element-2a08cd8{--width:25%;}.elementor-367 .elementor-element.elementor-element-0daba04{--width:50%;}.elementor-367 .elementor-element.elementor-element-eac7cf9{--width:25%;}}@media(max-width:767px){.elementor-367 .elementor-element.elementor-element-55b8df6 div#brands_a_z ul.brands li{font-size:1.2em;}.elementor-367 .elementor-element.elementor-element-55b8df6 div#brands_a_z a.top{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS for ecw-woocommerce-brands-index, class: .elementor-element-55b8df6 *//** INDEX **/
div#brands_a_z ul.brands_index {
    float: none !important;
    width: 100% !important;
    justify-content: center;
    margin: 30px auto !important;
        display: flex;
    flex-wrap: wrap !important;
    justify-content: center;
}

div#brands_a_z ul.brands_index li{
    min-width: 48px;
    min-height: 48px;
}

div#brands_a_z ul.brands_index li:hover a{
background-color: var(--e-global-color-secondary) !important;
color:#fff !important;
}

/*** LISTE ***/

.container-brands {
        display: flex;
    flex-direction: row;
    padding: 30px 0;
    border-top: 1px solid #ddd;
}

div#brands_a_z h3 {
 margin: 0 auto;
    width: 120px !important;
    height: 120px;
    font-size: 4em;
    font-weight: 600;
    color: #333;
    position: relative;
    line-height: 0;
    border: 1px solid #777;
    transition: background .4s;
    text-align: center;
}



div#brands_a_z ul.brands {
    float: none !important;
    width: 90% !important;
    display: flex !important;
    text-align: left !important;
    flex-wrap:wrap !important;
  flex-direction: column;
    max-height: 750px;
}

div#brands_a_z ul.brands li {
    border: none !important;
    list-style-type: none;
    padding: 6px;
    width: 31%;
       max-width: 300px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

div#brands_a_z ul.brands li a{
    color: var(--e-global-color-primary);
    line-height: 1.5;
}

div#brands_a_z ul.brands li:hover a{
color:var(--e-global-color-secondary) !important;
}

    #brands_a_z {
   margin-left: 0;
    padding: 0;
    float: none;
    text-align: center;
    display: block;
    width: 100%;
}

div#brands_a_z ul.brands_index {
    width:100%;
    float:none;
    margin-right:0;
    margin:0 auto;
}

#brands_a_z .container-brands .top {
    display: none;
}


#brands_a_z .container-brands:last-of-type .top {
    display: block;
    position: absolute;
    right: 0;
}


  div#brands_a_z a.top {
        clear: right;
        height: 56px;
    }


@media screen and (max-width:768px) {
     div#brands_a_z ul.brands   {
     width: 70% !important;
}

 div#brands_a_z ul.brands li   {
     width: 100% !important;
     white-space: inherit
     ;
}
}/* End custom CSS */