:root {

	--footer-bottom-size: 1.0625rem;
	--footer-bottom-color: rgba(255, 255, 255, 0.8);

	--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%;

	--footer-font: Urbanist, Sans-serif;

}

.site-footer {
	background-color: var(--e-global-color-secondary);
}

.site-footer__row-top {
	position: relative;
}

.site-footer__row-top:before {
	top: 0;
	right: -4%;
	width: 20%;
	content: "";
	height: 100%;
	opacity: 0.1;
	position: absolute;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	background-image: url("/wp-content/themes/astra-child/footer/assets/img/fili-1.svg");
}

.site-footer__row-bottom {
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
}

.site-footer-logo {
	max-width: 227px;
	padding-bottom: 1.5em;
}

.site-footer-logo img {
	width: 100%;
	height: auto;
}

.site-footer-infos {
	font-weight: 300;
	max-width: 465px;
	padding-bottom: 1em;
	font-size: 1.0625rem;
	line-height: 1.875rem;
	letter-spacing: 0.010625rem;
	color: rgba(255, 255, 255, 0.8);
	font-family: var(--footer-font);
}

.footer-menu {
	padding: 0.5em 0;
	width: fit-content;
	flex-direction: column;
}

.footer-menu li a {
	font-weight: 400;
	font-size: 1.0625rem;
	line-height: 1.1875rem;
	letter-spacing: 0.010625rem;
	color: rgba(255, 255, 255, 0.8);
	font-family: var(--footer-font);
}

.footer-menu li a:hover {
	color: #fff;
}

.footer-menu li a[href="#"] {
	pointer-events: none;
}

.site-footer-menu__title {
	font-weight: 600;
	font-size: 1.75rem;
	font-family: var(--footer-font);
	color: #fff;
}

.site-footer__row-bottom {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-bottom__infos {
	font-weight: 400;
	letter-spacing: 0.010625rem;
	font-family: var(--footer-font);
	font-size: var(--footer-bottom-size);
	color: var(--footer-bottom-color) !important;
}

.footer-bottom__infos a:hover {
	opacity: 1;
	color: var(--e-global-color-accent) !important;
}


.footer-menu-no-link li{
	font-weight: 400;
	font-size: 1.0625rem;
	line-height: 1.1875rem;
	letter-spacing: 0.010625rem;
	color: rgba(255, 255, 255, 0.8);
	font-family: var(--footer-font);
}

/*RESPONSIVE*/

/*phone*/
@media (max-width: 767px) {

	.site-footer {
		padding: var(--footer-padding-mobile);
	}

	.site-footer__row {
		padding: var(--footer-row-padding-mobile);
	}

	.footer-bottom__infos {
		font-size: 0.85rem;
	}

	.site-footer-logo {
		max-width: 200px;
	}

	.site-footer__row-top:before {
		width: 45%;
	}

}

/*tablet*/
@media (min-width: 768px) and (max-width: 1024px) {

	.site-footer {
		padding: var(--footer-padding-tablet);
	}

	.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__row-top:before {
		width: 30%;
	}

	.site-footer-infos {
		font-size: 1rem;
		line-height: 1.5rem;
	}


}


/*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);
	}

	.site-footer__row-top:before {
		width: 25%;
	}

}

/*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);
	}

	.site-footer__row-top:before {
		width: 25%;
	}


}

/*RESPONSIVE*/
