#footer{
    background: #1b1b1b;
}

.footer{
    border-top: 1px solid #494949;
}

.links__footer__title h3{
    /*font-family: var(--typo-secondary);*/
    color: white;
    font-weight: 400;
    font-size: var(--font-size-200);
    margin: 2em 0;
    text-transform: uppercase;
}

.links__footer__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}



/********************
	Part - before-footer
********************/
.before-footer {
    background : white;
}

/********************
	Part - newsletter
********************/
.section__title-content.newsletter .section__title span{
    font-size: var(--font-size-200);
    text-transform: initial;
    color: white;
    font-weight: 300;
}

.section__title-content.newsletter .section__title .c-title{
    padding: 0;
}

.section__title-content.newsletter .section__title-content__inner {
    padding : 4vh 0;
}

.block_newsletter form .input__wrapper {
    max-width       : 380px;
    margin          : 0 auto;
    display         : flex;
    justify-content : center;
    gap: 10px;
}

.block_newsletter{
    margin-top: 20px;
}

.block_newsletter .conditions__wrapper {
    text-align : center;
}

.block_newsletter .btn-secondary{
    border-radius: 5px;
    text-transform: initial;
    font-size: var(--font-size-150);
    font-weight: 400;
    padding: 10px 35px;
}

@media (max-width : 767px) {
    .block_newsletter {
        padding-bottom : .625rem;
    }

    .block_newsletter form .input__wrapper {
        max-width : 100%;
    }
}

/********************
	Part - main-footer
********************/
.footer-container {
    overflow : hidden;
    margin   : 0;
    padding  : 0;
}

* + .footer-container .footer {
    border-top : 1px solid #ACACAC;
}

.footer-container .footer {
    display   : flex;
    flex-wrap : wrap;
    padding   : 3vh 0 2vh;
}

.footer-items-container{
    width: 100%;
}

.links .collapse {
    display : inherit
}

.footer-container li {
    margin-bottom : .3125rem
}

.footer-container li a, .link-text{
    color     : white;
    font-size : var(--font-size-100)
}

.block-contact, .block-contact a{
    color     : white;
}

.footer-container li a:hover {
    color : var(--link-color-on-hover)
}

.block-contact-title, .blockcms-title, .myaccount-title, .myaccount-title a {
    font-weight : 700;
    font-size   : 1rem
}

.footer-container .links .h3 {
    font-family: var(--typo-secondary);
    color: white;
    font-weight: 300;
}

.rs__container{
    display: flex;
    flex-direction: row;
    gap: 15px;
}

@media (max-width : 767px) {
    .footer-container {
        box-shadow : none;
        margin-top : 0
    }

    .footer-container .wrapper {
        padding-left  : 0 !important;
        padding-right : 0 !important
    }

    .footer-container .links .h3 {
        line-height : 1.5;
        font-size   : 1rem
    }

    .footer-container .links ul {
        background-color : #f6f6f6;
        margin-bottom    : 0
    }

    .footer-container .links ul > li {
        padding       : .625rem;
        border-bottom : 1px solid #fff;
        font-weight   : 700
    }

    .footer-container .links ul > li a {
        color : var(--color-black-default)
    }

    .links .collapse {
        display : none
    }

    .links .collapse.in {
        display : block
    }

    .links .title {
        padding       : .625rem;
        border-bottom : 1px solid #f6f6f6;
        cursor        : pointer
    }

    .links .title .collapse-icons .remove,
    .links .title[aria-expanded=true] .collapse-icons .add {
        display : none
    }

    .links .title[aria-expanded=true] .collapse-icons .remove {
        display : block
    }

    .links .navbar-toggler {
        display : inline-block;
        padding : 0
    }
}

/********************
	Part - account-list
********************/
#block_myaccount_infos .myaccount-title a {
    color : var(--color-black-default)
}

.account-list a {
    color : var(--color-grey-font-default)
}

.account-list a:hover {
    color : #2fb5d2
}

/********************
	Part - block social
********************/
@media (max-width : 991px) {
    .block-social {
        text-align : center
    }
}

/********************
	Part - block contact
********************/
@media (max-width : 991px) {
    .block-contact {
        padding-left : 1.5rem
    }
}

/********************
	Part - copyright
********************/
.footer-copyright {
    text-align : center;
    display: flex;
    flex-direction: column;
    color: #9d9d9d;
    font-weight: 600;
    font-size: var(--font-size-100);
    margin: 55px 0;
    gap: 15px;
}

.footer-copyright a{
    color: #8d8d8d;
}

.footer-copyright svg path {
    fill: white;
    transition: all 0.3s ease-in-out;
}

.footer-copyright a:hover svg path {
    fill: var(--color-secondary);
}

.footer-copyright .footer-copyright-right{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

/********************
	Part - block nos derniers articles
********************/

.post-item-wrapper,.post-item {
    height: 100%;
}

.blog__container{
    background: black;
    padding: 50px 0;
}

.amazzingblog .slick-list{
    overflow: visible;
}

.amazzingblog .slick-slide{
    opacity: 0.4;
}
.amazzingblog .slick-slide.slick-active{
    opacity: 1;
}

.blog__container{
    overflow: hidden;
}

.amazzingblog .slick-slider{
    align-items: center;
}

.amazzingblog .post-item{
    padding: 12.5px;
    background: transparent;
    border: none;
}

.amazzingblog .post-item img{
    width: 100%;
}

.amazzingblog .block-title{
    margin: 30px;
}


/********************
	Part - block liste de marques
********************/
.before-footer .brands-list__container>*>h2{
    color: black;
    font-weight: 600;
    font-family: var(--typo-primary);
}

.brands-list-slider{
    align-items: center;
}

.brands-list-slider .slick-track>*{
    margin: 2.5px
}

.brands-list-slider .slick-arrow {
    box-shadow: none;
}

.brands-list-slider .slick-slide img{
    background: black;
}

/********************
    Part - block avis
********************/
.reviews__container{
    background: #f5f6f8;
    padding: 30px 0;
}


/********************
	Part - block instagram
********************/
.ybc_instagram_header.style_center, .ybc_instagram_info{
    display: none;
}

.instagram__container .rs-logos__container{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
}

.instagram__container .rs-logos__container .rs-logo{
    margin: 0 10px;
}

.instagram__container .default-container{
    display: none;
}


.brands-list__container, .instagram__container{
    background: white;
    padding: 50px 0;
}

/********************
	Part - titre
********************/
.before-footer h2{
    color: white;
    font-weight: 300;
    font-size: var(--font-size-500);
    letter-spacing: 2px;
    text-transform: uppercase;
}

.before-footer .title-black{
    color: black;
}

.title-center{
    text-align: center;
}

/********************
	Part - Langues
********************/
.language-selector-list{
    display: flex;
}

.language-selector-list li:not(:last-child){
    margin-right: 5px;
}

.language-selector-list li{
    border: 1px solid transparent;
}

.language-selector-list li.current{
    border-color: var(--color-secondary);
}


.links-footer-3  .link-text:last-child > a{
    font-size: 1.2em;
    color: var(--color-secondary);
    font-weight: 600;
}

/* Réseaux sociaux */
.rs-footer__container{
    position: relative;
    padding-bottom: 40px;
}
.rs-footer__background{
    width: 100%;
    background: #ebebeb;
    height: 50%;
    position: absolute;
    bottom: 0;
}
.rs-footer__content{
    display: flex;
    flex-direction: column;
    max-width: 320px;
}

.rs-footer-text__container{
    background: black;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-grow: 1;
    padding: 44px 0;
}
.rs-footer-text__container .title-black{
    color: white;
    font-size: 30px;
}

.rs-footer-logos__container{
    border-top: 1px solid #626263;
    padding-top: 20px;
}

.rs-img-2{
    display: none;
}

@media (max-width: 768px){
    .rs-img-3{
        order: 1;
    }
}