/*******************
 Recording list
*******************/

.recording-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-items: stretch;
	margin-top: 0 !important;
}

.recording-list-item {
	border= 1px solid black
}

.recording-list h2 {
	margin: 40px 0px 20px 0px;
}

.recording-list-item-details {
	height: 200px;
	margin: 0px;
	display: flex;
	justify-content: stretch;
	align-items: flex-start;
}

.recording-list-cover {
	width: 200px;
	height: 200px;
	flex: 0 0 200px;
	margin-right: 20px;
	border-radius: 7px;
}

.recording-list-cover img {
	width: 200px;
	height: 200px;
	transition: box-shadow 350ms ease-in-out;
	border-radius: 7px;
}

.recording-list-cover img:hover {
	box-shadow: 10px 10px 10px -2px rgba(80,96,128,0.6);
}

.recording-list-details {
	flex-grow: 1;
	flex-shrink: 1;
	font-size: 0.9rem;
	line-height: 1.55rem;
	overflow-y: auto;
	height: 200px;
}

.recording-list-details p {
	margin: 0px 0px 5px 0px;
	font-size: 0.95rem;
}

.recording-list-details :last-child {
	margin-bottom: 0px;
}

.recording-list-details ul {
	padding-left: 35px;
}

.recording-list li {
	position: relative;
}

.recording-list li:has(span) {
	ccontent: unset;
	border: 1px solid black;
}

/*******************
 Recording details page
*******************/

/* .recordings-full-details-container {
	position: relative;
} */

.on-this-page {
	position: absolute;
	top: 0px;
	right: 0px;
}

.recording-full-cover img {
	display: block;
	margin: 0 auto;
	max-width: 300px;
	height: auto;
	border-radius: 7px;
}

.recording-full-details,
.recording-full-contents  {
	margin-top: 30px;
	padding: 0px;
}

.recording-full-details li {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}

.recording-full-details li::before,
.recording-full-contents li::before {
	content: unset !important;
}

.recording-full-details li > label {
	flex: 1 0 170px;
	max-width: 200px;
	font-weight: bolder;
}

.recording-full-details li > label + * {
	flex: 1 0 200px;
}


.recording-full-contents li {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: stretch;
	mmargin: 0px;
}

.recording-full-contents li > label {
	bborder-bottom: 2px solid black;
}

.recording-full-contents li > * {
	margin: 0px;
	/* border: 1px solid black; */
}

.recording-full-contents li *:nth-child(1) {
	flex: 0 0 20px;
	aalign-self: center;
	max-width: 20px;
	margin-right: 20px;
	margin-topL 10px;
	hheight: 30px;
	qbox-sizing: content-box;
	qpadding-top: 10px;
	ooverflow: visible !important;
}

.recording-full-contents li *:nth-child(2) {
	flex: 1 0 70px;
	max-width: 100px;
}

.recording-full-contents li *:nth-child(3) {
	flex: 1 0 70px;
	max-width: 100px;
}

.recording-full-contents li *:nth-child(4) {
	flex: 2 0 240px;
}