/*
 * TrackIT's own content CSS.
 *
 * WHAT THIS IS
 * ------------
 * The original site ran a commercial theme (Ambient) with a page builder
 * (WPBakery) on top. None of that is reproduced here — it was the whole point
 * of the rebuild to be rid of it. But sitting inside that theme's folder was an
 * 11KB `style.css` that was not the theme vendor's work at all: it was TrackIT's
 * own hand-written CSS, ~110 rules laying out EnTrackCargo and parts of several
 * other pages. `.cargo-2-sec`, `.lft-sec`, `.ryt-sec`, `.wmhetm-blck`,
 * `.heading-h3`, `.blue-heading` — those are TrackIT's class names, styling
 * TrackIT's content.
 *
 * That file was missed in the original migration. The result was that
 * EnTrackCargo rendered every one of its multi-column layouts as a single
 * stacked column: 15,691px tall against live's 5,347px, and a page that shared
 * none of live's structure. The content was all present and correct, which is
 * exactly why a body-copy comparison reported parity and a geometry comparison
 * did not.
 *
 * WHY IT LIVES HERE RATHER THAN BEING REBUILT AS BLOCKS
 * ----------------------------------------------------
 * A deliberate, client-approved decision. Porting it reaches pixel parity now
 * and introduces no third-party dependency, because this is TrackIT's own code.
 * Rebuilding these sections as native blocks stays on the table as later work;
 * this file is what makes the go-live date without guessing at the design.
 *
 * The two grid classes below (`.omtk-row` / `.omtk-col`) replace WPBakery's
 * `vc_row` / `vc_col-sm-*`, which the importer now translates. They are a plain
 * 12-column float grid because that is what the original markup expects — the
 * source HTML has no flex or grid assumptions in it.
 *
 * Everything here is scoped to `.omtk-page__content` and `.omtk-post__content`
 * so it can never reach the theme's own components.
 *
 * @package OmegamatrixTrackIT
 */

/* -------------------------------------------------------------------------
 * Grid — replaces vc_row / vc_col-sm-*
 * ---------------------------------------------------------------------- */

.omtk-page__content .omtk-row,
.omtk-post__content .omtk-row {
	margin-left: -15px;
	margin-right: -15px;
}

.omtk-page__content .omtk-row::after,
.omtk-post__content .omtk-row::after {
	content: "";
	display: table;
	clear: both;
}

.omtk-page__content .omtk-col,
.omtk-post__content .omtk-col {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 100%;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

.omtk-page__content .omtk-col--1  { width: 8.3333%; }
.omtk-page__content .omtk-col--2  { width: 16.6666%; }
.omtk-page__content .omtk-col--3  { width: 25%; }
.omtk-page__content .omtk-col--4  { width: 33.3333%; }
.omtk-page__content .omtk-col--5  { width: 41.6666%; }
.omtk-page__content .omtk-col--6  { width: 50%; }
.omtk-page__content .omtk-col--7  { width: 58.3333%; }
.omtk-page__content .omtk-col--8  { width: 66.6666%; }
.omtk-page__content .omtk-col--9  { width: 75%; }
.omtk-page__content .omtk-col--10 { width: 83.3333%; }
.omtk-page__content .omtk-col--11 { width: 91.6666%; }
.omtk-page__content .omtk-col--12 { width: 100%; }

.omtk-post__content .omtk-col--1  { width: 8.3333%; }
.omtk-post__content .omtk-col--2  { width: 16.6666%; }
.omtk-post__content .omtk-col--3  { width: 25%; }
.omtk-post__content .omtk-col--4  { width: 33.3333%; }
.omtk-post__content .omtk-col--5  { width: 41.6666%; }
.omtk-post__content .omtk-col--6  { width: 50%; }
.omtk-post__content .omtk-col--7  { width: 58.3333%; }
.omtk-post__content .omtk-col--8  { width: 66.6666%; }
.omtk-post__content .omtk-col--9  { width: 75%; }
.omtk-post__content .omtk-col--10 { width: 83.3333%; }
.omtk-post__content .omtk-col--11 { width: 91.6666%; }
.omtk-post__content .omtk-col--12 { width: 100%; }

.omtk-page__content .clearfix,
.omtk-post__content .clearfix {
	clear: both;
	float: none;
}

/*
 * The page builder applied `sm` widths from 768px and `lg` widths from 1200px.
 * Where a column declared different spans for the two — `vc_col-sm-12
 * vc_col-lg-4` is the common case, full width on a tablet and one third on a
 * desktop — the importer emits an `--md-*` class carrying the narrower value,
 * applied only in that middle band.
 */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
	.omtk-page__content .omtk-col--md-1  { width: 8.3333%; }
	.omtk-page__content .omtk-col--md-2  { width: 16.6666%; }
	.omtk-page__content .omtk-col--md-3  { width: 25%; }
	.omtk-page__content .omtk-col--md-4  { width: 33.3333%; }
	.omtk-page__content .omtk-col--md-5  { width: 41.6666%; }
	.omtk-page__content .omtk-col--md-6  { width: 50%; }
	.omtk-page__content .omtk-col--md-7  { width: 58.3333%; }
	.omtk-page__content .omtk-col--md-8  { width: 66.6666%; }
	.omtk-page__content .omtk-col--md-9  { width: 75%; }
	.omtk-page__content .omtk-col--md-10 { width: 83.3333%; }
	.omtk-page__content .omtk-col--md-11 { width: 91.6666%; }
	.omtk-page__content .omtk-col--md-12 { width: 100%; }
}

/*
 * The bespoke sections are full-bleed bands whose inner content is centred at
 * the site's 1100px measure, matching the container the page builder used to
 * provide.
 */
.omtk-page__content > section > div,
.omtk-page__content > .cargo-1-sec > div,
.omtk-page__content > .cargo-2-sec > div {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}

/* -------------------------------------------------------------------------
 * TrackIT's section styles, ported verbatim except for scoping
 * ---------------------------------------------------------------------- */

.omtk-page__content .cargo-1-sec { padding: 5% 0 2%; }

.omtk-page__content .cargo-1-sec h3.heading-h3 {
	color: #38416c;
	font-family: var(--omtk-font-alt, Raleway), sans-serif;
	font-weight: 500;
	font-size: 30px;
	line-height: 37px;
}

.omtk-page__content .cargo-1-sec h3.heading-h3 span { color: #dd3333; }

.omtk-page__content .cargo-1-sec h6 {
	color: #38416c;
	font-family: var(--omtk-font-alt, Raleway), sans-serif;
	font-weight: 700;
	font-size: 18px;
}

.omtk-page__content .cargo-1-sec .lft-sec,
.omtk-page__content .cargo-1-sec .ryt-sec { padding: 20px 0; }

.omtk-page__content .cargo-1-sec .lft-sec aside { text-align: center; }
.omtk-page__content .cargo-1-sec .lft-sec aside img { margin: 15px auto 5px; }

.omtk-page__content .cargo-1-sec .lft-sec aside p {
	color: #000;
	font-family: var(--omtk-font-alt, Raleway), sans-serif;
	font-weight: 600;
	font-size: 14px;
	margin: 0;
}

.omtk-page__content .cargo-2-sec { padding: 2% 0; }
.omtk-page__content .cargo-2-sec .blue-heading { background: #1f2f62; }

.omtk-page__content .cargo-2-sec .blue-heading h3.heading-h3 {
	color: #fff;
	text-align: center;
	font-size: 36px;
	line-height: 54px;
	margin: 0;
	padding: 20px 0;
	font-weight: 600;
}

.omtk-page__content .cargo-2-sec .lft-sec h3.heading-h3 {
	color: #38416c;
	font-family: var(--omtk-font-alt, Raleway), sans-serif;
	font-weight: 700;
	font-size: 50px;
	line-height: 60px;
	margin: 0 0 30px;
}

.omtk-page__content .cargo-2-sec .lft-sec { padding: 19% 70px 20px 0; }
.omtk-page__content .cargo-2-sec .ryt-sec { padding: 20px 0; }
.omtk-page__content .cargo-2-sec .lft-sec aside { text-align: left; }
.omtk-page__content .cargo-2-sec .lft-sec aside img { width: 100%; margin: 5px auto; }

.omtk-page__content .cargo-2-sec .ryt-sec .red-block {
	background: #31356e;
	padding: 4px;
	margin: 0 0 20px;
}

.omtk-page__content .cargo-2-sec .ryt-sec .blue-block {
	background: #7ba1c7;
	padding: 4px;
}

.omtk-page__content .cargo-2-sec .ryt-sec .red-block .table-cell,
.omtk-page__content .cargo-2-sec .ryt-sec .blue-block .table-cell {
	display: table;
	width: 100%;
}

.omtk-page__content .cargo-2-sec .ryt-sec .red-block .title-div,
.omtk-page__content .cargo-2-sec .ryt-sec .blue-block .title-div {
	background: #fff;
	position: relative;
	display: table-cell;
	width: 4%;
	vertical-align: bottom;
}

.omtk-page__content .cargo-2-sec .ryt-sec .red-block .title-div h4,
.omtk-page__content .cargo-2-sec .ryt-sec .blue-block .title-div h4 {
	width: 200px;
	margin: 0;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 600;
}

.omtk-page__content .cargo-2-sec .ryt-sec .red-block .img-div {
	display: table-cell;
	width: 26%;
	vertical-align: top;
}

.omtk-page__content .cargo-2-sec .ryt-sec .blue-block .img-div {
	display: table-cell;
	width: 26%;
	vertical-align: top;
	background: #7ba1c7;
}

.omtk-page__content .cargo-2-sec .ryt-sec .red-block .img-div img,
.omtk-page__content .cargo-2-sec .ryt-sec .blue-block .img-div img {
	width: 100%;
	padding: 0 15px;
}

.omtk-page__content .cargo-2-sec .ryt-sec .red-block .content-div,
.omtk-page__content .cargo-2-sec .ryt-sec .blue-block .content-div {
	display: table-cell;
	border-left: 1px solid #fff;
	padding: 0 0 0 12px;
}

.omtk-page__content .cargo-2-sec .ryt-sec .red-block .content-div p,
.omtk-page__content .cargo-2-sec .ryt-sec .red-block .content-div ul li,
.omtk-page__content .cargo-2-sec .ryt-sec .blue-block .content-div p,
.omtk-page__content .cargo-2-sec .ryt-sec .blue-block .content-div ul li {
	color: #fff;
	font-family: var(--omtk-font-alt, Raleway), sans-serif;
	font-size: 14px;
	margin: 0;
}

.omtk-page__content .cargo-2-sec .ryt-sec .red-block .content-div ul,
.omtk-page__content .cargo-2-sec .ryt-sec .blue-block .content-div ul { padding: 0 0 0 30px; }

.omtk-page__content .cargo-2-sec .ryt-sec .red-block .content-div h4,
.omtk-page__content .cargo-2-sec .ryt-sec .blue-block .content-div h4 {
	color: #fff;
	font-weight: 600;
}

.omtk-page__content .cargo-2-sec .ryt-sec .rotate {
	position: absolute;
	bottom: 0;
	left: 0;
	background: none;
	transform-origin: 0 0;
	transform: rotate(-90deg);
}

.omtk-page__content .cargo-3-sec { background-color: #fbf6f3; }

.omtk-page__content .cargo-3-sec h3.heading-h3 {
	color: #38416c;
	font-family: var(--omtk-font-alt, Raleway), sans-serif;
	font-weight: 700;
	font-size: 50px;
	line-height: 68px;
	width: 300px;
	padding: 3% 0 0 13%;
}

.omtk-page__content .cargo-3-sec .wpm-blck { padding: 15px; min-height: 320px; }

.omtk-page__content .cargo-3-sec .wpm-blck h4 {
	margin: 0;
	color: #f2f2f2;
	font-size: 22px;
	line-height: 30px;
	padding: 0 50px 0 0;
	min-height: 120px;
	font-weight: 600;
}

.omtk-page__content .cargo-3-sec .wpm-blck p {
	color: #fff;
	font-family: var(--omtk-font-alt, Raleway), sans-serif;
	font-size: 16px;
	margin: 30px 0 0;
}

.omtk-page__content .cargo-3-sec .wpm-blck.bul-txt h4 { color: #001946; min-height: auto; }
.omtk-page__content .cargo-3-sec .wpm-blck.yel-txt h4 { color: #fff; min-height: auto; }

.omtk-page__content .cargo-3-sec .wpm-blck ul { list-style-position: outside; padding: 0 0 0 15px; }

.omtk-page__content .cargo-3-sec .wpm-blck ul li {
	color: #fff;
	font-family: var(--omtk-font-alt, Raleway), sans-serif;
	font-size: 14px;
	margin: 0;
}

.omtk-page__content .cargo-3-sec .wpm-blck.bul-txt ul li { color: #001946; font-size: 15px; }
.omtk-page__content .cargo-3-sec .wpm-blck.yel-txt ul li { color: #fff; font-size: 15px; }
.omtk-page__content .cargo-3-sec .wpm-blck.blue   { background: #001946; }
.omtk-page__content .cargo-3-sec .wpm-blck.red    { background: #92b8db; }
.omtk-page__content .cargo-3-sec .wpm-blck.yellow { background: #495983; }
.omtk-page__content .cargo-3-sec .wpm-blck.s-blue { background: #4f90c8; }
.omtk-page__content .cargo-3-sec .wpm-blck.l-blue { background: #c2e1e4; }

.omtk-page__content .cargo-4-sec { padding: 2% 0; }

.omtk-page__content .cargo-4-sec .wmhetm-block-sec {
	padding: 2% 0 0.5%;
	position: relative;
}

.omtk-page__content .cargo-4-sec .wmhetm-block-sec::before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #5e6d9c;
	position: absolute;
	top: 0;
	left: 0;
}

.omtk-page__content .cargo-4-sec .blue-heading { background: #1f2f62; }

.omtk-page__content .cargo-4-sec .blue-heading h3.heading-h3 {
	color: #fff;
	text-align: center;
	font-size: 36px;
	line-height: 54px;
	margin: 0;
	padding: 20px 0;
	font-weight: 600;
}

.omtk-page__content .cargo-4-sec .wmhetm-blck { text-align: center; padding: 0 0 2%; }

.omtk-page__content .cargo-4-sec .wmhetm-blck h4 {
	color: #fff;
	font-family: var(--omtk-font-alt, Raleway), sans-serif;
	font-size: 18px;
	font-weight: 600;
	margin: 0 auto;
	padding: 0 20px;
	width: 70%;
}

.omtk-page__content .cargo-4-sec .wmhetm-blck img { width: 160px; padding: 30px; }

.omtk-page__content .cargo-4-sec .wmhetm-blck.img-sec img {
	width: 100%;
	padding: 25px;
	height: 220px;
}

.omtk-page__content .cargo-5-sec { background-color: #fbf6f3; }
.omtk-page__content .cargo-5-sec .blue-heading { background: #1f2f62; }

.omtk-page__content .cargo-5-sec .blue-heading h3.heading-h3 {
	color: #fff;
	text-align: center;
	font-size: 36px;
	line-height: 54px;
	margin: 0;
	padding: 20px 0;
	font-weight: 600;
}

.omtk-page__content .cargo-5-sec h3.heading-h3 {
	color: #38416c;
	font-family: var(--omtk-font-alt, Raleway), sans-serif;
	font-weight: 700;
	font-size: 60px;
	line-height: 60px;
	margin: 0;
}

.omtk-page__content .cargo-5-sec h6 {
	color: #38416c;
	font-family: var(--omtk-font-alt, Raleway), sans-serif;
	font-weight: 700;
	font-size: 24px;
	margin: 22px 0 2%;
	text-align: center;
}

.omtk-page__content .cargo-5-sec .rh-block-sec { margin: 0 -20px; }

.omtk-page__content .cargo-5-sec .rh-blck {
	margin: 15px 0;
	padding: 20px 60px;
	text-align: center;
}

.omtk-page__content .cargo-5-sec .rh-blck img { height: 90px; }

.omtk-page__content .cargo-5-sec .rh-blck h4 {
	color: #38416c;
	font-family: var(--omtk-font-alt, Raleway), sans-serif;
	font-weight: 700;
	font-size: 22px;
	text-align: center;
}

.omtk-page__content .cargo-5-sec .wmhetm-block-sec { padding: 2% 0 0.5%; position: relative; }

.omtk-page__content .cargo-6-sec { padding: 4% 0; }
.omtk-page__content .cargo-6-sec .blue-heading { background: #1f2f62; }

.omtk-page__content .cargo-6-sec .blue-heading h3.heading-h3 {
	color: #fff;
	text-align: center;
	font-size: 48px;
	line-height: 54px;
	margin: 0;
	padding: 20px 0;
	font-weight: 600;
}

.omtk-page__content .cargo-6-sec .ccm-block-sec {
	padding: 4% 0;
	width: 90%;
	margin: auto;
	border-bottom: 2px solid #1c3062;
}

.omtk-page__content .cargo-6-sec .r-cmm-blck aside { text-align: center; }
.omtk-page__content .cargo-6-sec .r-cmm-blck aside img { width: 80px; margin: 15px auto 10px; }

.omtk-page__content .cargo-6-sec .r-cmm-blck aside p {
	color: #000;
	font-family: var(--omtk-font-alt, Raleway), sans-serif;
	font-weight: 700;
	font-size: 18px;
	margin: 0;
}

.omtk-page__content .cargo-6-sec .cmm-blck ul {
	list-style: none;
	width: 80%;
	margin: 0 0 0 40px;
}

.omtk-page__content .cargo-6-sec .cmm-blck ul li {
	position: relative;
	color: #1b2d6d;
	font-family: var(--omtk-font-alt, Raleway), sans-serif;
	font-weight: 700;
	font-size: 22px;
	margin: 20px 0;
	padding: 10px 0 0 60px;
	line-height: 35px;
}

.omtk-page__content .cargo-6-sec .cmm-blck ul li img {
	position: absolute;
	left: 11px;
	width: 32px;
	top: 12px;
}

.omtk-page__content .cargo-7-sec { padding: 2% 0; }

.omtk-page__content .cargo-7-sec .wmhetm-block-sec {
	padding: 2% 0;
	position: relative;
	background-color: #fbf6f3;
}

.omtk-page__content .cargo-7-sec .white-heading { background: #fff; }

.omtk-page__content .cargo-7-sec .white-heading h3.heading-h3 {
	color: #1f2f62;
	text-align: center;
	font-size: 48px;
	line-height: 54px;
	margin: 0;
	padding: 20px 0;
	font-weight: 600;
}

.omtk-page__content .cargo-7-sec .white-heading h3.heading-h3 span { color: #dd3333; }

.omtk-page__content .cargo-7-sec .wmhetm-block-sec .in-wmhetm-block-sec {
	width: 90%;
	margin: 0 auto;
	padding: 4% 0 0;
}

.omtk-page__content .cargo-7-sec .wmhetm-block-sec .wmhetm-blck { width: 20%; padding: 0 10px; }

.omtk-page__content .cargo-7-sec .wmhetm-block-sec .wmhetm-blck .cb-blk {
	background: #fff;
	margin: 0 0 50px;
}

.omtk-page__content .cargo-7-sec .wmhetm-blck { text-align: center; padding: 0 0 2%; }

.omtk-page__content .cargo-7-sec .wmhetm-blck h4 {
	color: #1e3062;
	font-family: var(--omtk-font-alt, Raleway), sans-serif;
	font-size: 18px;
	font-weight: 600;
	margin: 0 auto;
	padding: 0 10px;
	line-height: 22px;
	min-height: 80px;
}

.omtk-page__content .cargo-7-sec .wmhetm-blck img { width: 200px; padding: 30px; }
.omtk-page__content .cargo-7-sec .wmhetm-blck.img-sec img { width: 100%; padding: 30px; }

/* -------------------------------------------------------------------------
 * Mobile — carried over from the original, plus the grid stack the page
 * builder used to supply at its own `sm` breakpoint.
 * ---------------------------------------------------------------------- */

@media only screen and (max-width: 767px) {

	.omtk-page__content .omtk-col,
	.omtk-post__content .omtk-col {
		float: none;
		width: 100%;
	}

	.omtk-page__content .cargo-2-sec .lft-sec h3.heading-h3 { font-size: 30px; line-height: 40px; }

	.omtk-page__content .cargo-2-sec .lft-sec { padding: 20px 0; }

	.omtk-page__content .cargo-2-sec .ryt-sec .red-block .table-cell,
	.omtk-page__content .cargo-2-sec .ryt-sec .red-block .img-div,
	.omtk-page__content .cargo-2-sec .ryt-sec .red-block .content-div,
	.omtk-page__content .cargo-2-sec .ryt-sec .red-block .title-div,
	.omtk-page__content .cargo-2-sec .ryt-sec .blue-block .table-cell,
	.omtk-page__content .cargo-2-sec .ryt-sec .blue-block .img-div,
	.omtk-page__content .cargo-2-sec .ryt-sec .blue-block .content-div,
	.omtk-page__content .cargo-2-sec .ryt-sec .blue-block .title-div {
		display: block;
		width: 100%;
	}

	.omtk-page__content .cargo-2-sec .ryt-sec .rotate {
		position: relative;
		left: 8px;
		transform: rotate(0deg);
	}

	.omtk-page__content .cargo-2-sec .ryt-sec .red-block .content-div,
	.omtk-page__content .cargo-2-sec .ryt-sec .blue-block .content-div {
		border-top: 1px solid #000;
		border-left: 0;
		padding: 0 0 0 12px;
	}

	.omtk-page__content .cargo-3-sec h3.heading-h3 {
		font-size: 40px;
		line-height: 50px;
		width: 100%;
		padding: 4%;
	}

	.omtk-page__content .cargo-3-sec .wpm-blck.hide-xs { display: none; }
	.omtk-page__content .cargo-4-sec .blue-heading h3.heading-h3 { font-size: 22px; line-height: 30px; }
	.omtk-page__content .cargo-5-sec h6 { margin: 10px 0 21%; line-height: 36px; }
	.omtk-page__content .cargo-6-sec .blue-heading h3.heading-h3 { font-size: 30px; line-height: 40px; }
	.omtk-page__content .cargo-6-sec .cmm-blck ul { width: 100%; margin: 0; }
	.omtk-page__content .cargo-7-sec .wmhetm-block-sec .wmhetm-blck { width: 100%; padding: 0 10px; }
}

/* ----------------------------------------- column breakpoints (WPBakery) */

/*
 * Imported column rows carry `is-not-stacked-on-mobile`, which switches off
 * WordPress's own stacking rule — it breaks at 782px — so the breakpoint can be
 * set here to WPBakery's 768px instead, the one the original site uses. In the
 * 14px between those two numbers the layouts are completely different, and
 * 768px, the standard tablet width, sits inside it: the Events page measured
 * 41% too tall at 768px for that reason alone.
 *
 * The doubled class beats the equal-specificity `!important` rules core ships
 * for the same selectors. Without it these rules lose on source order.
 */
.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile {
	flex-wrap: nowrap;
}

@media (max-width: 767px) {
	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile {
		flex-wrap: wrap !important;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .wp-block-column {
		flex-basis: 100% !important;
	}
}

/*
 * A WPBakery column carries up to four widths, one per breakpoint; a
 * `core/column` carries one. The desktop width travels inline on the column,
 * as core expects, and these two bands carry the `vc_col-md-*` and
 * `vc_col-sm-*` widths the source also declares. The bands are WPBakery's own:
 * `sm` from 768px, `md` from 992px, `lg` from 1200px.
 *
 * This matters more than it looks. The Solutions rows are
 * `vc_col-sm-12 vc_col-lg-4` — full width on a tablet, one third on a desktop.
 * Honouring only the desktop width made that page render three-across at 768px
 * and measure 42% short; honouring only the tablet width made it stack at
 * every width and measure 79% long.
 *
 * `omtk-cols--stack-sm` / `--stack-md` are set by the importer, per row, when
 * that band's spans no longer fit on one line. Wrapping cannot be left on
 * globally: `wp-block-columns` puts a gap between columns, so three 33%
 * columns total more than 100% and break onto three lines at desktop.
 */
@media (min-width: 768px) and (max-width: 991px) {
	.wp-block-columns.omtk-cols--stack-sm.omtk-cols--stack-sm {
		flex-wrap: wrap !important;
	}

	.wp-block-columns.omtk-cols--stack-sm.omtk-cols--stack-sm > .wp-block-column {
		flex-basis: 100% !important;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-sm-1 {
		flex-basis: 8.33%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-sm-2 {
		flex-basis: 16.67%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-sm-3 {
		flex-basis: 25.0%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-sm-4 {
		flex-basis: 33.33%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-sm-5 {
		flex-basis: 41.67%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-sm-6 {
		flex-basis: 50.0%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-sm-7 {
		flex-basis: 58.33%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-sm-8 {
		flex-basis: 66.67%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-sm-9 {
		flex-basis: 75.0%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-sm-10 {
		flex-basis: 83.33%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-sm-11 {
		flex-basis: 91.67%;
		flex-grow: 0;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.wp-block-columns.omtk-cols--stack-md.omtk-cols--stack-md {
		flex-wrap: wrap !important;
	}

	.wp-block-columns.omtk-cols--stack-md.omtk-cols--stack-md > .wp-block-column {
		flex-basis: 100% !important;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-md-1 {
		flex-basis: 8.33%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-md-2 {
		flex-basis: 16.67%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-md-3 {
		flex-basis: 25.0%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-md-4 {
		flex-basis: 33.33%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-md-5 {
		flex-basis: 41.67%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-md-6 {
		flex-basis: 50.0%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-md-7 {
		flex-basis: 58.33%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-md-8 {
		flex-basis: 66.67%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-md-9 {
		flex-basis: 75.0%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-md-10 {
		flex-basis: 83.33%;
		flex-grow: 0;
	}

	.wp-block-columns.is-not-stacked-on-mobile.is-not-stacked-on-mobile > .omtk-cw-md-11 {
		flex-basis: 91.67%;
		flex-grow: 0;
	}
}

/* ------------------------------------------------- legacy list indentation */

/*
 * The original theme resets list padding to zero and lets each list supply its
 * own indent — `ul.lists li` on EnTrackSpecialProjects sets `margin-left: 1em`
 * and nothing else, and the computed `padding-left` on that list is 0px.
 *
 * This theme's own reset uses `padding-left: 1.3em`, so imported lists that
 * bring their own indent were getting both. That is invisible in a wide column
 * and severe in a narrow one: those scenario panels are 80px of text at tablet
 * width, where 21px of extra indent is a quarter of the line.
 */
.omtk-page__content ul[class],
.omtk-post__content ul[class] {
	padding-left: 0;
}