:root {
  --color-nav-static: #fff;
  --color-nav-hover: #71ad2d;
  --color-nav-active: #71ad2d;
  --bg-color-nav-static: #fff;
  --color-nav-sticky: #356fa8;
  --color-h1-light: rgba(255, 255, 255, 0.5);
  --color-h1-light-hightlight: #fff;
  --color-h1-dark: rgba(53, 110, 168, 0.5);
  --color-h1-dark-hightlight: #356fa8;
  --color-h2: #356fa8;
  --color-h3: #4b9990;
  --color-h4: #000;
  --color-p-dark: #404040;
  --color-p-light: #fff;
  --color-p-highlight: #71ad2d;
  --color-p-extra: #356fa8;
  --bg-color-int: #006DA4;
  --bg-color-ext: #043F65;
  --bg-color-button: #71ad2d;
  --bg-color-button-hover: #fff;
  --color-p-button: #fff;
  --color-p-button-hover: #71ad2d;
  --shadow-button: 0 0 10px rgba(0,0,0,0.2);
  --shadow-button-hover: 0 16px 10px rgba(0,0,0,0.2);
  --bg-color-tape: #4B9990;
  --bg-color-tape-2: #71ad2d;
  --bg-color-question: #fff;
  --bg-color-question-active: #4B9990;
  --color-p-question: #000;
  --color-p-question-active: #fff;
  --bg-color-footer: #212121;
  --color-h3-footer: #fff;
  --bg-color-shadow-menu: rgba(0, 0, 0, 0.8);
}

/*!
Theme Name: Biogazia
Theme URI: http://underscores.me/
Author: NetCURD
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: biogazia
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Biogazia is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: 700;
}

dd {
  margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

figure {
  margin: 1em 0;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #4169e1;
}

a:visited {
  color: #800080;
}

a:hover,
a:focus,
a:active {
  color: #191970;
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}

input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
}

.main-navigation ul {
  display: none;
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
}

.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}

.main-navigation ul ul a {
  width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}

.main-navigation li {
  position: relative;
}

.main-navigation a {
  display: block;
  text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  display: block;
}

@media screen and (min-width: 950px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: flex;
    align-items: center;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}

.widget select {
  max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

body {
  font-family: "Montserrat", sans-serif;
}

h1 {
  font-size: 2rem;
  font-weight: 700;
  color: var(--color-h1-light);
  margin: 0;
  margin-bottom: 2rem;
}
h1 strong {
  font-size: 2.5rem;
}

h2 {
  color: var(--color-h2);
  font-size: 2rem;
  margin-bottom: 6rem;
  font-weight: 800;
}

h3 {
  color: var(--color-h3);
  font-size: 1.5rem;
}

section {
  padding-top: 50px;
  padding-bottom: 50px;
}

strong {
  font-weight: 900;
}

em {
  font-style: normal;
  color: #fff;
}

p {
  margin: 0;
  font-weight: 500;
}

#tarteaucitronRoot .tarteaucitronAllow {
  background-color: var(--bg-color-button) !important;
}

header#masthead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  padding-bottom: 15px;
  position: absolute;
  width: 100%;
  z-index: 99;
}
header#masthead .site-branding {
  display: flex;
  align-items: center;
}
header#masthead .site-branding a {
  display: flex;
  width: 100px;
}
header#masthead .site-branding .v-divider {
  width: 1px;
  height: 100px;
  background-color: var(--color-p-light);
  margin: 0 2rem;
}
header#masthead .site-branding p {
  width: 220px;
  font-size: 0.9rem;
  margin: 0;
  color: var(--color-p-light);
}
header#masthead .site-branding p strong {
  color: var(--color-p-highlight);
}
header#masthead .main-navigation {
  width: auto;
}
header#masthead .main-navigation .full-container {
  display: flex;
  gap: 2rem;
  align-items: center;
}
@media screen and (min-width: 1400px) {
  header#masthead .main-navigation .full-container {
    gap: 5rem;
  }
}
header#masthead .main-navigation .full-container .menu {
  gap: 1.75rem;
  align-items: stretch;
}
header#masthead .main-navigation .full-container .menu li {
  text-transform: uppercase;
}
header#masthead .main-navigation .full-container .menu li:not(:last-child) {
  display: flex;
  align-items: center;
}
header#masthead .main-navigation .full-container .menu li a {
  font-size: 14px;
  width: 100%;
  text-align: center;
}
header#masthead .main-navigation .full-container .menu li .sub-menu {
  width: 220px;
  display: block;
  background-color: #356fa8;
  top: 100%;
  left: -999em;
}
header#masthead .main-navigation .full-container .menu li .sub-menu :hover {
  top: 100%;
  left: auto;
}
header#masthead .main-navigation .full-container .menu li .sub-menu.active {
  left: auto !important;
}
header#masthead .main-navigation .full-container .menu li .sub-menu li {
  display: block;
}
header#masthead .main-navigation .full-container .menu li .sub-menu li a {
  padding: 10px;
}
header#masthead .main-navigation .full-container .menu li .sub-menu li:hover {
  background-color: #ffffff;
}
header#masthead .main-navigation .full-container .menu li .sub-menu li:hover a {
  color: #356fa8;
}
@media screen and (min-width: 1500px) {
  header#masthead .main-navigation .full-container .menu > li:not(:last-child)::after {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    background-color: var(--color-p-highlight);
    border-radius: 5px;
    margin-left: 1.75rem;
  }
}
header#masthead .main-navigation button {
  background: none;
  border: none;
  cursor: pointer;
}
header#masthead .main-navigation button span {
  display: block;
  width: 30px;
  height: 3px;
  background-color: var(--bg-color-button);
  margin: 5px 0;
  transition: all 0.3s ease-in-out;
  border-radius: 3px;
}

header#masthead.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100px;
  background-color: var(--bg-color-nav-static);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 999;
}
header#masthead.sticky .site-branding .logo-container {
  display: flex;
}
header#masthead.sticky .site-branding .logo-container a.dark-logo {
  width: 100px;
}
header#masthead.sticky .site-branding .logo-container a {
  display: none;
}
header#masthead.sticky .site-branding span, header#masthead.sticky .site-branding p {
  display: none;
}
header#masthead.sticky nav > div > div > ul > li > a:not(.btn) {
  color: var(--color-nav-sticky);
}
header#masthead.sticky nav > div > a {
  display: none;
}

header#masthead.sticky + .site-main {
  margin-top: 100px;
}

a, a:visited, a:focus, a:hover, a:active {
  text-decoration: none;
  color: var(--color-nav-static);
  font-weight: 600;
}

@media (max-width: 950px) {
  header#masthead nav.main-navigation.toggled button.menu-toggle {
    position: relative;
    z-index: 999;
  }
  header#masthead nav.main-navigation.toggled button.menu-toggle span:nth-child(1) {
    transform-origin: center;
    transform: translateY(8px) rotate(45deg);
  }
  header#masthead nav.main-navigation.toggled button.menu-toggle span:nth-child(2) {
    opacity: 0;
  }
  header#masthead nav.main-navigation.toggled button.menu-toggle span:nth-child(3) {
    transform-origin: center;
    transform: translateY(-8px) rotate(-45deg);
  }
  header#masthead nav.main-navigation.toggled div.full-container {
    opacity: 0;
    animation: opacity 0.2s ease-in-out forwards;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    max-width: 100vw;
    width: 100%;
    background-color: #043F65;
    z-index: 9;
    display: grid;
  }
  header#masthead nav.main-navigation.toggled div.full-container .menu {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0 2rem;
    margin: 0;
  }
  header#masthead nav.main-navigation.toggled div.full-container .menu > li:not(:last-child) {
    width: 300px;
    justify-content: center;
    position: relative;
  }
  header#masthead nav.main-navigation.toggled div.full-container .menu > li > a {
    padding: 15px;
  }
  header#masthead nav.main-navigation.toggled div.full-container .menu > li > a:not(.btn) {
    color: var(--color-p-light);
  }
  @keyframes opacity {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
}
@media screen and (max-width: 1233px) {
  header#masthead .site-branding .v-divider {
    display: none;
  }
  header#masthead .site-branding p {
    display: none;
  }
}
@media screen and (max-width: 1300px) {
  header#masthead .main-navigation .full-container .menu {
    gap: 1.5rem;
  }
}
footer#colophon {
  background: var(--bg-color-footer);
  color: var(--color-h3-footer);
}
footer#colophon img {
  width: 100px;
}
footer#colophon div.footer__container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}
footer#colophon div.footer__container .footer__content {
  display: grid;
}
footer#colophon div.footer__container .footer__content span {
  max-width: 350px;
}
footer#colophon div.footer__container .footer__content span strong {
  color: var(--color-p-highlight);
}
footer#colophon div.footer__container .footer__content img {
  width: 250px;
}
footer#colophon div.footer__container .footer__content div {
  display: flex;
  align-items: center;
}
footer#colophon div.footer__container .footer__content div img {
  width: 30px;
  margin-right: 10px;
}
footer#colophon div.footer__container .footer__navigation h3 {
  color: var(--color-h3-footer);
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
  margin-bottom: 20px;
}
footer#colophon div.footer__container .footer__navigation ul.menu {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  margin: 20px 0;
}
footer#colophon div.footer__container .footer__navigation ul.menu li a {
  color: var(--color-p-highlight);
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}
footer#colophon div.footer__container .footer__navigation ul.menu li a:hover {
  color: var(--color-p-light);
}
footer#colophon div.footer__container .footer__socials {
  position: relative;
}
footer#colophon div.footer__container .footer__socials h3 {
  background: var(--color-h3);
  padding: 1rem 2rem;
  position: absolute;
  top: -6.2rem;
  left: 0;
  border-radius: 0 0 10px 10px;
  margin: 0;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 600;
  color: white;
  z-index: 9;
}
footer#colophon div.footer__container .footer__socials h3 em {
  font-style: normal;
  color: var(--color-h1-light);
}
footer#colophon div.footer__container .footer__socials h3::before {
  content: "";
  position: absolute;
  top: 0;
  left: -25px;
  border-top: 25px solid transparent;
  border-right: 25px solid #33514d;
}
footer#colophon div.footer__container .footer__socials h3::after {
  content: "";
  position: absolute;
  top: 0;
  right: -25px;
  border-top: 25px solid transparent;
  border-left: 25px solid #33514d;
}
footer#colophon div.footer__container .footer__socials > div {
  display: flex;
  align-items: center;
  gap: 3rem;
  margin: 20px 0;
}
footer#colophon div.footer__container .footer__socials > div div {
  display: flex;
  gap: 1rem;
}
footer#colophon div.footer__container .footer__socials > div div a img {
  width: 30px;
  fill: white;
}
footer#colophon div.footer__container .footer__item {
  margin: 0 auto;
}
footer#colophon div.footer__container .footer__item .watertech {
  width: 100%;
  margin-top: 10rem;
}
footer#colophon div.site-info {
  display: flex;
  justify-content: center;
  gap: 5px;
  padding-bottom: 2rem;
}
footer#colophon div.site-info a {
  text-decoration: none;
}
footer#colophon div.footer__container {
  padding: 75px 20px;
}
@media screen and (max-width: 783px) {
  footer#colophon div.footer__container {
    grid-template-columns: 1fr;
    gap: 5rem;
  }
  footer#colophon div.footer__container .footer__content {
    justify-items: center;
  }
  footer#colophon div.footer__container .footer__socials h3 {
    opacity: 0;
  }
  footer#colophon div.site-info {
    flex-direction: column;
    align-items: center;
  }
}
@media screen and (max-width: 950px) {
  footer#colophon div.footer__container .footer__socials h3 {
    font-size: 1rem;
    padding: 1rem 2rem;
  }
  footer#colophon div.footer__container .footer__socials > div {
    flex-direction: column;
  }
}
@media screen and (min-width: 1224px) {
  footer#colophon div.footer__container {
    padding: 75px 200px;
  }
}
@media screen and (min-width: 1440px) {
  footer#colophon div.footer__container {
    padding: 75px 260px;
  }
}

main#home {
  position: relative;
}
main#home .hero__section {
  background: radial-gradient(ellipse at center, var(--bg-color-int) 0%, var(--bg-color-ext) 100%);
  padding-top: 130px;
  position: relative;
}
main#home .hero__section .wrapper {
  display: flex;
  justify-content: center;
  gap: 2rem;
  max-height: 80vh;
}
main#home .hero__section .wrapper > div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 650px;
  position: relative;
}
main#home .hero__section .wrapper > div:first-child .nominations {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 75px;
  display: flex;
}
main#home .hero__section .wrapper > div:last-child {
  position: relative;
}
main#home .hero__section .wrapper > div:last-child button.listener {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.2s ease-in-out;
  background: none;
  border: none;
  padding: 0;
}
main#home .hero__section .wrapper > div:last-child button.listener:hover {
  transform: translate(-50%, -50%) scale(1.1);
}
main#home .hero__section .wrapper > div:last-child div.miniature {
  display: flex;
}
main#home .hero__section .wrapper > div:last-child div.miniature img {
  max-height: 80vh;
}
main#home .hero__section .wrapper > div:last-child div.video {
  max-height: 80vh;
  display: none;
  aspect-ratio: 131/175;
  align-items: center;
}
main#home .hero__section .wrapper > div:last-child div.video video {
  width: 100%;
  border-radius: 24px;
}
main#home .hero__section .wrapper > div {
  flex: 1;
  max-width: 600px;
  z-index: 1;
}
main#home .hero__section .wrapper > div img {
  max-height: 700px;
}
main#home .hero__section .decoration div:nth-child(1) {
  position: absolute;
  top: 30%;
  left: 40%;
  width: 150px;
}
main#home .hero__section .decoration div:nth-child(2) {
  position: absolute;
  top: 75%;
  left: 20%;
  width: 150px;
}
main#home .hero__section .decoration div:nth-child(3) {
  position: absolute;
  top: 80%;
  left: 80%;
  width: 150px;
}
main#home .overview__section {
  position: relative;
  overflow: hidden;
}
main#home .overview__section .wrapper {
  display: grid;
  justify-items: center;
}
main#home .overview__section .wrapper > div > h2 {
  text-align: center;
  max-width: 800px;
  font-weight: 700;
}
main#home .overview__section .wrapper .articles article {
  display: flex;
  grid-gap: 50px;
  justify-items: end;
  max-width: 1150px;
  margin: 0 auto;
}
main#home .overview__section .wrapper .articles article div:first-child {
  display: flex;
  width: 100%;
}
main#home .overview__section .wrapper .articles article div {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 650px;
}
main#home .overview__section .wrapper .articles article + article {
  margin-top: 4rem;
}
main#home .overview__section .wrapper .articles article:nth-child(even) {
  flex-direction: row-reverse;
}
main#home .overview__section .wrapper .articles article:nth-child(1) div:has(img) {
  mask-image: url(https://biogaz-ia.com/wp-content/uploads/2024/01/forme-img-0.svg);
  mask-size: 87%;
  mask-repeat: no-repeat;
  mask-position: center;
}
main#home .overview__section .wrapper .articles article:nth-child(2) div:has(img) {
  mask-image: url(https://biogaz-ia.com/wp-content/uploads/2024/01/forme-img-1-1.svg);
  mask-size: 83%;
  mask-repeat: no-repeat;
  mask-position: center;
}
main#home .overview__section .wrapper .articles article:nth-child(3) div:has(img) {
  mask-image: url(https://biogaz-ia.com/wp-content/uploads/2024/01/forme-img-2-1.svg);
  mask-size: 79%;
  mask-repeat: no-repeat;
  mask-position: center;
}
main#home .overview__section svg {
  background-image: url(https://biogaz-ia.com/wp-content/uploads/2024/01/rond-transparent-fond.svg);
  position: absolute;
  top: -10%;
  right: -10%;
  z-index: -1;
  width: 60vw;
  aspect-ratio: 1;
}
main#home .comment__section {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
  padding: 0;
}
main#home .comment__section > div:first-child {
  display: flex;
  justify-content: center;
}
main#home .comment__section > div:first-child h2 {
  width: 600px;
}
main#home .comment__section .tape-wrapper {
  position: relative;
  overflow-x: clip;
}
main#home .comment__section .tape-wrapper .tape {
  background-color: var(--bg-color-tape);
  display: flex;
  padding-left: 150px;
  padding-right: min(25vw, 300px);
  width: 80%;
  margin-left: auto;
  border-radius: 999px 0 0 999px;
  height: 300px;
}
main#home .comment__section .tape-wrapper .tape .avis {
  margin: auto auto auto 0;
  max-width: 600px;
}
main#home .comment__section .tape-wrapper .tape .avis .owl-item p {
  font-size: 12px;
  color: var(--color-p-light);
}
main#home .comment__section .tape-wrapper .tape .avis .owl-dots {
  display: flex;
  justify-content: center;
  gap: 1rem;
}
main#home .comment__section .tape-wrapper .tape .avis .owl-dots button {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: var(--color-p-light);
}
main#home .comment__section .tape-wrapper .tape .avis .owl-dots button.active {
  background-color: var(--color-p-highlight);
  border: 2px solid var(--color-p-light);
}
main#home .comment__section .tape-wrapper .tape .avis .owl-dots button:hover {
  background-color: var(--color-p-highlight);
}
main#home .comment__section .tape-wrapper .tape .big-image {
  position: absolute;
  right: 0;
}
main#home .comment__section .tape-wrapper .tape .big-image picture img {
  width: 350px;
  aspect-ratio: 1;
  border-radius: 999px;
  object-fit: cover;
  transform: translateX(15%) translateY(-8%);
  border: 10px solid #fff;
}
main#home .comment__section .tape-wrapper .tape .big-image > img {
  position: absolute;
}
main#home .comment__section .tape-wrapper .tape .big-image .decoration .circle {
  width: 70px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #009F94;
}
main#home .comment__section .tape-wrapper .tape .big-image .decoration .c1 {
  position: absolute;
  top: -10%;
  left: 0;
  background: #356fa8;
}
main#home .comment__section .tape-wrapper .tape .big-image .decoration .c2 {
  position: absolute;
  top: 10%;
  right: -10%;
  width: 60px;
  background: #71ad2d;
}
main#home .comment__section .tape-wrapper .tape .big-image .decoration .c3 {
  position: absolute;
  top: 90%;
  left: 80%;
  width: 100px;
}
main#home .comment__section .tape-wrapper::before {
  content: "";
  display: block;
  width: 15vw;
  height: 100%;
  border-radius: 0 999px 999px 0;
  background-color: var(--bg-color-tape);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
main#home .comment__section svg.bg-deco {
  background-image: url(https://biogaz-ia.com/wp-content/uploads/2024/01/rond-transparent-fond.svg);
  position: absolute;
  top: -15%;
  left: -10%;
  width: 80vw;
  aspect-ratio: 1;
  z-index: -1;
}
main#home .news__section .wrapper div > h2 {
  text-align: center;
}
main#home .news__section .wrapper > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  gap: 4rem;
  margin: 0;
  padding: 0;
}
main#home .news__section .wrapper > ul > li {
  box-shadow: var(--shadow-button);
  border-radius: 24px;
  overflow: hidden;
  max-width: 400px;
  background-color: white;
  transition: all 0.25s ease-in-out;
}
main#home .news__section .wrapper > ul > li:hover {
  box-shadow: var(--shadow-button-hover);
  transform: translateY(-5px);
}
main#home .news__section .wrapper > ul > li > div {
  padding: 2rem;
}
main#home .news__section .wrapper > ul > li > div div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
main#home .news__section .wrapper > ul > li > div div:first-child ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
main#home .news__section .wrapper > ul > li > div div:first-child span, main#home .news__section .wrapper > ul > li > div div:first-child a {
  color: var(--color-p-extra);
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
main#home .news__section .wrapper > ul > li > div h3 {
  color: var(--color-p-extra);
}
main#home .news__section .wrapper > ul > li > div div:has(.btn) {
  margin-top: 2rem;
  display: flex;
}
main#home .contact__section {
  background-color: var(--bg-color-tape-2);
  width: 90%;
  border-radius: 0 999px 999px 0;
  margin-top: 50px;
  margin-bottom: 0;
}
main#home .contact__section .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
  padding: 2rem;
}
main#home .contact__section .wrapper h2 {
  color: var(--color-p-light);
  margin: 0;
}
main#home .contact__section .wrapper .btn {
  box-shadow: none;
  border: 2px solid var(--color-p-light);
}
main#home .contact__section .wrapper .btn:hover {
  background-color: var(--color-p-light);
  color: var(--color-p-highlight);
}
main#home .questions__section {
  position: relative;
  overflow-x: clip;
  padding-top: 100px;
}
main#home .questions__section .wrapper h2 {
  color: white;
  text-align: center;
}
main#home .questions__section .wrapper div#accordion {
  background-color: white;
  padding: 2rem;
  border-radius: 3rem;
  max-width: 1400px;
  margin: 0 auto;
}
main#home .questions__section .wrapper div#accordion .questions__item, main#home .questions__section .wrapper div#accordion .questions__item.active {
  max-width: 1150px;
}
main#home .questions__section .wrapper div#accordion h3.question {
  display: flex;
  align-items: center;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
  border: 1px solid var(--bg-color-question-active);
  padding: 0.8rem 1.6rem;
  cursor: pointer;
  color: var(--color-p-question);
  background-color: transparent;
  border-radius: 999px;
  margin-bottom: 1rem;
}
main#home .questions__section .wrapper div#accordion h3.question span.before-cross {
  display: inline-flex;
  margin-right: 1rem;
}
main#home .questions__section .wrapper div#accordion h3.question span.before-cross span {
  width: 20px;
  height: 5px;
  background-color: var(--bg-color-question-active);
  transition: transform 0.2s ease-in-out;
}
main#home .questions__section .wrapper div#accordion h3.question span.before-cross span:last-child {
  transform: translateX(-100%) rotate(90deg);
}
main#home .questions__section .wrapper div#accordion h3.question.active {
  color: var(--color-p-question-active);
  border: 1px solid var(--bg-color-question-active);
  animation: fade 0.3s ease-in-out forwards;
}
main#home .questions__section .wrapper div#accordion h3.question.active span.before-cross span {
  background-color: var(--color-p-question-active);
}
main#home .questions__section .wrapper div#accordion h3.question.active span.before-cross span:last-child {
  transform: translateX(-100%) rotate(0deg);
}
@keyframes fade {
  from {
    background-color: transparent;
  }
  to {
    background-color: var(--bg-color-question-active);
  }
}
main#home .questions__section .wrapper div#accordion p.answer {
  padding: 2rem 4rem;
}
main#home .questions__section svg {
  background-image: url(https://biogaz-ia.com/wp-content/uploads/2024/01/deco-footer12.svg);
  position: absolute;
  bottom: -150%;
  left: 0;
  width: 100%;
  aspect-ratio: 14/15;
  background-repeat: no-repeat;
  z-index: -1;
}
main#home .carrousel__section {
  background-color: white;
}
@media screen and (max-width: 1650px) {
  main#home .comment__section {
    overflow-x: clip;
  }
}
@media screen and (max-width: 1350px) {
  main#home .comment__section {
    overflow-x: clip;
  }
  main#home .questions__section svg {
    bottom: -60%;
  }
}
@media screen and (max-width: 1100px) {
  main#home .comment__section .tape-wrapper .tape .avis .owl-stage-outer {
    width: 100%;
  }
  main#home .comment__section div:first-child h2 {
    width: 100%;
    text-align: center;
  }
  main#home .comment__section .tape-wrapper::before {
    display: none;
  }
  main#home .comment__section .tape-wrapper .tape {
    width: 100%;
    border-radius: 0;
    height: 300px;
    padding: 0 2rem;
    justify-content: center;
  }
  main#home .comment__section .tape-wrapper .tape .avis {
    margin: auto;
  }
  main#home .comment__section .tape-wrapper .tape .avis .owl-stage-outer {
    margin-right: 0;
  }
  main#home .comment__section .tape-wrapper .tape .big-image {
    display: none;
  }
  main#home .contact__section {
    width: 100%;
    border-radius: 0;
  }
  main#home .contact__section .wrapper {
    flex-direction: column;
    gap: 2rem;
  }
  main#home .contact__section .wrapper h2 {
    text-align: center;
  }
  main#home .questions__section .wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
  main#home .questions__section .wrapper div#accordion {
    padding: 0;
  }
  main#home .questions__section .wrapper div#accordion h3.question {
    font-size: 1.2rem;
  }
  main#home .questions__section .wrapper div#accordion p.answer {
    padding: 10px;
  }
  main#home .questions__section svg {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  main#home .hero__section .wrapper {
    flex-direction: column;
    max-height: unset;
    gap: 10rem;
    align-items: center;
  }
  main#home .hero__section .wrapper div:first-child {
    margin-top: 3rem;
    text-align: center;
    align-items: center;
  }
  main#home .hero__section .wrapper div:first-child .nominations {
    bottom: -30%;
    left: unset;
  }
  main#home .hero__section .wrapper div:first-child .nominations img {
    width: 130px;
    height: auto;
  }
  main#home .hero__section .wrapper div {
    z-index: 1;
  }
  main#home .overview__section .wrapper .articles article {
    flex-direction: column !important;
    justify-items: center;
    align-items: center;
    text-align: center;
  }
  main#home .overview__section .wrapper .articles article div:first-child {
    max-width: 500px;
  }
  main#home .overview__section svg {
    right: 50%;
    transform: translateX(50%);
    width: 90vw;
  }
}
@media screen and (max-width: 783px) {
  main#home .hero__section .decoration {
    display: none;
  }
  main#home .questions__section svg {
    bottom: 0;
  }
}
@media screen and (max-width: 500px) {
  main#home .comment__section .tape-wrapper .tape .avis div:nth-child(2) {
    display: none;
  }
  main#home .hero__section .wrapper {
    gap: 15rem;
  }
  main#home .hero__section .wrapper div:first-child .nominations {
    display: flex;
    flex-direction: column;
    bottom: -25%;
    left: unset;
  }
}

a.btn, input.btn {
  color: var(--color-p-button);
  background-color: var(--bg-color-button);
  border: 2px solid var(--bg-color-button);
  border-radius: 999px;
  padding: 10px 20px;
  box-shadow: var(--shadow-button);
  transition: all 0.2s ease-in-out;
  font-size: 14px;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  font-weight: 600;
  cursor: pointer;
}

a.btn.wide-btn, input.btn.wide-btn {
  padding: 10px 40px;
}

a.btn:hover, input.btn:hover {
  color: var(--color-p-button-hover);
  background-color: var(--bg-color-button-hover);
  border: 2px solid var(--bg-color-button);
}

a:disabled, input:disabled {
  color: #fff;
  background-color: #ccc;
  border: 2px solid #ccc;
  box-shadow: var(--shadow-button);
}

a:disabled:hover, input:disabled:hover {
  color: #fff;
  background-color: #ccc;
  border: 2px solid #ccc;
}

main#solutions div#breadcrumbs {
  color: white;
  background: #009F94;
  padding-top: 7px;
  padding-bottom: 7px;
}
main#solutions .hero__section {
  display: flex;
  justify-content: center;
  padding: 100px 40px 75px;
  overflow: hidden;
  position: relative;
}
main#solutions .hero__section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 70%;
  z-index: -1;
  background: radial-gradient(ellipse at center, var(--bg-color-int) 0%, var(--bg-color-ext) 100%);
}
main#solutions .hero__section > div:first-child {
  display: flex;
  max-width: 1200px;
  gap: 7rem;
}
main#solutions .hero__section > div:first-child > div {
  flex: 1;
}
main#solutions .hero__section > div:first-child > div h1 {
  color: var(--color-p-light);
  max-width: 700px;
}
main#solutions .hero__section > div:first-child > div p {
  color: var(--color-p-light);
  margin-bottom: 2rem;
}
main#solutions .hero__section > div:first-child > div:first-child {
  display: flex;
  flex-direction: column;
}
main#solutions .hero__section > div:first-child > div:last-child {
  display: flex;
  height: 380px;
  position: relative;
}
main#solutions .hero__section > div:first-child > div:last-child img {
  object-fit: contain;
  width: 60%;
  border-radius: 999px;
  aspect-ratio: 1;
  z-index: 1;
  min-width: 360px;
}
main#solutions .hero__section > div:first-child > div:last-child img:last-of-type {
  position: absolute;
  width: 60%;
  min-width: 360px;
  transform: scale(1.3);
  z-index: 0;
}
main#solutions .hero__section > div:first-child > div:last-child .decoration .circle {
  position: absolute;
  border-radius: 50%;
  background: #009F94;
  width: 100px;
  height: 100px;
  z-index: 2;
}
main#solutions .hero__section > div:first-child > div:last-child .decoration .c1 {
  top: 50%;
  left: 10%;
}
main#solutions .hero__section > div:first-child > div:last-child .decoration .c2 {
  top: 10%;
  right: 10%;
  background: white;
  width: 60px;
  height: 60px;
}
main#solutions .hero__section > div:first-child > div:last-child .decoration .c3 {
  bottom: -10%;
  left: 55%;
  background: #71ad2d;
  width: 80px;
  height: 80px;
}
main#solutions .overview__section {
  padding-top: 75px;
}
main#solutions .overview__section .articles {
  display: grid;
  gap: 4rem;
}
main#solutions .overview__section .articles article {
  display: flex;
}
main#solutions .overview__section .articles article div {
  flex: 1;
}
main#solutions .overview__section .articles article div:first-child {
  display: flex;
}
main#solutions .overview__section .articles article div:first-child img {
  width: 40vw;
  height: 300px;
  object-fit: cover;
}
@media screen and (min-width: 800px) {
  main#solutions .overview__section .articles article:nth-child(odd) {
    padding-right: 40px;
  }
}
@media screen and (min-width: 1600px) {
  main#solutions .overview__section .articles article:nth-child(odd) {
    padding-right: 100px;
  }
}
@media screen and (min-width: 1800px) {
  main#solutions .overview__section .articles article:nth-child(odd) {
    padding-right: 200px;
  }
}
main#solutions .overview__section .articles article:nth-child(even) {
  flex-direction: row-reverse;
}
@media screen and (min-width: 800px) {
  main#solutions .overview__section .articles article:nth-child(even) {
    padding-left: 40px;
  }
}
@media screen and (min-width: 1600px) {
  main#solutions .overview__section .articles article:nth-child(even) {
    padding-left: 100px;
  }
}
@media screen and (min-width: 1800px) {
  main#solutions .overview__section .articles article:nth-child(even) {
    padding-left: 200px;
  }
}
main#solutions .overview__section .articles article:nth-child(even) div:first-child {
  justify-content: flex-end;
}
@media screen and (max-width: 800px) {
  main#solutions .overview__section .articles article:nth-child(odd), main#solutions .overview__section .articles article:nth-child(even) {
    flex-direction: column;
    align-items: center;
    padding: 0 40px;
  }
}
main#solutions .contact__section {
  background-color: var(--bg-color-tape);
  margin-top: 50px;
  margin-bottom: 50px;
}
main#solutions .contact__section .wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
  padding: 2rem;
}
main#solutions .contact__section .wrapper h2 {
  color: var(--color-p-light);
  margin: 0;
}
main#solutions .contact__section .wrapper .btn {
  box-shadow: none;
  border: 2px solid var(--color-p-light);
  background-color: transparent;
}
main#solutions .contact__section .wrapper .btn:hover {
  background-color: var(--color-p-light);
  color: var(--bg-color-tape);
}
@media screen and (max-width: 1080px) {
  main#solutions .contact__section .wrapper {
    flex-direction: column;
  }
  main#solutions .hero__section {
    height: 800px;
  }
  main#solutions .hero__section::before {
    height: 100%;
  }
  main#solutions .hero__section > div:first-child {
    gap: 4em;
    flex-direction: column;
    align-items: center;
  }
  main#solutions .hero__section > div:first-child > div:first-child {
    flex: 0;
  }
  main#solutions .hero__section > div:first-child > div:last-child {
    width: 100%;
  }
  main#solutions .hero__section > div:first-child > div:last-child picture {
    min-width: 360px;
    display: block;
    margin: 0 auto;
  }
  main#solutions .hero__section > div:first-child > div:last-child img:last-of-type {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 800px) {
  main#solutions .decoration {
    display: none;
  }
  main#solutions .overview__section .articles article div:first-child img {
    width: 70vw;
  }
}

main#contact {
  background-color: rgba(7, 112, 172, 0.1);
}
main#contact .form__section {
  padding-bottom: 100px;
}
main#contact .form__section h1 {
  text-align: center;
  color: var(--color-h1-dar);
  margin-bottom: 5rem;
}
main#contact .form__section .wrapper {
  display: grid;
  grid-template-columns: 2fr 1fr;
  max-width: 1140px;
  margin: 0 auto;
  padding: 0;
}
main#contact .form__section .wrapper .form__content {
  padding: 0 20px;
  max-width: 650px;
}
main#contact .form__section .wrapper .form__content form {
  display: grid;
  grid-auto-columns: 1fr 1fr;
  grid-template-areas: "nom prenom" "i1 i2" "mail mail" "i3 i3" "tel tel" "i4 i4" "mes mes" "i5 i5" "check check" "btn btn";
  column-gap: 10px;
}
main#contact .form__section .wrapper .form__content form label:nth-of-type(1) {
  grid-area: nom;
}
main#contact .form__section .wrapper .form__content form label:nth-of-type(2) {
  grid-area: prenom;
}
main#contact .form__section .wrapper .form__content form label:nth-of-type(3) {
  grid-area: mail;
}
main#contact .form__section .wrapper .form__content form label:nth-of-type(4) {
  grid-area: tel;
}
main#contact .form__section .wrapper .form__content form label:nth-of-type(5) {
  grid-area: mes;
}
main#contact .form__section .wrapper .form__content form label:nth-of-type(6) {
  grid-area: check;
}
main#contact .form__section .wrapper .form__content form input[type=text]:nth-of-type(1) {
  grid-area: i1;
}
main#contact .form__section .wrapper .form__content form input[type=text]:nth-of-type(2) {
  grid-area: i2;
}
main#contact .form__section .wrapper .form__content form input[type=email] {
  grid-area: i3;
}
main#contact .form__section .wrapper .form__content form label:nth-of-type(4) + input[type=text] {
  grid-area: i4;
}
main#contact .form__section .wrapper .form__content form textarea {
  grid-area: i5;
}
main#contact .form__section .wrapper .form__content form .btn {
  grid-area: btn;
  margin: 20px auto;
  display: block;
  padding: 10px 40px;
  width: max-content;
}
main#contact .form__section .wrapper .form__content form label {
  font-size: 14px;
}
main#contact .form__section .wrapper .form__content form input[type=text], main#contact .form__section .wrapper .form__content form input[type=email] {
  border: 0;
  outline: 0;
  height: 40px;
  width: 100%;
  border-bottom: 1px solid #eee;
  background-color: #fff;
  font-size: 1rem;
  padding: 8px 15px;
  border-radius: 0;
  margin-bottom: 10px;
}
main#contact .form__section .wrapper .form__content form textarea {
  border: 0;
  outline: 0;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  border-bottom: 1px solid #eee;
  background-color: #fff;
  font-size: 1rem;
  padding: 8px 15px;
  border-radius: 0;
  height: 100%;
  min-height: 100px;
}
main#contact .form__section .wrapper .form__content form input, main#contact .form__section .wrapper .form__content form textarea::placeholder {
  color: #999;
  opacity: 1;
}
main#contact .form__section .wrapper .form__contact {
  padding: 0 20px;
}
main#contact .form__section .wrapper .form__contact .form__contact__item {
  display: grid;
  gap: 20px;
}
main#contact .form__section .wrapper .form__contact .form__contact__item .phone, main#contact .form__section .wrapper .form__contact .form__contact__item .address {
  display: flex;
  align-items: center;
}
main#contact .form__section .wrapper .form__contact .form__contact__item .phone a, main#contact .form__section .wrapper .form__contact .form__contact__item .address a {
  color: var(--color-p-dark);
  text-decoration: none;
}
main#contact .form__section .wrapper .form__contact .form__contact__item .phone img, main#contact .form__section .wrapper .form__contact .form__contact__item .address img {
  width: 30px;
  margin-right: 10px;
}
main#contact .form__section .wrapper .form__contact .form__contact__item img {
  width: 350px;
}
@media screen and (max-width: 782px) {
  main#contact .form__section .wrapper {
    grid-template-columns: 1fr;
  }
  main#contact .form__section .wrapper .form__content form label {
    font-size: 14px;
  }
  main#contact .form__section .wrapper .form__content form .row {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  main#contact .form__section .wrapper .form__content form .row label {
    flex: 1;
    max-width: 100%;
  }
  main#contact .form__section .wrapper .form__contact .form__contact__item img {
    width: fit-content;
  }
}

main#about div#breadcrumbs {
  color: white;
  background: #009F94;
  padding-top: 7px;
  padding-bottom: 7px;
}
main#about .hero__section {
  display: flex;
  justify-content: center;
  padding: 100px 40px 150px;
}
main#about .hero__section > div:first-child {
  display: flex;
  max-width: 1200px;
  gap: 10rem;
}
main#about .hero__section > div:first-child > div {
  flex: 1;
}
main#about .hero__section > div:first-child > div h1 {
  color: var(--color-h1-dark);
}
main#about .hero__section > div:first-child > div h1 strong {
  color: var(--color-h1-dark-hightlight);
}
main#about .hero__section > div:first-child > div h1 em {
  color: var(--color-h1-dark);
}
main#about .hero__section > div:first-child > div h1 p {
  font-weight: 600;
}
main#about .hero__section > div:first-child > div:first-child {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
main#about .hero__section > div:first-child > div:last-child {
  position: relative;
}
main#about .hero__section > div:first-child > div:last-child picture img {
  width: 80%;
  object-fit: contain;
  border-radius: 999px;
  aspect-ratio: 1;
  z-index: 1;
  min-width: 360px;
}
main#about .hero__section > div:first-child > div:last-child img {
  width: 80%;
  object-fit: contain;
  border-radius: 999px;
  aspect-ratio: 1;
  z-index: 1;
  min-width: 360px;
}
main#about .hero__section > div:first-child > div:last-child img:last-of-type {
  position: absolute;
  width: 80%;
  z-index: -1;
}
main#about .hero__section > div:first-child > div:last-child .decoration .circle {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #009F94;
}
main#about .hero__section > div:first-child > div:last-child .decoration .c1 {
  top: 60%;
  left: 0;
}
main#about .hero__section > div:first-child > div:last-child .decoration .c2 {
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  background: #356fa8;
}
main#about .hero__section > div:first-child > div:last-child .decoration .c3 {
  bottom: -10%;
  left: 55%;
  width: 60px;
  height: 60px;
  background: #71ad2d;
}
main#about .team__section {
  padding-top: 0;
}
main#about .team__section .wrapper h2 {
  text-align: center;
  font-weight: 700;
}
main#about .team__section .wrapper .cards {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1.25rem;
}
main#about .team__section .wrapper .cards .card {
  text-align: center;
  background-color: var(--color-h1-dark-hightlight);
  border-radius: 20px;
  overflow: hidden;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
main#about .team__section .wrapper .cards .card:hover .card-header .hovered {
  display: block;
}
main#about .team__section .wrapper .cards .card:hover .card-header > span {
  background-color: unset;
}
main#about .team__section .wrapper .cards .card:hover .card-header > div span {
  display: none;
}
main#about .team__section .wrapper .cards .card:hover .card-header > div a {
  text-decoration: underline;
}
main#about .team__section .wrapper .cards .card .card-header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 15px 30px;
  background-color: #035A92;
}
main#about .team__section .wrapper .cards .card .card-header > span {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #9AB6D3;
  display: grid;
  place-items: center;
}
main#about .team__section .wrapper .cards .card .card-header > span img {
  width: 30px;
  height: 30px;
}
main#about .team__section .wrapper .cards .card .card-header > div {
  display: grid;
  gap: 10px;
}
main#about .team__section .wrapper .cards .card .card-header > div span {
  width: 70px;
  height: 8px;
  background-color: #9AB6D3;
  border-radius: 10px;
}
main#about .team__section .wrapper .cards .card .card-header > div span:last-child {
  width: 130px;
}
main#about .team__section .wrapper .cards .card .card-header .hovered {
  display: none;
}
main#about .team__section .wrapper .cards .card .container {
  padding: 30px;
}
main#about .team__section .wrapper .cards .card .container img {
  width: 270px;
  border-radius: 50%;
  object-fit: cover;
  transition: all 0.2s ease-in-out;
}
main#about .team__section .wrapper .cards .card .container h3 {
  color: white;
  font-size: 1.75rem;
  font-weight: 600;
  margin-bottom: 0;
}
main#about .team__section .wrapper .cards .card .container h3 strong {
  font-weight: 800;
}
main#about .team__section .wrapper .cards .card .container span {
  color: white;
  font-size: 1rem;
  font-weight: 500;
}
main#about .team__section .wrapper .cards .card.focused {
  transform: scale(1.05);
}
main#about .team__section .wrapper .cards .card.focused .container img {
  box-shadow: 0 0 0 10px white;
}
main#about .info__section .container {
  height: 500px;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
main#about .info__section .container div:first-child {
  height: 500px;
}
main#about .info__section .container div:first-child img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
main#about .info__section .container div:last-child {
  background-color: #009F94;
  padding: 0 100px;
  display: flex;
  color: white;
  flex-direction: column;
  justify-content: center;
}
main#about .info__section .container div:last-child h1, main#about .info__section .container div:last-child p {
  max-width: 500px;
}
@media screen and (max-width: 1020px) {
  main#about .info__section .container {
    height: auto;
    grid-template-columns: 1fr;
  }
  main#about .info__section .container div:last-child {
    padding: 50px 50px;
    align-items: center;
    text-align: center;
  }
}
@media screen and (max-width: 1080px) {
  main#about .hero__section > div:first-child {
    gap: 4rem;
    flex-direction: column;
    align-items: center;
    height: 800px;
  }
  main#about .hero__section > div:first-child > div:last-child {
    width: 500px;
  }
}
@media screen and (max-width: 800px) {
  main#about .hero__section > div:first-child > div:last-child {
    width: 320px !important;
  }
}

main#primary.site-main {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2rem;
  row-gap: 4rem;
  justify-items: center;
  padding: 75px 40px;
  max-width: 1200px;
}
main#primary.site-main article {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 500px;
}
main#primary.site-main article img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
main#primary.site-main article > div {
  padding: 2rem;
}
main#primary.site-main article > div > div:first-child {
  display: flex;
  justify-content: space-between;
}
main#primary.site-main article > div > div:first-child ul {
  padding: 0;
  list-style: none;
}
main#primary.site-main article > div > div:first-child ul li a {
  color: var(--color-p-extra);
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
main#primary.site-main article > div > div:first-child span {
  color: var(--color-p-extra);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
}
main#primary.site-main article > div > div:has(.btn) {
  margin-top: 2rem;
  display: flex;
}
@media screen and (max-width: 1080px) {
  main#primary.site-main {
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 900px) {
  main#primary {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 1224px) {
  main#primary {
    margin: 75px auto;
  }
}
@media screen and (min-width: 1440px) {
  main#primary {
    margin: 75px auto;
  }
}
.site-404 section {
  max-width: 1000px;
  margin: 0 auto;
}
.site-404 section header {
  text-align: center;
  margin-bottom: 5rem;
}
.site-404 section header h1 {
  color: unset;
}
.site-404 section .page-content form {
  text-align: center;
}
.site-404 section .page-content form label input {
  max-width: 500px;
  width: 100%;
}
.site-404 section .page-content div h2 {
  text-align: center;
}
.site-404 section .page-content div ul li a {
  color: var(--color-p-dark);
}

.site-page article {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem;
  text-align: center;
}
.site-page article h1 {
  padding-top: 4rem;
  color: unset;
  margin-bottom: 4rem;
}
.site-page article h2 {
  margin-bottom: 2rem;
  margin-top: 6rem;
}
.site-page article p {
  text-align: left;
  padding: 0 1rem;
}

.single-post article {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem;
}
.single-post article h1 {
  padding-top: 8rem;
  color: unset;
  text-align: center;
}
.single-post article img {
  display: none;
}

@media screen and (max-width: 1600px) {
  .wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 1600px) {
  .wrapper {
    padding-left: 100px;
    padding-right: 100px;
  }
}
@media screen and (min-width: 1800px) {
  .wrapper {
    padding-left: 200px;
    padding-right: 200px;
  }
}

/*# sourceMappingURL=style.css.map */