/*
Theme Name: MyCarbon Theme
Theme URI: https://www.mycarbon.co.uk/
Template: Divi
Author: Website Energizers
Author URI: https://websiteenergizers.com/
Description: Divi child theme for MyCarbon built by Website Energizers
Version: 5.0.3.1774968581
Updated: 2026-03-31 14:49:41

/* Make timeline items the same height */

/* --- Divi Pixel horizontal timeline: equal-height cards + vertically centred text (global) --- */

/* 1. Make every timeline item stretch to the tallest one */
.dipi-htl-items{
  align-items: stretch !important;
}

/* 2. Let each wrapper level fill that height */
.dipi_horizontal_timeline_item,
.dipi_horizontal_timeline_item > div{
  height: auto;
  display: flex;
  flex-direction: column;
}
.dipi_horizontal_timeline_item > div,
.dipi_htl_item_container{
  flex: 1 1 auto;
}

/* 3. Only the card absorbs the extra height (keep the dot/icon fixed) */
.dipi_htl_item_container > .et_pb_image_wrap{
  flex: 0 0 auto;
}
.dipi_htl_item_card-wrap{
  flex: 1 1 auto;
  display: flex;
}
.dipi_htl_item_card{
  display: flex;
  width: 100%;
  height: 100%;
}

/* 4. Vertically centre the text inside each card */
.dipi_htl_item_content{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
}