/* General */
/* Navbar */
/* Buttons */
/* Text */
/* Home Page */
/* Home Page benefits */
/* Product Page */
/* General */
html.turbolinks-progress-bar::before {
  background-color: #71ab67 !important; }

body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif, sans-serif;
  font-size: 12px;
  background-color: #f4f2f0; }

.page {
  background-color: #f4f2f0; }

/* Text */
h1, h2 {
  font-family: "Alegreya Sans"; }
  h1 *, h2 * {
    color: #585858; }

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

h1 * {
  font-size: 31.2px; }

h2 * {
  font-size: 24px; }

h3 * {
  font-size: 23.4px; }

h4 * {
  font-size: 18px; }

h5 * {
  font-size: 12.6px; }

p {
  font-family: "Open Sans";
  font-size: 14px; }
  p * {
    color: #585858; }

a {
  color: #71ab67; }

.page-footer {
  background-color: #2e3234; }
  .page-footer * {
    color: #747474; }
  .page-footer a * {
    color: #b8b8b8; }
  .page-footer a:hover * {
    color: #e7e7e7 !important; }
  .page-footer b * {
    color: #9a9a9a !important; }
  .page-footer h2 * {
    color: #cdcdcd; }

/* Navbar */
header.navbar {
  background-color: #ffffff; }
  header.navbar a,
  header.navbar .dropdown a {
    color: rgba(34, 34, 34, 0.6) !important; }
    header.navbar a:hover, header.navbar a:focus,
    header.navbar .dropdown a:hover,
    header.navbar .dropdown a:focus {
      color: #222222 !important; }
  header.navbar .nav a {
    font-family: "Open Sans";
    font-size: 12px; }
  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: "Open Sans"; }
  .btn * {
    font-size: 14px; }

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

.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: #71ab67;
  border-color: #71ab67; }
  .btn-primary * {
    color: #ffffff; }
  .btn-primary:hover, .btn-primary:focus {
    background-color: #80b477;
    border-color: #80b477; }
  .btn-primary:active, .btn-primary:active:hover {
    background-color: #5d9653 !important;
    border-color: #5d9653 !important; }

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

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

/* Home Page */
.home-page .home-header {
  background-color: #ffffff;
  background-image: url("https://edools-3-production.s3.amazonaws.com/org-6352%2Fschool-6506%2F9ab2c9d9ba613c954c7f2c57ab5bad42%2FBannerEAD.jpg");
  background-repeat: no-repeat;
  background-size: cover; }
  .home-page .home-header * {
    color: #ffffff !important; }
.home-page .home-benefits .media .benefits-icon {
  color: #71ab67 !important; }
.home-page .home-benefits .media h2 {
  color: #585858 !important; }
.home-page .home-benefits .media p {
  color: #585858 !important; }

/* Product Page */
.product-page .product-header {
  background-color: #ffffff;
  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 #71ab67;
  border-left: 1px solid #71ab67 !important; }
.lesson-page .lesson-page-sidebar .course-content .lesson.active .content-lesson .class-info .left i:after {
  border-color: #aecfa9; }
.lesson-page .lesson-page-sidebar .course-content .lesson.active .content-lesson .class-info .lesson-title:hover span {
  background-color: rgba(113, 171, 103, 0.8); }