/**
 * SongBank Icon Pack
 * Custom icons for Song Bank Vault
 * Generated with IcoMoon
 */

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

[class^="sb-icon-"],
[class*=" sb-icon-"] {
  font-family: 'SongBank' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Icon Definitions */
.sb-icon-AC25:before {
  content: "\e900";
}

.sb-icon-Monthly_Challenges:before {
  content: "\e901";
}

.sb-icon-SB_L:before {
  content: "\e902";
}

.sb-icon-SBV-logo:before {
  content: "\e903";
}

.sb-icon-AC26:before {
  content: "\e904";
}

/* BuddyBoss Color Integration */
.buddypanel-menu [class^="sb-icon-"],
.buddypanel-menu [class*=" sb-icon-"],
.header-aside [class^="sb-icon-"],
.header-aside [class*=" sb-icon-"],
.site-header [class^="sb-icon-"],
.site-header [class*=" sb-icon-"] {
  color: var(--buddypanel-menu-text-color-regular, currentColor);
}

.buddypanel-menu .menu-item:hover [class^="sb-icon-"],
.buddypanel-menu .menu-item:hover [class*=" sb-icon-"],
.header-aside .menu-item:hover [class^="sb-icon-"],
.header-aside .menu-item:hover [class*=" sb-icon-"],
.site-header .menu-item:hover [class^="sb-icon-"],
.site-header .menu-item:hover [class*=" sb-icon-"] {
  color: var(--buddypanel-menu-text-color-hover, currentColor);
}

.buddypanel-menu .current-menu-item [class^="sb-icon-"],
.buddypanel-menu .current-menu-item [class*=" sb-icon-"],
.buddypanel-menu .current_page_item [class^="sb-icon-"],
.buddypanel-menu .current_page_item [class*=" sb-icon-"],
.header-aside .current-menu-item [class^="sb-icon-"],
.header-aside .current-menu-item [class*=" sb-icon-"],
.site-header .current-menu-item [class^="sb-icon-"],
.site-header .current-menu-item [class*=" sb-icon-"] {
  color: var(--buddypanel-menu-text-color-active, currentColor);
}