@import url('https://fonts.cdnfonts.com/css/druk-trial');
@import url('https://fonts.cdnfonts.com/css/timesnow');
body {
  margin: 0;
  font-family: 'Druk Cond Trial', sans-serif;
  box-sizing: border-box;
  background-color: #106a38;
  color: #b8ffb8;
}

.hero {
  position: relative;
  line-height: 0;
  height: 100vh;
  
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-width: 100%;
    line-height: 0;
  }
}



p {
  font-family: 'Druk Wide Trial', sans-serif;
  margin: 0;
}

h1 {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  width: calc(100% - 4rem);
  padding-inline: 2rem;
  padding-bottom: 2rem;
  svg {
    width: 100%;
    height: auto;
    display: block;
  }
}

.motto {
  color: #b8ffb8;
  padding-inline: 2rem;
  padding-block: 1rem;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;

  line-height: 104%; /* 22.88px */
  display: flex;
  justify-content:space-between;
  
  a {
    border-radius: 100px;
    border: none;
    background: #b8ffb8;
    font-family: 'Druk Wide Trial', sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 700;
    line-height: 104%; /* 11.44px */
    letter-spacing: 0.77px;
    text-transform: uppercase;
    color: #106a38;
    padding-left: 16px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-right: 16px;
    text-decoration: none;

  }
}



.news {
  position: relative;
  height: 80vh;
  padding: 0 2rem;
  margin-block: 4rem;
  display: flex;
  align-items: center;
  justify-content:center;
  text-align: center;
  text-transform: uppercase;
  overflow: hidden;
  
  .content {
    z-index:2;
  }
  
  .text1 {
    font-size: 16px;
    line-height: 104%; /* 16.64px */
    letter-spacing: 0.48px;
    font-family: 'Druk Wide Trial', sans-serif;
    margin-bottom: 0.4rem;
  }
  .text2 {
    line-height: 80%;
    font-family: 'Druk Cond Trial', sans-serif;
    letter-spacing: 0.48px;
    font-size: 96px;
  }
}

.image1, .image2, .image22 {
  position: absolute;
  height: auto;
  top: 0;
  left: 2rem;
  width:572px;
}
.image2 {
  right: 2rem;
  left: unset;
  width:453px;
}

.image22 {
  left: 50%;
  top: unset;
  bottom: 0;
  width:453px;
}




.carlos{
   position:relative;
   padding-inline: 2rem;
    .text3{
      font-family: 'Druk Cond Trial', sans-serif;
      text-align: center;
      font-size: 96px;
      letter-spacing: 2px;
      line-height: 80%; /* 76.8px */
      text-transform: uppercase;
      position:absolute;
      top:50%;
      left:50%;
      transform: translateX(-50%) translateY(-50%);
      width:100%;
      max-width: 50ch;
    }
  img {
    width: 100%;
  }
}

.stay {
  margin-block: 8rem;
  padding: 0 2rem;
  h2 {
    color: var(--TB-Light-Green, #B8FFB8);
    font-family: 'Druk Cond Trial', sans-serif;
    margin: 0;
    font-size: 353.756px;
    font-style: normal;
    font-weight: 950;
    line-height: 80%;
    letter-spacing: 7.075px;
    text-transform: uppercase;
    text-align: center;
  }
    
  .stay-content {
    margin-top: 2rem;
    display: flex;
    gap: 1rem; /* Espace entre les éléments */
    p {
      color: var(--TB-Light-Green, #B8FFB8);
      font-size: 16px;
      font-style: normal;
      line-height: 104%; /* 16.64px */
      letter-spacing: 0.48px;
      width: calc(50% - 0.5rem);
      }
    .mailchimp-form {
      width: calc(50% - 0.5rem);
      color: var(--TB-Light-Green, #B8FFB8);
      
      input[type="email"] {
        color: var(--TB-Light-Green, #B8FFB8);
        border: unset;
        background: none;
        display: block;
        width: 100%;
        font-family: "Times New Roman", Times, serif;
        font-size: 22px;
        line-height: 104%;
        &::placeholder {
           color: var(--TB-Light-Green, #B8FFB8);
        }
        &:focus {
          color: white;
          border-color: none;
          outline: none;
        }
      }
      
      input[type="submit"] {
        cursor:pointer;
        background: none;
        text-transform: uppercase;
        border: none;
        color: var(--TB-Light-Green, #B8FFB8);
        font-size: 11px;
        font-family: 'Druk Wide Trial', sans-serif;
        &:hover {
          color: white;
        }
      }
      
      .mce_inline_error:not(input[type="email"]) {
        color: white;
        font-family: Arial;
        text-transform: uppercase;
        font-size: 10px;
        margin-block: 1rem;
      }
      
      .form-content {
        display: flex;
        width:100%;
        gap: 1rem;
        border-bottom: 4px solid var(--TB-Light-Green, #B8FFB8);
        .mc-field-group {
          flex: 1;
        }
        .optionalParent {
          flex-shrink: 0;
        }
      }
      }
    }
  
}

.socials {
  margin-block: 4rem 2rem;
  padding: 0 2rem;
  display: flex;
  justify-content: center;
  ul {
    display: flex;
    gap: 1.5rem;
    list-style-type: none;
    a {
      text-decoration: none;
      color: var(--TB-Light-Green, #B8FFB8);
      font-family: 'Druk Text Trial', sans-serif;
    }
  }
}