/* Deliberate changes, kept separate from the restoration so it's
   obvious what deviates from the 2024 original. Scoped by Divi's page-id body
   class so each rule only touches the page it's meant for. */

/* ---- Home hero -------------------------------------------------------------
   The slide pointed at 2020/04/Sour-Banana-Sherbert-Cannabis.jpg, which had been
   404ing on the live server for years — the hero you actually shipped was the
   darker BubbaDiagonal shot. Point the slide at that image and drop the white
   fallback colour so it reads as the dark hero.                               */
.page-id-1290 .et_pb_slide_0 {
  background-color: transparent !important;
  background-image:
    linear-gradient(180deg, rgba(255,255,255,0) 60%, rgba(0,0,0,0.45) 100%),
    url('/assets/img/2024/05/BubbaDiagonal-1080x675-1.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
}

/* ---- Hero green overlays ---------------------------------------------------
   Originals were rgba(12,183,109,0.61 -> 0.50) on Personal and 0.86 -> 0.56 on
   Commercial, which buried the photograph. Roughly a 40% reduction: the green
   still reads as a brand veil, the grow room shows through. Nudge the alpha
   values if you want it lighter or heavier.                                   */
.page-id-2143 .et_pb_fullwidth_header_0 {          /* Personal */
  background-image: linear-gradient(180deg,
      rgba(12,183,109,0.40) 0%, rgba(12,183,109,0.28) 20%) !important;
}
.page-id-2140 .et_pb_fullwidth_header_0 {          /* Commercial */
  background-image: linear-gradient(180deg,
      rgba(12,183,109,0.52) 0%, rgba(12,183,109,0.32) 45%) !important;
}

/* ---- Home "Follow Us On" logos ---------------------------------------------
   Divi left-aligns an image module inside its column, so the five logos hugged
   the left edge of a 3-up then 2-up row and read as staggered. Centre each one
   in its column: the rows become a balanced 3-over-2. The grey-until-hover
   treatment is the original `.client-logo` styling and is left alone.        */
.page-id-1290 .et_pb_image.client-logo { text-align: center; }

/* ---- Contact social follow icons -------------------------------------------
   Their styling lived in the lost deferred CSS, so they rendered as cramped
   32px squares with green glyphs on brand-coloured backgrounds and a stray
   "Follow" button wrapping underneath. Rebuilt as a clean row: brand colours
   kept, white glyphs, room to breathe, and a lift on hover. The redundant
   text buttons are hidden — the icons already carry title attributes.        */
.page-id-1683 .et_pb_social_media_follow { text-align: left; margin-top: 10px; }
.page-id-1683 .et_pb_social_media_follow li {
  float: none; display: inline-block; vertical-align: top; margin: 0 12px 12px 0;
}
.page-id-1683 .et_pb_social_media_follow li a.icon {
  width: 44px; height: 44px; border-radius: 10px;
  display: inline-flex; align-items: center; justify-content: center;
  color: #fff !important;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.page-id-1683 .et_pb_social_media_follow li a.icon::before {
  font-size: 22px; line-height: 1; color: #fff !important;
}
.page-id-1683 .et_pb_social_media_follow li a.icon:hover {
  transform: translateY(-3px); filter: brightness(1.1);
  box-shadow: 0 6px 14px rgba(0,0,0,.25);
}
.page-id-1683 .et_pb_social_media_follow li a.follow_button,
.page-id-1683 .et_pb_social_media_follow_network_name { display: none !important; }