/* ////////////////////////////////////////////////	*/
/* 	FOOTER											*/
/* //////////////////////////////////////////////// */
.FOOTER {
	position: relative;

	margin:auto;
	color: #fff;

	/* margin-top:clamp(3rem, auto, 100%); */
	margin-top:min(100%);
	margin-top:5rem;
	margin-top:clamp(5rem, 5rem, 100%);
	margin-bottom:0;
	bottom: 0;
	/* background-image: url("../../img/layout/footer_bg.png"), url("../../img/layout/footer_bg.webp"); */
	background-repeat: repeat-x,  repeat-x;
	padding: 0;
	font-weight: bold;
	/* background:   url(/web/img/custom/footer_bg.webp); */
	background: var(--bg_color);
	background-size: cover;
	background-attachment: fixed;
	font-weight: normal !important;
	grid-auto-columns: 1fr;
    grid-auto-flow: column;
	text-align: center;
}
.FOOTER::before{
	content:'';
	width: 100%;
	height: 4rem;
	position: absolute;
	top: -4rem;
	left: 0;
	background: var(--bg_color);
	background: linear-gradient(0deg, var(--bg_color) 0%, rgba(255, 255, 255, 0) 100%);
}
.custom_footer_usefull::before{
	content:'';
	width: 100%;
	height: 3rem;
	position: absolute;
	top: 0;
	left: 0;
	background: linear-gradient(  var(--bg_color_2) , transparent);
	pointer-events: none;
}
.custom_footer_usefull::after{
	content:'';
	width: 100%;
	height: 3rem;
	position: absolute;
	bottom: 0;
	left: 0;
	pointer-events: none;
	background: -webkit-linear-gradient(transparent, var(--bg_color_2)) left repeat;
	background: linear-gradient(transparent, var(--bg_color_2)) left repeat;
}
.custom_footer_usefull{ position:relative;}

.FOOTER .h1_class{
	background: none;
	color: #fff;
	font-weight: normal;
	font-size: 1.8rem;
	margin: 0 0 1.5rem 0;
	border-bottom: 1px dotted ;
}
.FOOTER .header{ display:none !important; }
.FOOTER a{ font-size: 1rem; font-weight: normal !important;}
.FOOTER a:hover, .FOOTER .link:hover{ opacity: 1; color: var(--color);}
.FOOTER .inner{ background:none !important;  }

.nav_footer{ border:none  !important; padding: 0 !important}
.nav_footer_item{text-align:left !important;  padding-bottom:0 !important; width:100%; border:none !important; }
.nav_footer_item:first-child{border-left:none}
.nav_footer_item:hover{ }
.nav_footer_active_page{text-decoration:underline;}


.custom_footer_copyrights{
	position: relative;
	display:flex;
	margin-top: 4rem;
	font-size: .8rem;
	float: left;
	padding:1rem clamp(.5rem, 2vw, 3rem);
	border-top:1px solid rgba(255, 255, 255, .5);
	width:100%;
	text-align:center;
	max-height:8rem;
	background-color: rgb(255, 255, 255);
	color:#000;
	flex-wrap: wrap; justify-content: center;
}
#custom_footer_copyrights_left, #custom_footer_copyrights_right{flex: 1 2 auto; padding-top: .5rem;}
#custom_footer_copyrights_left{text-align: left;}
#custom_footer_copyrights_right{text-align: right;}
.custom_footer_copyrights::after{ background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); height: 4rem; content: ''; width: 100%; position: absolute; top:-4rem;}
@media only screen and (orientation: portrait) and (max-width: 768px) , only screen and (orientation: landscape) and (max-height: 600px) {

	.FOOTER{display: block !important;padding: 1rem 1.5rem 0 1.5rem;}
}
@media only screen and (orientation: portrait){
	#custom_footer_copyrights_left, #custom_footer_copyrights_right {text-align: center;}
}
/* ////////////////////////////////////////////////	*/
/* 	END FOOTER										*/
/* //////////////////////////////////////////////// */