/*
Theme Name: BMS 1.1 (Kami)
Theme URI: http://bk-ninja.com
Description: BMS Custom Skin modded from the Kami Skin. Kami is a clean magazine & blog WordPress theme.
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Author: BK-Ninja
Author URI: http://bk-ninja.com
Text Domain: bkninja
Tags: right-sidebar, sticky-post, light, two-columns, three-columns, responsive-layout, custom-menu, featured-images, post-formats, translation-ready
Version: 1.1.7
*/

.opacity50 {
  opacity: 0.5;
}

/* content body wrapper */
#body-wrapper,
.single.single-post #page-inner-wrap {
  background-color: #fff;
  background-image: url('./images/background_tile.png');
}
#body-wrapper > div.container {
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 30px;
  background-color: #fff;
}
.single.single-post .single-page#body-wrapper {
  background-image: none !important;
  padding-top: 15px;
}

/* footer */
#page-inner-wrap > .footer {
  margin-top: 0;
}

/* top-bar */
.header-wrap .top-bar {
  height: 80px;
  width: calc(100% - 305px);
  margin-left: 305px;
  background-color: #000;
}
.header-wrap .top-bar > .container {
  height: 100%;
  width: 100%;
}
.header-wrap .top-bar > .container > .col-md-12 {
  margin: 0;
  padding: 0;
}

/* ticker */
.header-wrap .ticker-wrapper {
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 15px;
  background: #000;
}
.header-wrap .ticker-wrapper .bk-container,
.header-wrap .ticker-wrapper .tickercontainer,
.header-wrap .ticker-wrapper .tickercontainer .mask,
.header-wrap .ticker-wrapper .tickercontainer .ticker,
.header-wrap .ticker-wrapper .tickercontainer .ticker li {
  height: 80px;
  min-height: 80px;
}
.header-wrap .ticker-wrapper .tickercontainer .ticker li .thumb {
  margin-top: 20px;
  height: 40px;
  width: 40px;
  overflow: hidden;
}
.header-wrap .ticker-wrapper .tickercontainer .ticker li .thumb img {
  height: 40px;
  min-height: 40px;
  width: 40px;
}
.header-wrap .ticker-wrapper .tickercontainer .ticker li h2 {
  height: 100%;
}
.header-wrap .ticker-wrapper .tickercontainer .ticker li h2 a {
  display: block;
  height: 40px;
  line-height: 40px;
  margin: 20px 0 0 15px;
}
.header-wrap .ticker-wrapper .ticker-header {
  margin: 0;
  font-size: 14px;
  letter-spacing: normal;
  /* same height as bar */
  line-height: 80px;
}

/* top menu */
.header-wrap .top-bar .top-nav {
  margin: 0;
  padding: 0;
}
.header-wrap .top-bar #top-menu {
  background-color: #000;
  margin: 0 15px;
}
.header-wrap .top-bar #top-menu > ul > li {
  margin-left: 0;
  padding: 0;
  /* same height as bar */
  line-height: 80px;
}
.header-wrap .top-bar #top-menu > ul > li + li {
  margin-left: 10px;
}
.header-wrap .top-bar #top-menu > ul > li a {
  padding: 0 10px;
}
.header-wrap .top-bar #top-menu > ul > li a:hover {
  text-decoration: underline;
}


/* header */
.header-wrap .header.container {
  width: 305px;
  height: 80px;
  padding: 0;
  margin-top: -80px;
  margin-left: 0;
  background-image: url('./images/header_logo_bg_sprite.png');
  background-position: 0px 0px;
  background-repeat: repeat-x;
}
.header-wrap .header.container:hover {
  background-position: 0px -80px;
}
.header-wrap .header.container .header-inner {
  margin: 0;
  height: 100%;
  max-height: 100%;
}
.header-wrap .header .logo .logo-mobile {
  display: none;
}

/* header isMobile */
.header-wrap.isMobile .top-bar {
  width: calc(100% - 80px);
  margin-left: 80px;
}
.header-wrap.isMobile .header.container {
  width: 80px;
}
.header-wrap.isMobile .header .logo .logo-mobile {
  display: block;
}

/* navigation */
.main-nav {
  background-color: #fff;
  background-image: url('./images/background_tile.png');
}
.main-nav .menu > li.menu-item > a {
  color: #868688;
}
.main-nav .menu > li.menu-item:hover > a {
  color: #fff;
}
.main-nav > div.clearfix.container {
  width: 100%;
  margin: 0;
  padding: 0;
}
.mobile-menu-wrap {
  padding-left: 15px;
  background-color: #fff;
}
.main-nav .main-nav-container ul.menu {
  background-color: #fff;
  float: left;
}
.main-nav .main-nav-container ul.menu > li > a {
  letter-spacing: normal;
}

/* top nav bar selected item */
.main-nav .menu > li.menu-item.current_page_item > a,
.main-nav .menu > li.menu-item.current-menu-item > a {
  color: #fff !important;
}

/* pagination page numbers */
div#pagination .page-numbers {
  line-height: 35px !important;
  border: none !important;
  background-color: #ddd !important;
  background-color: rgba(200,200,200,0.25) !important;
}
div#pagination .page-numbers.current {
  background-color: #8c50a0 !important;
}

/* review rating score box */
.single-page .single-rating-box.below .bk-summary,
.single-page .single-rating-box.above .bk-summary {
  width: 80% !important;
}
.single-page .single-rating-box.below .bk-score-box,
.single-page .single-rating-box.above .bk-score-box {
  width: 20%;
  float: none;
}

#single-top .tag-top .category div > a {
  color: #8c50a0 !important;
}
.single.single-post #single-top .tag-top .category div > a {
  color: #fff !important;
}

/* body text */
#body-wrapper .single-page .entry {
  line-height: 2 !important;
}

/* mobile icon menu */
.mobile-nav-btn:hover {
  color: #8c50a0 !important;
  cursor: pointer;
}

/* main menu column mode */
.bk-mega-column-menu .bk-sub-menu .bk-sub-sub-menu {
  opacity: 1;
  display: block !important;
  background-color: transparent !important;
}
.main-nav .container ul.menu .bk-mega-column-menu {
  background-color: rgba(250,250,250,0.97);
}

/* sidebar recent reviews */
#bbp_topics_widget-2 > ul {
  list-style: none;
}
#bbp_topics_widget-2 > ul li {
  padding: 0;
}

/* widget titles */
.bk-header .widget-title {
  text-align: left;
  padding: 0;
}
.bk-header .widget-title h3 {
  font-size: 25px;
  color: rgb(140,80,160);
  background-color: transparent;
  letter-spacing: normal !important;
  padding-left: 0;
}
.bk-header .widget-title:before {
  background-color: transparent;
}

/* removing bullets from recent topics */
.widget_display_topics ul li:before {
  content: '' !important;
  margin: 0 !important;
}

/* What's Hot */
.latest_articles {
  height: 90px;
  position: relative;
  border-top: 5px solid #e15c57;
  background-color: #31164d;
}
.latest_articles h3.heading {
  line-height: 85px;
  font-size: 1.2em;
  margin: 0 auto;
  text-transform: uppercase;
  color: #fff;
}

/* single post author */
@media (min-width:511px) {
  .author-box-wrap .bk-author-box .bk-author-avatar {
    width: 120px;
    text-align: center; 
  }
}

/* slider */
.fa-slideshow.fa_slider_cristal .fa_slides .fa_slide .fa_slide_content {
  box-shadow: none;
  background: none;
  height: 0;
  overflow: visible;
  margin: 0;
  left: 8em;
  top: 2em;
  padding: 0;
  text-align: left;
}

.fa-slideshow.fa_slider_cristal .fa_slides .fa_slide .fa_slide_content h2 {
  text-shadow: none;
  margin: 0;
  padding: 0;
  width: 100%;
  border-bottom: none;
}

.fa-slideshow.fa_slider_cristal .fa_slides .fa_slide .fa_slide_content h2 a {
  display: block;
  width: 100%;
  height: 100%;
}

.fa-slideshow.fa_slider_cristal .fa_slides .fa_slide .fa_slide_content h2 a span {
  padding: 10px 0;
  line-height: 2.2;
  font-size: 1em;
  text-transform: uppercase;
}

.fa-slideshow.fa_slider_cristal .fa_slides .fa_slide .fa_slide_content .slide-date {
  float: left;
  position: relative;
  padding: 5px 0;
  line-height: 1.5;
  font-size: 0.75em;
  text-transform: uppercase;
  color: #fff;
  margin-top: 15px;
}

.fa-slideshow.fa_slider_cristal .fa_slides .fa_slide .fa_slide_content h2 a span,
.fa-slideshow.fa_slider_cristal .fa_slides .fa_slide .fa_slide_content .slide-date {
  background-color: #000;
  background-color: rgba(0,0,0,0.75);
  box-shadow: 10px 0 0 #000, -10px 0 0 #000;
  box-shadow: 10px 0 0 rgba(0,0,0,0.75), -10px 0 0 rgba(0,0,0,0.75);
}

/* forum fixes */
#bbpress-forums .forums li.bbp-header div.bbp-reply-content span#favorite-toggle {
  line-height: 19.5px;
}
/* text box */
#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content:focus {
  color: #333;
}
#bbpress-forums .bbp-template-notice.info .bbp-topic-description a.bbp-author-avatar,
#bbpress-forums .bbp-reply-content a.bbp-author-avatar,
#bbpress-forums #bbp-user-body .bbp-reply-revision-log a.bbp-author-avatar {
  height: 14px;
  width: 14px;
  display: block;
  display: inline-block;
}
#bbpress-forums .bbp-forum-freshness .bbp-topic-freshness-author .bbp-author-avatar,
#bbpress-forums .bbp-forum-freshness .bbp-topic-freshness-author .bbp-author-avatar img.avatar,
#bbpress-forums .bbp-topic-freshness .bbp-topic-freshness-author .bbp-author-avatar,
#bbpress-forums .bbp-topic-freshness .bbp-topic-freshness-author .bbp-author-avatar img.avatar  {
  height: 40px !important;
  width: 40px !important;
}
#bbpress-forums .bbp-forum-freshness .bbp-topic-freshness-author .bbp-author-avatar,
#bbpress-forums .bbp-topic-freshness .bbp-topic-freshness-author .bbp-author-avatar {
  display: block;
  display: inline-block;
  float: right;
  margin-left: 15px;
}
#bbpress-forums .bbp-forum-freshness .bbp-topic-freshness-author .bbp-author-avatar img.avatar,
#bbpress-forums .bbp-topic-freshness .bbp-topic-freshness-author .bbp-author-avatar img.avatar {
  float: none !important;
  margin: 0 !important;
}

/* tipper */
.tipper {
  z-index: 100000 !important;
}
.tipper .tipper-content {
  z-index: 100000 !important;
}

/* instagram */
.flickr li a img:hover,
.instagram-gallery li a img:hover {
  border-color: #8c50a0 !important;
}

/* user pro remove log out button */
.post-content .userpro .userpro-profile-icons.top {
  display: none;
}

@media (min-width:600px) {
  #single-top .tag-top {
    position: absolute;
    margin-top: 0;
  }
}
@media (max-width:767px) {
  #single-top .tag-top {
    text-align: right;
    margin-right: 5px;
  }

  /* review rating score box */
  .single-page .single-rating-box.below .bk-summary,
  .single-page .single-rating-box.above .bk-summary {
    width: 100% !important;
    float: none;
  }
  .single-page .single-rating-box.below .bk-score-box,
  .single-page .single-rating-box.above .bk-score-box {
    width: 100%;
    float: none;
  }

  /* latest articles */
  .latest_articles {
    height: 75px;
  }
  .latest_articles h3.heading {
    line-height: 70px;
    font-size: 1em;
  }

  /* slide show */
  .fa-slideshow.fa_slider_cristal .fa_slides .fa_slide .fa_slide_content {
    box-shadow: none;
    background: none;
    height: auto;
    overflow: visible;
    left: 8em;
    right: 8em;
    top: 2em;
    bottom: 2em;
    padding: 0;
  }
  .fa-slideshow.fa_slider_cristal .fa_slides .fa_slide .fa_slide_content h2 a span {
    padding: 5px 0;
    line-height: 2;
    font-size: 1.5em;
  }
  .fa-slideshow.fa_slider_cristal .fa_slides .fa_slide .fa_slide_content .slide-date {
    display: none;
  }
}

.fa-user {
    color: #8c50a0;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

.game_songtitle {
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	text-align: left;
}

.game_notes {
	font-size: 8px;
	font-weight: none;
}

.game_artist {
	font-size: 12px;
	font-style: italic;
	padding: 5px;
	text-align: left;
}

.game_genre {
	font_size: 12px;
	text-align: left;
}

.game_bpm {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.game_main {
	background-color: #FFFFFF;
}

.game_alt {
	background-color: #EEEEEE;
}

.game_unlock {
	background-color: #c5f1ff;
}

.diff_green {
	background-color: #E0FFE0;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.diff_blue {
	background-color: #E0FFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.diff_red {
	background-color: #FFE0E0;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.diff_yellow {
	background-color: #FFF0E0;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.diff_black {
	background-color: #EEEEEE;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.diff_purple {
	background-color: #F0E0FF;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.song_total {
	width: 910px;
	border: 1px solid #EEEEEE;
	text-align: right;
	padding: 5px;
	margin: 5px;
}

.game_nav {
	width: 910px;
	border: 1px solid #EEEEEE;
	text-align: left;
	padding: 5px;
	margin: 5px;
}

.game_none {
	color:#999;
}