body {
	> header {
		background-color:#bfd4e9;
	}
	> footer {
		background-color:#25486a;
		/* color:; */

		> div > section {
			border-color:#99badb;

			h3,
			h3 > a,
			h3 > a:visited {
				color:#e5edf6;
			}

			ul > li > a,
			ul > li > a:visited {
				color:#d2e1ef;
				display:flex;
				gap:1rem;

				&:before {
					content: '';
                    width: 1rem;
                    height: 1rem;
                    display: block;
					background-image:url('/static/images/chrome/list-item.png');
					background-size:contain;
                    align-self: center;
				}
			}

			.logo {
				height:5rem;
			}
		}
	}

	> small {
		background-color:#e5edf6;

		> div a,
		> div a:visited {
			color:#25486a;
		}
	}
}


/* CTA */

.cta {
	border-bottom:2px solid #ddd;

	&:hover {
		border-color:#ccc;
	}

	&.cta--on-white,
	&.cta--on-white:visited {
		color:#333;
		background-color: #f5f8fb;
		border-color:#d8e4f1;

		&:hover {
			color:#000;
			background-color: #e6eef6;
			border-color:#c9dbec;
		}
	}
}


/* Accordion */

.accordion {
	background-color:#cec8be;

    &.dark {
        background-color: #c6bfb3;
    }
	> div > div details > summary {
		background-color:#f0eeeb;
	}
}


/* Multi */

.multi {
	&.multi--next-step {
		> div {
			padding-bottom:12rem;
		}
	}

	> div > div .multi-icons {
		/* background-color:#ebc68c; */
	}

	> div > div .multi-icons > li {
		&.clock:before {
			background-image:url('/static/images/icons/clock.png');
		}

		&.calendar:before {
			background-image:url('/static/images/icons/calendar.png');
		}

		&.attendees:before {
			background-image:url('/static/images/icons/attendees.png');
		}
	}
}

/* Split */

.split {
	a.cta,
	a.cta:visited {
		color:#222;
	}

	a.cta:hover {
		color:#000;
	}

	&.split--agile-facilitation {
		background-color: #ebc68c;

		h2 {
			color: #775115;
		}

		a.cta,
		a.cta:visited {
			background-color: #e5b56b;
			border-color:#dfa44a;

			&:hover {
				background-color: #e2ad5a;
				border-color:#dc9c39;
			}
		}
	}

	&.split--scrum-ceremonies {
		background-color: #acc7e2;

		h2 {
			color: #25486a;
		}

		a.cta,
		a.cta:visited {
			background-color: #8fb3d8;
			border-color:#729fce;

			&:hover {
				background-color: #80aad3;
				border-color:#6395c9;
			}
		}
	}

	&.split--backlog-management {
		background-color: #89dbb5;

		h2 {
			color: #184d34;
		}

		a.cta,
		a.cta:visited {
			background-color: #6bd2a2;
			border-color:#4dc98f;

			&:hover {
				background-color: #5ccd99;
				border-color:#3ec486;
			}
		}
	}

	&.split--sprint-reporting {
		background-color: #c9b89f;

		h2 {
			color: #50422d;
		}

		a.cta,
		a.cta:visited {
			background-color: #c2af92;
			border-color:#b49c79;

			&:hover {
				background-color: #bba586;
				border-color:#ad936d;
			}
		}
	}

	&.split--contact-us {
		background-color: #f4dfbe;

		h2 {
			color: #775115;
		}

		a.cta,
		a.cta:visited {
			background-color: #eece9d;
			border-color:#e8bd7c;

			&:hover {
				background-color: #ebc68c;
				border-color:#e5b56b;
			}
		}
	}
}


/* Divider */

.divider > div {
	position:relative;
	
	&:before {
        content: '';
        position: absolute;
        height: 1rem;
        width: calc(100% - 8rem);
        left: 4rem;
        top: 0rem;
        background-color: #ccc;
        border-radius: 1rem;
	}
}