.elementor-622 .elementor-element.elementor-element-19271ba{--display:flex;}.elementor-622 .elementor-element.elementor-element-71de4a8{--display:flex;}.elementor-622 .elementor-element.elementor-element-71de4a8:not(.elementor-motion-effects-element-type-background), .elementor-622 .elementor-element.elementor-element-71de4a8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDF1E8;}.elementor-622 .elementor-element.elementor-element-3c79608{--display:flex;}.elementor-622 .elementor-element.elementor-element-3c79608:not(.elementor-motion-effects-element-type-background), .elementor-622 .elementor-element.elementor-element-3c79608 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF8EF;}.elementor-622 .elementor-element.elementor-element-d5432a1{--display:flex;}.elementor-622 .elementor-element.elementor-element-549d052{--display:flex;}.elementor-622 .elementor-element.elementor-element-c68da15{--display:flex;}.elementor-622 .elementor-element.elementor-element-c68da15:not(.elementor-motion-effects-element-type-background), .elementor-622 .elementor-element.elementor-element-c68da15 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#29482D;}.elementor-622 .elementor-element.elementor-element-542b58f{--display:flex;}.elementor-622 .elementor-element.elementor-element-542b58f:not(.elementor-motion-effects-element-type-background), .elementor-622 .elementor-element.elementor-element-542b58f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FBF8EF;}.elementor-widget-hfe-basic-posts .hfe-post-title a{color:var( --e-global-color-primary );}.elementor-widget-hfe-basic-posts .hfe-post-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-hfe-basic-posts .hfe-post-meta{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-hfe-basic-posts .hfe-post-excerpt{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-hfe-basic-posts .hfe-read-more{color:var( --e-global-color-accent );}.elementor-622 .elementor-element.elementor-element-65cec88 .hfe-posts-grid{grid-template-columns:repeat(3, 1fr);column-gap:20px;row-gap:30px;}.elementor-622 .elementor-element.elementor-element-65cec88 .hfe-post-card{background-color:#FBF8EF;}.elementor-622 .elementor-element.elementor-element-65cec88 .hfe-post-content{padding:20px 20px 20px 20px;}.elementor-622 .elementor-element.elementor-element-65cec88 .hfe-post-title a{color:#29482D;}.elementor-622 .elementor-element.elementor-element-65cec88 .hfe-post-title{font-family:"Roboto", Sans-serif;font-weight:500;margin-bottom:5px;}.elementor-622 .elementor-element.elementor-element-65cec88 .hfe-post-meta{margin-bottom:15px;}.elementor-622 .elementor-element.elementor-element-65cec88 .hfe-post-excerpt{color:#7A7A7A;margin-bottom:15px;}.elementor-622 .elementor-element.elementor-element-d2a85c3{--display:flex;}.elementor-622 .elementor-element.elementor-element-d2a85c3:not(.elementor-motion-effects-element-type-background), .elementor-622 .elementor-element.elementor-element-d2a85c3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDF1E8;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-622 .elementor-element.elementor-element-65cec88 .hfe-posts-grid{grid-template-columns:repeat(2, 1fr);}}@media(max-width:767px){.elementor-622 .elementor-element.elementor-element-65cec88 .hfe-posts-grid{grid-template-columns:repeat(1, 1fr);}}/* Start custom CSS for html, class: .elementor-element-37ef608 *//* ========================================================= 
   SPROUT SAGE — HERO SECTION 
   ========================================================= */ 
 
.ss-hero { 
  width: 100%; 
  max-width: 1138px; 
  min-height: 644px; 
  margin: 0 auto; 
  display: grid; 
  grid-template-columns: 1fr 1fr; 
  align-items: center; 
  column-gap: 65px; 
  padding: 0 0 0 0; 
  background: #ffffff; 
} 
 
 
/* ========================= 
   LEFT CONTENT 
   ========================= */ 
 
.ss-hero-content { 
  padding-top: 3px; 
} 
 
.ss-hero-eyebrow { 
  margin: 0 0 34px 0; 
  font-family: "DM Sans", Arial, sans-serif; 
  font-size: 12px; 
  line-height: 1; 
  font-weight: 700; 
  letter-spacing: 3px; 
  color: #315b50; 
  text-transform: uppercase; 
} 
 
 
.ss-hero h1 { 
  margin: 0; 
  font-family: "DM Sans", Arial, sans-serif; 
  font-size: 64px; 
  line-height: 1.04; 
  font-weight: 500; 
  letter-spacing: -3.2px; 
  color: #202c40; 
} 
 
 
.ss-hero-description { 
  margin: 38px 0 34px 0; 
  font-family: "DM Sans", Arial, sans-serif; 
  font-size: 19px; 
  line-height: 1.68; 
  font-weight: 400; 
  color: #154d43; 
} 
 
 
/* ========================= 
   BUTTON 
   ========================= */ 
 
.ss-hero-button { 
  display: inline-flex; 
  align-items: center; 
  justify-content: center; 
  gap: 4px; 
 
  min-width: 272px; 
  height: 61px; 
 
  padding: 0 29px; 
 
  border-radius: 40px; 
 
  background: #ffca4d; 
  color: #1f2b40; 
 
  font-family: "DM Sans", Arial, sans-serif; 
  font-size: 19px; 
  font-weight: 500; 
 
  text-decoration: none !important; 
 
  transition: none; 
} 


.ss-hero-button:hover { 
  text-decoration: none !important; 
} 
 
 
.ss-hero-button span { 
  font-size: 25px; 
  line-height: 1; 
  text-decoration: none; 
} 
 
 
/* ========================= 
   RIGHT ARTWORK 
   ========================= */ 
 
.ss-hero-art { 
  position: relative; 
 
  width: 100%; 
  height: 480px; 
 
  overflow: hidden; 
 
  background: #f4eddb; 
 
  border-radius: 50% 50% 27% 27% / 43% 43% 18% 18%; 
} 
 
 
/* ========================= 
   SUN 
   ========================= */ 
 
.ss-hero-sun { 
  position: absolute; 
 
  width: 260px; 
  height: 260px; 
 
  top: 70px; 
  right: 71px; 
 
  border-radius: 50%; 
 
  background: #ecd49f; 
} 
 
 
/* ========================= 
   ARCH LINES 
   ========================= */ 
 
.ss-hero-arch { 
  position: absolute; 
 
  border: 1px solid #9cae9b; 
 
  border-bottom: 0; 
 
  border-radius: 180px 180px 0 0; 
} 
 
 
.ss-hero-arch-one { 
  width: 391px; 
  height: 286px; 
 
  left: 59px; 
  bottom: -1px; 
} 
 
 
.ss-hero-arch-two { 
  width: 291px; 
  height: 207px; 
 
  left: 109px; 
  bottom: -1px; 
} 
 
 
/* =========================

   PLANT

   ========================= */



.ss-hero-plant {

  position: absolute;



  width: 210px;

  height: 285px;



  left: 50%;

  bottom: 38px;



  transform: translateX(-50%);

}





/* STEM */



.ss-hero-stem {

  position: absolute;



  width: 7px;

  height: 165px;



  left: 108px;

  bottom: 65px;



  background: #244d2c;



  transform: rotate(-4deg);



  border-radius: 5px;

}





/* =========================

   LEAVES

   ========================= */



.ss-hero-leaf {

  position: absolute;



  width: 105px;

  height: 55px;



  background: #244d2c;



  border-radius: 100% 0 100% 0;

}





/* LEFT LEAF */



.ss-leaf-left {

  left: 4px;

  top: 74px;



  transform: rotate(8deg);

}





/* RIGHT LEAF */



.ss-leaf-right {

  width: 91px;

  height: 51px;



  left: 105px;

  top: 30px;



  transform: rotate(-48 deg);

}

 
/* ========================= 
   POT 
   ========================= */ 
 
.ss-hero-pot { 
  position: absolute; 
 
  width: 126px; 
  height: 72px; 
 
  left: 43px; 
  bottom: 0; 
 
  background: #c48765; 
 
  clip-path: polygon( 
    7% 0, 
    93% 0, 
    82% 100%, 
    18% 100% 
  ); 
} 
 
 
/* ========================= 
   TAGLINE 
   ========================= */ 
 
.ss-hero-tagline { 
  position: absolute; 
 
  right: 22px; 
  bottom: 68px; 
 
  font-family: "Playfair Display", Georgia, serif; 
  font-size: 20px; 
  line-height: 1.18; 
  font-weight: 400; 
 
  text-align: right; 
 
  color: #52705f; 
} 
 
 
/* ========================================================= 
   TABLET 
   ========================================================= */ 
 
@media (max-width: 1024px) { 
 
  .ss-hero { 
    width: calc(100% - 48px); 
    column-gap: 40px; 
  } 
 
  .ss-hero h1 { 
    font-size: 54px; 
  } 
 
  .ss-hero-description { 
    font-size: 17px; 
  } 
 
  .ss-hero-art { 
    height: 450px; 
  } 
 
} 
 
 
/* ========================================================= 
   MOBILE 
   ========================================================= */ 
 
@media (max-width: 760px) { 
 
  .ss-hero { 
    width: calc(100% - 32px); 
 
    min-height: auto; 
 
    grid-template-columns: 1fr; 
 
    row-gap: 45px; 
 
    padding: 65px 0 70px; 
  } 
 
 
  .ss-hero-content { 
    padding-top: 0; 
  } 
 
 
  .ss-hero-eyebrow { 
    margin-bottom: 25px; 
  } 
 
 
  .ss-hero h1 { 
    font-size: 48px; 
    line-height: 1.05; 
    letter-spacing: -2px; 
  } 
 
 
  .ss-hero-description { 
    margin-top: 28px; 
    margin-bottom: 30px; 
 
    font-size: 17px; 
    line-height: 1.6; 
  } 
 
 
  .ss-hero-description br { 
    display: none; 
  } 
 
 
  .ss-hero-button { 
    min-width: 250px; 
    height: 58px; 
    font-size: 17px; 
    text-decoration: none !important; 
  } 
 
 
  .ss-hero-button:hover { 
    text-decoration: none !important; 
  } 
 
 
  .ss-hero-art { 
    height: 390px; 
  } 
 
} 
 
 
/* ========================================================= 
   SMALL MOBILE 
   ========================================================= */ 
 
@media (max-width: 430px) { 
 
  .ss-hero { 
    width: calc(100% - 32px); 
  } 
 
 
  .ss-hero h1 { 
    font-size: 43px; 
  } 
 
 
  .ss-hero-art { 
    height: 340px; 
  } 
 
 
  .ss-hero-sun { 
    width: 220px; 
    height: 220px; 
 
    right: 30px; 
    top: 45px; 
  } 
 
 
  .ss-hero-arch-one { 
    width: 310px; 
    height: 235px; 
    left: 15px; 
  } 
 
 
  .ss-hero-arch-two { 
    width: 235px; 
    height: 175px; 
    left: 53px; 
  } 
 
 
  .ss-hero-tagline { 
    right: 14px; 
    bottom: 48px; 
    font-size: 17px; 
  } 
 
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-28db14b *//* =========================================================
   SECTION 3 — CHOOSE YOUR FEELING
   ========================================================= */

.ss-feelings {
  background: #edf1e8;
  padding: 84px 0 68px;
}


/* =========================
   HEADING
   ========================= */

.ss-feelings-heading {
  width: min(1120px, calc(100% - 48px));
  margin: 0 auto;
  text-align: center;
}


.ss-feelings-eyebrow {
  margin: 0 0 30px;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 3px;

  color: #315b50;
}


.ss-feelings-heading h2 {
  margin: 0;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 48px;
  line-height: 1.12;
  font-weight: 500;
  letter-spacing: -2px;

  color: #202c40;
}


.ss-feelings-intro {
  margin: 37px 0 48px;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.55;
  font-weight: 400;

  color: #154d43;
}


/* =========================
   CARD GRID
   ========================= */

.ss-feelings-grid {
  width: min(1120px, calc(100% - 48px));
  margin: 0 auto;

  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
}


/* =========================
   FEELING CARD
   ========================= */

.ss-feeling-card {
  min-height: 190px;

  padding: 27px 20px 23px;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;

  background: #f9fbf6;

  border: 1px solid #d2dacd;
  border-radius: 48px;

  text-decoration: none !important;

  color: #154d43;

  transition: transform .2s ease,
              background .2s ease,
              color .2s ease;
}


.ss-feeling-card:hover {
  transform: translateY(-3px);
  background: #29482d;
  color: #ffffff;

  text-decoration: none !important;
}


/* ACTIVE CARD */

.ss-feeling-card.active {
  background: #29482d;
  color: #ffffff;
  border-color: #29482d;

  text-decoration: none !important;
}


/* =========================
   ICON
   ========================= */

.ss-feeling-icon {
  display: block;

  height: 47px;

  font-family: "Playfair Display", Georgia, serif;
  font-size: 37px;
  line-height: 1;

  color: #e5c68e;

  text-decoration: none !important;
}


/* =========================
   CARD TITLE
   ========================= */

.ss-feeling-card strong {
  display: block;

  margin: 0;

  font-family: "Playfair Display", Georgia, serif;
  font-size: 25px;
  line-height: 1.2;
  font-weight: 500;

  text-decoration: none !important;
}


/* =========================
   CARD DESCRIPTION
   ========================= */

.ss-feeling-card small {
  display: block;

  margin-top: 7px;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 500;

  text-decoration: none !important;
}


/* =========================
   BOTTOM NOTE
   ========================= */

.ss-feeling-note {
  width: min(1120px, calc(100% - 48px));

  min-height: 70px;

  margin: 35px auto 0;

  padding: 18px 24px;

  display: flex;
  align-items: center;
  gap: 15px;

  background: #ffffff;
}


.ss-leaf-mark {
  display: block;

  font-family: Georgia, serif;
  font-size: 30px;
  line-height: 1;

  color: #799176;

  transform: rotate(30deg);
}


.ss-feeling-note p {
  flex: 1;

  margin: 0;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.4;

  color: #154d43;
}


.ss-feeling-note p strong {
  font-weight: 700;
}


.ss-feeling-note a {
  font-family: "DM Sans", Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;

  color: #29482d;

  text-decoration: none !important;

  white-space: nowrap;
}


.ss-feeling-note a:hover {
  text-decoration: none !important;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .ss-feelings-heading h2 {
    font-size: 42px;
  }

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

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

  .ss-feelings {
    padding: 70px 0 55px;
  }


  .ss-feelings-heading,
  .ss-feelings-grid,
  .ss-feeling-note {
    width: calc(100% - 32px);
  }


  .ss-feelings-heading h2 {
    font-size: 36px;
    letter-spacing: -1.5px;
  }


  .ss-feelings-intro {
    font-size: 17px;
    margin: 28px 0 38px;
  }


  .ss-feelings-intro br {
    display: none;
  }


  .ss-feelings-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }


  .ss-feeling-card {
    min-height: 165px;
    border-radius: 32px;
    padding: 22px 18px;
  }


  .ss-feeling-icon {
    height: 55px;
    font-size: 32px;
  }


  .ss-feeling-card strong {
    font-size: 19px;
  }


  .ss-feeling-card small {
    font-size: 13px;
  }


  .ss-feeling-note {
    align-items: flex-start;
  }


  .ss-feeling-note p {
    font-size: 15px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

  .ss-feelings-grid {
    grid-template-columns: 1fr;
  }


  .ss-feeling-card {
    min-height: 145px;
  }


  .ss-feeling-note {
    flex-wrap: wrap;
  }


  .ss-feeling-note a {
    margin-left: 45px;
  }

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-6784f8f *//* =========================================================
   SPROUT SAGE — FEATURED PLANTS
   ========================================================= */

.ss-featured-plants {
  width: 100%;
  background: #fbf8ef;
  padding: 50px 24px 30px;
}

.ss-featured-plants-inner {
  width: min(1120px, 100%);
  margin: 0 auto;
}


/* =========================================================
   HEADING
   ========================================================= */

.ss-featured-plants-heading {
  max-width: 760px;
}

.ss-featured-plants-eyebrow {
  margin: 0 0 28px;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 3px;

  color: #315b50;
  text-transform: uppercase;
}

.ss-featured-plants-heading h2 {
  margin: 0;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 50px;
  line-height: 1.08;
  font-weight: 500;
  letter-spacing: -2.2px;

  color: #202c40;
}

.ss-featured-plants-heading > p:last-child {
  max-width: 650px;

  margin: 28px 0 0;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.7;
  font-weight: 400;

  color: #154d43;
}


/* =========================================================
   PRODUCTS
   ========================================================= */

.ss-featured-plants-products {
  margin-top: 60px;
}

.ss-featured-plants-products ul.products {
  display: grid !important;

  grid-template-columns: repeat(4, 1fr);

  gap: 24px !important;

  margin: 0 !important;
  padding: 0 !important;
}

.ss-featured-plants-products ul.products::before,
.ss-featured-plants-products ul.products::after {
  display: none !important;
}

.ss-featured-plants-products ul.products li.product {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 0 20px !important;

  background: #ffffff;

  border: 1px solid #e3dfd3;
  border-radius: 20px;

  overflow: hidden;

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

.ss-featured-plants-products ul.products li.product:hover {
  transform: translateY(-4px);

  box-shadow:
    0 14px 30px rgba(41, 72, 45, 0.08);
}


/* =========================================================
   PRODUCT IMAGE
   ========================================================= */

.ss-featured-plants-products ul.products li.product img {
  width: 100% !important;
  height: 275px !important;

  margin: 0 !important;

  object-fit: cover;

  border-radius: 20px 20px 0 0;
}


/* =========================================================
   PRODUCT TITLE
   ========================================================= */

.ss-featured-plants-products
ul.products
li.product
.woocommerce-loop-product__title {

  margin: 0 !important;
  padding: 20px 20px 7px !important;

  font-family: "DM Sans", Arial, sans-serif;

  font-size: 20px !important;
  line-height: 1.25;

  font-weight: 500;

  color: #202c40;
}


/* =========================================================
   PRODUCT PRICE
   ========================================================= */

.ss-featured-plants-products
ul.products
li.product
.price {

  margin: 0 !important;
  padding: 0 20px 17px !important;

  font-family: "DM Sans", Arial, sans-serif;

  font-size: 15px !important;
  line-height: 1.4;

  font-weight: 700;

  color: #29482d !important;
}

.ss-featured-plants-products
ul.products
li.product
.price del {

  color: #89958d !important;
  opacity: 1 !important;
}

.ss-featured-plants-products
ul.products
li.product
.price ins {

  color: #29482d !important;
  text-decoration: none;
}


/* =========================================================
   ADD TO CART
   ========================================================= */

.ss-featured-plants-products
ul.products
li.product
.button {

  display: block;

  width: calc(100% - 40px) !important;

  margin: 0 20px !important;
  padding: 13px 15px !important;

  background: #29482d !important;
  color: #ffffff !important;

  border: 0 !important;
  border-radius: 10px;

  font-family: "DM Sans", Arial, sans-serif;

  font-size: 13px !important;
  line-height: 1.2;

  font-weight: 700;

  text-align: center;

  text-decoration: none !important;

  box-shadow: none !important;
}

.ss-featured-plants-products
ul.products
li.product
.button:hover {

  background: #29482d !important;
  color: #ffffff !important;

  text-decoration: none !important;
}


/* =========================================================
   SALE BADGE
   ========================================================= */

.ss-featured-plants-products
ul.products
li.product
.onsale {

  top: 15px !important;
  right: 15px !important;
  left: auto !important;

  min-height: auto !important;

  margin: 0 !important;
  padding: 7px 12px !important;

  border-radius: 20px;

  background: #b77855 !important;
  color: #ffffff !important;

  font-family: "DM Sans", Arial, sans-serif;

  font-size: 11px !important;
  line-height: 1;

  font-weight: 700;

  text-transform: uppercase;
}


/* =========================================================
   VIEW ALL CTA
   ========================================================= */

.ss-featured-plants-cta {
  margin-top: 45px;

  text-align: center;
}

.ss-featured-plants-cta a {

  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 7px;

  min-width: 210px;
  height: 56px;

  padding: 0 25px;

  background: #29482d;
  color: #ffffff;

  border-radius: 40px;

  font-family: "DM Sans", Arial, sans-serif;

  font-size: 15px;
  font-weight: 700;

  text-decoration: none !important;
}

.ss-featured-plants-cta a:hover,
.ss-featured-plants-cta a:focus,
.ss-featured-plants-cta a:active {

  background: #29482d;
  color: #ffffff;

  text-decoration: none !important;
}

.ss-featured-plants-cta span {

  font-size: 20px;
  line-height: 1;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .ss-featured-plants {
    padding: 90px 24px;
  }

  .ss-featured-plants-heading h2 {
    font-size: 44px;
  }

  .ss-featured-plants-products ul.products {
    grid-template-columns: repeat(2, 1fr);
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

  .ss-featured-plants {
    padding: 75px 20px 80px;
  }

  .ss-featured-plants-heading h2 {
    font-size: 38px;
    line-height: 1.08;
    letter-spacing: -1.5px;
  }

  .ss-featured-plants-heading > p:last-child {
    font-size: 16px;
    line-height: 1.65;
  }

  .ss-featured-plants-products {
    margin-top: 45px;
  }

  .ss-featured-plants-products ul.products {
    grid-template-columns: 1fr;
    gap: 18px !important;
  }

  .ss-featured-plants-products
  ul.products
  li.product
  img {
    height: 260px !important;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

  .ss-featured-plants {
    padding: 65px 18px 70px;
  }

  .ss-featured-plants-heading h2 {
    font-size: 34px;
    letter-spacing: -1.2px;
  }

  .ss-featured-plants-products
  ul.products
  li.product
  img {
    height: 240px !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-83786e7 *//* =========================================================
   SECTION 4 — MORE THAN A PLANT SHOP
   ========================================================= */

.ss-story {
  width: min(1120px, calc(100% - 48px));
  margin: 0 auto;

  min-height: 500px;

  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;

  column-gap: 100px;

  padding: 80px 0;
}


/* =========================
   LEFT IMAGE
   ========================= */

.ss-story-art {
  height: 365px;

  background: #e8ddc4;

  position: relative;
  overflow: hidden;
}


.ss-story-art img {
  width: 100%;
  height: 100%;

  display: block;

  object-fit: cover;
  object-position: center;
}


/* =========================
   RIGHT CONTENT
   ========================= */

.ss-story-content {
  padding-bottom: 2px;
}


.ss-story-eyebrow {
  margin: 0 0 32px;

  font-family: "DM Sans", Arial, sans-serif;

  font-size: 12px;
  line-height: 1;

  font-weight: 700;

  letter-spacing: 3px;

  color: #315b50;
}


/* =========================
   HEADING
   ========================= */

.ss-story-content h2 {
  margin: 0;

  font-family: "DM Sans", Arial, sans-serif;

  font-size: 50px;
  line-height: 1.08;

  font-weight: 500;

  letter-spacing: -2px;

  color: #202c40;
}


/* =========================
   DESCRIPTION
   ========================= */

.ss-story-description {
  max-width: 530px;

  margin: 38px 0 30px;

  font-family: "DM Sans", Arial, sans-serif;

  font-size: 17px;
  line-height: 1.7;

  font-weight: 400;

  color: #154d43;
}


/* =========================
   LINK
   ========================= */

.ss-story-link {
  display: inline-flex;
  align-items: center;

  gap: 4px;

  font-family: "DM Sans", Arial, sans-serif;

  font-size: 15px;

  font-weight: 700;

  color: #29482d;

  text-decoration: none;

  border-bottom: 1px solid #29482d;

  padding-bottom: 7px;
}


.ss-story-link:hover {
  text-decoration: none;
}


.ss-story-link span {
  font-size: 18px;
  line-height: 1;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .ss-story {
    column-gap: 55px;
  }


  .ss-story-content h2 {
    font-size: 42px;
  }


  .ss-story-description {
    font-size: 16px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

  .ss-story {
    width: calc(100% - 32px);

    grid-template-columns: 1fr;

    row-gap: 40px;

    padding: 75px 0;
  }


  .ss-story-art {
    height: 350px;
  }


  .ss-story-content h2 {
    font-size: 38px;
    letter-spacing: -1.5px;
  }


  .ss-story-description {
    margin-top: 28px;

    font-size: 16px;
    line-height: 1.65;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

  .ss-story-art {
    height: 320px;
  }


  .ss-story-content h2 {
    font-size: 35px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b02cf67 *//* =========================================================
   SPROUT SAGE — HOMEPAGE
   SECTION — WHY SPROUT SAGE
   ========================================================= */

.ss-home-why {
  width: 100%;
  background: #ffffff;
  padding: 15px 24px 110px;
}

.ss-home-why-inner {
  width: min(1120px, 100%);
  margin: 0 auto;
}


/* =========================================================
   HEADING
   ========================================================= */

.ss-home-why-heading {
  max-width: 760px;
}

.ss-home-why-eyebrow {
  margin: 0 0 30px;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 3px;

  color: #315b50;
  text-transform: uppercase;
}

.ss-home-why-heading h2 {
  margin: 0;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 50px;
  line-height: 1.08;
  font-weight: 500;
  letter-spacing: -2.2px;

  color: #202c40;
}

.ss-home-why-intro {
  max-width: 650px;

  margin: 28px 0 0;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.7;
  font-weight: 400;

  color: #154d43;
}


/* =========================================================
   FEATURE GRID
   ========================================================= */

.ss-home-why-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);

  margin-top: 65px;
}


/* =========================================================
   FEATURE CARD
   ========================================================= */

.ss-home-why-card {
  min-height: 190px;

  padding: 0 40px;

  border-left: 1px solid #d5ddd2;
}

.ss-home-why-card:first-child {
  padding-left: 0;
  border-left: 0;
}


/* =========================================================
   NUMBER
   ========================================================= */

.ss-home-why-number {
  display: block;

  margin: 0 0 27px;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 2px;

  color: #799176;
}


/* =========================================================
   CARD HEADING
   ========================================================= */

.ss-home-why-card h3 {
  margin: 0 0 17px;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 29px;
  line-height: 1.15;
  font-weight: 500;
  letter-spacing: -1px;

  color: #202c40;
}


/* =========================================================
   CARD TEXT
   ========================================================= */

.ss-home-why-card p {
  max-width: 320px;

  margin: 0;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  font-weight: 400;

  color: #5f6d60;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .ss-home-why {
    padding: 90px 24px;
  }

  .ss-home-why-heading h2 {
    font-size: 44px;
  }

  .ss-home-why-card {
    padding: 0 28px;
  }

  .ss-home-why-card h3 {
    font-size: 26px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

  .ss-home-why {
    padding: 75px 20px 80px;
  }

  .ss-home-why-heading h2 {
    font-size: 38px;
    line-height: 1.08;
    letter-spacing: -1.5px;
  }

  .ss-home-why-intro {
    font-size: 16px;
    line-height: 1.65;
  }

  .ss-home-why-grid {
    grid-template-columns: 1fr;
    gap: 35px;

    margin-top: 50px;
  }

  .ss-home-why-card,
  .ss-home-why-card:first-child {
    min-height: auto;

    padding: 0 0 0 22px;

    border-left: 1px solid #d5ddd2;
  }

  .ss-home-why-card h3 {
    font-size: 26px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

  .ss-home-why {
    padding: 65px 18px 70px;
  }

  .ss-home-why-heading h2 {
    font-size: 34px;
    letter-spacing: -1.2px;
  }

  .ss-home-why-card h3 {
    font-size: 24px;
  }

  .ss-home-why-card p {
    font-size: 15px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-275d1e0 *//* =========================================================
   SECTION 5 — PLANT RITUALS
   ========================================================= */

.ss-rituals {
  width: 100%;
  background: #29482d;
  color: #ffffff;

  padding: 104px 0 101px;
}


.ss-rituals-inner {
  width: min(1120px, calc(100% - 48px));
  margin: 0 auto;
}


/* =========================
   EYEBROW
   ========================= */

.ss-rituals-eyebrow {
  margin: 0 0 31px;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 1;

  font-weight: 700;
  letter-spacing: 3px;

  color: #e5c68e;
}


/* =========================
   HEADING
   ========================= */

.ss-rituals h2 {
  margin: 0;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 48px;
  line-height: 1.1;

  font-weight: 500;
  letter-spacing: -2px;

  color: #202c40;
}


/* =========================
   THREE COLUMNS
   ========================= */

.ss-ritual-grid {
  display: grid;

  grid-template-columns: repeat(3, 1fr);

  margin-top: 57px;
}


/* =========================
   RITUAL CARD
   ========================= */

.ss-ritual-card {
  min-height: 150px;

  padding: 0 40px;

  border-left: 1px solid #668064;
}


.ss-ritual-card:first-child {
  padding-left: 0;
  border-left: 0;
 
}


/* =========================
   NUMBER
   ========================= */

.ss-ritual-number {
  display: block;

  margin: 0 0 25px;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 13px;
  line-height: 1;

  font-weight: 500;
  letter-spacing: 2px;
  text-align: center;

  color: #e5c68e;
}


/* =========================
   CARD HEADING
   ========================= */

.ss-ritual-card h3 {
  margin: 0 0 17px;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 30px;
  line-height: 1.15;

  font-weight: 500;
  letter-spacing: -1px;
  text-align: center;

  color: #202c40;
}


/* =========================
   CARD DESCRIPTION
   ========================= */

.ss-ritual-card p {
  max-width: 330px;

  margin: 0;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  text-align: center;

  font-weight: 400;

  color: #ffffff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .ss-rituals {
    padding: 90px 0;
  }


  .ss-rituals h2 {
    font-size: 42px;
  }


  .ss-ritual-card {
    padding: 0 28px;
  }


  .ss-ritual-card h3 {
    font-size: 26px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

  .ss-rituals {
    padding: 75px 0;
  }


  .ss-rituals-inner {
    width: calc(100% - 32px);
  }


  .ss-rituals h2 {
    font-size: 38px;
    letter-spacing: -1.5px;
  }


  .ss-ritual-grid {
    grid-template-columns: 1fr;

    gap: 30px;

    margin-top: 45px;
  }


  .ss-ritual-card,
  .ss-ritual-card:first-child {
    padding: 0 0 0 22px;

    border-left: 1px solid #668064;
  }


  .ss-ritual-card h3 {
    font-size: 26px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

  .ss-rituals h2 {
    font-size: 34px;
  }


  .ss-ritual-card h3 {
    font-size: 24px;
  }


  .ss-ritual-card p {
    font-size: 15px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8b4dd69 *//* =========================================
   PLANT CARE & GUIDES
   ========================================= */

.ss-home-guides {
  width: 100%;
  background: #fbf8ef;
  padding: 40px 0 0;
}

/* -----------------------------------------
   INTRO
   ----------------------------------------- */

.ss-home-guides-intro {
  width: min(760px, 100%);
  margin: 0 auto;
  text-align: center;
}

.ss-home-guides-eyebrow {
  margin: 0 0 30px;
  font-family: "DM Sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 3px;
  color: #315b50;
  text-transform: uppercase;
}

.ss-home-guides-intro h2 {
  margin: 0;
  font-family: "DM Sans", Arial, sans-serif;
  font-size: 50px;
  line-height: 1.08;
  font-weight: 500;
  letter-spacing: -2.2px;
  color: #202c40;
}

.ss-home-guides-description {
  max-width: 650px;
  margin: 28px auto 0;
  font-family: "DM Sans", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.7;
  font-weight: 400;
  color: #154d43;
}


/* -----------------------------------------
   ELEMENTOR POSTS
   ----------------------------------------- */

.ss-home-guides-posts {
  width: min(1120px, 100%);
  margin: 60px auto 0;
}


/* -----------------------------------------
   CTA
   ----------------------------------------- */

.ss-home-guides-cta {
  width: 100%;
  margin: 6px auto 0;
  padding-bottom: 25px;
  text-align: center;
}

.ss-home-guides-cta a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;

  min-width: 220px;
  height: 56px;
  padding: 0 27px;

  background: #29482d;
  color: #ffffff;

  border: none;
  border-radius: 40px;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 700;

  text-decoration: none !important;
  box-shadow: none;
}

.ss-home-guides-cta a:hover,
.ss-home-guides-cta a:focus,
.ss-home-guides-cta a:active {
  background: #29482d;
  color: #ffffff;
  border: none;
  text-decoration: none !important;
  box-shadow: none;
}

.ss-home-guides-cta a span {
  font-size: 20px;
  line-height: 1;
}


/* -----------------------------------------
   TABLET
   ----------------------------------------- */

@media (max-width: 1024px) {

  .ss-home-guides {
    padding: 95px 24px 0;
  }

  .ss-home-guides-intro h2 {
    font-size: 44px;
  }

  .ss-home-guides-posts {
    margin-top: 55px;
  }

  .ss-home-guides-cta {
    margin-top: 55px;
    padding-bottom: 105px;
  }

}


/* -----------------------------------------
   MOBILE
   ----------------------------------------- */

@media (max-width: 760px) {

  .ss-home-guides {
    padding: 75px 20px 0;
  }

  .ss-home-guides-eyebrow {
    margin-bottom: 25px;
  }

  .ss-home-guides-intro h2 {
    font-size: 38px;
    line-height: 1.08;
    letter-spacing: -1.5px;
  }

  .ss-home-guides-description {
    margin-top: 25px;
    font-size: 16px;
    line-height: 1.65;
  }

  .ss-home-guides-posts {
    margin-top: 45px;
  }

  .ss-home-guides-cta {
    margin-top: 45px;
    padding-bottom: 85px;
  }

  .ss-home-guides-cta a {
    min-width: 210px;
    height: 54px;
    font-size: 15px;
  }

}


/* -----------------------------------------
   SMALL MOBILE
   ----------------------------------------- */

@media (max-width: 430px) {

  .ss-home-guides {
    padding: 65px 18px 0;
  }

  .ss-home-guides-intro h2 {
    font-size: 34px;
    letter-spacing: -1.2px;
  }

  .ss-home-guides-description {
    font-size: 15px;
  }

  .ss-home-guides-posts {
    margin-top: 40px;
  }

  .ss-home-guides-cta {
    margin-top: 40px;
    padding-bottom: 75px;
  }

}/* End custom CSS */
/* Start custom CSS for hfe-basic-posts, class: .elementor-element-65cec88 *//* =========================================
   PLANT CARE & GUIDES
   ========================================= */

.ss-home-guides {
    width: 100%;
    background: #fbf8ef;
    padding: 115px 24px 0;
}


/* =========================================
   INTRO
   ========================================= */

.ss-home-guides-intro {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    text-align: center;
}

.ss-home-guides-eyebrow {
    margin: 0 0 30px !important;
    font-family: "DM Sans", Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    letter-spacing: 3px !important;
    color: #315b50 !important;
    text-transform: uppercase;
}

.ss-home-guides-intro h2 {
    margin: 0 !important;
    padding: 0 !important;
    font-family: "DM Sans", Arial, sans-serif !important;
    font-size: 50px !important;
    line-height: 1.08 !important;
    font-weight: 500 !important;
    letter-spacing: -2.2px !important;
    color: #202c40 !important;
}

.ss-home-guides-description {
    max-width: 650px;
    margin: 28px auto 0 !important;
    font-family: "DM Sans", Arial, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;
    color: #154d43 !important;
}


/* =========================================
   POSTS WIDGET
   ========================================= */

/*
   Force the posts area to the same wide
   content width as the other homepage sections.
*/

.ss-home-guides-posts {
    width: 1120px !important;
    max-width: calc(100vw - 48px) !important;
    margin: 65px auto 0 !important;
    padding: 0 !important;
}


/* Elementor posts container */

.ss-home-guides-posts .elementor-posts-container {
    width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    column-gap: 36px !important;
    row-gap: 50px !important;
}


/* =========================================
   POST
   ========================================= */

.ss-home-guides-posts .elementor-post {
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}


/* =========================================
   IMAGE
   ========================================= */

.ss-home-guides-posts .elementor-post__thumbnail__link {
    display: block !important;

    width: 100% !important;
    height: 235px !important;

    margin: 0 0 24px !important;
    padding: 0 !important;

    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
}

.ss-home-guides-posts .elementor-post__thumbnail {
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important;
}

.ss-home-guides-posts .elementor-post__thumbnail img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    margin: 0 !important;
    padding: 0 !important;

    transition: transform .3s ease;
}

.ss-home-guides-posts .elementor-post__thumbnail__link:hover img {
    transform: scale(1.025);
}


/* =========================================
   POST CONTENT
   ========================================= */

.ss-home-guides-posts .elementor-post__text {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;

    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}


/* =========================================
   META
   ========================================= */

.ss-home-guides-posts .elementor-post__meta-data {
    width: 100% !important;

    margin: 0 0 12px !important;
    padding: 0 !important;

    border: 0 !important;

    font-family: "DM Sans", Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;

    color: #557056 !important;
    text-transform: uppercase !important;
}

.ss-home-guides-posts .elementor-post__meta-data a {
    color: #557056 !important;
    text-decoration: none !important;
}


/* =========================================
   TITLE
   ========================================= */

.ss-home-guides-posts .elementor-post__title {
    width: 100% !important;

    margin: 0 0 14px !important;
    padding: 0 !important;

    font-family: "DM Sans", Arial, sans-serif !important;
    font-size: 24px !important;
    line-height: 1.25 !important;
    font-weight: 500 !important;
    letter-spacing: -0.5px !important;

    color: #202c40 !important;
}


/*
   This specifically removes the
   underline visible in your screenshot.
*/

.ss-home-guides-posts .elementor-post__title a,
.ss-home-guides-posts .elementor-post__title a:hover,
.ss-home-guides-posts .elementor-post__title a:focus,
.ss-home-guides-posts .elementor-post__title a:active {
    color: #202c40 !important;
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
}


/* =========================================
   EXCERPT
   ========================================= */

.ss-home-guides-posts .elementor-post__excerpt {
    width: 100% !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    font-family: "DM Sans", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    font-weight: 400 !important;

    color: #5f6d60 !important;
}

.ss-home-guides-posts .elementor-post__excerpt p {
    margin: 0 !important;
}


/* =========================================
   READ MORE
   ========================================= */

.ss-home-guides-posts .elementor-post__read-more {
    display: inline-flex !important;
    align-items: center !important;

    margin: 0 !important;
    padding: 0 !important;

    font-family: "DM Sans", Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    font-weight: 700 !important;

    color: #29482d !important;

    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.ss-home-guides-posts .elementor-post__read-more:hover {
    color: #29482d !important;
    text-decoration: none !important;
}

.ss-home-guides-posts .elementor-post__read-more::after {
    content: "→";
    margin-left: 7px;
    font-size: 17px;
}


/* =========================================
   CTA
   ========================================= */

.ss-home-guides-cta {
    width: 100%;
    margin: 65px auto 0 !important;
    padding-bottom: 125px !important;
    text-align: center;
}

.ss-home-guides-cta a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    gap: 8px;

    min-width: 220px;
    height: 56px;

    padding: 0 27px;

    background: #29482d !important;
    color: #ffffff !important;

    border: 0 !important;
    border-radius: 40px !important;

    font-family: "DM Sans", Arial, sans-serif !important;
    font-size: 15px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    text-decoration: none !important;
    box-shadow: none !important;
}

.ss-home-guides-cta a:hover,
.ss-home-guides-cta a:focus,
.ss-home-guides-cta a:active {
    background: #29482d !important;
    color: #ffffff !important;
    border: 0 !important;
    text-decoration: none !important;
    box-shadow: none !important;
}

.ss-home-guides-cta a span {
    font-size: 20px;
    line-height: 1;
}


/* =========================================
   TABLET
   ========================================= */

@media (max-width: 1024px) {

    .ss-home-guides {
        padding: 95px 24px 0;
    }

    .ss-home-guides-intro h2 {
        font-size: 44px !important;
    }

    .ss-home-guides-posts {
        width: 100% !important;
        max-width: 900px !important;
        margin-top: 55px !important;
    }

    .ss-home-guides-posts .elementor-posts-container {
        column-gap: 24px !important;
    }

    .ss-home-guides-posts .elementor-post__thumbnail__link {
        height: 200px !important;
    }

    .ss-home-guides-posts .elementor-post__title {
        font-size: 22px !important;
    }

    .ss-home-guides-cta {
        margin-top: 55px !important;
        padding-bottom: 105px !important;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 760px) {

    .ss-home-guides {
        padding: 75px 20px 0;
    }

    .ss-home-guides-intro h2 {
        font-size: 38px !important;
        letter-spacing: -1.5px !important;
    }

    .ss-home-guides-description {
        margin-top: 25px !important;
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .ss-home-guides-posts {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 45px !important;
    }

    .ss-home-guides-posts .elementor-posts-container {
        grid-template-columns: 1fr !important;
        gap: 50px !important;
    }

    .ss-home-guides-posts .elementor-post__thumbnail__link {
        height: 240px !important;
    }

    .ss-home-guides-posts .elementor-post__title {
        font-size: 24px !important;
    }

    .ss-home-guides-cta {
        margin-top: 45px !important;
        padding-bottom: 85px !important;
    }
}


/* =========================================
   SMALL MOBILE
   ========================================= */

@media (max-width: 430px) {

    .ss-home-guides {
        padding: 65px 18px 0;
    }

    .ss-home-guides-intro h2 {
        font-size: 34px !important;
        letter-spacing: -1.2px !important;
    }

    .ss-home-guides-description {
        font-size: 15px !important;
    }

    .ss-home-guides-posts .elementor-post__thumbnail__link {
        height: 210px !important;
    }

    .ss-home-guides-posts .elementor-post__title {
        font-size: 22px !important;
    }

    .ss-home-guides-cta {
        margin-top: 40px !important;
        padding-bottom: 75px !important;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b176f9b *//* =========================================================
   SPROUT SAGE — PLANT CARE & GUIDES
   PART 3 — CTA + SPACE AFTER SECTION
   ========================================================= */

.ss-home-guides-cta {
  width: 100%;

  /* Space between blog posts and CTA */
  margin: 5px auto 0;

  /* Large space between CTA and next homepage section */
  padding-bottom: 40px;

  text-align: center;
}


/* =========================================================
   CTA BUTTON
   ========================================================= */

.ss-home-guides-cta a {
  display: inline-flex;

  align-items: center;
  justify-content: center;

  gap: 8px;

  min-width: 220px;
  height: 56px;

  padding: 0 27px;

  background: #29482d;
  color: #ffffff;

  border: none;
  border-radius: 40px;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 15px;
  line-height: 1;
  font-weight: 700;

  text-decoration: none !important;

  box-shadow: none;
}


/* =========================================================
   HOVER / FOCUS
   ========================================================= */

.ss-home-guides-cta a:hover,
.ss-home-guides-cta a:focus,
.ss-home-guides-cta a:active {
  background: #29482d;
  color: #ffffff;

  text-decoration: none !important;

  border: none;
  box-shadow: none;
}


/* =========================================================
   ARROW
   ========================================================= */

.ss-home-guides-cta a span {
  font-size: 20px;
  line-height: 1;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .ss-home-guides-cta {
    margin-top: 55px;
    padding-bottom: 105px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

  .ss-home-guides-cta {
    margin-top: 45px;
    padding-bottom: 85px;
  }

  .ss-home-guides-cta a {
    min-width: 210px;
    height: 54px;
    font-size: 15px;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

  .ss-home-guides-cta {
    margin-top: 40px;
    padding-bottom: 75px;
  }

}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8b93126 *//* =========================================================
   SPROUT SAGE — HOMEPAGE
   SAGE NOTES / NEWSLETTER
   ========================================================= */

.ss-home-newsletter {
  width: 100%;
  background: #edf1e8;
  padding: 105px 24px 110px;
  text-align: center;
}

.ss-home-newsletter-inner {
  width: min(760px, 100%);
  margin: 0 auto;
}


/* =========================================================
   EYEBROW
   ========================================================= */

.ss-home-newsletter-eyebrow {
  margin: 0 0 30px;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 3px;

  color: #315b50;
  text-transform: uppercase;
}


/* =========================================================
   HEADING
   ========================================================= */

.ss-home-newsletter h2 {
  margin: 0;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 50px;
  line-height: 1.08;
  font-weight: 500;
  letter-spacing: -2.2px;

  color: #202c40;
}


/* =========================================================
   DESCRIPTION
   ========================================================= */

.ss-home-newsletter-text {
  max-width: 600px;

  margin: 28px auto 0;

  font-family: "DM Sans", Arial, sans-serif;
  font-size: 17px;
  line-height: 1.7;
  font-weight: 400;

  color: #154d43;
}


/* =========================================================
   FORM
   ========================================================= */

.ss-home-newsletter-form {
  width: min(620px, 100%);
  margin: 42px auto 0;
}


/* Fluent Forms */

.ss-home-newsletter-form .fluentform {
  margin: 0 !important;
}

.ss-home-newsletter-form .ff-el-group {
  margin-bottom: 0 !important;
}

.ss-home-newsletter-form .ff-t-container {
  display: flex !important;
  align-items: center;
  gap: 12px;
}


/* Email field */

.ss-home-newsletter-form input[type="email"] {
  height: 56px !important;

  margin: 0 !important;
  padding: 0 20px !important;

  border: 1px solid #cbd5c9 !important;
  border-radius: 30px !important;

  background: #ffffff !important;

  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 15px !important;

  color: #202c40 !important;

  box-shadow: none !important;
}

.ss-home-newsletter-form input[type="email"]:focus {
  border-color: #799176 !important;
  box-shadow: none !important;
}


/* Submit button */

.ss-home-newsletter-form button[type="submit"] {
  height: 56px !important;

  margin: 0 !important;
  padding: 0 28px !important;

  border: 0 !important;
  border-radius: 30px !important;

  background: #29482d !important;
  color: #ffffff !important;

  font-family: "DM Sans", Arial, sans-serif !important;
  font-size: 15px !important;
  font-weight: 700 !important;

  box-shadow: none !important;
}

.ss-home-newsletter-form button[type="submit"]:hover,
.ss-home-newsletter-form button[type="submit"]:focus {
  background: #29482d !important;
  color: #ffffff !important;
}


/* Remove unwanted Fluent Forms spacing */

.ss-home-newsletter-form .ff-message-success {
  margin-top: 20px !important;
}

.ss-home-newsletter-form .ff-errors-in-field {
  margin-top: 8px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 760px) {

  .ss-home-newsletter {
    padding: 75px 20px 80px;
  }

  .ss-home-newsletter h2 {
    font-size: 38px;
    line-height: 1.08;
    letter-spacing: -1.5px;
  }

  .ss-home-newsletter-text {
    font-size: 16px;
    line-height: 1.65;
  }

  .ss-home-newsletter-form {
    margin-top: 35px;
  }

  .ss-home-newsletter-form .ff-t-container {
    flex-direction: column !important;
    gap: 12px !important;
  }

  .ss-home-newsletter-form input[type="email"],
  .ss-home-newsletter-form button[type="submit"] {
    width: 100% !important;
  }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 430px) {

  .ss-home-newsletter {
    padding: 65px 18px 70px;
  }

  .ss-home-newsletter h2 {
    font-size: 34px;
    letter-spacing: -1.2px;
  }

  .ss-home-newsletter-text {
    font-size: 15px;
  }

}/* End custom CSS */