/* Coram v03: default First Steps styling with a red top menu preview. */


body.brand-test-coram-v003.home header .container {
	background: #B20E10;
	border-bottom-color: #B20E10;
}

body.brand-test-coram-v003.home header {
	border-top-color: #B20E10;
}

body.brand-test-coram-v003.home header nav .menu .contents a,
body.brand-test-coram-v003.home header nav .menu .contents a:hover,
body.brand-test-coram-v003.home header nav .menu .contents a:focus,
body.brand-test-coram-v003.home header nav .menu .contents a:active {
	color: #ffffff;
	border-bottom-color: rgba(255, 255, 255, .35);
}

body.brand-test-coram-v003 .home-update-announcement {
	background: #ADA589;
}

@media only screen and (max-width: 767px) {
	body.brand-test-coram-v003 .home-update-announcement:not(.dismissed) {
		max-height: 8em;
	}

	body.brand-test-coram-v003 .home-update-announcement p {
		padding-top: .8em;
		padding-bottom: .8em;
	}
}

body.brand-test-coram-v003.home article {
	border-top-color: #ADA589;
}

body.brand-test-coram-v003.exercises .exercise-title-rule {
	background: #DFDCD1;
}

body.brand-test-coram-v003.subjects {
	background: #ffffff;
}

body.brand-test-coram-v003.learners {
	background: #433360;
}

@media only screen and (min-width: 64em) {
	body.brand-test-coram-v003.sessions,
	body.brand-test-coram-v003.learners,
	body.brand-test-coram-v003.notes,
	body.brand-test-coram-v003.help {
		background: linear-gradient(to right, #433360 0, #433360 25%, #ffffff 25%, #ffffff 100%);
	}
}

body.brand-test-coram-v003.subjects .subjects + .toggle .icon {
	border-bottom-color: #B20E10;
}

body.brand-test-coram-v003.subjects .subjects.closed + .toggle .icon {
	border-top-color: #B20E10;
	border-bottom-color: transparent;
}

body.brand-test-coram-v003.progress article h1,
body.brand-test-coram-v003.progress article h2,
body.brand-test-coram-v003.progress article h3 {
	color: #B20E10;
}

body.brand-test-coram-v003.home article .container.accent {
	background: #DFDDD1;
}

body.brand-test-coram-v003.home h2 {
	color: #B20E10;
}

body.brand-test-coram-v003.course_previews .course-hub > .content > h1 {
	color: #B20E10;
}

body.brand-test-coram-v003.course_previews .course-hub-subject h2 a,
body.brand-test-coram-v003.course_previews .course-hub-subject h2 a:hover,
body.brand-test-coram-v003.course_previews .course-hub-subject h2 a:focus,
body.brand-test-coram-v003.course_previews .course-hub-subject h2 a:active {
	color: #B20E10;
}

/* Keep every red homepage accent on the Coram red brand value. */
body.brand-test-coram-v003.home h2 em,
body.brand-test-coram-v003.home .intro a.toggle,
body.brand-test-coram-v003.home .exercise .title h3,
body.brand-test-coram-v003.home .answer-summary h3,
body.brand-test-coram-v003.home .answer-summary-questions summary,
body.brand-test-coram-v003.home .answer-summary dt {
	color: #B20E10;
}

body.brand-test-coram-v003.home .answer-summary-questions summary::before {
	border-right-color: #B20E10;
	border-bottom-color: #B20E10;
}

body.brand-test-coram-v003.home .intro p {
	color: #000000;
}

body.brand-test-coram-v003.home .intro a.toggle {
	color: #747373;
}

body.brand-test-coram-v003.home p.call,
body.brand-test-coram-v003.home p.call a {
	color: #747373;
}

body.brand-test-coram-v003.home article .decoration {
	background: #DFDCD1;
}

body.brand-test-coram-v003.home article .decoration .illustration {
	background: #DFDCD1 url('/assets/brand_tests/home-recoloured-ada589-685546-023b64-alpha25-a2357834c755568e6839f2d86d05a15a.png') no-repeat center center;
	background-image: image-set(
		url('/assets/brand_tests/home-recoloured-ada589-685546-023b64-alpha25-0d37d79779a09b5da103119874deaf7a.webp') type('image/webp'),
		url('/assets/brand_tests/home-recoloured-ada589-685546-023b64-alpha25-a2357834c755568e6839f2d86d05a15a.png') type('image/png')
	);
	background-size: cover;
}

@media only screen and (max-width: 479px) {
	body.brand-test-coram-v003.home article .decoration .illustration {
		background-color: #DFDCD1;
		background-image: none;
	}
}

body.brand-test-coram-v003.home .answer-summary-container,
body.brand-test-coram-v003.home .answer-summary {
	background: #ffffff !important;
}

body.brand-test-coram-v003.home .exercises .exercise .title,
body.brand-test-coram-v003.home .exercises .exercise .title:hover,
body.brand-test-coram-v003.home .exercises .exercise .title:focus,
body.brand-test-coram-v003.home .exercises .exercise .title:active {
	background: #DFDCD1;
}

body.brand-test-coram-v003.home .homepage-course-heading {
	color: #B20E10;
}

body.brand-test-coram-v003.home .homepage-course-intro {
	color: #747373;
}

body.brand-test-coram-v003.home .exercises .exercise .meta {
	overflow: hidden;
}

body.brand-test-coram-v003.home .em.home {
	background: #6B2F75;
}

body.brand-test-coram-v003 .em .registration-cta-heading {
	color: #ffffff;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.25em;
	margin-top: 0;
	margin-bottom: .5em;
	text-transform: uppercase;
}

body.brand-test-coram-v003.home .em.home .action {
	color: #B20E10;
	background: #ffffff;
	border-color: #B20E10;
}

body.brand-test-coram-v003.home .em.home .action:hover,
body.brand-test-coram-v003.home .em.home .action:focus,
body.brand-test-coram-v003.home .em.home .action:active {
	color: #ffffff;
	background: #6B2F75;
	border-color: #6B2F75;
}

/* Keep the post-quiz registration panel consistent with the Coram homepage CTA. */
body.brand-test-coram-v003.exercises .em.inner {
	background: #6B2F75;
}

body.brand-test-coram-v003.exercises .em.inner .form {
	background: #ffffff;
}

body.brand-test-coram-v003.exercises .em.inner .action,
body.brand-test-coram-v003.exercises .em.inner .action:hover,
body.brand-test-coram-v003.exercises .em.inner .action:focus,
body.brand-test-coram-v003.exercises .em.inner .action:active {
	color: #B20E10;
	background: #ffffff;
	border-color: #B20E10;
}

body.brand-test-coram-v003.exercises .em.inner .action:hover,
body.brand-test-coram-v003.exercises .em.inner .action:focus,
body.brand-test-coram-v003.exercises .em.inner .action:active {
	color: #ffffff;
	background: #6B2F75;
	border-color: #6B2F75;
}

/* Give registration the same panel treatment as the learner account form. */
body.brand-test-coram-v003.learners .register.registration-page form.registration-form {
	box-sizing: border-box;
	margin: 1.25em 0;
	padding: 1.25em;
	background: #DFDCD1;
	border: 1px solid #DFDCD1;
}

body.brand-test-coram-v003.learners .register.registration-page form.registration-form p,
body.brand-test-coram-v003.learners .register.registration-page form.registration-form small,
body.brand-test-coram-v003.learners .register.registration-page form.registration-form .help-block {
	color: #666666;
}

body.brand-test-coram-v003.learners .register.registration-page .registration-intro {
	color: #666666;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.45;
}

/* Match the public sign-in form to the registration form's neutral text treatment. */
body.brand-test-coram-v003.sessions .signin h1 {
	color: #B20E10;
}

body.brand-test-coram-v003.sessions .signin form label {
	color: #666666;
	font-weight: bold;
}

body.brand-test-coram-v003.sessions .signin form input[type="text"],
body.brand-test-coram-v003.sessions .signin form input[type="password"] {
	color: #000000;
}

body.brand-test-coram-v003.sessions .signin form p.button,
body.brand-test-coram-v003.sessions .signin form p.button a,
body.brand-test-coram-v003.sessions .signin form p.button small,
body.brand-test-coram-v003.sessions .signin form p.button small a,
body.brand-test-coram-v003.sessions .signin form > p:last-child,
body.brand-test-coram-v003.sessions .signin form > p:last-child a {
	color: #666666;
	font-weight: normal;
}

body.brand-test-coram-v003.user_passwords .container > .content > h2 {
	color: #B20E10;
}

body.brand-test-coram-v003.user_passwords form label {
	color: #666666;
	font-weight: bold;
}

body.brand-test-coram-v003.user_passwords form input[type="text"] {
	color: #000000;
}

body.brand-test-coram-v003.learners .register.registration-page form.registration-form label {
	color: #666666;
	font-weight: bold;
}

body.brand-test-coram-v003.learners .register.registration-page form.registration-form label[for="learner_is_professional"] {
	font-weight: normal;
}

body.brand-test-coram-v003.learners .register.registration-page form.registration-form label[for="learner_terms_of_service"] a {
	color: #B20E10;
}

body.brand-test-coram-v003.learners .register.registration-page form.registration-form input[type="text"],
body.brand-test-coram-v003.learners .register.registration-page form.registration-form input[type="password"],
body.brand-test-coram-v003.learners .register.registration-page form.registration-form input[type="email"],
body.brand-test-coram-v003.learners .register.registration-page form.registration-form select,
body.brand-test-coram-v003.learners .register.registration-page form.registration-form option {
	color: #000000;
}

body.brand-test-coram-v003.learners .register.registration-page form.registration-form input::placeholder {
	color: #000000;
	opacity: 1;
}

body.brand-test-coram-v003.learners .register.registration-page form.registration-form .course-selection {
	margin-top: 1.25em;
	padding: 0;
	background: transparent;
	border: 0;
	box-shadow: none;
}

body.brand-test-coram-v003.learners .register.registration-page form.registration-form .course-selection legend {
	color: #B20E10;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.25;
	text-transform: uppercase;
}

body.brand-test-coram-v003.learners .register.registration-page form.registration-form .course-selection > small {
	display: block;
	margin-top: 0;
	margin-bottom: 1.5em;
}

body.brand-test-coram-v003.learners .register.registration-page form.registration-form .course-selection > p:last-of-type {
	margin-bottom: .2em;
}

body.brand-test-coram-v003.learners .register.registration-page .password-visibility-control input[type="password"],
body.brand-test-coram-v003.learners .register.registration-page .password-visibility-control input[type="text"] {
	padding-right: 5em;
}

body.brand-test-coram-v003.learners .register.registration-page .password-visibility-toggle {
	top: 50%;
	right: 2.25em;
	width: 1.35em;
	height: 1.35em;
}

body.brand-test-coram-v003.learners .register.registration-page .password-visibility-icon {
	width: 1.35em;
	height: 1.35em;
}

body.brand-test-coram-v003.learners .register.registration-page .registration-county-control {
	position: relative;
	display: block;
}

body.brand-test-coram-v003.learners .register.registration-page .registration-county-control select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding-right: 5em;
	background: #ffffff;
}

body.brand-test-coram-v003.learners .register.registration-page .registration-county-control:after {
	content: "";
	position: absolute;
	right: 1.75em;
	top: 50%;
	width: 0;
	height: 0;
	border-left: .45em solid transparent;
	border-right: .45em solid transparent;
	border-top: .55em solid #000000;
	pointer-events: none;
	transform: translateY(-50%);
}

body.brand-test-coram-v003.learners .register.registration-page form.registration-form .registration-submit-action {
	margin-bottom: 0;
	text-align: right;
}

body.brand-test-coram-v003.learners .register.registration-page form.registration-form .registration-submit-action input[type="submit"] {
	margin-bottom: 0;
}

body.brand-test-coram-v003.learners .register.registration-page .registration-errors {
	border-left-color: #B20E10;
}

body.brand-test-coram-v003.learners .register.registration-page .registration-errors h2 {
	color: #B20E10;
}

body.brand-test-coram-v003.learners .register.registration-page form.registration-form .registration-field-error {
	display: none;
}

body.brand-test-coram-v003.home .cp-banner .cp-banner-inner h2,
body.brand-test-coram-v003.home .cp-banner p,
body.brand-test-coram-v003.home .cp-banner p a,
body.brand-test-coram-v003.home .cp-banner-buttons a.cp-banner-moreinfo {
	color: #ffffff;
}

body.brand-test-coram-v003 .cp-banner-buttons a.cp-banner-continue {
	color: #B20E10;
	background: #FFFFFF;
	border-color: #B20E10;
}

body.brand-test-coram-v003 .cp-banner-buttons a.cp-banner-continue:hover,
body.brand-test-coram-v003 .cp-banner-buttons a.cp-banner-continue:focus,
body.brand-test-coram-v003 .cp-banner-buttons a.cp-banner-continue:active {
	color: #FFFFFF;
	background: #B20E10;
	border-color: #B20E10;
}

body.brand-test-coram-v003.home footer .information {
	background: #6B2F75;
}

body.brand-test-coram-v003.home footer .information .contact .type {
	color: #ffffff;
}

body.brand-test-coram-v003.home footer .information .footer-secondary-link {
	line-height: 26px;
}

body.brand-test-coram-v003 footer .smalls,
body.brand-test-coram-v003 footer .smalls a {
	color: #ffffff;
}

body.brand-test-coram-v003 footer .smalls {
	background: #B20E10;
}

body.brand-test-coram-v003.home .exercises .exercise .guest-description p {
	color: #000000;
}

body.brand-test-coram-v003.home .answer-summary h3,
body.brand-test-coram-v003.home .answer-summary-questions summary,
body.brand-test-coram-v003.home .answer-summary dt {
	color: #B20E10;
}