/* Global (App-wide) styles */
.blazor-error-boundary {
	background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTYiIGhlaWdodD0iNDkiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIG92ZXJmbG93PSJoaWRkZW4iPjxkZWZzPjxjbGlwUGF0aCBpZD0iY2xpcDAiPjxyZWN0IHg9IjIzNSIgeT0iNTEiIHdpZHRoPSI1NiIgaGVpZ2h0PSI0OSIvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0yMzUgLTUxKSI+PHBhdGggZD0iTTI2My41MDYgNTFDMjY0LjcxNyA1MSAyNjUuODEzIDUxLjQ4MzcgMjY2LjYwNiA1Mi4yNjU4TDI2Ny4wNTIgNTIuNzk4NyAyNjcuNTM5IDUzLjYyODMgMjkwLjE4NSA5Mi4xODMxIDI5MC41NDUgOTIuNzk1IDI5MC42NTYgOTIuOTk2QzI5MC44NzcgOTMuNTEzIDI5MSA5NC4wODE1IDI5MSA5NC42NzgyIDI5MSA5Ny4wNjUxIDI4OS4wMzggOTkgMjg2LjYxNyA5OUwyNDAuMzgzIDk5QzIzNy45NjMgOTkgMjM2IDk3LjA2NTEgMjM2IDk0LjY3ODIgMjM2IDk0LjM3OTkgMjM2LjAzMSA5NC4wODg2IDIzNi4wODkgOTMuODA3MkwyMzYuMzM4IDkzLjAxNjIgMjM2Ljg1OCA5Mi4xMzE0IDI1OS40NzMgNTMuNjI5NCAyNTkuOTYxIDUyLjc5ODUgMjYwLjQwNyA1Mi4yNjU4QzI2MS4yIDUxLjQ4MzcgMjYyLjI5NiA1MSAyNjMuNTA2IDUxWk0yNjMuNTg2IDY2LjAxODNDMjYwLjczNyA2Ni4wMTgzIDI1OS4zMTMgNjcuMTI0NSAyNTkuMzEzIDY5LjMzNyAyNTkuMzEzIDY5LjYxMDIgMjU5LjMzMiA2OS44NjA4IDI1OS4zNzEgNzAuMDg4N0wyNjEuNzk1IDg0LjAxNjEgMjY1LjM4IDg0LjAxNjEgMjY3LjgyMSA2OS43NDc1QzI2Ny44NiA2OS43MzA5IDI2Ny44NzkgNjkuNTg3NyAyNjcuODc5IDY5LjMxNzkgMjY3Ljg3OSA2Ny4xMTgyIDI2Ni40NDggNjYuMDE4MyAyNjMuNTg2IDY2LjAxODNaTTI2My41NzYgODYuMDU0N0MyNjEuMDQ5IDg2LjA1NDcgMjU5Ljc4NiA4Ny4zMDA1IDI1OS43ODYgODkuNzkyMSAyNTkuNzg2IDkyLjI4MzcgMjYxLjA0OSA5My41Mjk1IDI2My41NzYgOTMuNTI5NSAyNjYuMTE2IDkzLjUyOTUgMjY3LjM4NyA5Mi4yODM3IDI2Ny4zODcgODkuNzkyMSAyNjcuMzg3IDg3LjMwMDUgMjY2LjExNiA4Ni4wNTQ3IDI2My41NzYgODYuMDU0N1oiIGZpbGw9IiNGRkU1MDAiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPjwvZz48L3N2Zz4=) no-repeat 1rem/1.8rem, #b32121;
	padding: 1rem 1rem 1rem 3.7rem;
	color: #fff;
}

	.blazor-error-boundary::after {
		content: "An error has occurred."
	}

.admin-form {
	background-color: #f6f6f6;
	border-radius: 8px;
	padding: 1rem;
	box-shadow: #500000 4px 4px;
	border: 2px solid #500000;
}

	.admin-form label[required]::after {
		content: "*";
		color: red;
		margin-left: 0.25em;
	}

h1:focus {
	outline: none;
}

.auth-header {
	margin-top: 1.25rem;
	margin-bottom: 1.5rem;
	padding: 1rem 1.25rem;
	background: #eaeaea;
	border: 2px solid #500000;
	border-radius: 10px;
	box-shadow: 4px 4px 0px #732f2f;
	display: flex;
	flex-direction: column;
	position: relative;
	align-items: center;
}

	.auth-header::before {
		content: "Login required";
		padding: .15rem .5rem;
		background: #500000;
		color: #fff;
		border-radius: 6px;
		font-weight: 700;
		letter-spacing: .02em;
		text-transform: uppercase;
		position: absolute;
		top: 0;
		transform: translateY(-50%);
		z-index: 1;
	}

.auth-text {
	padding: .75rem;
}

@media (min-width: 992px) {
	.auth-text {
		padding: 2rem;
	}
}

.validation-message {
	color: #842029;
	background-color: #f8d7da;
	border: 2px solid #f5c2c7;
	border-radius: 6px;
	padding: 0.5rem 0.75rem;
	margin-top: 0.25rem;
	display: block;
	font-weight: 500;
}


/* back button styles */
.page-nav {
	padding-bottom: 1rem;
}

.admin-button {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 8px 16px;
	font-weight: 700;
	text-decoration: none;
	color: #000;
	border: 2px solid #000;
	background-color: #fff;
	box-shadow: 3px 3px 0px #000;
	transition: all 0.2s ease-in-out;
}

	.admin-button:hover {
		transform: translateY(-2px);
		box-shadow: 4px 4px 0px #000;
	}

	.admin-button i {
		font-size: 1.2rem;
	}

@media screen and (min-width: 991px) {
	.page-nav {
		padding-left: 3rem;
	}
}

.page-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 1rem;
}

/* grid styles */
.admin-table .e-grid {
	border: 2px solid #000 !important;
	box-shadow: 3px 3px 0px #000 !important;
	border-radius: 6px !important;
	background-color: #fff !important;
}

	.admin-table .e-grid .e-toolbar {
		border-top: 0;
		background: #500000 !important;
	}

.admin-table .e-toolbar .e-toolbar-items {
	background: #500000 !important;
}

.admin-table .e-grid .e-gridheader {
	border-bottom-color: #000 !important;
	border-top-color: #000 !important;
	border-top-width: 2px;
	border-bottom-width: 2px;
}

.admin-table .e-grid .e-headercell .e-headertext {
	font-weight: 700 !important;
	text-transform: uppercase !important;
	border-bottom: 3px solid #000 !important;
	background: #fff !important;
	padding: 12px 8px !important;
}

.admin-table .e-grid .e-row {
	border-bottom: 2px solid #000 !important;
}

.admin-table .e-grid .details-link {
	margin-right: 10px;
}


.admin-table .e-grid .archiveLink,
.admin-table .e-grid .details-link {
	font-weight: 700;
	text-decoration: none;
	border: 2px solid #000;
	padding: 4px 8px;
	box-shadow: 2px 2px 0 #000;
	transition: all 0.2s ease-in-out;
	background-color: #500000;
	color: #fff;
}

	.admin-table .e-grid .archiveLink:hover,
	.admin-table .e-grid .details-link:hover {
		transform: translateY(-2px);
		box-shadow: 4px 4px 0px #000;
		color: #500000;
		background-color: #fff;
	}

	.admin-table .e-grid .archiveLink:focus,
	.admin-table .e-grid .details-link:focus {
		box-shadow: 0 0 0 4px #6a262680;
	}

.admin-table .e-grid .e-switch-wrapper {
	margin: auto !important;
}

.admin-table .e-grid .e-rowcell {
	border-right: 2px solid #000 !important;
}

	.admin-table .e-grid .e-rowcell:last-child {
		border-right: none !important;
	}

.admin-table i.bi,
.published-icon {
	font-size: 1.2rem;
}

/* grid pagination */
.admin-table .e-pager .e-pagercontainer {
	border: none;
}

.admin-table .e-grid .e-pager {
	border-top: 2px solid #000 !important;
	border-radius: 6px !important;
	background-color: #fff !important;
	padding: 5px 10px !important;
	font-weight: 700 !important;
}

	.admin-table .e-grid .e-pager .e-numericitem,
	.admin-table .e-grid .e-pager .e-prev,
	.admin-table .e-grid .e-pager .e-next,
	.e-pager .e-pagercontainer .e-firstpagedisabled,
	.e-pager.sf-pager .e-pagercontainer .e-last {
		border: 2px solid #000 !important;
		background-color: #fff !important;
		box-shadow: 2px 2px 0 #000 !important;
		transition: all .2s ease-in-out !important;
		font-weight: 700 !important;
		text-transform: uppercase;
	}

.admin-table .e-pager .e-numericitem.e-currentitem,
.admin-table .e-pager .e-numericitem {
	padding: 11px 12.5px !important;
	border: 2px solid #000 !important;
}

	.admin-table .e-grid .e-pager .e-numericitem:hover,
	.admin-table .e-pager .e-numericitem.e-currentitem:hover,
	.admin-table .e-grid .e-pager .e-prev:hover,
	.admin-table .e-grid .e-pager .e-next:hover {
		transform: translateY(-2px) !important;
		box-shadow: 3px 3px 0px #000 !important;
		border: 2px solid #000 !important;
	}

.admin-table .e-grid .e-pager .e-numericitem.e-current {
	background-color: #000 !important;
	color: #fff !important;
}

.admin-table .e-grid .e-pager .e-parentmsgbar {
	font-weight: 700;
}

/* grid search */
.admin-table .e-grid .e-toolbar .e-input-group,
.e-input-group.e-control-wrapper {
	border: 2px solid #000 !important;
}

	.admin-table .e-grid input.e-input,
	.e-input-group input.e-input, .e-input-group input,
	.e-input-group.e-control-wrapper input.e-input,
	.e-input-group.e-control-wrapper input {
		font-weight: 700 !important;
		text-transform: uppercase;
	}

	.admin-table .e-grid .e-input-group .e-input-group-icon:last-child,
	.e-input-group.e-control-wrapper .e-input-group-icon:last-child {
		border-bottom-right-radius: 0;
		border-top-right-radius: 0;
	}


	.admin-table .e-grid .e-input-group:not(.e-success):not(.e-warning):not(.e-error),
	.e-input-group.e-control-wrapper:not(.e-success):not(.e-warning):not(.e-error),
	.admin-table .e-grid .e-input-group input.e-input,
	.e-input-group.e-control-wrapper input.e-input,
	.admin-table .e-grid .e-input-group .e-input-group-icon,
	.e-input-group.e-control-wrapper .e-input-group-icon {
		border-color: #000 !important;
	}

.admin-table .e-grid .e-toolbar .e-search input:focus {
	outline: none !important;
	box-shadow: 3px 3px 0 #000 !important;
}

.admin-table .e-grid .e-toolbar .e-search .e-btn {
	border: 2px solid #000 !important;
	background-color: #fff !important;
	font-weight: 700 !important;
	box-shadow: 2px 2px 0px #000 !important;
	transition: all .2s ease-in-out !important;
}

	.admin-table .e-grid .e-toolbar .e-search .e-btn:hover {
		transform: translateY(-2px) !important;
		box-shadow: 3px 3px 0px #000 !important;
	}


/* tab styles */
.details-container .e-tab .e-tab-header {
	border-bottom: 3px solid #000 !important;
	background: #fff !important;
	border-radius: 8px 8px 0 0;
	padding: 5px 5px 0 5px;
	margin-bottom: 10px;
}

	.details-container .e-tab .e-tab-header .e-toolbar-item {
		font-weight: 700 !important;
		border-top: 2px solid #000 !important;
		border-left: 2px solid #000 !important;
		border-right: 2px solid #000 !important;
		background: #fff !important;
		box-shadow: 2px 2px 0px #000 !important;
		transition: all .2s ease-in-out !important;
	}

		.details-container .e-tab .e-tab-header .e-toolbar-item:hover {
			transform: translateY(-2px);
			box-shadow: 3px 3px 0px #000 !important;
		}

		.details-container .e-tab .e-tab-header .e-toolbar-item.e-active {
			background: #000 !important;
			color: #fff !important;
			box-shadow: 3px 3px 0 #000 !important;
			border-radius: 0;
		}

.details-container .e-tab .e-toolbar-item:not(.e-active) .e-tab-text,
.details-container .e-tab .e-toolbar-item:not(.e-active) .e-tab-icon {
	color: #000 !important;
	font-weight: 700 !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.details-container .e-tab .e-tab-header .e-toolbar-item .e-tab-icon {
	font-size: 1.2rem;
	margin-right: 5px;
}

.details-container .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon,
.details-container .e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text {
	color: #fff !important;
	font-weight: 700 !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.details-container .e-tab .e-tab-header:not(.e-vertical) .e-toolbar-item.e-active {
	border-bottom: none;
}

.details-container .e-tab .e-tab-header .e-toolbar-item .e-tab-wrap:hover,
.details-container .e-tab .e-tab-header .e-toolbar-item.e-active {
	border: none;
}

/* edit icon */
.edit-icon,
.delete-icon,
.preview-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 2px solid #000 !important;
	background: #fff !important;
	box-shadow: 2px 2px 0px #000 !important;
	transition: all 0.2s ease-in-out !important;
	padding: 6px;
	border-radius: 4px;
	text-decoration: none;
	height: 2rem;
	width: 2rem;
}

	/* Fix icon size inside button */
	.edit-icon i {
		font-size: 1.2rem;
		color: #000 !important;
	}

	/* Hover Effect */
	.edit-icon:hover {
		transform: translateY(-2px);
		box-shadow: 3px 3px 0px #000 !important;
	}

.options-wrapper {
	display: flex;
	align-items: center;
}

/* dialog */
body .e-dialog {
	border: 3px solid #000 !important;
}

	body .e-dialog .e-dlg-header-content {
		text-transform: uppercase;
		font-weight: 700;
	}

	body .e-dialog .e-dlg-header-content,
	body .e-dialog .e-dlg-content {
		border-bottom: 1px solid #000;
	}

	body .e-dialog .e-footer-content .e-btn {
		font-weight: 700;
		text-decoration: none;
		color: #000;
		border: 2px solid #000;
		box-shadow: 3px 3px 0px #000;
		transition: all 0.2s ease-in-out;
	}

		body .e-dialog .e-footer-content .e-btn:hover {
			transform: translateY(-2px);
			box-shadow: 4px 4px 0px #000;
		}

/* footer styles */
.footer {
	background-color: #500000;
	width: 100%;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 1em;
	padding: 25px 25px 0 25px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border-top: 6px solid #707070;
}

	.footer .footer-content {
		display: flex;
		justify-content: space-between;
		width: 100%;
	}

	.footer .footer-left,
	.footer .footer-center,
	.footer .footer-right {
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 0 15px;
	}

	.footer .footer-left {
		width: 33%;
		text-align: right;
		align-items: flex-end;
	}

	.footer address {
		line-height: 20px;
		color: #fff;
		font-size: .85rem;
		font-weight: normal;
		margin: 0;
	}

	.footer .footer-left h3 {
		display: block;
		color: #fff;
		font-size: 1.25rem;
		font-weight: bold;
		margin-bottom: 20px;
	}

	.footer .icons {
		margin-top: 25px;
	}

		.footer .icons a {
			display: inline-block;
			width: 35px;
			height: 35px;
			cursor: pointer;
			background-color: #707070;
			color: #fff;
			border-radius: 2px;
			font-size: 20px;
			text-align: center;
			line-height: 35px;
			margin-right: 3px;
			margin-bottom: 5px;
			border: 2px solid #500000;
			box-shadow: 1px 1px 0 #af8846;
		}

			.footer .icons a:hover {
				transform: translateY(-3px);
				background-color: #af8846;
				color: #fff;
			}

	.footer .footer-center {
		width: 35%;
		align-items: center;
	}

		.footer .footer-center img {
			max-width: 275px;
		}

	.footer .footer-right {
		width: 30%;
		align-items: flex-start;
	}

		.footer .footer-right i {
			background-color: #707070;
			color: #fff;
			font-size: 25px;
			border-radius: 50%;
			text-align: center;
			line-height: 42px;
			margin: 10px 15px;
			vertical-align: middle;
		}

		.footer .footer-right a {
			display: inline-block;
			color: #fff;
			vertical-align: middle;
			margin: 0;
			text-decoration: none;
			border-bottom: 3px solid #af8846;
			transition: all .3s ease-in-out;
		}

			.footer .footer-right a:hover {
				color: #d1a766;
				border-bottom: 3px solid #d1a766;
			}

.footer-divider {
	display: none;
}

.divider {
	padding: 0 25px;
	margin: 0 auto;
	display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
	background-color: #500000;
}

	.divider::before,
	.divider::after {
		border-color: #732f2f;
		margin: 1rem;
		content: "";
		box-sizing: inherit;
		flex: 1 0 20px;
		border-top: 1px solid #707070;
	}

	.divider svg {
		stroke: #af8846;
		height: 10px;
		width: 45px;
	}

.post-footer {
	background-color: #500000;
	padding: 0 25px 20px 40px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #fff;
	font-family: sans-serif;
	font-size: 1em;
	margin-top: 0;
}

	.post-footer a {
		color: #fff;
		margin-right: 15px;
		white-space: nowrap;
	}

		.post-footer a:hover {
			color: #a7a7a7;
		}

.post-footer-left,
.post-footer-right {
	display: flex;
	align-items: center;
}

	.post-footer-right i {
		font-size: 24px;
		color: #fff;
		padding-left: .25rem;
	}

@media only screen and (max-width: 767px) {
	.footer {
		font-size: .85em;
		align-items: center;
	}

		.footer .footer-content {
			flex-direction: column;
			align-items: center;
		}

		.footer .footer-left,
		.footer .footer-center,
		.footer .footer-right {
			display: block;
			width: 100%;
			text-align: center;
		}

		.footer .footer-center {
			order: -1;
			padding-left: 0;
		}

		.footer .footer-left {
			margin-bottom: 20px;
		}

		.footer .footer-right {
			padding-bottom: 10px;
		}

			.footer .footer-right i {
				margin-left: 0;
			}

	.post-footer {
		font-size: .85em;
	}

	.footer-divider {
		padding: 0;
		margin: 0 auto;
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		background-color: #500000;
	}

		.footer-divider::before,
		.footer-divider::after {
			border-color: #732f2f;
			margin: 1rem;
			content: "";
			box-sizing: inherit;
			flex: 1 0 20px;
			border-top: 1px solid #707070;
		}

		.footer-divider svg {
			stroke: #af8846;
			height: 10px;
			width: 45px;
		}
}

@media only screen and (max-width: 576px) {
	.post-footer,
	.post-footer-left {
		flex-direction: column;
		align-items: center;
		text-align: center;
	}

	.post-footer-left,
	.post-footer-right {
		margin-bottom: 10px;
	}

		.post-footer-left a {
			display: block;
			margin: 5px 0;
		}
}

/* header styles */
.header .e-toolbar {
	background: #500000 !important;
	position: relative;
	overflow: visible;
	min-height: 60px !important;
}

.header .e-tbar-btn .tb-icons {
	font-family: "bootstrap-icons";
	speak: none;
	color: #fff;
	font-size: 50px !important;
}

.header .e-toolbar .e-icons {
	font-size: 50px;
}

.header .e-toolbar .e-toolbar-item .e-tbar-btn .e-icons {
	color: #fff;
}

.header .e-tbar-menu-icon:before {
	content: "\F479";
}

.header .e-toolbar .e-toolbar-items,
.header .e-toolbar .e-toolbar-item .e-tbar-btn.e-btn,
.e-toolbar .e-toolbar-item .e-tbar-btn:active,
.e-toolbar .e-toolbar-item .e-tbar-btn:active .e-icons {
	background-color: transparent;
	color: #fff;
	font-size: 1.65rem;
	transition: all 0.2s ease-in-out;
}

.header .e-toolbar .e-toolbar-item .e-tbar-btn:hover .e-icons {
	color: #d1d1d1;
	font-weight: 600;
}

.header .e-toolbar .e-toolbar-item .e-tbar-btn:focus .e-icons {
	color: #d1d1d1;
	font-weight: 600;
}

.header .e-toolbar .e-toolbar-item .dropdown i:hover {
	transform: translateY(-3px);
}

.header .e-toolbar .e-toolbar-items .imp-name {
	font-size: 1.25rem;
	color: #fff;
}

.header .tamu-logo {
	height: 50px;
	padding-right: 16px;
	margin-top: -3px;
}

.header .e-toolbar .e-toolbar-right {
	padding-right: .5rem;
}

.header .e-toolbar .user-name {
	font-weight: 600;
	font-style: italic;
}

.header .dropdown-toggle:after {
	display: none;
}

/* sidebar styles */
.page-container .e-sidebar {
	background-color: #f6f6f6;
	color: #000;
}

.page-container .e-accordion,
.page-container .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header,
.page-container .e-accordion .e-acrdn-item.e-expand-state.e-select,
.page-container .e-accordion .e-acrdn-item.e-selected.e-select.e-select:last-child {
	border: none;
	background: none;
}

	.page-container .e-accordion .e-acrdn-item .e-acrdn-header {
		padding: 10px 8px;
	}

	.page-container .e-accordion .e-acrdn-item.e-select > .e-acrdn-header {
		border: none;
		background-color: #f6f6f6 !important;
	}

	.page-container .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
		margin: 0 .75rem;
		font-weight: bold;
		font-size: 1.25rem;
		color: #000 !important;
	}

	.page-container .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon,
	.page-container .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon,
	.page-container .e-accordion .e-acrdn-item.e-selected > .e-acrdn-header > .e-toggle-icon:hover,
	.page-container .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header > .e-toggle-icon:hover,
	.page-container .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header:hover,
	.page-container .e-accordion .e-acrdn-item.e-select.e-acrdn-item > .e-acrdn-header:hover .e-toggle-icon .e-icons.e-tgl-collapse-icon {
		color: #000 !important;
	}

	.page-container .e-accordion .e-acrdn-item .e-acrdn-panel .e-acrdn-content {
		padding: 12px 0;
	}

.page-container .e-acrdn-content {
	padding: 0;
	background-color: #f6f6f6 !important;
}

.nav-content ul {
	list-style-type: none;
	padding-left: 0;
}

	.nav-content ul li {
		margin: 0 .75rem;
	}

a.nav-link,
.admin-item {
	text-align: left;
	padding: .5rem;
	transition: .2s ease;
	font-size: 1.25rem;
}

	a.nav-link:hover,
	a.nav-link:focus,
	.admin-item:hover,
	.admin-item:focus {
		padding-right: .25rem;
		text-decoration: underline;
		color: #732f2f;
		transition: all .3s ease;
	}

	a.nav-link.active {
		color: #732f2f;
		padding-left: 1.2rem;
		font-weight: 800;
	}

.nav-link i {
	margin-right: .5rem;
}

.admin-toggle::after {
	display: none;
}

.sidebar-resources .e-accordion .e-acrdn-header,
.sidebar-resources .e-accordion .e-acrdn-header div.e-acrdn-header-content {
	font-size: 1.25rem;
}

.page-container .sidebar-resources .e-accordion .e-acrdn-item.e-select.e-expand-state > .e-acrdn-header .e-acrdn-header-content {
	font-weight: normal;
}

.e-acrdn-header-icon .bi-mortarboard {
	color: #000;
}

/* student UI misc */
.res-title,
.res-sub {
	display: inline-block;
	border-radius: 8px;
	color: #500000;
	text-transform: uppercase;
	font-family: Oswald, Arial, sans-serif;
	font-weight: 500;
	letter-spacing: 0.03em;
}

.res-hero,
.res-thumb {
	border: 3px solid #500000;
	border-radius: 10px;
	box-shadow: 6px 6px 0px #732f2f;
}

.res-title {
	background: #eaeaea;
	border: 3px solid #500000;
	box-shadow: 4px 4px 0px #732f2f;
	padding: 12px 14px;
}

.res-hero {
	padding: 16px;
	margin-top: 12px;
}

.res-thumb {
	margin-bottom: 1rem;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.res-sub {
	background: #f7f7f7;
	border: 2px solid #500000;
	box-shadow: 3px 3px 0px #732f2f;
	padding: 4px 8px;
}

.divider-dots {
	--svg: url(/dot-small.svg);
	height: 32px;
	mask-size: 8px;
	display: block;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	-webkit-mask-repeat: repeat space;
	mask-repeat: repeat space;
	-webkit-mask-size: 8px 8px;
	mask-size: 8px 8px;
}

.page-divider {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 22px;
	width: 80%;
	margin: 4.5rem 0;
}

	.page-divider::before,
	.page-divider::after {
		content: "";
		flex: 1;
		height: 3px;
		background: #eaeaea;
	}

.page-divider-mark {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
}

	.page-divider-mark svg {
		display: block;
		width: 44px;
		height: 20px;
	}

	.page-divider-mark line {
		stroke: #eaeaea;
		stroke-width: 2;
		stroke-linecap: square;
	}