/* General */
/* Navbar */
/* Buttons */
/* Text */
/* Home Page */
/* Home Page benefits */
/* Product Page */
/* General */
#blockColorblindContent {
  display: none; }

html.turbolinks-progress-bar::before {
  background-color: #4bbb83; }

body {
  font-family: "Roboto", Helvetica, Arial, sans-serif, sans-serif;
  font-size: 16px;
  background-color: #f9f9f9; }

.page {
  background-color: #f9f9f9; }

/* Text */
h1, h2 {
  font-family: "Roboto"; }
  h1 *, h2 * {
    color: #0c2c4c; }

h3, h4, h5 {
  font-family: "Proxima Nova"; }
  h3 *, h4 *, h5 * {
    color: #585858; }

h1 * {
  font-size: 41.6px; }

h2 * {
  font-size: 32px; }

h3 * {
  font-size: 26px; }

h4 * {
  font-size: 20px; }

h5 * {
  font-size: 14px; }

p {
  font-family: "Roboto";
  font-size: 16px; }
  p * {
    color: #0c2c4c; }

a {
  color: #0c2c4c; }

.page-footer {
  background-color: #0c2c4c; }
  .page-footer * {
    color: #ffffff; }
  .page-footer a * {
    color: #ffffff; }
  .page-footer a:hover * {
    color: white; }
  .page-footer b * {
    color: white; }
  .page-footer h2 * {
    color: white; }

/* Navbar */
header.navbar {
  background-color: #ffffff; }
  header.navbar a,
  header.navbar .dropdown a {
    color: rgba(34, 34, 34, 0.6); }
    header.navbar a:hover, header.navbar a:focus,
    header.navbar .dropdown a:hover,
    header.navbar .dropdown a:focus {
      color: #222222; }
  header.navbar .nav a {
    font-family: "Roboto";
    font-size: 16px;
    color: rgba(34, 34, 34, 0.6); }
  header.navbar .dropdown-menu {
    background-color: white; }
    header.navbar .dropdown-menu:before {
      background-color: white; }
    header.navbar .dropdown-menu li a:hover {
      background-color: #fafafa; }

/* Buttons */
.btn {
  font-family: "Roboto"; }
  .btn * {
    font-size: 16px; }

.btn-default {
  background-color: #ffffff;
  border-color: #d9d9d9; }
  .btn-default * {
    color: #0c2c4c; }
  .btn-default:hover, .btn-default:focus {
    background-color: #f2f2f2;
    border-color: #f2f2f2; }
  .btn-default:active, .btn-default:active:hover {
    background-color: #ebebeb;
    border-color: #ebebeb; }

.open > .btn-default.dropdown-toggle, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle:hover {
  background-color: #ebebeb;
  border-color: #ebebeb; }

.btn-primary {
  background-color: #0c2c4c;
  border-color: #0c2c4c; }
  .btn-primary * {
    color: #ffffff; }
  .btn-primary:hover, .btn-primary:focus {
    background-color: #0f3962;
    border-color: #0f3962; }
  .btn-primary:active, .btn-primary:active:hover {
    background-color: #061829;
    border-color: #061829; }

.open > .btn-primary.dropdown-toggle, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle:hover {
  background-color: #061829;
  border-color: #061829; }

/* List Group */
.list-group .list-group-item.active {
  background-color: #4bbb83;
  border-color: #4bbb83;
  color: #222; }

/* Home Page */
.home-page .home-header {
  background-color: #ffffff;
  background-image: url("https://edools-3-production.s3.amazonaws.com/org-6352%2Fschool-7715%2Fb8968a6e4a73ec1cfb13160357bcf49c%2Fbanner.PNG");
  background-repeat: no-repeat;
  background-size: cover; }
  .home-page .home-header * {
    color: #ffffff; }
.home-page .home-benefits .media .benefits-icon {
  color: #585858; }
.home-page .home-benefits .media h2 {
  color: #585858; }
.home-page .home-benefits .media p {
  color: #585858; }

/* Product Page */
.product-page .product-header {
  background-color: #0c2c4c;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover; }
  .product-page .product-header h2,
  .product-page .product-header h4,
  .product-page .product-header p,
  .product-page .product-header .price {
    color: #ffffff; }

/* Lesson Page */
.lesson-page .lesson-page-sidebar .course-content .lesson.active.active {
  box-shadow: 1px 0 0 0 #4bbb83;
  border-left: 1px solid #4bbb83; }
.lesson-page .lesson-page-sidebar .course-content .lesson.active .content-lesson .class-info .left i:after {
  border-color: #95d7b6; }
.lesson-page .lesson-page-sidebar .course-content .lesson.active .content-lesson .class-info .lesson-title:hover span {
  background-color: rgba(75, 187, 131, 0.8); }

/* Course Content Page */
.course-container .title.active > a, .course-container .title.active > a:focus, .course-container .title.active > a:hover {
  color: #4bbb83;
  border-color: #4bbb83; }