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


.s-text:not(.s-ol-list) {
	h1, h2 {
		@include font-family(secondary);
		@include font-size(xxl);
		@include font-weight(regular);

		&:first-child {
			margin-bottom: 0;

			+ h2, + h3 {
				margin-top: space(1);
			}
		}

		strong {
			@include font-weight(regular);
		}

	}

	h3 {
		@include font-size(s);
		@include font-weight(extra-bold);
		text-transform: uppercase;
	}

	&:not(.s-text--on-dark) {
		h1, h2, h3 {
			color: palette(alt, 500);
		}
	}

	// First the owl selector for setting a default vertical rhythm
	& > * + * {
		margin-top: space(4);
	}

	// a paragraph following a h3 needs less room
	& > h3 + p {
		margin-top: space(2);
	}


	// Make sure first item in scoped text has no margin on top
	& > :first-child {
		margin-top: 0 !important;
	}

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

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

			&::before {
				@include font-size(l);
				content: "\2022";
				position: absolute;
				//top: -4px;
				top: 1px;
				left: 0;
			}
		}
	}

	& > 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 {
				content: counter(ol-counter) ". ";
				position: absolute;
				top: 0;
				left: 0;
				width: 1.275em;
				text-align: right;
			}
		}
	}
}


.s-text--on-dark {
	color: palette(neutral, 0);

	a:not(.c-button):hover {
		color: palette(action, 300);
	}

	li::before {
		color: palette(primary, 500);
	}
}