/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
/* Pricing Table Container Query Styling */

/* Mark the pricing table row as a container */
.et_pb_pricing_table_wrapper {
  container-type: inline-size;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 2rem;
}

/* Individual pricing table styling */
.et_pb_pricing_table_item {
  padding: 1.5rem;
}

/* Default: narrow/mobile */
.et_pb_pricing_table_item .et_pb_price_amount {
  font-size: 32px;
  font-weight: 700;
}

.et_pb_pricing_table_item h2 {
  font-size: 18px;
  margin: 1rem 0;
}

.et_pb_pricing_table_item ul li {
  font-size: 14px;
}

/* At 350px+ */
@container (min-width: 350px) {
  .et_pb_pricing_table_item h2 {
    font-size: 20px;
  }

  .et_pb_pricing_table_item .et_pb_price_amount {
    font-size: 38px;
  }

  .et_pb_pricing_table_item ul li {
    font-size: 15px;
  }
}

/* At 450px+ */
@container (min-width: 450px) {
  .et_pb_pricing_table_item {
    padding: 2rem;
  }

  .et_pb_pricing_table_item h2 {
    font-size: 24px;
  }

  .et_pb_pricing_table_item .et_pb_price_amount {
    font-size: 48px;
  }

  .et_pb_pricing_table_item ul li {
    font-size: 16px;
  }
}