
/* Colors Legend *******************/

	/* Light Grey			#f1f1f3 */
	/* Grey					#b1b995 */
	/* Light Green			#f0f7e6 */
	/* Green				#60ad0e */
	/* Blue					#0b4053 */
	/* Dark Blue			#00253a */

/* Preset Tags *******************/

h1 {
	color: #0b4053;
}

h2 {
	color: #0b4053;
}

h2.highlight {
	color: #0b4053;
}

h2.highlight span span {
	color: #60ad0e;
}

h2.highlight:before,
h2.highlight:after {
	background-color: #60ad0e;
}

.title-container a {
	color: #60ad0e;
}

/* Call To Action *******************/

.cta-action .fa {
	color: #ffffff;
	background-color: #60ad0e !important;
}

.cta-contextual,
.cta-contextual:hover {
	color: #ffffff;
	background-color: #60ad0e;
	border-color: #60ad0e;
}

.cta-contextual.overlay,
.cta-contextual.overlay:hover {
	color: #ffffff;
	background-color: transparent;
	border-color: #ffffff;
}

/* Gauges *******************/

.gauge-value {
	color: #60ad0e;
}

.complete .gauge-value {
	color: #60ad0e;
}

.gauge-horizontal .gauge-display {
	background-color: #60ad0e;
}

.gauge-horizontal.complete .gauge-display {
	background-color: #60ad0e;
}

/* Badge *******************/

.badge-container .badge {
	background-color: #60ad0e;
	border-color: #60ad0e;
}

/* Banner *******************/

.banner-container .banner {
	background-color: #60ad0e;
}

/* Default Preview *******************/

.card-mode .preview.default-course-preview {
	box-shadow: none;
	border: 1px solid rgba(0, 0, 0, 0.2);
}

.hearted i::before {
	color: #60ad0e;
}

.hearted.selected i::before {
	color: #60ad0e;
}

.card-mode .preview.default-course-preview .subject-type {
	color: #979797;
}

.card-mode .preview.default-course-preview .other-data i {
	color: #000000;
}

/**************************************************/
/* Navigation */ 
/**************************************************/

.main-container .colored-row-container {
	background-color: #f1f1f3;
}

.main-container .colored-row-container.highlight {
	background-color: #0b4053;
}

/* Header *******************/

header {
	background-color: #ffffff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.02);
}

header h1.page-title {
	color: #00253a;
}

.main-nav > ul > li > a,
.main-nav > ul > li > a.selected,
.main-nav > ul > li > a > .fa,
header .nav-submenu > li a i {
	color: #00253a;
}

.main-nav > ul > li > a:not(.selected):hover {
	color: #00253a !important;
}

header .main-nav > ul > li > a.selected:after {
	background-color: #60ad0e;
}

.side-nav-btn,
.side-nav-btn:hover,
.side-nav-btn .fa,
.side-nav-btn:hover .fa {
	color: #00253a;
}

header .logged-in-profile-container {
	background-color: transparent;
}

header .nav-submenu > li:hover {
	background-color: #60ad0e;
}

header .header-search-container input {
	background-color: #ffffff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

header .header-search-container .input-icon .fa {
	color: #60ad0e;
}

header .logged-in-profile > .name {
	color: #00253a;
}

.profile-reminders a .fa,
.profile-reminders a:hover .fa {
	color: #00253a;
}

/* Footer *******************/

footer {
	background-color: #0b4053;
}

footer p,
footer label.email-field input::placeholder {
	color: rgba(255, 255, 255, 0.6);
}

/* Side Nav *******************/

.sidebar-nav {
	background-color: #00253a;
}

.sidebar-nav-list .selected,
.sidebar-nav-list .selected .fa {
	color: #ffffff;
}

.sidebar-nav-list .selected {
	background-color: #ffffff;
	color: #00253a;
}

#sidebar-nav-container .sidebar-nav-list a:hover {
	color: #00253a;
}

#sidebar-nav-container .sidebar-nav-list a:not(.selected):hover {
	color: #ffffff;
}

#sidebar-nav-container .sidebar-nav-list a:not(.selected):hover .fa {
	color: #ffffff;
}

/* Side Profile *******************/

#sidebar-profile-container .sidebar-profile {
	background-color: #00253a;
}

/**************************************************/
/* Pages */ 
/**************************************************/

/* Accueil *******************/

.generic-wall-container .news-wall-row {
	background-color: transparent;
	box-shadow: none;
}

.generic-wall-container .news-wall-btn {
	background-color: #ffffff;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
}

.generic-wall-container .news-wall-btn i {
	color: #000000;
}

.learning-main-presentation .learning-video-title h2 {
	color: #7f7f7f;
}

.learning-main-presentation .news-wall-col .cta-action .fa {
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.learning-main-presentation .news-wall-shortcut:hover i,
.learning-main-presentation .news-wall-shortcut i {
	color: #b1b995;
}

.learning-main-presentation .news-wall-shortcut:active i,
.learning-main-presentation .news-wall-shortcut.current i,
.learning-main-presentation .news-wall-shortcut.current:hover i {
	color: #60ad0e;
}

.learning-main-presentation .cta-action .fa {
	color: #60ad0e;
	background-color: #ffffff !important;
}

.learning-main-welcome {
	background-color: #f0f7e6;
}

.learning-main-collaborations {
	background-color: #ffffff;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.15);
}

.learning-main-collaborations .counter {
	color: #7f7f7f;
}

.learning-main-collaborations span {
	color: #000000;
}

.learning-progression-stakes-container .stake-card {
	background-color: #00253a;
}

.learning-progression-stakes-container .stake-card.has-progress {
	background-color: #ffffff;
}

.stake-header {
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
}

.stake-card .stake-header h4 {
	color: #000000;
}

.stake-content .counter > span {
	color: #60ad0e;
}

.stake-content .counter + .counter span,
.stake-content .counter span span {
	color: #00253a;
}

.main-container .learning-top-formations-container {
	background-color: #f0f7e6;
}

.learning-top-formations-container h2 {
	color: #0b4053;
}

.learning-top-formations-container h4 {
	color: #000000;
}

.my-stakes-container h4 {
	color: #0b4053;
}

.my-stakes-container .generic-wall-container .news-wall-col.ending .news-wall-row {
	color: #60ad0e;
	border-color: #60ad0e;
}