/* Wizard Styles */
.drivetrak-answers {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column;
	align-items: center;
	align-content: center;
}

.drivetrak-button-column-group {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 100%;
	justify-content: center;
}

.drivetrak-button-column {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 15px;
	min-width: 20%;
}

.drivetrak-button-column div {
	height: 40px;
	display: contents;
}

/* Layout only — colors from theme .wp-block-button__link */
.drivetrak-button-column .wp-block-button {
	margin: 15px 0;
}

.drivetrak-button-column p {
	color: #2e337f;
	font-weight: bold;
	text-align: center;
}

.drivetrak-info-text {
	color: #2e337f;
	font-weight: bold;
	text-align: center;
	border: 2px solid #ffb739;
	border-radius: 3px;
	width: -webkit-fill-available;
	padding: 15px;
	margin: 0 15px;
}

/* Breadcrumbs */
.drivetrak-content {
	padding: 0 15px;
	width: 100%;
}
.drivetrak-content ul.breadcrumb {
	padding: 10px 0;
	list-style: none;
	margin-left: 0;
}
.drivetrak-content ul.breadcrumb li {
	display: inline;
	color: #2e337f;
	font-size: 1.5em;
	font-weight: 700;
	line-height: 1.65em;
	padding: 0;
}
.drivetrak-content ul.breadcrumb li+li:before {
	padding: 12px;
	color: #2e337f;
	content: '/';
}
.drivetrak-content ul.breadcrumb li a {
	text-decoration: none;
}
.drivetrak-content ul.breadcrumb li a:hover {
	text-decoration: underline;
}

.drivetrak__breadcrumbs ul {
	align-items: flex-start;
	display: flex;
	gap: 15px;
	justify-content: flex-start;
	list-style: none;
	margin: 0 !important;
	padding: 0;
}

	.drivetrak__breadcrumbs ul li::after {
		content: ">";
		margin-left: 15px;
	}

		.drivetrak__breadcrumbs ul li:last-child::after {
			display: none;
		}

/* Table Styles — layout only; Register links use theme .wp-block-button__link styles */
.drivetrak-course {
	margin: 10px 0;
	text-align: center;
}

.drivetrak-courses {
	overflow-x: auto;
	border-radius: 3px;
}

.drivetrak-courses table {
	margin-bottom: 0;
}

.drivetrak-courses table tbody tr {
	min-height: 50px;
}

.drivetrak-courses table thead tr th:nth-child(1) {
	min-width: 175px;
}

.drivetrak-courses table thead tr th:nth-child(2) {
	min-width: 315px;
}

.drivetrak-courses table thead tr th:nth-child(3) {
	min-width: 175px;
}

.drivetrak-courses table thead tr th:nth-child(4) {
	min-width: 200px;
}

.drivetrak-courses td .wp-block-buttons {
	display: flex;
	justify-content: center;
}

/**
*	Gutenberg
**/
.wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
    flex-basis: 100%;
    width: 100%;
}

/**
*
**/
.drivetrak__wizard {
	margin: 0 auto;
}

.drivetrak__filter-option .wp-block-buttons {
	display: flex;
	justify-content: center;
}

.wp-block-drivetrak-single-course {
	border: 2px solid transparent;
	height: 100%;
}

.drivetrak__course-card {
	background-color: var(--wp--preset--color--base);
	display: flex;
	flex-direction: column;
}

	.drivetrak__course-card .drivetrak__course-card__title {
		margin-top: 0 !important;
		padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--30) 15px var(--wp--preset--spacing--30);
	}

	.drivetrak__course-card__details {
		display: flex;
		flex-direction: column;
		gap: 15px;
		height: 100%;
		justify-content: space-between;
		margin-top: 0;
	}

		.drivetrak__course-card__highlight-note {
			font-size: 1.25em;
			font-weight: 700;
			margin-bottom: 15px;
		}

		.drivetrak__course-card__message {
			align-items: flex-start;
			background-color: var(--wp--preset--color--accent, #FAFAFA);
			display: flex;
			gap: 15px;
			margin-bottom: 15px;
			padding: 10px;
		}

			.drivetrak__course-card__message svg {
				flex-shrink: 0;
				height: 25px;
				width: 25px;
			}

			.drivetrak__course-card__message p {
				margin: 0;
			}

		.drivetrak__course-card__details > div > p {
			margin-top: 0;
		}

	body .drivetrak__course-card__icon-data {
		align-items: flex-start;
	}

	.drivetrak__course-card .wp-block-outermost-icon-block {
		align-items: center;
		display: flex;
		justify-content: center;
	}

	.drivetrak__course-card .wp-block-buttons {
		display: flex;
		justify-content: center;
	}

		.drivetrak__course-card .wp-block-buttons .wp-block-button {
			display: block;
			text-align: center;
			width: 100%;
		}


.wp-block-drivetrak-single-course.is-style-single-course--highlight {
	border-color: var(--wp--preset--color--accent, rgb(255, 187, 0));
}

	.wp-block-drivetrak-single-course.is-style-single-course--highlight .drivetrak__course-card__title {
		background-color: var(--wp--preset--color--accent, rgb(255, 187, 0));
		font-weight: 700;
		padding-bottom: var(--wp--preset--spacing--30);
	}

	.wp-block-drivetrak-single-course.is-style-single-course--highlight .drivetrak__course-card__details {
		padding-top: var(--wp--preset--spacing--30);
	}