html {
  background: #2A2A2A
}

body {
  font-size: 14px;
  letter-spacing: 1px;
  background: #2A2A2A;
  color: #2C2C2C;
  font-family: 'Roboto Condensed',sans-serif
}

input,form {
  color: #111;
  letter-spacing: 1px
}

input {
  padding: 5px 10px
}

a,a:hover,a:focus {
  text-decoration: none
}
.category-item {
    display: inline-block;
    margin-bottom: 5px;
}
.a-category {
    background: #151515;
    display: inline-block;
    padding: 15px;
}

.button,a.button,.btn,input[type="submit"] {
  background-color: transparent;
  color: #000;
  padding: 10px 15px;
  font-weight: 700;
  border-color: transparent;
  border-radius: 0
}

.button:hover,a.button:hover,.btn:hover,input[type="submit"]:hover {
  background-color: transparent;
  color: #000
}

.breadcrumbs {
  margin-top: 20px
}

h1,h2,h3,h4,h5,h6 {
  font-family: 'Francois One',sans-serif
}

h1 {
  font-size: 26px
}

h2 {
  font-size: 22px
}

h3 {
  font-size: 18px
}

h4 {
  font-size: 11px
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff
}

::selection {
  background: #E7CC2C
}

::moz-selection {
  background: #E7CC2C
}

.menu-right #default-nav .nav.navbar-nav {
  text-align: right;
  float: none
}

.menu-right #default-nav .nav.navbar-nav li {
  float: none;
  display: inline-block
}

.home .backgroundimage {
  height: 1125px;
  width: 100%
}

.dropdown-menu li a {
  color: #000!important
}

header .nav.navbar-nav li a:hover {
  color: #e7cc2c!important;
  background: transparent
}

.top-wrap {
  position: fixed;
  width: 100%;
  background: rgba(0,0,0,.8);
  z-index: 9;
  transition-duration: .33s
}

.background-overlay {
  display: block;
  height: 100%;
  background: rgba(0,0,0,.4)
}

header .logo-wrapper > div {
  position: absolute;
  width: 100%
}

header .nav.navbar-nav li a {
  color: #fff
}

header .widget h3 {
  display: none
}

.logo-wrapper img {
  margin-left: auto!important;
  margin-right: auto!important;
  display: block;
  background: rgba(0,0,0,.8);
  padding: 15px;
  margin-top: 0!important;
  height: auto
}

.first-content-wrapper {
  color: #fff;
  margin-top: 250px;
  position: absolute;
  top: 0;
  width: 100%
}

.top-wrap {
  margin-top: 30px
}

.top-wrap .logo-wrapper > div {
  margin-top: -30px;
  transition-duration: .33s
}

.single-post-item-inner {
  background: #fff;
  color: #000
}

.single-post-item-inner .image-wrapper {
  padding: 1px;
  margin-top: 10px
}

.post-date {
  font-size: 14px;
  color: #A1A1A1
}

.single-post-item-inner h3 {
  margin-top: 0;
  color: #2C2C2C
}

.single-post-item-inner .content-wrapper {
  padding: 15px
}

.guild-news-title {
  margin-top: 100px
}

.guild-news-title > * {
  margin-bottom: 15px
}

.nav.navbar-nav .active a {
  color: #E7CC2C
}

div#main {
  margin-top: 30px
}

.background-inner {
  background: #151515;
  transition-duration: .33s
}

.background-inner img {
  padding: 1px
}

a:hover .background-inner {
  background: #E7CC2C;
  color: #2C2C2C
}

.background-inner {
  color: #fff
}

.nopadding:first-child {
  padding-right: 0
}

.nopadding:last-child {
  padding-left: 0
}

.content-wrapper-dual {
  padding-right: 15px;
  padding-top: 15px
}

.triple-item-wrapper {
  margin: 30px 0
}

.triple-item-wrapper h3 {
  margin: 0;
  padding: 15px 10px;
  text-align: center
}

.lastest-news-wrapper {
  padding: 60px 30px;
  color: #fff;
  margin: 30px 0
}

.btn.btn-primary {
  color: #E7CC2C;
  text-transform: uppercase;
  font-size: 18px;
  border: 1px solid #E7CC2C
}

.btn.btn-primary:hover {
  border-color: #fff;
  color: #fff
}

.content-wrapper-dual h3 {
  margin-top: 0
}

.content-wrapper-dual p:last-child {
  margin-bottom: 0
}

@media (min-width: 1200px) {
  .container.specialsssss {
    width:100%;
    padding: 0 30px
  }
}

@media (max-width: 767px) {
  .nopadding {
    padding-left:15px;
    padding-right: 15px!important
  }

  .content-wrapper-dual {
    padding: 15px
  }

  .triple-item-wrapper {
    margin-top: 0
  }

  .triple-item-wrapper:first-child {
    margin-top: 0!important
  }
}

header * {
  color: #2C2C2C
}

h1,h2 {
  font-family: 'Francois One',sans-serif;
  text-transform: uppercase;
  color: #E7CC2C
}

h3,h4,h5,h6 {
  font-family: 'Francois One',sans-serif;
  text-transform: uppercase;
  color: #fff
}

p {
  font-family: 'Roboto Condensed',sans-serif
}

a {
  font-family: 'Roboto Condensed',sans-serif;
  background: transparent
}

a:hover,a:hover *,a:focus {
  color: #E7CC2C!important;
  text-decoration: none
}

.flex-wrapper {
  display: flex;
  flex-wrap: wrap
}

body {
  color: #fff
}

.btn.btn-primary {
  background: transparent;
  border: 1px solid #E7CC2C;
  border-radius: 0;
  font-size: 18px;
  font-family: 'Francois One',sans-serif;
  margin-top: 10px;
  padding: 10px 25px;
  color: #E7CC2C;
  text-transform: uppercase
}

.btn.btn-primary:hover,.btn.btn-primary:focus {
  border-color: #151515;
  color: #151515;
  background: transparent
}

.video-toplayer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: inset 0 -180px 200px rgba(0,0,0,.6)
}

.logo {
  height: 0;
  margin-top: -80px;
  transition-duration: .5s
}

.logo img {
  background: rgba(0,0,0,0.8);
  padding: 20px;
  margin-left: auto!important;
  margin-right: auto!important
}

.video-overlay {
  position: fixed;
  top: 0;
  left: 0
}

.nav-strip {
  background: rgba(0,0,0,0.8)
}

.bottom-wrap.nav-strip {
  position: fixed;
  z-index: 9999999;
  left: 0
}

.nav.navbar-nav {
  float: none!important;
  text-align: center
}

.nav.navbar-nav .menu-item {
  display: inline-block!important;
  float: none!important
}

#wrap-header-index header {
  padding: 0!important
}

.nav.navbar-nav .menu-item a {
  color: #fff !important;
  text-transform: uppercase;
  font-family: 'Francois One',sans-serif;
  font-size: 18px;
}

.nav.navbar-nav .menu-item a:hover,.nav.navbar-nav .menu-item.active a {
  color: #E7CC2C
}

.nav.navbar-nav .dropdown-menu .menu-item {
  display: block!important;
  float: none!important
}

.nav.navbar-nav .dropdown-menu .menu-item a {
  color: #000
}

.post-wrapper .image-wrapper img {
  height: 224px!important;
  width: auto!important
}

.post-wrapper .image-wrapper {
  border: 1px solid #fff
}

header .content-wrap:first-child {
  color: #fff!important;
  margin-top: 250px;
  margin-bottom: 100px
}

.post-wrap {
  background: #fff;
  padding: 1px;
  margin-top: 20px
}

.post-wrap h3 {
  padding: 10px;
  margin-top: 0
}

.date-wrapper {
  padding-left: 10px
}

.date-wrapper .date {
  color: #A1A1A1;
  font-size: 14px
}

header .content-wrap p,header .content-wrap h2,header .content-wrap h3 {
  color: #fff
}

.post-wrap .title-wrapper h3 {
  color: #2C2C2C
}

.navbar-collapse .menu-item a {
  background: transparent!important
}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {
  background: transparent
}

header {
  transition-duration: .5s
}

header.scrolled {
  padding-top: 0!important
}

header.scrolled .logo {
  margin-top: -50px!important
}

.scrolled .bottom-wrap.nav-strip {
  margin-top: -1px
}

header .post-wrap h3 {
  font-size: 18px
}

header .content-wrap p {
  font-size: 20px
}

header .content-wrap h2 {
  font-size: 32px
}

#phpbb .bottom-wrap.nav-strip {
  z-index: 2!important
}

.post-wrapper .main-title h3 {
  font-size: 22px
}

.inner-banner {
  height: 400px;
  background: url(/wp-content/uploads/2016/08/world-of-warcraft-horde-vs-alliance-wallpaper-1.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}

.post-wrap .title-wrapper h3 {
  color: #2C2C2C;
  margin-bottom: 0!important
}

header .post-wrap a:hover img {
  opacity: .9
}

header .content .col-xs-12 {
  background-color: rgba(21,21,21,0.8);
  padding-bottom: 15px
}

div#wpadminbar {
  z-index: 99999999999
}

.register-section .form-control {
  width: 100%!important
}

.backgroundimage {
  background-repeat: no-repeat;
  background-position: 50% 50%;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  width: 100%;
  padding: 10.125% 0
}

.home .backgroundimage {
  padding: 0
}

a:hover .background-inner * {
  color: #fff!important
}

html,body {
  background: #2A2A2A
}

.post-item .main-wrapper-item .title-wrapper h3 {
  height: 30px;
  overflow: hidden
}

.sidebar-blog > .widget:first-child {
  margin-top: 15px
}

.sidebar-blog ul > li > a,.sidebar-blog a {
  color: #E7CC2C!important
}

.sidebar-blog ul > li > a:hover,.sidebar-blog a:hover {
  color: #fff!important
}

.sidebar-blog ul {
  padding-left: 0;
  list-style: none
}

.sidebar-blog ul > li {
  padding: 5px 0
}

.nobordertitle > h3 {
  margin-bottom: 10px
}

.pager a {
  padding: 15px;
  background: #151515;
  color: #fff
}

#buddypress div.item-list-tabs ul li.current a,#buddypress div.item-list-tabs ul li.selected a,#buddypress .comment-reply-link,#buddypress .generic-button a,#buddypress a.button,#buddypress button,#buddypress input[type=button],#buddypress input[type=reset],#buddypress input[type=submit],#buddypress ul.button-nav li a,a.bp-title-button {
  background: transparent;
  border: 1px solid #E7CC2C;
  border-radius: 0;
  font-size: 18px;
  font-family: 'Francois One',sans-serif;
  margin-top: 10px;
  padding: 10px 25px;
  color: #E7CC2C;
  text-transform: uppercase
}

#buddypress div.item-list-tabs ul li.current a span,#buddypress div.item-list-tabs ul li.selected a span {
  background-color: transparent;
  border: 0;
  color: #E7CC2C
}

#buddypress div.item-list-tabs ul li.current a:hover,#buddypress div.item-list-tabs ul li.selected a:hover,#buddypress div.item-list-tabs ul li.selected a:hover span,#buddypress .comment-reply-link:hover,#buddypress a.button:focus,#buddypress a.button:hover,#buddypress button:hover,#buddypress div.generic-button a:hover,#buddypress input[type=button]:hover,#buddypress input[type=reset]:hover,#buddypress input[type=submit]:hover,#buddypress ul.button-nav li a:hover,#buddypress ul.button-nav li.current a {
  border-color: #fff;
  color: #fff!important;
  background-color: transparent
}

#buddypress div.item-list-tabs ul li a,#buddypress div.item-list-tabs ul li span {
  padding: 10px 25px;
  margin-top: 10px
}

#buddypress div.item-list-tabs ul li.current a {
  border: 0
}

#buddypress div.item-list-tabs ul li a span {
  background: transparent!important;
  border: 0;
  color: #337ab7
}

.post-wrapper .background-wrapper .post-image-wrapper > img {
  margin-bottom: 15px
}

.team-wrapper .inner {
  margin-bottom: 30px
}

.post-image-wrapper img {
  width: 100%;
  height: auto
}

.post .content {
  font-size: 18px
}

.main-content .container-fluid .content .post-item {
  margin-top: 15px
}

.main-wrapper-item .image-wrapper img {
  height: 300px!important;
  width: 100%!important
}

.main-wrapper-item .description-wrapper p {
  margin: 0
}

.inner-wrappers .image-wrapper {
  padding-right: 0
}

.inner-wrappers .desc-wrapper {
  background: #151515
}

.item-right {
  margin-right: 0
}

.home div#main {
  margin-top: 20px
}

.main-wrapper-item .image-wrapper {
  padding-left: 0;
  padding-right: 0
}

.main-wrapper-item .description-wrapper {
  padding-bottom: 15px
}

header span.caret {
  color: #fff
}

.main-wrapper-item .description-wrapper {
  padding-left: 15px!important
}

.post-item .main-wrapper-item,.post-item .main-wrapper-item .main-a {
  width: 100%
}

.main-wrapper-item .main-a {
  display: inline-block;
  background: #151515;
  width: 100%;
  margin-bottom: 15px
}

.main-wrapper-item .main-a:hover {
  background: #E7CC2C
}

.main-wrapper-item .main-a:hover * {
  color: #2C2C2C!important
}

.image-wrapper img {
  padding: 1px
}

.main-wrapper-item .description-wrapper {
  color: #fff
}

.main-wrapper-item .main-a:hover .btn.btn-primary {
  border-color: #151515;
  color: #151515
}

.main-wrapper-item .image-wrapper img {
  height: 100%;
  width: auto
}

.main-wrapper-item .main-a h3 {
  font-size: 28px
}

.raiding-box-inner h3 {
  margin: 0;
  padding: 10px 0
}

.title-wrapper-fullwidth {
  background: #000;
  padding: 8px;
  color: #fff;
  text-align: center;
  text-transform: uppercase
}

.raiding-box-inner a:hover h3 {
  color: #000!important
}

.raiding-box-inner a:hover .title-wrapper-fullwidth {
  background: #E7CC2C
}

.raiding-boxes {
  margin-top: 20px;
  margin-bottom: 20px
}

.raiding-box-inner .title-wrapper-fullwidth h3 {
  font-size: 28px
}

.background-news {
  background-size: cover;
  padding: 60px 30px;
  padding-bottom: 100px
}

.background-news .btn.btn-primary {
  margin-top: 30px;
  border-color: #E7CC2C
}

.latest-news {
  margin-top: 20px
}

.background-news .description-wrapper {
  font-size: 18px
}

.raiding-box-inner .image-wrapper img {
  width: 100%;
  height: auto
}

.backrounderisse {
  background-color: #151515;
  padding: 15px;
  margin-top: 20px;
  display: inline-block;
  width: 100%
}

.backrounderisse .title h1 {
  margin-top: 0
}

form label {
  display: block!important
}

.main-content .backrounderisse .btn.btn-primary:hover {
  border-color: #fff!important;
  color: #fff!important
}

.background-news .btn.btn-primary:hover {
  border-color: #000;
  color: #000!important
}

select {
  color: #000
}

pre {
  background: transparent;
  border: 0;
  color: #fff
}

.raid_head {
  font-size: 15px!important
}

td,label {
  font-family: 'Roboto Condensed',sans-serif
}

.footer-section-background {
  background: #151515;
  padding: 1px
}

#wrap-header-index {
  background-color: transparent;
  background: rgba(0,0,0,0.8);
  position: fixed
}

.phpbb-header {
  width: 100%;
  background: rgba(0,0,0,0.8)
}

table.table.table-striped tr {
  background: #2A2A2A
}

table.table.table-striped tr:nth-child(2n) {
  background-color: #151515
}

td.name a {
  color: #fff
}

table {
  font-size: 18px
}

html table.table.table-striped thead tr {
  background: #151515!important
}

.post-wrapper .image-wrapper img {
  margin-left: auto;
  margin-right: auto;
  display: block
}

.wowpi_character_container {
  margin-bottom: 15px
}

.backrounderisse .widget:last-child .wowpi_character_container {
  margin-bottom: 0
}

.backrounderisse .widget .textwidget h1 {
  margin-top: 0
}

table tr:hover,table.dataTable tr.even:hover td.sorting_1,table.dataTable tr.odd:hover td.sorting_1,#buddypress table.forum thead tr,#buddypress table.messages-notices thead tr,#buddypress table.notifications thead tr,#buddypress table.notifications-settings thead tr,#buddypress table.profile-fields thead tr,#buddypress table.profile-settings thead tr,#buddypress table.wp-profile-fields thead tr {
  background: #2A2A2A!important
}

a.group-button.request-membership {
  border-bottom: 1px solid #E7CC2C
}

#buddypress div#item-header div#item-meta {
  overflow: visible
}

.raid_film {
  background: transparent!important
}

#wowprogress .raid ul {
  border: 0
}

#wowprogress .expansion_head {
  display: none
}

.raid .raid_head {
  font-size: 20px;
  text-transform: uppercase;
  font-family: 'Francois One',sans-serif;
  margin-bottom: 5px
}

#wowprogress .raid ul {
  padding-left: 0
}

#wowprogress ul {
  padding-left: 0
}

.widget-wrappers {
  display: block;
  height: 100%;
  background: #151515
}

footer {
  margin-top: 20px
}

.widget-wrappers {
  display: block;
  height: 100%;
  background: #151515;
  padding: 0 15px;
  padding-top: 15px
}

.widget h3 {
  margin-top: 0
}

footer .title-wrapper-post h1 {
  margin: 0
}

.background-main {
  background: #151515;
  padding: 15px;
  height: 100%
}

.footer-section .btn.btn-primary:hover {
  border-color: #fff;
  color: #fff!important
}

.footer-section h1 {
  font-size: 26px;
  margin-bottom: 5px!important
}

.footer-section .title-wrapper-post {
  margin-bottom: 15px
}

footer .replies {
  color: #D6D6D6;
  font-size: 12px;
  font-family: 'Roboto Condensed',sans-serif
}

li {
  font-family: 'Roboto Condensed',sans-serif
}

.description-post p {
  font-size: 14px
}

.title-wrapper h3 {
  font-size: 28px
}

table tr:hover,table.dataTable tr.even:hover td.sorting_1,table.dataTable tr.odd:hover td.sorting_1 {
  background: #2A2A2A!important
}

a .fa.fa-download {
  color: #E7CC2C
}

a .fa.fa-link {
  color: #E7CC2C
}

.footer-section {
  margin-bottom: 15px
}

.post-item {
  margin-top: 15px
}

.post-item:last-child {
  margin-bottom: 0
}

.author,.date {
  color: #D6D6D6!important;
  font-size: 12px!important;
  font-family: 'Roboto Condensed',sans-serif!important
}

.background-wrapper {
  background: #151515;
  padding: 15px;
  margin-top: 15px;
  margin-bottom: 15px
}

.background-wrapper h1 {
  margin: 0 0 10px;
  font-size: 28px
}

.post-wrapper .thumbnail-wrapper img {
  width: 100%;
  height: auto
}

.background-footer-wrapper .btn.btn-primary {
  margin-top: 0
}

.main-wrapper-item .description-wrapper .btn.btn-primary {
  margin-top: 10px
}

.footer-section-background .image-wrapper img {
  width: 100%
}

header .content .content * {
  color: #fff
}

header .content .content .btn.btn-primary {
  color: #E7CC2C
}

.backrounderisse .content {
  font-size: 18px
}

.team-wrapper .inner img {
  width: 100%;
  height: auto
}

footer .background-footer-wrapper ul {
  list-style: none;
  padding: 0!important;
  text-align: left;
  padding-left: 15px!important
}

footer .background-footer-wrapper ul li:before {
  content: "\f054";
  font-family: FontAwesome;
  font-size: 8px;
  padding-right: 10px
}

.post-col {
  text-align: center
}

.category-item {
  display: inline-block;
  margin-bottom: 5px
}

.a-category {
  background: #151515;
  display: inline-block;
  padding: 15px
}

.a-category:hover {
  background: #E7CC2C
}

.category-item .a-category:hover h4 {
  color: #151515!important
}

.post-categories {
  margin-bottom: 15px
}

@media (min-width: 992px) {
  .post-item .image-wrapper img {
    height:100%
  }

  .post-wrap {
    min-height: 325px
  }
}

@media (max-width: 767px) {
  .logo {
    height:auto;
    margin-bottom: 0
  }

  header .menu-full {
    display: block;
    margin-top: auto;
    margin-bottom: auto
  }

  #mobile.navbar-collapse .nav.navbar-nav .menu-item {
    display: block!important
  }

  .scrolled .bottom-wrap.nav-strip {
    top: 0
  }

  html header .bottom-wrap.nav-strip .logo {
    margin-top: -10px!important
  }

  .hidden-sm.hidden-md.hidden-lg.mobile-nav-wrapper.widget {
    float: right;
    width: 100%
  }

  .col-xs-2.col-sm-2.logo-wrapper.widget {
    position: absolute
  }

  .nav.navbar-nav .menu-item {
    display: block!important;
    width: 100%
  }

  .home .backgroundimage {
    height: 1700px;
    width: 100%
  }
  .navbar-nav .open .dropdown-menu {
    text-align: center;
}
header .navbar-nav .open .dropdown-menu li a {
    font-size: 14px !important;
}
}

@media (max-width: 991px) {
  .single-post-item-inner h3 {
    font-size:12px
  }

  header .bottom-wrap.nav-strip .logo {
    margin-top: -18px!important
  }

  header .post-wrap {
    margin-bottom: 15px
  }

  header .post-wrap .image-wrapper img,.main-wrapper-item .image-wrapper img {
    width: 100%!important
  }

  .post-wrapper .image-wrapper img {
    width: 100%;
    height: auto!important
  }

  header .nav.navbar-nav .menu-item a {
    font-size: 18px!important
  }

  .main-wrapper-item .main-a {
    height: auto!important
  }

  .raiding-boxes .col-xs-12.col-md-4 {
    margin-bottom: 15px
  }

  .raiding-boxes ..col-xs-12.col-md-4:last-child {
    margin-bottom: 0
  }

  .background-footer-wrapper,.footer-section .col-xs-12.col-md-3 {
    margin-bottom: 15px
  }

  footer .flex-wrapper .widget {
    margin-bottom: 15px
  }
}

.home footer {
  margin-top: 0
}

footer .widget > .wr-clear {
  display: none
}

.banner-background {
  background-color: rgba(21,21,21,0.7);
  padding-bottom: 15px
}

footer .widget > * {
  margin: 0;
  padding: 15px;
  width: 100%
}

footer .widget {
  margin-bottom: 15px;
  background: #151515;
  padding: 0;
  border-right: 15px solid #2a2a2a;
  border-left: 15px solid #2a2a2a
}

@media (max-width: 1199px) {
  .nav.navbar-nav .menu-item a {
    font-size:12px!important
  }
}

table#wowpi_guild_members td.achievement_points,table#wowpi_guild_members td.level {
  text-align: left!important
}

footer .widget a {
  color: #fff!important
}

.specialsssss .background-inner .nopadding img {
  width: 100%;
  height: auto
}

.post-item .image-wrapper img {
  height: 100%!important
}

.category-item .a-category h4 {
  font-size: 18px
}

#wpforo-wrap {
  background: #151515!important
}

#wpforo-wrap .wpfl-1 .wpforo-category {
  background-color: #e7cc2c!important;
  border-bottom: #7b7b7b 1px solid!important
}

#wpforo-wrap .wpfl-1 .cat-title {
  color: #000
}

#wpforo-wrap .wpfl-1 .cat-stat-topics {
  color: #000
}

#wpforo-wrap .wpfl-1 .cat-stat-posts {
  color: #000
}

#wpforo-wrap .wpfl-1 .wpforo-forum {
  background-color: #151515
}

#wpforo-wrap a {
  color: #fff
}

#wpforo-wrap .wpfl-1 .wpforo-forum-stat-posts {
  color: #fff
}

#wpforo-wrap .wpfl-1 .wpforo-forum-stat-topics {
  color: #fff
}

#wpforo-wrap #wpforo-stat-body {
  background: #151515
}

#wpforo-wrap #wpforo-title {
  display: none
}

#wpforo-wrap .wpforo-active,#wpforo-wrap #wpforo-menu li:hover,#wpforo-wrap #wpforo-menu .current-menu-item,#wpforo-wrap #wpforo-menu .current-menu-ancestor,#wpforo-wrap #wpforo-menu .current-menu-parent,#wpforo-wrap #wpforo-menu .current_page_item {
  background-color: #e7cc2c!important;
  color: #000
}

#wpforo-wrap #wpforo-menu li a {
  color: #151515
}

#wpforo-wrap .wpfl-1 .wpforo-post {
  background-color: #151515
}

#wpforo-wrap .wpfl-1 .wpforo-post-head {
  background-color: #e7cc2c;
  border-bottom: #ccc 1px solid
}

#wpforo-wrap a:visited {
  color: #e7cc2c;
  color: #e7cc2c
}

#wpforo-wrap .wpf-search i {
  color: #e7cc2c
}

#wpforo-wrap .wpfl-1 .wpforo-topic {
  background-color: #151515
}

#wpforo-wrap .wpfl-1 .wpforo-topic-head {
  background-color: #e7cc2c;
  border-bottom: #ccc 1px solid
}

.mce-textbox.mce-multiline {
  padding: 4px;
  color: #000
}

.widget-header {
  background-color: #e7cc2c!important
}

table.server-table {
  width: 100%
}

.server-table a {
  color: inherit!important;
  border: 0
}

th {
  color: #e7cc2c
}

.normal,.heroic,.mythic {
  width: 20px;
  height: 20px;
  text-align: center;
  display: inline-table;
  background: #2a2a2a;
  border-radius: 50%;
  color: #fff;
  margin-right: 5px;
  margin-bottom: 10px
}
.normal.killed {
  background: #5cb85c;
}
.heroic.killed {
  background: #f0ad4e;
}
.mythic.killed {
  background: #d9534f;
}
.killed-wrap {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3
}

.wpforo-widget-wrap .wpforo-widget-content .wpforo-list-item-left img {
  height: 3vw !important;
}

.overlay-content-img {
  position: relative;
}

.overlay-title {
  position: absolute;
  left: 20px;
  bottom: 20px;
  margin: 0;
  padding: 15px;
  font-size: 28px;
  background: rgba(21, 21, 21, .8);
}

.killed-wrap {
  margin-top: 20px;
}

#bar-wrapper {
  width: 100%;
  display: block;
}
.progress-bars-wrap {
  padding: 15px 0;
  padding-bottom: 0;
}
.progress-bars-wrap>.progress {
  margin-bottom: 12px;
}