/* Apie mus — content rail (match /karjera/ + Salient .container.main-content) */

body.page-id-1857.hoptrans-gradient-landing,
body.hoptrans-gradient-landing.page-id-1857 {
	--hop-rail-max: 1425px;
	--hop-rail-gutter: 40px;
}

/*
 * Full-width Salient rows on /apie-mus/ — same rail as /karjera/.
 * Exclude full-bleed hero media + serpentine timeline.
 */
body.page-id-1857 .vc_row.full-width-content > .row_col_wrap_12.col,
body.page-id-1857 .vc_row.full-width-content.left_padding_48px > .row_col_wrap_12.col,
body.page-id-1857 .vc_row.full-width-content.right_padding_48px > .row_col_wrap_12.col,
body.hoptrans-gradient-landing.page-id-1857 .vc_row.full-width-content > .row_col_wrap_12.col {
	box-sizing: border-box;
	max-width: var(--hop-rail-max, 1425px);
	width: 100%;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--hop-rail-gutter, 40px) !important;
	padding-right: var(--hop-rail-gutter, 40px) !important;
}

body.page-id-1857 #apie-hero .vc_row.full-width-content > .row_col_wrap_12.col,
body.page-id-1857 #apie-timeline-wrap .vc_row.full-width-content > .row_col_wrap_12.col,
body.page-id-1857 #apie-timeline .vc_row.full-width-content > .row_col_wrap_12.col,
body.hoptrans-gradient-landing.page-id-1857 #apie-hero .vc_row.full-width-content > .row_col_wrap_12.col,
body.hoptrans-gradient-landing.page-id-1857 #apie-timeline-wrap .vc_row.full-width-content > .row_col_wrap_12.col {
	max-width: none !important;
	width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

/*
 * Custom PHP shells sit inside Salient rail cols — no second gutter.
 * Vertical rhythm stays from existing section CSS (top/bottom padding).
 */
body.page-id-1857 .hoptrans-apie-principles,
body.page-id-1857 .hoptrans-apie-infra,
body.page-id-1857 .hoptrans-apie-people,
body.hoptrans-gradient-landing.page-id-1857 .hoptrans-apie-principles,
body.hoptrans-gradient-landing.page-id-1857 .hoptrans-apie-infra,
body.hoptrans-gradient-landing.page-id-1857 .hoptrans-apie-people {
	box-sizing: border-box;
	max-width: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

body.page-id-1857 .hoptrans-apie-people__inner,
body.hoptrans-gradient-landing.page-id-1857 .hoptrans-apie-people__inner {
	max-width: none;
	width: 100%;
}

@media only screen and (max-width: 999px) {
	body.page-id-1857 .vc_row.full-width-content > .row_col_wrap_12.col,
	body.hoptrans-gradient-landing.page-id-1857 .vc_row.full-width-content > .row_col_wrap_12.col {
		padding-left: 24px !important;
		padding-right: 24px !important;
	}

	body.page-id-1857 #apie-hero .vc_row.full-width-content > .row_col_wrap_12.col,
	body.page-id-1857 #apie-timeline-wrap .vc_row.full-width-content > .row_col_wrap_12.col,
	body.hoptrans-gradient-landing.page-id-1857 #apie-hero .vc_row.full-width-content > .row_col_wrap_12.col,
	body.hoptrans-gradient-landing.page-id-1857 #apie-timeline-wrap .vc_row.full-width-content > .row_col_wrap_12.col {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}

@media only screen and (max-width: 690px) {
	body.page-id-1857 .vc_row.full-width-content > .row_col_wrap_12.col,
	body.hoptrans-gradient-landing.page-id-1857 .vc_row.full-width-content > .row_col_wrap_12.col {
		padding-left: 16px !important;
		padding-right: 16px !important;
	}

	body.page-id-1857 #apie-hero .vc_row.full-width-content > .row_col_wrap_12.col,
	body.page-id-1857 #apie-timeline-wrap .vc_row.full-width-content > .row_col_wrap_12.col,
	body.hoptrans-gradient-landing.page-id-1857 #apie-hero .vc_row.full-width-content > .row_col_wrap_12.col,
	body.hoptrans-gradient-landing.page-id-1857 #apie-timeline-wrap .vc_row.full-width-content > .row_col_wrap_12.col {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
}