: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   : 5% 12%;
	--footer-row-padding-sm-laptop : 5% 6%;

}

.site-footer {
	position            : relative;
	background-color    : #F8F4EC;
	background-size     : cover;
	background-position : top;
	background-repeat   : no-repeat;
	background-image    : url("/wp-content/themes/astra-child/footer/assets/img/footer2.png");
	padding-top: 40px !important;
}

.site-footer * {
	color : white;
}

.site-footer:after {
	top      : 0;
	right    : 0;
	bottom   : 0;
	content  : "";
	width    : 750px;
	opacity  : 0.5;
	position : absolute;
}

.site-footer__row-reviews {
	padding-top    : 2em !important;
	padding-bottom : 2em !important;
	border-top     : 1px solid rgba(251, 247, 240, 0.20);
	border-bottom  : 1px solid rgba(251, 247, 240, 0.20);
}

.site-footer__row-bottom {
	padding-top    : 0.5em !important;
	padding-bottom : 1.5em !important;
	justify-content: center;
}

.site-footer-logo {
	margin    : 0 auto;
	max-width : 252px;
}

.site-footer-logo img {
	width  : 100%;
	height : auto;
}

.site-footer-reviews {
	margin : 0 auto;
}

.footer-menu {
	display        : flex;
	width          : fit-content;
	flex-direction : column;
	gap            : 10px;
}

.footer-menu li a {
	font-size   : 1.1rem;
	font-weight : 400;
	line-height : 20px;
	color       : white;
	font-family : var(--e-global-typography-secondary-font-family), sans-serif;
}

.footer-menu li a:hover {
	color : var(--e-global-color-accent);
}

.footer-menu li a[href="#"] {
	pointer-events : none;
}

.site-footer-menu ul li {
	padding     : 0;
	margin      : 0;
	line-height : 20px; /* 147.059% */
}

.site-footer-menu ul {
	gap : 0;
}

.site-footer-menu__title {
	font-size      : 0.95rem;
	padding-bottom : 1em;
	line-height    : 1rem;
	letter-spacing : 0.03rem;
	text-transform : none;
	color          : var(--e-global-color-primary);
	font-family    : var(--e-global-typography-primary-font-family), sans-serif;
	font-style     : normal;
	font-weight    : 700;
}

.site-footer-menu__texts {
	font-size   : 0.8rem;
	font-weight : 400;
	line-height : 25px; /* 147.059% */
	color       : var(--e-global-color-primary);
	font-family : var(--e-global-typography-secondary-font-family), sans-serif;
}

.site-footer-menu form {
	padding : 0 !important;
}

.site-footer-menu form .mailpoet_text {
	font-size        : 16px;
	min-height       : 2.625rem;
	border           : 1px solid #878970;
	border-radius    : 0 !important;
	color            : var(--e-global-color-primary);
	background-color : var(--e-global-color-primary);
	font-family      : var(--e-global-typography-secondary-font-family), sans-serif;
}

.site-footer-menu form .mailpoet_text::placeholder {
	color : rgba(251, 247, 240, 0.6);
}

.site-footer-menu form .mailpoet_submit {
	font-weight      : 500;
	text-align       : center;
	font-size        : 1.0625rem;
	min-height       : 2.625rem;
	border-radius    : 0 !important;
	color            : var(--e-global-color-primary);
	background-color : var(--e-global-color-ab7a154);
	font-family      : var(--e-global-typography-secondary-font-family), sans-serif;
}

.site-footer-menu form .mailpoet_message {
	font-size   : 0.75rem;
	font-weight : 300;
	line-height : 1.25rem;
	padding     : 0 !important;
	color       : var(--e-global-color-primary);
	font-family : var(--e-global-typography-secondary-font-family), sans-serif;
}

.site-footer-menu form .mailpoet_message p {
	width : 100%;
}

.footer-bottom__infos {
	font-weight : 200;
	font-size   : 0.85rem;
	color       : white !important;
	font-family : var(--e-global-typography-secondary-font-family), sans-serif;
}

.footer-bottom__infos a:hover {
	opacity : 1;
}

/*Mettre au milieu la barre*/
.barre-horizontal {
	width         : 62%;
	height        : 1px;
	background    : rgba(251, 247, 240, 0.20);
	margin        : 1em auto;
	border        : none;
	border-radius : 0;
	overflow      : hidden;
	padding       : 0;
	display       : block;
}

.site-footer__row-menus {
	justify-content: space-evenly !important;
	gap            : 3em !important;
}

/*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;
	}

	.site-footer-logo {
		max-width : 200px;
	}

	/*chat box*/
	body #crisp-chatbox > div > a {
		bottom : 4rem !important;
	}

	.crisp-client .cc-1brb6 {
		/*opacity: 0;*/
	}

	/*chat box*/


}

/*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) {


}

/*desktop*/
@media (min-width : 1025px) {

	.site-footer {
		padding : var(--footer-padding-desktop);
	}

	.site-footer__row {
		padding : var(--footer-row-padding-desktop);
	}

}

/*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*/
