.elementor-6702 .elementor-element.elementor-element-cb7cef6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-c7dbc33 *//* ========================================
   DIY COCKTAIL — ARTICLE BLOG
   ======================================== */

.diy-article {
  --green: #173f32;
  --green-light: #315c4d;
  --cream: #f6f1e8;
  --cream-dark: #ebe1d1;
  --text: #292929;

  max-width: 1080px;
  margin: 0 auto;
  color: var(--text);
  font-family: Arial, sans-serif;
  line-height: 1.75;
}


/* HERO */

.diy-hero {
  width: 100%;
  margin-bottom: 60px;
  overflow: hidden;
  border-radius: 3px;
}

.diy-hero img {
  width: 100%;
  height: auto;
  display: block;
}


/* INTRO */

.diy-intro {
  max-width: 790px;
  margin: 0 auto 75px;
  text-align: center;
}

.diy-kicker {
  display: block;
  margin-bottom: 14px;
  color: var(--green-light);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 2.5px;
}

.diy-intro h1 {
  max-width: 850px;
  margin: 0 auto 25px;
  color: var(--green);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(38px, 5vw, 62px);
  line-height: 1.05;
  font-weight: 400;
}

.diy-lead {
  font-size: 19px;
  color: #454545;
}


/* SECTIONS */

.diy-section {
  display: grid;
  grid-template-columns: 90px 1fr;
  gap: 30px;
  max-width: 820px;
  margin: 0 auto;
  padding: 65px 0;
}

.diy-section-soft {
  max-width: 940px;
  padding: 65px 60px;
  background: var(--cream);
}

.diy-number {
  color: var(--cream-dark);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 58px;
  line-height: 1;
}

.diy-text h2 {
  margin: 0 0 20px;
  color: var(--green);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 34px;
  line-height: 1.15;
  font-weight: 400;
}

.diy-text p {
  margin: 0 0 18px;
}

.diy-text strong {
  color: var(--green);
}


/* PETIT LIEN PRODUIT */

.diy-link {
  display: inline-block;
  margin-top: 8px;
  color: var(--green);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 1px solid var(--green);
  padding-bottom: 3px;
}

.diy-link:hover {
  opacity: 0.7;
}


/* IMAGES */

.diy-image {
  margin: 25px auto 50px;
}

.diy-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 3px;
}

.diy-image-large {
  max-width: 900px;
}

.diy-image-wide {
  max-width: 1000px;
}


/* CONCLUSION / CTA */

.diy-conclusion {
  max-width: 900px;
  margin: 65px auto 20px;
  padding: 70px 80px;
  text-align: center;
  background: var(--cream);
}

.diy-conclusion h2 {
  margin: 0 0 22px;
  color: var(--green);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 40px;
  line-height: 1.15;
  font-weight: 400;
}

.diy-conclusion p {
  max-width: 690px;
  margin: 0 auto 18px;
}

.diy-button {
  display: inline-block;
  margin-top: 18px;
  padding: 15px 28px;
  background: var(--green);
  color: #fff !important;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  transition: 0.2s ease;
}

.diy-button:hover {
  opacity: 0.85;
}


/* MOBILE */

@media (max-width: 767px) {

  .diy-article {
    line-height: 1.65;
  }

  .diy-hero {
    margin-bottom: 40px;
  }

  .diy-intro {
    padding: 0 20px;
    margin-bottom: 45px;
  }

  .diy-intro h1 {
    font-size: 38px;
  }

  .diy-lead {
    font-size: 17px;
  }

  .diy-section,
  .diy-section-soft {
    display: block;
    margin: 0 20px;
    padding: 45px 25px;
  }

  .diy-section:not(.diy-section-soft) {
    padding-left: 5px;
    padding-right: 5px;
  }

  .diy-number {
    margin-bottom: 15px;
    font-size: 46px;
  }

  .diy-text h2 {
    font-size: 29px;
  }

  .diy-image {
    margin: 20px 20px 40px;
  }

  .diy-conclusion {
    margin: 45px 20px 10px;
    padding: 50px 25px;
  }

  .diy-conclusion h2 {
    font-size: 32px;
  }

}/* ===== Force les couleurs de l'article ===== */

.diy-article h1,
.diy-article h2{
    color:#173f32 !important;
}

.diy-article p,
.diy-article li{
    color:#2d2d2d !important;
}

.diy-article strong{
    color:#173f32 !important;
}

.diy-article a{
    color:#173f32 !important;
}

.diy-article .diy-kicker{
    color:#6d5b4a !important;
}

.diy-article .diy-number{
    color:#d9ccb8 !important;
}/* ===== TYPOGRAPHIE ===== */

.diy-article h1{
    font-size:clamp(44px,5vw,68px)!important;
    line-height:1.05!important;
    color:#173f32!important;
}

.diy-article h2{
    font-size:42px!important;
    line-height:1.15!important;
    color:#173f32!important;
}

.diy-article p{
    font-size:18px!important;
    line-height:1.9!important;
    color:#2c2c2c!important;
}

.diy-article strong{
    color:#173f32!important;
}

.diy-article .diy-kicker{
    color:#6f5d4d!important;
}

.diy-article .diy-number{
    color:#d8cbb8!important;
}


/* ===== BOUTON ===== */

.diy-article .diy-button{
    background:#173f32!important;
    color:#ffffff!important;
    border:0!important;
}

.diy-article .diy-button:hover{
    background:#214b3d!important;
    color:#ffffff!important;
}

.diy-article .diy-button *{
    color:#ffffff!important;
}


/* ===== PETIT LIEN ===== */

.diy-article .diy-link{
    color:#173f32!important;
    border-bottom:1px solid #173f32!important;
}/* End custom CSS */