/* Default Theme Color Variables */

:root {
  --black-color: #000;
  --white-color: #fff;

  /* Button colors */
  --default-btn: #3aafa9;
  --primary-btn: #3aafa9;
  --secondary-btn: #6c757d;
  --success-btn: #12a133;
  --warning-btn: #ffc107;
  --danger-btn: #ee273a;
  --disabled-btn: #cccccc;
  --info-btn: #00b6e5;
  --light-btn: #f8f9fa;
  --dark-btn: #343a40;

  /* Button hover colors */
  --default-btn-hover: #2b8580;
  --primary-btn-hover: #2b8580;
  --secondary-btn-hover: #535e67;
  --success-btn-hover: #088a26;
  --warning-btn-hover: #d9a300;
  --danger-btn-hover: #d80f22;
  --disabled-btn-hover: #cccccc;
  --info-btn-hover: #0097be;
  --light-btn-hover: #ffffff;
  --dark-btn-hover: #242b31;

  /* Alert Colors */

  --info-alert-font: #004085;
  --info-alert-bg: #d1ecf1;
  --info-alert-border: #bee5eb;

  --success-alert-font: #155724;
  --success-alert-bg: #d4edda;
  --success-alert-border: #c3e6cb;

  --warning-alert-font: #856404;
  --warning-alert-bg: #fff3cd;
  --warning-alert-border: #ffeeba;

  --danger-alert-font: #721c24;
  --danger-alert-bg: #f8d7da;
  --danger-alert-border: #f5c6cb;

  /* ================ Main Layout colors start =========================== */

  /* all 'a' links in the moodle */
  --a-link-color: #000;
  --a-link-hover: #3aafa9;

  /* Headings */
  --header-font-color: #3aafa9;

  /* Left Navbar */
  --sidebar-bg-color: #f3f3f3;
  --sidebar-font-color: #000;
  --sidebar-link-bg-color: #3aafa9;
  --sidebar-link-hover: #fff;

  /* Top Navbar */
  --navbar-bg-color: #f8f8f8;
  --navbar-font-color: #000;
  --navbar-border-color: #cacaca;

  /* Bread-crumbs */
  --bread-crumb-link-color: #858585;

  /* Cards colors */
  --card-font-color: #000;
  --card-btn-font-color: #fff;
  --card-btn: #3aafa9;
  --card-btn-hover: #2b8580;
  --card-bg-color: #fff;
  --card-font-color: #000;
  --card-border: #e0e0e0;

  /* Footer Colors */
  --footer-bg-color: #f8f8f8;
  --footer-header-color: #3aafa9;
  --footer-font-color: #000;
  --footer-border-color: #cacaca;

  /* ================ Main Layout colors end =========================== */

  /* ================  Front Page start ======================= */

  /* Banner */
  --banner-bg-color: #f9f9f9;
  --banner-header-primary: #3aafa9;
  --banner-header-secondary: #000;
  --banner-border: #564968;

  /* Slider */
  --slider-bg-color: linear-gradient(#f9f9f9 50%, #fff 50%);
  --slider-primary-header: #3aafa9;

  /* Slider Arrow */
  --slider-arrow-bg-color: #fff;
  --slider-arrow-font-color: #707070;
  --slider-arrow-border-color: #707070;
  --slider-arrow-hover: #3aafa9;

  /*Filter Category */
  --fliter-bg-color: #fff;
  --filter-header-primary: #3aafa9;
  --filter-content-color: #000;
  --filter-hr-line: #3aafa9;

  --filter-nav-font-color: #000;
  --filter-nav-bg-color: #3aafa9;
  --filter-nav-font-hover: #fff;

  /* Fliter Arrow */
  --filter-arrow-bg-color: #fff;
  --filter-arrow-font-color: #707070;
  --filter-arrow-border-color: #707070;
  --filter-arrow-hover: #3aafa9;

  /* ================  Front page end ======================= */

  /* ================ Course Listing start =========================== */

  --category-font-color: #000;
  --category-font-hover: #3aafa9;
  --category-bottom-border: #cacaca;

  /* ================ Course Listing end =========================== */

  /* ================ Other Layouts start =========================== */

  --body-bg-color: #fff;
  --font-color: #000;
  --border-color: #cacaca;
  --input-bg-color: #f1f1f1;
  --input-bg-hover: #fff;
  --login-bg-color: #fff;
  --modal-bg-color: #fff;

  /* ================ Other Layouts end =========================== */
}