/* Comparison table (the section with the CSS class qc-comparison; built by
   tools/divi/layouts/comparison.php). Only what Divi's own settings cannot express:
   the cell colours, padding, type, column widths, corners, the rules between lines
   and the sideways scroll are all set on the rows and columns in Divi. Low
   specificity on purpose. */

/* Divi's theme puts 10px of padding under every heading and has no setting for it.
   The old build had none: the table sits 40px under the headline, which is the Table
   row's top margin (Design > Spacing). */
.qc-comparison .et_pb_heading_container h2 {
	padding-bottom: 0;
}

/* Phones (Divi's phone size, 767px and under): the table keeps its four columns and
   scrolls sideways inside its frame (the Table column, class qc-comparison-table, whose
   Horizontal Overflow is Auto), as the old .table-scroll did. Divi's Sizing panel has
   no minimum-width field, so the lines' minimum width lives here: 576px, four equal
   columns of 144px, each at least as wide as the old table's columns on a phone. */
@media (max-width: 767px) {
	.qc-comparison-table > .et_pb_row {
		min-width: 576px;
	}
}
