/********************************************************/
/*
/*      Footer CSS
/*
/********************************************************/
.wp-site-blocks > footer {
	background-color: var(--wp--preset--color--beige-fonce);
	margin-block-start: 0;
	a :hover{
		color: var(--wp--color)
	}
	
	address {
		font-style: normal;
		display: block;
	}

	
	.footer--inner {
		
		display: grid;
		grid-template-columns: 20rem auto auto;
		grid-template-rows: auto auto auto;
		padding-block: 2rem;
		gap: 1rem;
		
		@media (width <= 600px) {
			display: block
		}
		> *  {
			margin-left: 0!important;
			margin-right: 0!important;
			margin-top:0;
			
			@media (width <= 600px) {
				margin-block-start: 1rem;
			}
		}
		
		.address  {
			align-self: flex-start;
			grid-row: 1 / span 1;
			grid-column: 1 / span 1;
			justify-self: flex-start;
		
			@media (width <= 600px) {
				margin-block-start: 0;
			}
		}
		
		.gps {
			align-self: center;
			grid-row: 2 / span 1;
			grid-column: 1 / span 1;
		
		}
		
		.tels {
			align-self: flex-end;
			grid-row: 3 / span 1;
			grid-column: 1 / span 1;
			
			@media (width <= 1180px) {
				grid-row: 1 / span 1;
				grid-column: 2 / span 1;
			}
			
		}
		
		.emails {
			justify-self: flex-end;
			grid-row: 2 / span 1;
			grid-column: 2 / span 1;
			
			@media (width <= 600px) {
				justify-self: flex-start;
			}
			
		}
		
		.logo {
			grid-row: 2 / span 1;
			grid-column: 3 / span 1;
			align-self: flex-end;
			justify-self: flex-end;
			@media (width <= 980px) {
				display: none;
			}
		
			img {
				height: 100%;
				object-fit: contain;	
				
			}
		}
		
		.assos {
			grid-row: 3 / span 1;
			grid-column: 2 / span 2;
			max-width: 56rem;
			align-self: flex-end;
			justify-self: flex-end;
			margin-block-start: 2rem;
			
			@media (width <= 1300px) {
				grid-row: 3 / span 1;
				grid-column: 1 / span 3;	
			
			}
			
		
			
			nav {
				display: grid;
				
				grid-template-columns: repeat(4, 1fr);
				gap: 1rem;
				
				@media (width <= 820px) {
					grid-template-columns: repeat(2, 1fr);
				}
				
				@media (width <= 360px) {
					grid-template-columns: repeat(1, 1fr);
				}
				li  {
					box-sizing: border-box;
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100%;
					height: 100%;
					border: 1px solid;
					border-radius: 1rem; 
					color: var(--wp--preset--color--blanc);
					font-size: var(--wp--preset--font-size--small);
					min-height: 4.5rem;
					a {
						text-align: center;
						padding: 0.5rem;
						line-height: 1.2;
					}
				}
			
			}
		}
	}
	
	.footer--meta  {
		margin-block-start: 0;
		padding-block: .75rem;
		background-color: var(--wp--preset--color--beige-pale);
		font-size: var(--wp--preset--font-size--small);
		color: var(--wp--preset--color--beige-fonce);
	} 
}