@charset "UTF-8";
/*
 * Theme Name: Sicobel
 * Author: C2F
 * Description: Theme wordpress pour Sicobel basé sur Timber
 * Version: 1.0.0
 * Text Domain: sicobel
*/
/* ABSTRACTS */
@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Caveat:wght@700&family=Montserrat:wght@400;500&display=swap");
/* BASE */
html {
  /* 1rem = 10px */
  font-size: 62.5%;
}

@media screen and (max-width: 1367px) {
  html {
    font-size: 56.25%;
  }
}

@media screen and (max-width: 1000px) {
  html {
    font-size: 50%;
  }
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  color: #156a71;
  font-size: 1.4rem;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body h2 {
  font-family: "Montserrat", sans-serif;
  color: #156a71;
}

ul,
ol {
  list-style: none;
}

a,
a:visited,
a:link {
  text-decoration: none;
  color: inherit;
}

section#content {
  padding-top: 18rem;
}

button,
input,
textarea {
  font-family: "Caveat", cursive, sans-serif;
}

p {
  letter-spacing: 0.3px;
  line-height: 2.3rem;
}

figure {
  margin-block-start: 0;
  margin-block-end: 0;
  margin-inline-start: 0;
  margin-inline-end: 0;
}

section .wp-block-image .alignleft,
section .wp-block-image .alignright,
section .wp-block-image .aligncenter,
section .wp-block-image.is-resized {
  display: unset;
}

section .wp-block-columns {
  margin-bottom: 0;
}

section .wp-block-image {
  margin-bottom: 0;
}

section .wp-block-image img {
  display: block;
}

@media (min-width: 782px) {
  section .wp-block-column:not(:first-child) {
    margin-left: 0;
  }
}

body {
  position: relative;
  font-size: 1.6rem;
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

a,
a:visited,
a:link {
  text-decoration: none;
  color: inherit;
}

ul,
ol {
  list-style-type: none;
}

input:focus,
textarea:focus,
select:focus {
  outline: none;
}

h2 {
  font-size: 3.8rem;
  font-family: "Montserrat", sans-serif;
}

/* COMPONENTS */
body .wp-block-button__link {
  font-size: 1.4rem;
  text-transform: uppercase;
  font-weight: 600;
  padding: 1.2rem 4rem;
  letter-spacing: 0.2rem;
  border-radius: 0;
  border: 2px solid #2c5150;
  color: #2c5150;
}

/* LAYOUT */
.footer__main {
  background-color: #2c5150;
  color: #ffffff;
  height: 35rem;
}

.footer__bottom {
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.header {
  height: 18rem;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 3;
}

/* PAGES */
.home .section__hero {
  height: calc(100vh - 18rem);
}

.home .section__hero .wp-block-cover__inner-container {
  margin: 0 5%;
}

.home .section__hero .wp-block-cover__inner-container h1,
.home .section__hero .wp-block-cover__inner-container h2 {
  font-family: "Caveat", cursive;
  text-transform: uppercase;
  text-align: left;
}

.home .section__hero .wp-block-cover__inner-container h1 {
  font-size: 6rem;
  font-weight: 700;
  margin-bottom: 2rem;
}

.home .section__hero .wp-block-cover__inner-container h2 {
  font-size: 2.8rem;
  font-weight: 700;
}

.home .section__hero .wp-block-cover__inner-container p {
  font-size: 1.6rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  line-height: 2.3rem;
  width: 50%;
}

.home .section__hero .wp-block-cover__inner-container .wp-block-button__link {
  margin-top: 4rem;
  border-color: #ffffff;
  background-color: #ffffff;
}

.home .section__icons {
  background-color: #156a71;
  color: #ffffff;
  padding: 7rem 10%;
}

.home .section__icons > .wp-block-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 12rem;
}

.home .section__icons > .wp-block-column p {
  text-align: center;
}

.home .section__marques {
  padding: 12rem 0 36rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.home .section__marques .wp-block-group__inner-container {
  max-width: 108rem;
}

.home .section__marques .wp-block-group__inner-container > p {
  width: 60%;
  margin: 0 auto;
}

.home .section__marques .wp-block-group__inner-container h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 3.8rem;
  color: #156a71;
  text-align: center;
  margin-bottom: 2rem;
}

.home .section__marques .wp-block-group__inner-container h3 {
  text-transform: uppercase;
  font-size: 2rem;
  text-align: center;
  font-weight: 400;
}

.home .section__adapte {
  position: relative;
}

.home .section__adapte .wp-block-group__inner-container {
  transform: translateY(-50%);
  position: absolute;
  z-index: 2;
  width: 100%;
  margin: 0 auto;
  color: #ffffff;
}

.home .section__adapte .wp-block-group__inner-container > .wp-block-columns {
  margin: 0 auto;
  max-width: 108rem;
}

.home .section__adapte .wp-block-group__inner-container > .wp-block-columns > .wp-block-column {
  background-color: #a7cc6d;
  padding: 6rem;
}

.home .section__adapte .wp-block-group__inner-container > .wp-block-columns > .wp-block-column h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 700;
  font-size: 3.8rem;
  color: #ffffff;
  text-align: center;
  margin-bottom: 2rem;
}

.home .section__adapte .wp-block-group__inner-container > .wp-block-columns > .wp-block-column h3 {
  text-transform: uppercase;
  font-size: 2rem;
  text-align: center;
  font-weight: 400;
}

.home .section__adapte .wp-block-group__inner-container > .wp-block-columns > .wp-block-column > .wp-block-columns {
  margin: 4rem 0;
}

.home .section__adapte .wp-block-group__inner-container > .wp-block-columns > .wp-block-column > .wp-block-columns > .wp-block-column {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home .section__adapte .wp-block-group__inner-container > .wp-block-columns > .wp-block-column > .wp-block-columns > .wp-block-column > figure {
  margin-bottom: 2rem;
}

.home .section__adapte .wp-block-group__inner-container > .wp-block-columns > .wp-block-column > .wp-block-columns > .wp-block-column > p {
  text-align: center;
}

.home .section__confiance {
  padding-top: 35rem;
  padding-bottom: 12rem;
}

.home .section__confiance .wp-block-cover__inner-container .wp-block-image {
  position: relative;
}

.home .section__confiance .wp-block-cover__inner-container .wp-block-image img {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

.home .section__confiance .wp-block-cover__inner-container h2 {
  margin-top: -7.5rem;
  position: relative;
  z-index: 2;
  color: #ffffff;
  font-size: 4.2rem;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 3rem;
  font-weight: 700;
  font-family: "Caveat", cursive;
}

.home .section__confiance .wp-block-cover__inner-container .wp-block-button__link {
  background-color: transparent;
  border-color: #ffffff;
  color: #ffffff;
}

.home .section__selection {
  padding: 15rem 0;
}

.home .section__selection .wp-block-group__inner-container {
  width: 108rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.home .section__selection .wp-block-group__inner-container h2 {
  width: 50%;
  text-align: center;
  margin-bottom: 4rem;
}

.home .section__selection .wp-block-group__inner-container p {
  width: 50%;
  text-align: center;
}

.home .section__selection .wp-block-group__inner-container > .wp-block-columns {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: 1fr 1fr;
}

.home .section__selection .wp-block-group__inner-container > .wp-block-columns > .wp-block-column {
  position: relative;
}

.home .section__selection .wp-block-group__inner-container > .wp-block-columns > .wp-block-column h4 {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #a7cc6d;
  color: #ffffff;
  text-transform: uppercase;
  font-family: "Caveat", cursive;
  font-size: 2.8rem;
  width: 32rem;
  text-align: center;
  padding: 0.3rem 0;
}

.home .section__france {
  background-color: #eef1e6;
  padding: 15rem 0;
}

.home .section__france .content {
  width: 120rem;
  margin: 0 auto;
  background-color: #ffffff;
}

.home .section__france .content .wp-block-column:first-child {
  display: flex;
  background-color: #bed4a1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.home .section__france .content .wp-block-column:first-child h2 {
  font-weight: 700;
  width: 65%;
  margin: 0 auto;
}

.home .section__france .content .wp-block-column:first-child p {
  width: 70%;
  margin: 1.5rem auto;
}

.home .section__france .content .wp-block-column:first-child .wp-block-button__link {
  margin-top: 4rem;
  border-color: #156a71;
  color: #156a71;
  background-color: transparent;
}

.home .section__france .icons {
  width: 80rem;
  margin: 6rem auto 0;
  justify-content: space-between;
}

.home .section__france .icons > .wp-block-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}

.home .section__france .icons > .wp-block-column p {
  text-align: center;
  height: 6rem;
  margin-top: 3rem;
}

/* THEMES */
/* VENDORS */

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