:root {

	--footer-padding-mobile: 0;
	--footer-padding-tablet: 0;
	--footer-padding-laptop: 0;
	--footer-padding-desktop: 0;
	--footer-padding-sm-laptop: 0;

	--footer-row-padding-mobile: 5%;
	--footer-row-padding-tablet: 5%;
	--footer-row-padding-laptop: 5% 8%;
	--footer-row-padding-desktop: 160px 25px 180px;
	--footer-row-padding-sm-laptop: 5% 6%;

}

.site-footer {
	position: relative;
	background: linear-gradient(328deg, #08AB9E -39.28%, #2C3248 76.33%);
}

.site-footer .filigramme{
	left: 0;
	bottom: 0;
	content: "";
	width: 85vw;
	height: fit-content;
	position: absolute;
	transform: translate(-25%, 55%) rotate(1deg) scaleX(.85);
}

.site-footer__row-bottom {
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
}

.site-footer-logo {
	max-width: 210px;
}

.site-footer-logo img {
	width: 100%;
	height: auto;
}

.site-footer-images {
	gap: 1em;
	display: flex;
	margin: auto 0;
	align-items: center;
	justify-content: flex-start!important;
}

.footer-menu {
	gap: 1em;
	padding: 0.5em 0;
	width: fit-content;
	flex-direction: column;
}

.site-footer-menu.site-footer-menu--socials .footer-menu {
	flex-direction: row;
	gap: 15px 25px;
}

.site-footer-menu .footer-menu  .menu-item i._mi{
	font-size: 1.4em;
}

.footer-menu.socials_footer {
	gap: 2em;
	flex-direction: row;
}

.site-footer-menu p,
.site-footer-menu li a{
	color: var(--e-global-color-secondary, #FFF);
	font-family: var(--e-global-typography-primary-font-family);
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px; /* 285.714% */
	transition: color 0.3s ease-in-out;
}

.site-footer-menu p{
	margin-bottom: 1.5em;
}

.footer-menu li a:hover {
	color: var(--e-global-color-accent);
}

.footer-menu li a[href="#"] {
	pointer-events: none;
}

.site-footer-menu__title {
	font-size: 1rem;
	padding-bottom: 2.5em;
	line-height: 1rem;
	text-transform: uppercase;
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	color: var(--e-global-color-secondary);
	font-style: normal;
	font-weight: 700;
	letter-spacing: 1.4px;
	text-transform: uppercase;
}

.site-footer-menu__texts {
	font-size: 1rem;
	font-weight: 400;
	line-height: 2.25rem;
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
}

.footer-bottom__infos {
	gap: 2em;
	display: flex;
	opacity: 0.9;
	flex-wrap: wrap;
	font-weight: 300;
	font-size: 0.875rem;
	align-items: center;
	justify-content: center;
	color: #ffffff !important;
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
}


.footer-bottom__infos a:hover {
	opacity: 1;
}


/*RESPONSIVE*/

/*phone*/
@media (max-width: 767px) {

	.site-footer {
		padding: var(--footer-padding-mobile);
	}

	.site-footer:after {
		width: 400px;
	}

	.site-footer__row {
		padding: var(--footer-row-padding-mobile);
	}

	.footer-bottom__infos {
		font-size: 0.85rem;
	}


}

/*tablet*/
@media (min-width: 768px) and (max-width: 1024px) {

	.site-footer {
		padding: var(--footer-padding-tablet);
	}

	.site-footer:after {
		width: 400px;
	}

	.site-footer__row {
		padding: var(--footer-row-padding-tablet);
	}

	.footer-menu {
		padding: 0;
	}

	.footer-bottom__infos {
		font-size: 0.875rem;
	}

	.site-footer__row-bottom .footer-row__column {
		flex-basis: auto;
	}

	.site-footer-infos {
		font-size: 1rem;
		line-height: 1.5rem;
	}

	.site-footer__row-menus .footer-row__column {
		flex-basis: 45%;
	}


}


/*mobile and tablet*/
@media (max-width: 1024px) {

	.site-footer-logo{
		margin: 0 auto;
	}

	.site-footer .site-footer__row.site-footer__row-menus{
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 40px;
		padding: 60px 25px 45px;
	}

	.site-footer .site-footer__row.site-footer__row-menus .footer-row__column{
		margin-top: 40px;
	}

	.site-footer .site-footer__row.site-footer__row-menus .footer-row__column:first-child,
	.site-footer .site-footer__row.site-footer__row-menus .footer-row__column.footer-row__column--socials{
		grid-column: 1 / 3;
	}

	.site-footer .site-footer__row.site-footer__row-menus .footer-row__column.footer-row__column--socials{
		margin: 0 auto;
	}

	.site-footer .site-footer__row.site-footer__row-menus .footer-row__column.footer-row__column--socials li a{
		font-size: 28px;
	}

	.site-footer .filigramme{
		display: none;
	}
}

/*desktop*/
@media (min-width: 1025px) {

	.site-footer {
		padding: var(--footer-padding-desktop);
	}

	.site-footer__row {
		padding: var(--footer-row-padding-desktop);
	}

	.site-footer__row-menus .footer-row__column:first-child {
	}

}

/*laptop 1*/
@media (min-width: 1024px) and (max-width: 1439px) {

	.site-footer {
		padding: var(--footer-padding-sm-laptop);
	}

	.site-footer__row {
		padding: var(--footer-row-padding-sm-laptop);
	}

}

/*laptop 2*/
@media (min-width: 1440px) and (max-width: 1700px) {

	.site-footer {
		padding: var(--footer-padding-laptop);
	}

	.site-footer__row {
		padding: var(--footer-row-padding-laptop);
	}


}

/*RESPONSIVE*/
