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

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

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

.block_newsletter__wrapper {
	padding: 3vh 0 2vh;
}

.block_newsletter form .input__wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
}

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

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

#footer {
	background: var(--color-black-alt-default);
}

.footer-container {
	background: var(--color-black-alt-default) url(../../../assets/img/footer/fili-footer.png) no-repeat;
	background-position: calc(100px + (320 - 100) * ((100vw - 320px) / (1920 - 320)));
	overflow: hidden;
	margin: 0;
	padding: 1.5em 0;
}

.footer-container__inner {
	display: grid;
}

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

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

.links .collapse {
	display: inherit
}

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

.footer-container li a {
	font-size: .875rem;
	color: #777778;
	cursor: pointer;
	transition: all 0.35s ease-in-out;
}

.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
}

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

	/*.footer-container__inner {*/
	/*grid-template-rows: ;*/
	/*}*/
	.footer-container .wrapper {
		padding-left: 0 !important;
		padding-right: 0 !important
	}

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

	.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 {
	color: #fff;
	border-top: 1px solid #353537;
	text-align: right;
	padding-top: 1.5em;
}

.footer-copyright a {
	color: #fff;
}

.footer-copyright a svg path {
	transition: all 0.35s ease-in-out;
}

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

/*
--------------------------------------
Footer custom
--------------------------------------
*/

/*Logo*/

.footer__logo {
	display: flex;
	align-items: center;
}

/*Liens*/

.footer__links__wrapper {
	display: flex;
	width: 100%;
}

.links__footer__wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

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

.links__footer__title h3 {
	font-size: calc(13px + (15 - 13) * ((100vw - 320px) / (1920 - 320)));
	color: #fff;
	text-transform: uppercase;
}

.links__footer__list {
	display: none;
}

.links__footer__list.-is--shown {
	display: block;
}

.links__footer__container i {
	color: #fff;
}

.footer__infos {
	display: flex;
	flex-direction: column;
}

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

.links__footer__list.footer__item li a {
	color: #777778;
	line-height: 2em;
	transition: all 0.3s ease-in-out;
}

.links__footer__list.footer__item li a:hover {
	color: var(--color-primary);
}

/*Logo médiation culturelle*/

.logo-mediation-wrapper img {
	max-width: 200px;
	padding-top: 1em;
}