
/* Colors Legend *******************/

	/* Yellow Primary		#E9AB00 */
	/* Red Primary			#C30F1E */
	
	/* Blue					#00A7B5 */
	/* Violet				#565294 */
	/* Orange				#DC6B2F */
	/* Gray Green			#6FA287 */
	/* Gray Blue			#115E67 */
	/* Blue Red				#6068B2 */
	/* Brown				#796E65 */
	/* Bordeaux				#4E053C */

	/* Darker Gray			#0D1C38 */
	/* Dark Gray			#1F233F */
	/* Gray					#6E7788 */
	/* Light Gray			#868D9B */
	/* Light Gray			#999999 */
	/* Lighter Gray			#CFD2D7 */

/* Preset Tags *******************/

h1, h2, h3, h4,
h1.simplified, h2.simplified, h3.simplified, h4.simplified {
	color: #1F233F;
}

h1:before,
h2:before,
h3:not(.question):before,
h4:before {
	background-color: #1F233F;
}

a > .fa,
a:hover > .fa,
a.selected > .fa {
	color: #000000;
}

a {
	color: #000000;
}

a:hover {
	color: #000000;
}

a:focus,
a:active {
	color: #000000;
}

a.disabled {
	color: #CFD2D7;
}

body .error {
	color: #C30F1E !important;
}

/* Label / Input Text *******************/

input[type="text"],
input[type="password"],
input[type="number"],
textarea {
	background-color: #ffffff;
	border-color: #CFD2D7;
	color: #0D1C38;
}

input[type="text"].error,
input[type="password"].error,
input[type="number"].error,
textarea .error{
	border-color: #C30F1E;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="number"]:hover,
textarea:hover,
input[type="text"]:active,
input[type="password"]:active,
input[type="number"]:active,
textarea:active,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus {
	border-color: #000000 !important;
}

.input-icon > a,
.input-icon .fa {
	color: #0D1C38;
}

/* Radio / Checkbox *******************/

input[type=checkbox] + span:before,
input[type=radio] + span:before {
	border-color: #868D9B;
	background-color: #ffffff;
}

input[type=checkbox] + span:hover:before,
input[type=radio] + span:hover:before {
	border-color: #868D9B;
}

input[type=checkbox][disabled] + span:hover:before,
input[type=radio][disabled] + span:hover:before {
	border-color: #868D9B;
	color: #868D9B;
}

input[type=checkbox]:checked + span i {
	color: #000000;
}

input[type=checkbox]:not([disabled]):checked + span:before,
input[type=checkbox]:not([disabled]):checked:hover + span:before,
input[type=radio]:checked + span:before,
input[type=radio]:checked:hover + span:before {
	border-color: #000000;
}

input[type=radio]:checked + span:after {
	background-color: #000000;
}

/* Select *******************/

.custom-select {
	background-color: #ffffff;
	border-color: #CFD2D7;
	color: #0D1C38;
}

.custom-select i {
	color: #0D1C38;
}

.select-list .placeholder {
	color: #CFD2D7;
}

.select-list ul {
	box-shadow: 0 -1px 8px 0 rgba(0, 0, 0, 0.2);
}

.select-list .placeholder,
.select-list ul {
	border-color: transparent;
}

.custom-select > ul,
.custom-select:hover .select-list .placeholder {
	border-color: transparent !important;
}

.select-list:hover .placeholder,
.select-list ul {
	border-color: #000000;
}

.select-list .selected {
	color: #0D1C38;
}

.select-list ul li {
	background-color: #ffffff;
	color: #0D1C38;
}

.custom-select.open .select-list ul li:hover {
	background-color: #CFD2D7;
}

/* Call To Action *******************/

.cta-action .fa,
.cta-action:hover .fa {
	background-color: #000000;
}

.cta-action:hover .fa, .cta-action.selected .fa {
	background-color: #1F233F;
	color: #ffffff;
}

.cta-action:active .fa {
	background-color: #1F233F;
	color: #ffffff;
}

@media (max-width: 768px) {
	
	.cta-action:not(.light):not(.cta-timer),
	.cta-action:not(.light):not(.cta-timer):hover {
		background-color: #000000;
	}
}

.cta-contextual {
	border-color: #000000;
	background: #ffffff;
}

.cta-contextual:hover {
	border-color: #1F233F;
	color: #1F233F;
}

.cta-contextual:focus,
.cta-contextual:active {
	color: #1F233F;
	border-color: #1F233F;
}

.cta-contextual:active:before {
	display: none;
}

.cta-contextual.primary {
	border-color: #000000;
	background: #000000;
	color: #ffffff;
}

.cta-contextual.secondary {
	border-color: #868D9B;
	background: #ffffff;
	color: #868D9B;
}

.cta-contextual.primary:hover {
	border-color: #1F233F;
	background: #1F233F;
}

.cta-contextual.primary:focus,
.cta-contextual.primary:active {
	border-color: #1F233F;
	background: #1F233F;
}

.cta-contextual.disabled,
.cta-contextual.primary.disabled {
	color: #1F233F;
	background: #CFD2D7;
	border: 1px solid #CFD2D7;
}

/* Gauges *******************/

.gauge-horizontal.simple-gauge .gauge-display {
	background-color: #000000;
}

/* Badge *******************/

.badge-container .badge {
	background-color: #C30F1E;
	border-color: #ffffff;
}

.badge {
	color: #ffffff;
}

.badge-container i {
	color: #999999;
}

/* Banner *******************/

.banner {
	background-color: #1FAD7C;
}

/* Star Ranking *******************/

.star-ranking .fa {
	color: #CFD2D7;
}

.star-ranking-container .legend,
.star-1 .fa:first-child,
.star-2 .fa:first-child,
.star-2 .fa:nth-child(2),
.star-3 .fa:first-child,
.star-3 .fa:nth-child(2),
.star-3 .fa:nth-child(3),
.star-4 .fa:first-child,
.star-4 .fa:nth-child(2),
.star-4 .fa:nth-child(3),
.star-4 .fa:nth-child(4),
.star-5 .fa,
.star-ranking:hover .fa {
	color: #E0BD63;
}

.contrast.star-1 .fa:first-child,
.contrast.star-2 .fa:first-child,
.contrast.star-2 .fa:nth-child(2),
.contrast.star-3 .fa:first-child,
.contrast.star-3 .fa:nth-child(2),
.contrast.star-3 .fa:nth-child(3),
.contrast.star-4 .fa:first-child,
.contrast.star-4 .fa:nth-child(2),
.contrast.star-4 .fa:nth-child(3),
.contrast.star-4 .fa:nth-child(4),
.contrast.star-5 .fa,
.contrast.star-ranking:hover .fa {
	color: #ffffff;
}

.star-ranking .fa:hover ~ .fa {
	color: #CFD2D7;
}

/* Card Mode *******************/

.card-mode .preview.default-course-preview .subject-type, 
.card-mode .preview.default-course-preview h3 {
	color: #0D1C38;
}

.card-mode .preview.default-course-preview:hover .preview-hover .cta-container i {
	background-color: #000000;
}

.hearted i::before {
	color: #3A7CF7;
}

.hearted.selected i::before {
	color: #3A7CF7;
}

.preview.default-course-preview .hashtag {
	color: #E0BD63;
}

.preview.course-preview .star-ranking-container .small i:not(.fa-star) {
	color: #E0BD63;
}

.preview.default-course-preview .other-data {
	color: #868D9B;
}

/* List Mode *******************/

.list-mode .preview.default-course-preview .subject-type, 
.list-mode .preview.default-course-preview h3 {
	color: #0D1C38;
}

.preview.default-course-preview .optional-action i {
	color: #868D9B;
}

/**************************************************/
/* Navigation */ 
/**************************************************/

/* Header *******************/

header {
	background-color: #ffffff;
	border-bottom: 1px solid #E7E8EB;
	box-shadow: 0 2px 4px #E7E8EB;
}

header .main-nav > ul > li + li:before {
	background-color: #CFD2D7;
}

header .main-nav > ul > li > a {
	color: #868D9B;
}

header .main-nav > ul > li > a .fa {
	color: #868D9B;
}

header .main-nav > ul > li > a.selected .fa {
	color: #000000;
}

.main-nav > ul > li:hover > a:not(.selected), 
.main-nav > ul > li:hover > a:not(.selected) .fa {
	color: #000000;
}

header .main-nav > ul > li > a.selected {
	color: #000000;
}

header .main-nav > ul > li > a.selected:after {
	background-color: #000000;
}

header .main-nav > ul > li:hover > a:not(.selected),
header .main-nav > ul > li:active > a:not(.selected) {
	color: #000000;
}

.side-nav-btn,
.side-nav-btn:hover,
.side-nav-btn .fa,
.side-nav-btn:hover .fa {
	color: #000000;
}

.header-search-block .multiple-select-container .multiple-select-btn .fa {
	color: #0D1C38;
}

header .logged-in-profile-container {
	background-color: #ffffff;
	color: #868D9B;
}

header .logged-in-profile > .score {
	color: #6068B2;
}

.profile-reminders a,
.profile-reminders a:hover, 
.profile-reminders a:hover .fa {
	color: #999999;
}

.profile-reminders a .fa {
	color: #999999;
}

header .logged-in-profile-container .flag-select .placeholder {
	color: #0D1C38;
}

header .logged-in-profile-container .logged-in-profile .nav-submenu li:hover .flag-select .placeholder,
header .logged-in-profile-container .logged-in-profile .nav-submenu li:hover .custom-select .fa {
	color: #0D1C38 !important;
}

header .logged-in-profile-container .logged-in-profile .custom-select.flag-select.open .select-list ul li:hover {
	background-color: #000000;
	color: #ffffff;
}

header .logged-in-profile-container .flag-select .select-list ul li {
	color: #868D9B;
}

header .logged-in-profile-container .nav-submenu > li .fa {
	color: #868D9B !important;
}


@media (max-width: 1024px) {
	
	header .header-content .side-nav-btn {
		border-right-color: #E7E8EB;
	}
}

/* Nav Submenu *******************/

header .nav-submenu::after {
	border-bottom: 8px solid #ffffff;
}

header .nav-submenu > li a {
	color: #000000;
}

header .nav-submenu > li .fa {
	color: #868D9B !important;
}

header .nav-submenu > li:hover {
	background-color: #000000;
}

header .nav-submenu > li:hover a,
header .nav-submenu > li:hover .fa {
	color: #ffffff !important;
}

header .nav-submenu a.selected, 
header .nav-submenu a.selected .fa {
	color: #000000;
}

/* Footer *******************/

footer {
	background-color: #000000;
	color: #B3B3B3;
}

footer h5 {
	color: #E9AB00;
}

footer a,
footer p,
footer label.email-field a,
footer label.email-field button,
footer label.email-field .fa {
	color: #B3B3B3;
}

footer label.email-field {
	border-color: #CFD2D7;
}

/* Side Nav *******************/

.sidebar-nav {
	background-color: #ffffff;
}

#sidebar-nav-container .sidebar-header .close-btn:hover {
	border-color: #000000;
}

.sidebar-nav a,
.sidebar-nav a > .fa {
	color: #0D1C38;
}

.sidebar-nav a:hover,
.sidebar-nav a:hover > .fa,
.sidebar-nav-list .selected,
.sidebar-nav-list .selected .fa {
	color: #000000 !important;
}

.sidebar-nav-list a.selected, 
.sidebar-nav-list a.selected .fa,
#sidebar-nav-container .sidebar-nav-list a.selected:hover, 
#sidebar-nav-container .sidebar-nav-list a.selected:hover .fa {
	background-color: #000000;
	color: #ffffff !important;
}

.sidebar-nav .profile-reminders a .fa {
	color: #000000;
}

#sidebar-nav-container .sidebar-nav-list .custom-select .select-list ul li {
	color: #0D1C38;
}

#sidebar-nav-container .sidebar-nav-list .custom-select .select-list ul li:hover {
	color: #000000;
}

#sidebar-nav-container .sidebar-nav-list ~ .sidebar-nav-list,
#sidebar-nav-container .sidebar-nav-list .logout {
	border-top-color: #0D1C38;
}

#sidebar-nav-container .sidebar-nav-list > li > .custom-select {
	background-color: transparent;
	border-color: transparent;
}

#sidebar-nav-container .sidebar-nav-list .custom-select .fa {
	color: #000000;
}

/**************************************************/
/* Pages */ 
/**************************************************/

/* Lesson Details  *******************/

.fd-lesson-details-summary {
	border-left-color: #e97132;
	background-color: #FAE2D5;
}

.fd-lesson-details-container h3,
.fd-lesson-details-container a {
	color: #e75f14;
}

.fd-lesson-program {
	border-left-color: #e97132;
}

.fd-lesson-educational-comments {
	border-left-color: #e97132;
}