/********************
	Part - before-footer
********************/

.before-footer {
	background : black;
}

/********************
	Part - newsletter
********************/

.section__title-content.newsletter .section__title-content__inner {
	display       : grid;
	align-items   : center;
	align-content : center;
}

.before-footer .newsletter:before {
	content  : url('/img/svg-chaussures-footer.svg');
	position : absolute;
	right    : 5em;
	top      : 2em;
}

.block_newsletter form .input__wrapper {
	margin : 0 auto;
}

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

.newsletter .section__title {
	display: flex;
	justify-content: center;
	align-items: center;
}

.newsletter .c-title__subtitle {
	font-family: var(--typo-secondary);
	font-size: calc(18px + (27 - 18) * ((100vw - 320px) / (1920 - 320)));
	font-weight: 400;
	color: white;
	letter-spacing: 1.35px;
	text-transform: uppercase;
	margin-bottom: 0;
}

.newsletter .c-title {
	padding-left: 0.5em;
}

/********************
	Part - main-footer
********************/

#footer {
	background-color : black;
}

.footer-container {
	overflow : hidden;
	margin   : 0;
	padding  : 0;
}

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

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

.links .collapse {
	display : inherit
}

.footer-container li {
	line-height: 2em;
}

.footer-container .c-link-list__link-item span {
	color: #fff;
}

.footer-container li a {
	font-size      : 14px;
	font-weight    : 200;
	line-height    : 28px;
	cursor         : pointer;
	letter-spacing : 0.7px;
	color          : white;
}

.footer-container li a span {
	transition: all 0.35s ease-in-out;
}

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

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

.footer h2.c-title {
	font-size     : 18px;
	font-family   : var(--typo-secondary);
	margin-bottom : 2em;
}

/********************
	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 : var(--color-primary)
}

/********************
	Part - copyright
********************/
.footer-copyright {
	height          : 52px;
	display         : flex;
	align-items     : center;
	justify-content : space-between;
	color           : #ACACAC;
	border-top      : 1px solid #515151;
	margin-top      : calc(15px + (45 - 15) * ((100vw - 320px) / (1920 - 320)));
}


/********************
	Part - logo securenzia
********************/
.img-footer {
	margin : 2em auto 4em;
}

.img-footer-container {
	text-align : center;
}

/********************
	Part - revoke consent
********************/

.revoke-consent-cookie {
	font-size: calc(13px + (14 - 13) * ((100vw - 320px) / (1920 - 320)));
	color: #fff;
	padding: 0.5em !important;
}