/* Founders card (layouts/founders.php): the old offset blue frame behind each portrait,
   the portrait shadow, and the smaller role line under the name. */
.qc-portrait .et_pb_image_wrap { position: relative; isolation: isolate; }
.qc-portrait .et_pb_image_wrap img { box-shadow: 0 12px 32px rgba(15, 21, 74, .10); }
.qc-portrait .et_pb_image_wrap::after { content: ""; position: absolute; inset: 14px -14px -14px 14px; border: 2px solid #009ad9; border-radius: 10px; z-index: -1; opacity: .5; }
.qc-portrait-left .et_pb_image_wrap::after { inset: 14px 14px -14px -14px; }
.qc-portrait-role { display: block; font-weight: 400; color: #626f78; font-size: 13px; margin-top: 2px; }
/* The old grid: 260px portraits either side of the message, 48px apart. Divi's widths come
   in 24ths, so on desktop this restores the old columns; tablets and phones stack as before. */
@media (min-width: 981px) {
	.qc-founders > .et_pb_row { column-gap: 48px !important; }
	.qc-founders > .et_pb_row > .et_pb_column:first-child,
	.qc-founders > .et_pb_row > .et_pb_column:last-child { width: 260px !important; }
	.qc-founders > .et_pb_row > .et_pb_column:nth-child(2) { width: calc(100% - 616px) !important; }
}
/* Narrow laptops: inside a card the message column would shrink to about 200px, so
   the portraits narrow to 220px with 40px gaps (about 335px for the message at 1024). */
@media (min-width: 981px) and (max-width: 1179.98px) {
	.qc-founders > .et_pb_row { column-gap: 40px !important; }
	.qc-founders > .et_pb_row > .et_pb_column:first-child,
	.qc-founders > .et_pb_row > .et_pb_column:last-child { width: 220px !important; }
	.qc-founders > .et_pb_row > .et_pb_column:nth-child(2) { width: calc(100% - 520px) !important; }
}
/* Tablets: the two portraits side by side with the message below them; phones: one column,
   portraits first and no wider than 260px (the old grid areas "l r" / "c c", then "l" "r" "c"). */
@media (max-width: 980px) {
	.qc-founders > .et_pb_row { flex-wrap: wrap !important; column-gap: 48px !important; row-gap: 40px !important; }
	.qc-founders > .et_pb_row > .et_pb_column:first-child { order: 1; width: calc(50% - 24px) !important; }
	.qc-founders > .et_pb_row > .et_pb_column:last-child { order: 2; width: calc(50% - 24px) !important; }
	.qc-founders > .et_pb_row > .et_pb_column:nth-child(2) { order: 3; width: 100% !important; }
}
@media (max-width: 700px) {
	.qc-founders > .et_pb_row > .et_pb_column:first-child,
	.qc-founders > .et_pb_row > .et_pb_column:last-child { width: 100% !important; max-width: 260px; }
}