/*
	Custom Social Icon fonts
	
*/

@font-face {
  font-family: 'ignite';
  src:  url('social-icons/ignite.eot?35kkns');
  src:  url('social-icons/ignite.eot?35kkns#iefix') format('embedded-opentype'),
    url('social-icons/ignite.ttf?35kkns') format('truetype'),
    url('social-icons/ignite.woff?35kkns') format('woff'),
    url('social-icons/ignite.svg?35kkns#ignite') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="cb-"], [class*=" cb-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ignite' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.5rem;
  margin-right: -0.55rem;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/*==========================================
Facebook
==========================================*/

.cb-facebook-icon:before {
  content: "\e90f";
  font-size:2.6rem;
}

/*==========================================
Twitter
==========================================*/

.cb-twitter-icon:before {
  content: "\e91e";
  font-size:2.6rem;
}


/*==========================================
Instagram
==========================================*/

.cb-instagram-icon:before {
  content: "\e912";
  font-size:2.6rem;
}

/*==========================================
Linkedin
==========================================*/

.cb-linkedin-icon:before {
  content: "\e913";
  font-size:2.6rem;
}

/*==========================================
Badges
==========================================*/

.cb-badges-icon:before {
  content: "\e905";
  color: #000;
}

/*==========================================
Blog
==========================================*/

.cb-blog-icon:before {
  content: "\e906";
  color: #000;
}


/*==========================================
Calendar
==========================================*/

.cb-calendar-icon:before {
  content: "\e910";
  color: #000;
}

/*==========================================
Call
==========================================*/

.cb-call-icon:before {
  content: "\e909";
  color: $theader_icon_color;
  font-size: 1.38rem;
}

/*==========================================
Course Creator
==========================================*/

.cb-createacourse-icon:before {
  content: "\e90b";
  color: #000;
}

/*==========================================
Course Home
==========================================*/

.cb-coursehome-icon:before {
  content: "\e928";
}
/*==========================================
Course Participants
==========================================*/

.cb-participants-icon:before {
  content: "\e92a";
}
/*==========================================
Course Badgesview
==========================================*/

.cb-badgesview-icon:before {
  content: "\e905";
}
/*==========================================
Course Competencies
==========================================*/

.cb-competencies-icon:before {
  content: "\e92c";
}
/*==========================================
Course Grades
==========================================*/

.cb-grades-icon:before {
  content: "\e92b";
}
/*==========================================
Course
==========================================*/

.cb-22-icon:before,
.cb-23-icon:before,
.cb-24-icon:before,
.cb-25-icon:before,
.cb-26-icon:before,
.cb-27-icon:before,
.cb-28-icon:before,
.cb-29-icon:before,
.cb-30-icon:before {
  content: "\e929";
}
/*==========================================
Dashboard
==========================================*/

.cb-myhome-icon:before {
  content: "\e90e";
}

/*==========================================
Message path 1
==========================================*/

.cb-message-icon .path1:before {
  content: "\e915";
  font-size: 1.55rem;
}

/*==========================================
Message path 2
==========================================*/

.cb-message-icon .path2:before {
  content: "\e916";
  margin-left: -1.66rem;
  font-size: 1.76rem;
  position: relative;
  top: -0.23rem;
}

/*==========================================
Notification
==========================================*/

.cb-notification-icon:before {
  content: "\e917";
  font-size: 1.63rem;
}

/*==========================================
Password
==========================================*/

.cb-password-icon:before {
  content: "\e919";
  font-size: 1.44rem;
  color: #000;
  font-weight: bold;
}


/*==========================================
User After Login
==========================================*/

.cb-userafterlogin-icon:before {
  content: "\e91f";
  font-size: 1.89rem;
  font-weight: normal;
  color:$theader_icon_color;
  position: relative;
  top: 6px;
}

/*==========================================
User Before Login
==========================================*/

.cb-userbeforelogin-icon:before {
  content: "\e920";
  font-size: 1.44rem;
  font-weight: normal;
  color:#000;
  line-height: 35px;
}

/*==========================================
All Arrow List
==========================================*/

.cb-arrowdown-icon:before {
  content: "\e901";
}

.cb-arrowleft-icon:before {
  content: "\e902";
}

.cb-arrowright-icon:before {
  content: "\e903";
}

.cb-arrowup-icon:before {
  content: "\e904";
}

/*==========================================
Home Icon 
==========================================*/

.cb-home-icon:before {
  content: "\e911";
}

/*==========================================
Login Lock
==========================================*/

.cb-loginlock-icon:before {
  content: "\e914";
  font-size: 1.7rem;
  font-weight: normal;
  position: relative;
  top: 8px;
}

/*==========================================
Tick Icon
==========================================*/

.cb-tick-icon:before {
  content: "\e90d";
}

/*==========================================
Cross Icon
==========================================*/

.cb-cross-icon:before {
  content: "\e90c";
}

/*==========================================
Settings Icon
==========================================*/

.cb-settings-icon:before {
  content: "\e91b";
  font-size: 1.89rem;
  font-weight: normal;
  position: relative;
  top: 6px;
  right: 4px;
}

/*==========================================
Site Admin Icon
==========================================*/

.cb-sitesettings-icon:before {
  content: "\e907";
}

/*==========================================
Private Files Icon
==========================================*/

.cb-privatefiles-icon:before {
  content: "\e908";
}

/*==========================================
Academic Programs Icon
==========================================*/

.cb-academip-icon:before {
  content: "\e900";
  font-size:2.6rem;
  top: 10px;
  position: relative;
  left: 6px;
}

/*==========================================
Clip Board Icon
==========================================*/

.cb-clipboard-icon:before {
  content: "\e90a";
  font-size:3.4rem;
  top: 10px;
  position: relative;
  left: 0;
}

/*==========================================
Online Course Icon
==========================================*/

.cb-onlinec-icon:before {
  content: "\e918";
  font-size:2.3rem;
  top: 9px;
  top: 10px;
  position: relative;
  left: 7px;
}

/*==========================================
Single User Icon
==========================================*/

.cb-suser-icon:before {
  content: "\e91c";
  font-size: 1.56rem;
  color: #f14f4a;
}

/*==========================================
Multiple User Icon
==========================================*/

.cb-muser-icon:before {
  content: "\e91a";
  font-size: 1.56rem;
  color: #f14f4a;
}

/*==========================================
IG Facebook ICON - Gallery
==========================================*/
.cb-ig_fb-icon:before {
  content: "\e91d";
}

/*==========================================
IG Instagram ICON - Gallery
==========================================*/
.cb-ig_ins-icon:before {
  content: "\e921";
}

/*==========================================
IG Share ICON - Gallery
==========================================*/
.cb-ig_share-icon:before {
  content: "\e922";
}
/*==========================================
IG Twitter ICON - Gallery
==========================================*/
.cb-ig_tw-icon:before {
  content: "\e923";
}
/*==========================================
Mail ICON - Footer
==========================================*/
.cb-f__mail-icon:before {
  content: "\e924";
  position: relative;
  top: 3px;
  margin-right: 15px;
}
/*==========================================
Navigator ICON - Footer
==========================================*/
.cb-f__navigator-icon:before {
  content: "\e925";
  position: relative;
  top: 7px;
  margin-right: 13px;
}

/*==========================================
Phone ICON - Footer
==========================================*/
.cb-f__phone-icon:before {
  content: "\e926";
  position: relative;
  top: 5px;
  margin-right: 10px;
}

/*==========================================
Search ICON - Global Header
==========================================*/
.cb-search-icon:before {
  content: "\e927";
}