/* Hero image centred column (replaces col-sm-6 offset-sm-3) */
.ppr-hero-img {
	max-width: 600px;
	margin-inline: auto;
	margin-block-end: 2rem;
}

.ppr-hero-img img {
	width: 100%;
}

/* Session list grid (replaces row row-cols-1 row-cols-lg-2) */
.session-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1.5rem;
	margin-block-start: 1.5rem;
}

@media (min-width: 992px) {
	.session-list {
		grid-template-columns: 1fr 1fr;
	}
}

/* form-select (replaces Bootstrap .form-select) */
select.form-select,
select.currency-selector {
	display: inline-block;
	padding: 0.375rem 2.25rem 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	border: 1px solid #ced4da;
	border-radius: 0.375rem;
	appearance: auto;
}

/* bg-light (used on alternating pricing rows) */
.bg-light { background-color: #f8f9fa; }

/* Section top margin */
#our_services { margin-block-start: 3rem; }


/*
 * Sliding Scale pricing
 */

.sliding-scale-header,
.sliding-scale-level .conjection {
	font-weight: bold;
}

.sliding-scale-level div:nth-child(3),
.sliding-scale-header div:nth-child(3) {
	text-align: right;
}

.sliding-scale-level div:nth-child(4) {
	text-align: center;
}

.sliding-scale-level div:nth-child(3)::first-letter,
.sliding-scale-level div:nth-child(5)::first-letter {
	font-weight: bold;
}

.sliding-scale-pricing {
	max-width: min(100%, 45em);
	overflow-x: scroll;
	margin: auto;
}

.sliding-scale-pricing span.cad-value {
	display: block;
}

.sliding-scale-pricing .row {
	margin-bottom: 5px;
}

.sliding-scale-pricing .scrollbox {
	min-width: 33em;
}

.sliding-scale-pricing .scrollbox .row {
	margin-left: 0;
	margin-right: 0;
}

.sliding-scale-pricing .scrollbox .col:first-child {
	margin-left: 0;
}

/* Pricing table columns — simple flex row replacing Bootstrap .row/.col-* */
.sliding-scale-pricing .scrollbox .row {
	display: flex;
	flex-direction: row;
	padding: 0.25rem 0;
}

.sliding-scale-pricing .scrollbox .col-8 {
	flex: 0 0 66.6667%;
	max-width: 66.6667%;
	padding: 0;
}

.sliding-scale-pricing .scrollbox .col-4 {
	flex: 0 0 33.3333%;
	max-width: 33.3333%;
	padding: 0;
}

.sliding-scale-pricing .scrollbox .col-2 {
	flex: 0 0 16.6667%;
	max-width: 16.6667%;
	padding: 0;
}