:root {
	--gap: 1.5rem !important;
	--circle-left-offset: calc(((var(--gap) * 1.5) + var(--branded-border-width)) * -1);
}

* {
	border-radius: 0 !important;
}
html {
	font-size: 9pt;
}

header,
footer,
.breadcrumbs,
.nav-toc,
.page-header,
.section-toolbar,
.section-careers,
.section-learning-outcomes,
.section-missing-data,
.api-response,
.cookie-opt-in,
.section-intro-cta,
.program-map-toolbar,
.link-permalink {
	display: none !important; 
}

a {
	text-decoration: none !important;
}

.print-only {
	display: block !important;
}

.grid {
	/* width: 700px; */
}

.page-header,
.section,
.grid {
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	max-width: 100%;
 	background: #fff !important;
}

.page-header {
	.grid {
		padding: 0 !important;
	}
	.intro {
		margin-bottom: .125em !important;
	}
}

.pathway-steps,
.program-pathway-other-school {
	display: none !important;
}


.section-pathway .section-header {
	display: flex;
	flex-direction: row;
	align-items: flex-end;

	padding-top: 0 !important;

	.intro {
		font-size: 1rem;
		color: #000;
	}

}

.qr-code-wrapper {
	display: flex !important;
	flex-direction: column;
	align-items: center;
	gap: calc(var(--gap)/2);
	margin-left: 1.5em;
}

.qr-code-svg {
	border: 1px solid #000;
	line-height: 0;
	margin: 0;
	padding: 1em;
	flex: 0 1 auto;
}

.section-description {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;

	.section-logo {
		padding-bottom: var(--gap);
		margin-bottom: var(--gap);
		border-bottom: 1px solid #000;
	}

	.logo-ppm-sub {
		color: #000;
		border-color: #000;
		border-width: .5pt;
	}
}

.program-map {
	margin-left: .75rem;
}

.program-map-header,
.program-map-footer {
	border-color: #000;
}

.program-map-header:after,
.program-map-footer:after {
 	border-left-color: #fff !important;
}

.program-map-header .program-title:before,
.program-map-footer .program-award:before {
	left: var(--circle-left-offset);
}

.term-header {
	margin: 0 !important;
	position: relative;
	border-color: #000;
	&:before {
		content: none !important;
	}
	&:after {
		content: '';
		display: block;
		width: 12px;
		height: 12px;
		background: #fff;
		border: 6px solid var(--color-primary);
		border-radius: 100%;
		position: absolute;
		left: var(--circle-left-offset);
		top: 50%;
		margin-top: -12px;
		background: #fff !important;
	}
}

.hide-elements .term-elements,
.term-elements {
	gap: var(--gap);
	padding: 0 !important;
	border: 0 !important;
}

.term-title:before {
	background: #fff !important;
}

.term-element {
	border: 0;
	padding: 1.5em 0 0;
	border-top: 1px solid #000;
	border-radius: 0 !important;
	&:before {
		content: none;
	}
}

select + p {
	margin-top: 1.5em;
}

.term-element-title {
	margin-bottom: 0 !important;

}

.term-element-content {
	margin: 0 !important;
}

.term-element-meta { 
	margin-top: .75em !important;
	font-weight: bold;
	ul {
		flex-direction: row;
	}
	li:before {
		display: none;
	}

}

.cta-bar-map {
	display: none;
	border-top: 1px solid #000;
	.h2 { }
	.intro {
		width: 66%;
		margin-top: .125em !important;
	}
	.button {
		display: none;
	}
}



/**
 * Map, Table view
 */

.tv-program-map {
	border: 0 !important;
	padding: 0 !important;
	&:before {
		content: none;
	}
}

.tv-program-header { 
	border-color: #000;
}

.tv-term-elements {

	&.table-wrapper {
		width: 100%;
		border-left: 0 !important;
		border-right: 0 !important;
	}
	
	table { 
		table-layout: fixed;
		width: 100%;
		max-width: 100% !important;
		border-color: #000;
	}

	th,
	td { 
		width: auto !important;
		min-width: 0 !important;
		padding-left: 1em !important;
		padding-top: .5em !important;
		padding-bottom: .5em !important;
		text-wrap: wrap !important;
	}

	table thead + tbody tr:first-child,
	tbody {
		tr { background: #fff !important; }
		th,
		td {
			border-color: #000 !important;
		}
	}

	.tv-term-element-header {
		text-wrap: wrap !important;
	}

}

.tv-term-elements .select-course-list {
	width: auto !important;
}

.meta-type,
.meta-units {
	color: #000;
}

.tv-program-units,
.tv-program-hours {
	padding-left: 0 !important;
	background: none !important;
}
.tv-term-element-type .meta-type,
.tv-term-element-content .meta-prerequisites,
.tv-term-element-units-hours .meta-units,
.tv-term-element-units-hours .meta-hours {
	&:before {
		content: none !important;	
	}	
}