/*
 * BWG Bursar front-end styles. BEM with the bwg-bursar__ prefix; no bare element
 * selectors, so Divi's CSS reset cannot bleed in or out. Themes inherit fonts.
 */

.bwg-bursar {
	box-sizing: border-box;
	margin: 1.5em 0;
}

.bwg-bursar *,
.bwg-bursar *::before,
.bwg-bursar *::after {
	box-sizing: border-box;
}

.bwg-bursar__controls {
	display: flex;
	gap: 12px;
	flex-wrap: wrap;
	margin-bottom: 1em;
}

.bwg-bursar__search,
.bwg-bursar__school-search {
	flex: 1 1 220px;
	padding: 8px 12px;
	font-size: 16px;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
}

.bwg-bursar__sort,
.bwg-bursar__year-select {
	padding: 8px 12px;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
}

.bwg-bursar__status {
	margin: 0 0 0.75em;
	font-size: 0.85em;
	opacity: 0.7;
}

.bwg-bursar__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bwg-bursar__item {
	padding: 8px 0;
	border-bottom: 1px solid rgba( 0, 0, 0, 0.08 );
}

.bwg-bursar__item-link {
	font-weight: 600;
	text-decoration: none;
}

.bwg-bursar__item-year,
.bwg-bursar__item-fund {
	opacity: 0.75;
	font-size: 0.9em;
}

.bwg-bursar__year-heading {
	margin: 1.2em 0 0.4em;
	font-size: 1.1em;
}

.bwg-bursar__recipient-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bwg-bursar__recipient {
	padding: 4px 0;
}

.bwg-bursar__empty {
	opacity: 0.7;
	font-style: italic;
}

.bwg-bursar__clear {
	padding: 8px 12px;
	font-size: 0.9em;
	border: 1px solid transparent;
	border-radius: 4px;
	background: none;
	color: #2271b1;
	cursor: pointer;
	text-decoration: underline;
}

.bwg-bursar__alphabet {
	display: flex;
	gap: 4px;
	flex-wrap: wrap;
	margin: 0 0 0.75em;
}

.bwg-bursar__letter {
	min-width: 1.9em;
	padding: 3px 6px;
	font-size: 0.85em;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
	background: #fff;
	cursor: pointer;
}

.bwg-bursar__letter:disabled {
	opacity: 0.35;
	cursor: default;
}

.bwg-bursar__letter.is-active {
	background: #2271b1;
	border-color: #2271b1;
	color: #fff;
}

.bwg-bursar__listnav {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
}

.bwg-bursar__listnav .bwg-bursar__status {
	margin: 0;
}

.bwg-bursar__listnav .bwg-bursar__pagination {
	margin: 0;
}

.bwg-bursar__pagination {
	display: flex;
	gap: 10px;
	align-items: center;
	margin-top: 1em;
}

.bwg-bursar__page {
	padding: 4px 12px;
	border: 1px solid #c3c4c7;
	border-radius: 4px;
	background: #fff;
	cursor: pointer;
}

.bwg-bursar__page[disabled] {
	opacity: 0.4;
	cursor: default;
}