/*!
Theme Name: Mises Academy
Template:   kadence
Author: Kanopi Studios.
Description: Sub-theme of Kadence.   For the little tweaks we'll need to do.
Text Domain: mises-academy
Requires at least: 6.2
Tested up to: 6.4
Version: 1.0.0
Tags: translation-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce
Requires PHP: 7.4
*/

/**
This element has insufficient contrast at this conformance level. Expected a
contrast ratio of at least 4.5:1, but text in this element has a contrast
ratio of 4:1. Recommendation:  change text colour to #e00.

(#learndash_registerform > p:nth-child(1) > label > span)

<span class="learndash-required-field">*</span>
 */
.mises-academy .learndash-wrapper #learndash-registration-wrapper #learndash_registerform .learndash-required-field,
.mises-academy .learndash-wrapper #learndash-reset-password-wrapper #learndash_registerform .learndash-required-field {
	color: #e00;
}

/**
 * "Level" segment in the course info bar (registered by the Mises Academy plugin).
 * Mirrors the visual weight of the existing status/price segments.
 */
.mises-academy .learndash-wrapper .ld-course-status .ld-course-status-level {
	display: flex;
	align-items: center;
	justify-content: space-around;
	font-size: 22px;
	font-weight: bold;
	color: #728188;
	line-height: 1.2;
	text-align: center;
}

/**
 * "Filter by Level" control on the courses archive page.
 * Centered above the LearnDash course list.
 */
.ma-level-filter {
	margin: 1.5em 0 2em;
	text-align: center;
}

.ma-level-filter__form {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 0.5em;
}

.ma-level-filter__label {
	font-weight: bold;
}

.ma-level-filter__select {
	padding: 0.4em 2em 0.4em 0.6em;
	font-size: 1em;
	line-height: 1.3;
	border: 1px solid #bec5cb;
	border-radius: 4px;
	background-color: #fff;
}

/* Always-present submit button for keyboard / no-JS users; the select
   auto-submits for everyone else, so the button is visually hidden but
   remains in the accessibility tree (and satisfies form-submit a11y checks). */
.ma-level-filter__submit {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

.ma-level-filter__submit:focus {
	position: static;
	width: auto;
	height: auto;
	margin: 0 0 0 0.5em;
	clip: auto;
}