.sos-session-toggle-block input[type="checkbox"] {
	display: none;
}

.sos-session-toggle-block .header {
	display: flex;
	flex-wrap: wrap;
	line-height: 1;
	padding: 0.6667em 0 0.5em;
}

.sos-session-toggle-block .header.bold {
	font-weight: bold;
}

.sos-session-toggle-block .title,
.sos-session-toggle-block .time {
	padding: 3px 10px;
	width: 100%;
}

.sos-session-toggle-block .title {
	order: 99;
}

.sos-session-toggle-block label {
	cursor: pointer;
	display: block;
	/* font-weight: bold; */
}

.sos-session-toggle-block label .caret {
	height: 24px;
	width: 24px;
	margin: -4px 0 0 10px;
	position: absolute;
	transition: transform 0.1s ease-in;
}

.sos-session-toggle-block .content {
	background: var(--global-palette8);
	max-height: 0;
	overflow: hidden;
	transition: all 0.25s ease-in;
	width: 100%;
}

.sos-session-toggle-block .content-wrap {
	padding: 20px;
}

.sos-session-toggle-block input[type="checkbox"]:checked ~ label {
	background: var(--global-palette-highlight);
	color: var(--global-palette9);
	font-weight: bold;
}

.sos-session-toggle-block input[type="checkbox"]:checked ~ label .caret {
	transform: rotate(90deg);
}

.sos-session-toggle-block input[type="checkbox"]:checked ~ label + .content {
	max-height: 600px;
	overflow-y: scroll;
}

@media (min-width:768px) {

	.sos-session-toggle-block .header {
		display: flex;
		justify-content: space-between;
	}

	.sos-session-toggle-block .title {
		width: 66%;
	}
	
	.sos-session-toggle-block .time {
		text-align: right;
		width: 33%;
	}

	.sos-session-toggle-block label .caret {
		height: 33px;
		width: 33px;
		margin: -4px 0 0 10px;
	}

	.sos-session-toggle-block .content,
	.sos-session-toggle-block input[type="checkbox"]:checked ~ label + .content {
		padding-left: 33%;
	}

}

/** Only applies when within a Kadence Tabs element */

@media (min-width:768px) {

	.kt-tabs-wrap .sos-session-toggle-block .header {
		font-size: 1.875rem;
	}

}