/*
Theme Name: Eliaut
Author: RICHARD Nicolas
Author URI: https://eliaut.com/
Description: Theme principal fait main de Eliaut (Footer)
Version: 1.0.0
*/

/* ==========================================================================
1.a SECTION CONTACT FOOTER
========================================================================== */
.contact-footer {
    position: relative;
	display: flex;
	flex-direction: row;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	gap: 40px;
}
.contact-footer h3 {
	color: var(--color-text2);
}
.f-col {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	max-width: 380px;
	gap: 20px;
	z-index: 2;
}
.f-contact-overlay {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 1;
}
.f-container {
	background-color: var(--color-bg2);
	color: var(--color-text2);
	gap: 80px;
}
.f-container2 {
	background-color: var(--color-bg2);
	color: var(--color-text2);
	gap: 80px;
	display: flex;
	flex-direction: column;
}
.f-nav{
	display: flex;
	flex-direction: column;
}
@media only screen and (min-width:1130px){.f-container{width:100%;padding:5rem;}}
@media only screen and (min-width:825px) and (max-width:1130px){.f-container{width:100%;padding:2.5rem;}}
@media only screen and (max-width:825px){.f-container{width:100%;padding: 2.5rem 1.875rem;/* 40px 30px */}.contact-footer{flex-direction: column;}}
/* ==========================================================================
1.b SECTION NAVIGATION FOOTER
========================================================================== */
.f-nav-grid {
    display: flex;
	flex-direction: row;
	justify-content: space-between;
    gap: 40px;
}
.f-nav-col {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.f-nav-col h3 {
    color: var(--color-text2);
}
.f-nav-col a, .f-nav-col p, .f-nav-col li {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    transition: color 0.2s ease-in-out;
}
.f-nav-col a:hover {
    color: #ffffff;
}
.f-nav-col ul {
    list-style: none;
}
.f-menu-2cols {
    column-count: 2;
    column-gap: 20px;
}
.f-menu-2cols li {
	padding-bottom: 10px;
}
.f-contact-info {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.f-contact-info a {
    text-decoration: underline;
    text-underline-offset: 4px;
}
.f-contact-info a:hover {
    text-decoration-color: transparent;
}
.f-hours-list {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.f-hours-list li {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.f-hours-list span:last-child{
	text-align: end;
}
.f-menu-legal {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
@media screen and (max-width: 1130px) {
    .f-nav-grid {
		display: flex;
		flex-direction: column;
		gap: 40px;
    }
}
@media screen and (max-width: 825px) {
    .f-nav-grid {
		display: flex;
		flex-direction: column;
        gap: 40px;
    }
}
.f-line {
	border: solid 1px var(--color-accent);
}
.eliaut-svg img {
	width: 100%;
}
.f-cred {
	padding: 30px 80px;
	background-color: var(--color-bg2);
	color: var(--color-text2);
	border-top: solid 1px var(--color-accent);
}
.cred-content {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.cred-content .social-contact svg path {
	fill: rgba(255, 255, 255);
}
.lk-bg {
	fill: var(--color-bg) !important;
}
.lk-text {
	fill: var(--color-bg2) !important;
}