/**
 * All text elements that can be added by the user through a CMS
 */


.s-text {

	// First the owl selector for setting a default vertical rhythm
	& > * + * {
		margin-top: 1.5rem;
	}

	// The headers need extra space on the bottom to offset the paragraphs
	//& > h1 {
	//	margin-bottom: 1.5rem;
	//}
	//& > h2 {
	//	margin-bottom: 1.5rem;
	//}
	//& > h3 {
	//	margin-bottom: 1.5rem;
	//}
	//& > h4 {
	//	margin-bottom: 1.5rem;
	//}
	//& > h5 {
	//	margin-bottom: 1.5rem;
	//}
	//& > h6 {
	//	margin-bottom: 1.5rem;
	//}

	& > h1,
	& > h2,
	& > h3,
	& > h4,
	& > h5,
	& > h6 {
		margin-bottom: 2rem;
	}

	& > ul:not([class]) {
		list-style: none;

		& > li {
			position: relative;
			margin-left: -1.125em;
			padding-left: 1.125em;

			&::before {
				content: "\2022";
				position: absolute;
				top: 6px;
				left: 0;
				font-size: 1.65em;
				line-height: 18px;
				color: palette(text, 100);
			}
		}
	}

	& > ol:not([class]) {
		list-style: none;
		counter-reset: ol-counter;

		& > li {
			counter-increment: ol-counter;
			position: relative;
			margin-left: -1.125em;
			padding-left: 1.8em;

			&::before {
				@include font(small, $weight: 500);
				content: counter(ol-counter) ". ";
				position: absolute;
				top: 5px;
				left: 0;
				width: 1.275em;
				text-align: right;
				font-size: 0.75em;
				line-height: 18px;
				color: palette(text, 200);
			}
		}
	}
}