MSV FM

Path : /hermes/bosweb/b1705/skillupexecutivelearning.com/assets/scss/sections/

File Upload :

Current < : /hermes/bosweb/b1705/skillupexecutivelearning.com/assets/scss/sections/_courses.scss

// main: ../main.scss
/*--------------------------------------------------------------
# Courses Section
--------------------------------------------------------------*/
.courses {
  .course-item {
    border-radius: 5px;
    border: 1px solid rgba(var(--default-color-rgb), .1);
  }

  .course-content {
    padding: 15px;

    h3 {
      font-weight: 700;
      font-size: 20px;

      a {
        color: var(--heading-color);
        transition: 0.3s;

        &:hover {
          color: var(--accent-color);
        }
      }
    }

    .category {
      background: var(--accent-color);
      color: var(--contrast-color);
      font-size: 14px;
      padding: 6px 14px;
      margin: 0;
      border-radius: 5px;
    }

    .price {
      margin: 0;
      font-weight: 700;
      font-size: 18px;
      color: rgba(var(--default-color-rgb), .8);
    }

    .description {
      font-size: 14px;
      color: rgba(var(--default-color-rgb), .8);
    }
  }

  .trainer {
    padding-top: 15px;
    border-top: 1px solid rgba(var(--default-color-rgb), .1);

    .trainer-profile {
      img {
        max-width: 50px;
        border-radius: 50px;
      }

      .trainer-link {
        padding-left: 10px;
        font-weight: 600;
        font-size: 16px;
        color: rgba(var(--default-color-rgb), .8);
        transition: 0.3s;

        &:hover {
          color: var(--accent-color);
        }
      }
    }

    .trainer-rank {
      font-size: 18px;
      color: rgba(var(--default-color-rgb), .4);

      .user-icon {
        font-size: 22px;
      }
    }
  }
}