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

/********************
	Part - newsletter
********************/
.section__title-content.newsletter .section__title-content__inner {
    padding : 3vh 0;
}

.block_newsletter form .input__wrapper {
    max-width       : 40%;
    margin          : 0 auto;
    display         : flex;
    justify-content : center;
}

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

@media (max-width : 767px) {
    .block_newsletter {
        padding-bottom : .625rem;
        border-bottom  : 1px solid #f6f6f6
    }

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

/********************
	Part - main-footer
********************/
.footer-container {
    overflow   : hidden;
    margin     : 0;
    padding    : 0;
    background : var(--color-primary);
    color      : var(--color-white-default);
    font-size  : var(--font-size-200);
}

.footer-container__inner {
    position : relative;
    z-index  : 0;
}

.footer-container__inner .footer__bg {
    position : absolute;
    z-index  : -1;
    left     : 0;
    bottom   : -5px;
}

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

.footer-container .footer {
    display : grid;
    padding : 5vh 0;
}

@media (min-width: 768px){
    .footer-container .footer {
        padding : 12.5vh 0;
    }
}

.footer-container .footer > * {
    flex : 1 0 100%;
}

.footer___infos .footer__logo {
    margin-bottom : 3vh;
}

.footer__logo {
    display : block;
}

.footer-adress {
    display        : flex;
    flex-direction : column;
}

.footer-adress .footer-adress__title {
    margin-bottom : .75em;
}

.footer-adress__text {
    line-height : 1.5em;
}

.links .collapse {
    display : inherit
}

.footer-container li {
    margin-bottom : 1em;
}

.footer-container li a {
    color     : var(--color-white-default);
    cursor    : pointer;
    font-size : 1em;
}

.footer-container li a:hover {
    color : var(--color-grey-font-default)
}

.footer-links .h3 {
    color          : var(--color-white-default);
    text-transform : unset;
    font-weight    : 500;
    font-size      : var(--font-size-200);
    margin-bottom  : 1.7em;
}

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

@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 .footer-links,
    .footer-container .footer___connect {
        margin-top : 2em;
    }

    .footer-container .links .h3 {
        line-height : 1.5;
        /*font-size   : 1rem*/
        margin-bottom: 1em;
    }

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

    /*.footer-container .links ul > li {*/
    /*padding       : .5rem;*/
    /*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-white-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 - connect
********************/
.footer___connect .h3 {
    color          : var(--color-white-default);
    text-transform : unset;
    font-weight    : 500;
    font-size      : var(--font-size-200);
    margin-bottom  : 1.7em;
}

.footer___connect .btn {
    width          : 100%;
    text-transform : initial;
    text-align     : left;

    position       : relative;
}

.footer___connect .btn:after {
    content       : '';
    width         : 10px;
    height        : 10px;
    position      : absolute;
    right         : 2em;
    top           : 50%;
    border-right  : 2px solid currentColor;
    border-bottom : 2px solid currentColor;
    transform     : translate3d(0, -50%, 0) rotate(-45deg);
}

.footer___connect .btn + .btn {
    margin-top : 2vh;
}

/********************
	Part - copyright
********************/
.footer-copyright {
    background : var(--color-black-default);
    color      : var(--color-white-default);
    font-size  : var(--font-size-200);
}

.footer-copyright__inner {
    display         : flex;
    justify-content : space-between;
    align-items     : center;
    padding         : 1.15rem 0 1rem;
    flex-direction: column;
}

.footer-copyright a {
    color : currentColor;
}

@media (min-width: 768px){
    .footer-copyright__inner {
        flex-direction: row;
    }
}