.caroles .scrolling {
	background: rgb(250,250,250);
	border: 1px solid rgb(238,238,238);
	box-shadow: inset 0 0 5px rgba(0,0,0,0.05);
	height: 25em;
	overflow: auto;
	padding: 0.5em 1em;
	width: auto;
}

	.caroles .scrolling *[data-depth] {
		font-weight: 100;
		padding-left: 12em;
	}

	.caroles .scrolling *[data-depth='0'] {
		font-weight: 700;
		padding-left: 0;
	}

	.caroles .scrolling *[data-depth='1'] {
		font-weight: 600;
		padding-left: 2em;
	}

	.caroles .scrolling *[data-depth='2'] {
		font-weight: 500;
		padding-left: 4em;
	}

	.caroles .scrolling *[data-depth='3'] {
		font-weight: 400;
		padding-left: 6em;
	}

	.caroles .scrolling *[data-depth='4'] {
		padding-left: 8em;
	}

	.caroles .scrolling *[data-depth='5'] {
		padding-left: 10em;
	}

.caroles .nav-tab-active {
	background: rgb(255,255,255);
	border-bottom-color: rgb(255,255,255);
}

.caroles #caroles-tab-sections {
	border: 1px solid rgb(204,204,204);
	border-top: 0;
	padding: 1em;
}

	.caroles #caroles-tab-sections > .caroles-tab-content {
		display: block;
	}
	
		.caroles .caroles-tab-content > h2:first-child {
			display: none;
		}

.no-js .caroles .nav-tab-wrapper {
	display: none;
}

.no-js .caroles #caroles-tab-sections {
	border-top: 1px solid rgb(204,204,204);
	margin-top: 1em;
}

.no-js .caroles .caroles-tab-content > h2:first-child {
	display: block;
}

.caroles .columns-2 {
	display: table;
	width: 100%;
}

	.caroles .columns-2 .column-1 {
		display: table-cell;
		padding-right: 15px;
		width: calc(100% - 280px);
	}

		.caroles .columns-2 .column-1 > * {
			width: 100%;
		}

	.caroles .columns-2 .column-2 {
		display: table-cell;
		width: 280px;
	}

.caroles-list-slug {
	display: inline-block;
	font-size: smaller;
	font-weight: 300;
	margin-left: 0.5em;
}

.caroles-sticky-save {
	background: white;
	border-top: 1px solid #ddd;
	padding: 1em 0;
	position: sticky; bottom: 0;
	z-index: 10;
}

@media screen and (max-width: 782px) {

	.caroles .columns-2 {
		display: block;
	}

		.caroles .columns-2 .column-1 {
			display: block;
			width: 100%;
		}


		.caroles .columns-2 .column-2 {
			display: block;
			width: 100%;
		}

}