/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*//*
 Theme Name:   Shift8 Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Shift8
 Author URI:   https://shift8web.ca/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* PDhub stable layout modules
   Keep stable section-level and page-level layout rules in versioned theme CSS.
   Leave Bricks page-scoped _cssCustom for genuine one-off exceptions only. */

/* Home webinar people band
   Use the combined section classes to override legacy inline `.pdh-courses`
   declarations that still come from the Bricks page CSS payload. */
#brxe-pdhpg1 .pdh-people-section .pdh-wrap {
	width: min(1520px, calc(100vw - 48px));
	margin-left: auto;
	margin-right: auto;
}

#brxe-pdhpg1 .pdh-people-section .pdh-person-row {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 520px;
	column-gap: 40px;
	align-items: start;
	width: min(1520px, calc(100vw - 48px));
	margin: 0 auto;
	background: transparent;
	min-height: 0;
	height: auto;
}

#brxe-pdhpg1 .pdh-people-section .pdh-person-row--moderator {
	grid-template-areas: "copy photo";
}

#brxe-pdhpg1 .pdh-people-section .pdh-people-list {
	display: block;
}

#brxe-pdhpg1 .pdh-people-section .pdh-people-list .pdh-card {
	grid-template-areas:
		"meta photo"
		"name photo"
		"title photo"
		"desc photo"
		"cta photo";
}

#brxe-pdhpg1 .pdh-people-section .pdh-person-copy {
	grid-area: copy;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 760px;
}

#brxe-pdhpg1 .pdh-people-section .pdh-moderator-label,
#brxe-pdhpg1 .pdh-people-section .pdh-card-meta {
	margin: 0 0 22px;
}

#brxe-pdhpg1 .pdh-people-section .pdh-card-meta {
	grid-area: meta;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 24px;
	width: auto;
	font-size: 14px;
	line-height: 26px;
	text-transform: uppercase;
}

#brxe-pdhpg1 .pdh-people-section .pdh-card-label,
#brxe-pdhpg1 .pdh-people-section .pdh-moderator-label {
	color: #8d775f;
	font-size: 14px;
	line-height: 26px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-weight: 600;
}

#brxe-pdhpg1 .pdh-people-section .pdh-person-row--moderator .pdh-moderator-label {
	margin-bottom: 14px;
}

#brxe-pdhpg1 .pdh-people-section .pdh-card-meta time {
	color: #101a20;
	letter-spacing: 0.5px;
}

#brxe-pdhpg1 .pdh-people-section .pdh-card-speaker-name,
#brxe-pdhpg1 .pdh-people-section .pdh-moderator-name {
	margin: 0 0 10px;
	font-family: "ivyora-display", serif;
	font-size: 28px;
	line-height: 38px;
	letter-spacing: 0.5px;
	color: #101a20;
}

#brxe-pdhpg1 .pdh-people-section .pdh-card-speaker-name {
	grid-area: name;
}

#brxe-pdhpg1 .pdh-people-section .pdh-card-title {
	grid-area: title;
	margin: 0 0 16px;
	max-width: 760px;
	font-family: "proxima-nova", "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	line-height: 26px;
	font-weight: 600;
	letter-spacing: 0.5px;
	color: #8d775f;
}

#brxe-pdhpg1 .pdh-people-section .pdh-card-desc,
#brxe-pdhpg1 .pdh-people-section .pdh-moderator-desc {
	margin: 0;
	max-width: 760px;
	font-size: 16px;
	line-height: 26px;
	color: #101a20;
}

#brxe-pdhpg1 .pdh-people-section .pdh-card-desc-stack {
	grid-area: desc;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 760px;
	min-width: 0;
}

#brxe-pdhpg1 .pdh-people-section .pdh-card-desc {
	margin: 0;
	max-width: 760px;
}

#brxe-pdhpg1 .pdh-people-section .pdh-card-readmore {
	margin-top: 12px;
}


#brxe-pdhpg1 .pdh-people-section .pdh-card-readmore-details {
	display: block;
}

#brxe-pdhpg1 .pdh-people-section .pdh-card-readmore-toggle {
	list-style: none;
	color: #101a20;
	font-family: "proxima-nova", "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	font-weight: 600;
	line-height: 26px;
	letter-spacing: 0.5px;
	text-decoration: underline;
	cursor: pointer;
}

#brxe-pdhpg1 .pdh-people-section .pdh-card-readmore-toggle::before {
	content: "+ ";
	text-decoration: none;
}

#brxe-pdhpg1 .pdh-people-section .pdh-card-readmore-details[open] .pdh-card-readmore-toggle::before {
	content: "- ";
}

#brxe-pdhpg1 .pdh-people-section .pdh-card-readmore-toggle::-webkit-details-marker {
	display: none;
}

#brxe-pdhpg1 .pdh-people-section .pdh-card-readmore-toggle:hover,
#brxe-pdhpg1 .pdh-people-section .pdh-card-readmore-toggle:focus-visible {
	color: #8d775f;
}

#brxe-pdhpg1 .pdh-people-section .pdh-card-desc-more {
	margin-top: 12px;
	max-width: 760px;
	font-size: 16px;
	line-height: 26px;
	color: #101a20;
}

#brxe-pdhpg1 .pdh-people-section .pdh-person-button {
	grid-area: cta;
	margin-top: 28px;
	align-self: start;
	justify-self: start;
	display: inline-flex;
	width: auto;
	min-width: 181px;
}

#brxe-pdhpg1 .pdh-people-section a.pdh-card-speaker,
#brxe-pdhpg1 .pdh-people-section .pdh-moderator-photo {
	grid-area: photo;
	display: block;
	width: 520px;
	height: 300px;
	margin-left: auto;
	overflow: hidden;
	line-height: 0;
	background: rgba(16, 26, 32, 0.08);
}

#brxe-pdhpg1 .pdh-people-section a.pdh-card-speaker img,
#brxe-pdhpg1 .pdh-people-section .pdh-moderator-photo {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center top;
	filter: saturate(0.88) contrast(0.98);
}

#brxe-pdhpg1 .pdh-people-section #brxe-modimg,
#brxe-pdhpg1 .pdh-people-section #brxe-img001 img,
#brxe-pdhpg1 .pdh-people-section #brxe-img002 img,
#brxe-pdhpg1 .pdh-people-section #brxe-img003 img {
	object-fit: contain;
	object-position: center;
}

#brxe-pdhpg1 .pdh-people-section #brxe-modimg {
	background: #f3f3f5;
}

#brxe-pdhpg1 .pdh-people-section #brxe-img001,
#brxe-pdhpg1 .pdh-people-section #brxe-img002,
#brxe-pdhpg1 .pdh-people-section #brxe-img003 {
	background: #f5f2f0;
}

#brxe-pdhpg1 .pdh-people-section .pdh-people-note {
	margin-top: 34px;
}

@media (max-width: 991px) {
	#brxe-pdhpg1 .pdh-courses.pdh-people-section {
		padding: 59px 0 59px;
	}

	#brxe-pdhpg1 .pdh-people-section .pdh-wrap,
	#brxe-pdhpg1 .pdh-people-section .pdh-person-row {
		width: min(100% - 32px, 760px);
	}

	#brxe-pdhpg1 .pdh-people-section .pdh-people-intro {
		gap: 18px;
		margin-bottom: 10px;
	}

	#brxe-pdhpg1 .pdh-people-section .pdh-person-row,
	#brxe-pdhpg1 .pdh-people-section .pdh-people-list .pdh-card {
		grid-template-columns: 1fr;
		grid-template-areas:
			"meta"
			"name"
			"title"
			"desc"
			"cta"
			"photo";
		column-gap: 0;
		row-gap: 0;
		padding: 28px 0 28px;
	}

	#brxe-pdhpg1 .pdh-people-section .pdh-person-row--moderator {
		grid-template-columns: 1fr;
		grid-template-areas:
			"copy"
			"photo";
		column-gap: 0;
		row-gap: 0;
		padding: 28px 0 28px;
	}

	#brxe-pdhpg1 .pdh-people-section .pdh-card-meta {
		margin-bottom: 16px;
	}

	#brxe-pdhpg1 .pdh-people-section .pdh-card-speaker-name,
	#brxe-pdhpg1 .pdh-people-section .pdh-moderator-name {
		font-size: 26px;
		line-height: 34px;
	}

	#brxe-pdhpg1 .pdh-people-section .pdh-card-title {
		margin-bottom: 14px;
	}

	#brxe-pdhpg1 .pdh-people-section .pdh-person-button {
		margin-top: 24px;
	}

	#brxe-pdhpg1 .pdh-people-section a.pdh-card-speaker,
	#brxe-pdhpg1 .pdh-people-section .pdh-moderator-photo {
		width: 100%;
		height: auto;
		aspect-ratio: 520 / 300;
		margin-top: 24px;
	}

	#brxe-pdhpg1 .pdh-people-section .pdh-people-intro .pdh-webinar-meta-heading {
		max-width: none;
	}
}

@media (max-width: 600px) {
	#brxe-pdhpg1 .pdh-people-section .pdh-card-meta {
		flex-direction: column;
		gap: 2px;
	}
}

/* Home hero layout */
#brxe-pdhpg1 #brxe-pdhhr1.pdh-hero {
	min-height: 605px;
	background-image: linear-gradient(rgba(241, 238, 235, 0.75), rgba(241, 238, 235, 0.75)), var(--pdh-hero-facade-image);
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: flex-start;
}

#brxe-pdhpg1 #brxe-pdhhin.pdh-hero-inner {
	display: block;
	/*grid-template-columns: minmax(0, 1fr) minmax(390px, 505px);
	gap: clamp(48px, 4vw, 72px);*/
}

#brxe-pdhpg1 .pdh-hero-column {
	min-width: 0;
	display: block;
}

#brxe-pdhpg1 .pdh-hero-column--copy {
	justify-self: start;
}

#brxe-pdhpg1 #brxe-pdhht1.pdh-hero-title {
	margin: 0;
	max-width: 970px;
	color: #101a20;
}

#brxe-pdhpg1 .pdh-hero-copy {
	margin: 0;
	max-width: 100%;
	font-size: clamp(30px, 2.083vw, 40px);
	line-height: 1.25;
	color: #101a20;
}

#brxe-pdhpg1 .pdh-hero-copy-wrap {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	max-width: 505px;
}

#brxe-pdhpg1 .pdh-hero-copy-wrap .pdh-hero-copy-line {
	margin: 0;
	max-width: 505px;
}

#brxe-pdhpg1 .pdh-hero-copy-wrap .pdh-hero-copy-line + .pdh-hero-copy-line {
	margin-top: 8px;
}

#brxe-pdhpg1 .pdh-hero-body-copy {
	margin: 24px 0 0;
	max-width: 505px;
	font-family: "proxima-nova", "Helvetica Neue", Arial, sans-serif;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.5px;
	color: #101a20;
}

@media (max-width: 991px) {
	#brxe-pdhpg1 #brxe-pdhhr1.pdh-hero {
		min-height: auto;
	}

	#brxe-pdhpg1 #brxe-pdhhin.pdh-hero-inner {
		margin-top: 28px;
		padding-top: 28px;
		padding-bottom: 12px;
		grid-template-columns: 1fr;
		gap: 16px;
	}

	#brxe-pdhpg1 .pdh-hero-copy-wrap,
	#brxe-pdhpg1 .pdh-hero-copy-wrap .pdh-hero-copy-line,
	#brxe-pdhpg1 .pdh-hero-body-copy {
		max-width: none;
	}

	#brxe-pdhpg1 .pdh-hero-copy-wrap .pdh-hero-copy-line {
		font-size: 28px;
		line-height: 34px;
	}

	#brxe-pdhpg1 .pdh-hero-copy-wrap .pdh-hero-copy-line {
		margin-top: 0;
	}

	#brxe-pdhpg1 .pdh-hero-copy-wrap .pdh-hero-copy-line + .pdh-hero-copy-line {
		margin-top: 2px;
	}

	#brxe-pdhpg1 .pdh-hero-body-copy {
		margin-top: 12px;
	}
}