/**
 * MDA Site Tools: Practice Hours ([practice_hours]).
 * Minimal defaults; override in the theme using the classes below.
 *
 * .mda-hours                     every layout
 * .mda-hours--table / --condensed / --list
 * .mda-hours--days-full / --days-short
 * .mda-hours__row                one day (or grouped days in condensed)
 *   .is-open / .is-closed
 *   .mda-hours__row--monday ...  (table and list)
 *   .mda-hours__row--range / --single (condensed)
 * .mda-hours__day, .mda-hours__colon, .mda-hours__range-sep
 * .mda-hours__time, .mda-hours__closed, .mda-hours__span, .mda-hours__span-sep
 * .mda-hours__note (.mda-hours__note--only), .mda-hours__asterisk,
 * rows: .has-note / .is-note-only
 */

.mda-hours {
	margin: 0 0 1em;
	padding: 0;
}

.mda-hours abbr[title] {
	text-decoration: none;
	border-bottom: 0;
	cursor: inherit;
}

/* Table */
.mda-hours-table-wrap {
	max-width: 100%;
	overflow-x: auto;
}

.mda-hours--table {
	width: auto;
	margin: 0 0 1em;
	border-collapse: collapse;
}

/*
 * No borders by default. Themes (The7 included) often add table and cell
 * borders with selectors more specific than ours, so these use !important.
 * To add borders back, see "Add borders back" on the Practice Hours tab.
 */
.mda-hours-table-wrap .mda-hours.mda-hours--table,
.mda-hours-table-wrap .mda-hours.mda-hours--table tbody,
.mda-hours-table-wrap .mda-hours.mda-hours--table tr,
.mda-hours-table-wrap .mda-hours.mda-hours--table th,
.mda-hours-table-wrap .mda-hours.mda-hours--table td {
	border: 0 none !important;
	box-shadow: none !important;
}

.mda-hours--table th,
.mda-hours--table td {
	padding: 0.25em 1em 0.25em 0;
	text-align: left;
	vertical-align: top;
	font-weight: inherit;
}

.mda-hours--table .mda-hours__day {
	white-space: nowrap;
}

/* List and condensed */
.mda-hours--list,
.mda-hours--condensed {
	list-style: none;
}

.mda-hours--list .mda-hours__row,
.mda-hours--condensed .mda-hours__row {
	margin: 0 0 0.25em;
	padding: 0;
}

/* Keep separate time ranges together on narrow screens */
.mda-hours__span {
	white-space: nowrap;
}

/* Screen-reader-only caption (in case the theme doesn't define it) */
.mda-hours .screen-reader-text {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* Notes ("Every Other Saturday"): own line under the hours, slightly smaller */
.mda-hours__note {
	display: block;
	font-size: 0.9em;
	font-style: italic;
}

/* A note shown instead of hours ("By Appointment Only") reads like the hours */
.mda-hours__note.mda-hours__note--only {
	display: inline;
	font-size: inherit;
	font-style: normal;
}