/* Custom CSS */

/* Hide solutions */
	/*https://www.w3schools.com/css/css_tooltip.asp*/
	/*Click to show the solution*/
	.solHeading {
		cursor: pointer;
	}
	.solHeading:hover {
		background-color: rgba(52, 211, 153, 0.5);
	}
	#sol1Txt {
		visibility: hidden;
	}

/* Accessibility */
	/* https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type#accessibility_concerns */
	ul li::before {
	  content: "\200B";
	}

/* Override ul/ol */
	/* https://blog.logrocket.com/styling-numbered-lists-with-css-counters/ */
	.list-order {
		list-style-type: none;
		counter-reset: list-number;
	}

	.list-order div {
		
	}

	.list-order div:before{
		counter-increment: list-number;

		margin-right: 10px;
		margin-bottom:10px;
		width:35px;
		height:35px;
		display:inline-flex;
		align-items:center;
		justify-content: center;
		font-size:16px;
		background-color:#d7385e;
		border-radius:50%;
		color:#fff;
	}

	.list-type-ll div:before{
		content: counter(list-number, lower-latin) ") ";
	}

	.list-type-num div:before{
		content: counter(list-number, list-number) ". ";
	}

	.list-type-disc div:before{
		content: counter(list-number, disc);
	}