/*
 Theme Name:   Wind Win Solutions - 2024
 Description:  Theme enfant de lfi-2024
 Author:       La Fabrique Info
 Template:     lfi-2024
 Version:      1.0.0
 Text Domain:  wws-2024
*/

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap");
.font-ubuntu {
	font-family: "Ubuntu", sans-serif;
}
.font-montserrat {
	font-family: "Montserrat", sans-serif;
}
body {
	font-family: "Ubuntu", sans-serif;
	font-size: 16px;
    font-weight: 300;
    background-color: white;
}

nav.navbar {
	height: 5rem;
}
nav a.navbar-brand {
	position: absolute;
	z-index: 99;
	left: 50%;
	top: 1.5rem;
	transform: translate(-50%);
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-ms-transform: translate(-50%);
	-o-transform: translate(-50%);
}
nav .navbar-brand .custom-logo img {
	height: auto;
	width: 5.4rem;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	nav.navbar {
		height: 7rem;
	}
	nav a.navbar-brand {
		top: 2.5rem;
	}
	nav .navbar-brand .custom-logo img {
		width: 7.4rem;
	}
}

nav ul.navbar-nav a.nav-link {
	font-weight: 100;
}

nav ul.navbar-nav a.nav-link.active {
	/* color: white; */
	font-weight: bold;
	position: relative;
	padding-bottom: 1.1rem;
}

nav ul.navbar-nav a.nav-link.active:after {
	content: "";
	display: block;
	background-image: url(./assets/img/vague-blanche.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	width: 4rem;
	height: 2rem;
	position: absolute;
	left: 50%;
	top: 2rem;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}
/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	nav.navbar {
		height: 8rem;
	}
	nav a.navbar-brand {
		position: absolute;
		left: 3.4rem;
		top: 1.1rem;
		transform: none;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
	}
	nav .navbar-brand .custom-logo img {
		height: auto;
		width: 8.6rem;
	}
	.navbar-expand-xl .navbar-nav .nav-link {
		padding: 0.5rem 0.75rem;
	}
	nav ul.navbar-nav a.nav-link.active {
		padding-bottom: 0.5rem;
	}
}

.wpcf7-form-control-wrap {
	position: relative;
	width: 100%;
	display: block;
}
.wpcf7-spinner {
	position: absolute;
	left: 50%;
	transform: translate(-50%, -50%);
	margin: 0;
	top: 50%;
}

ul.is-style-vague-orange {
	list-style-image: url(./assets/img/vague-orange.svg);
	padding-left: 5rem;
}

.wp-block-image {
	line-height: 0;
}
.wp-block-image figcaption {
	line-height: 1;
}

figure.wp-block-image figcaption.wp-element-caption {
	margin-top: 1.6rem;
}

h1.is-style-vague,
h1.is-style-vague-left,
h1.is-style-vague-right {
	position: relative;
	/* display: inline-block; */
}
h1.is-style-vague::before,
h1.is-style-vague-left::before,
h1.is-style-vague::after,
h1.is-style-vague-right::after {
	content: "";
	z-index: 99;
	display: block;
	position: absolute;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
h1.is-style-vague::before,
h1.is-style-vague-left::before {
	background-image: url(./assets/img/vague-titre-l.svg);
	height: 3rem;
	width: 8rem;
	left: 1rem;
	top: -2.4rem;
}
h1.is-style-vague::after,
h1.is-style-vague-right::after {
	background-image: url(./assets/img/vague-titre-r.svg);
	height: 3rem;
	width: 5.5rem;
	right: -0.6rem;
	bottom: -2.6rem;
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	h1.is-style-vague::before,
	h1.is-style-vague-left::before {
		left: -7rem;
		top: -2.4rem;
	}
	h1.is-style-vague::after,
	h1.is-style-vague-right::after {
		right: -7.6rem;
		bottom: -0.4rem;
	}
	h1.is-style-vague::after {
		right: -6.6rem;
		bottom: -2.1rem;
	}
}

.wp-block-group .wp-block-group__inner-container {
	height: 100%;
}

.wp-block-cover.is-style-contain img {
	object-fit: contain;
}