.pagination {
  margin: 21px 12px;
}

.badge {
    border-radius: 2px !important;
}

.pagination-badge {
  margin-right: 12px;
}

.badge-default {
  background-color: #999999 !important;
}

.label-error, .badge-error, tr.error, .text-error {
  background-color: #F2DEDE !important;
}

.badge-success, tr.success, .text-success {
  background-color: #468847 !important;
}

.badge-warning, tr.warning, .text-warning {
  background-color: #F89406 !important;
}

.badge-important, tr.important {
  background-color: #B94A48 !important;
}

.badge-info, tr.info, .text-info {
  background-color: #3A87AD !important;
}

.label-inverse, .badge-inverse, tr.inverse {
  background-color: #333333 !important;
}

.btn--social-account-gplus {
  background-color: #d73d32;
}

.grey {
  background-color: #464646 !important;
}

.fit-img--logo {
    max-height: 75%;
    max-width: 60%;
}

h1, .h4, .h3, .h5, .site-menu__text--top-line {
  font-weight: 300;
}

.article-box__title {
  font-weight: 700 !important;
}

.btn--social-account-instagram {
  background-color: #dd2a7b;
}

.btn--social-account-discord {
  background-color: #7289da;
}

.btn--social-account-none {
  background-color: #429219;
}

/*Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb*/
  .carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
  }    
  .carousel-fade .carousel-inner .active {
    opacity: 1;
  }    
  .carousel-fade .carousel-inner .active.left,
  .carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
  }    
  .carousel-fade .carousel-inner .next.left,
  .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
  }    
  .carousel-fade .carousel-control {
    z-index: 2;
  }
  
  /*WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
    Need to override the 3.3 new styles for modern browsers & apply opacity*/
  @media all and (transform-3d), (-webkit-transform-3d) {
      .carousel-fade .carousel-inner > .item.next,
      .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
      }
      .carousel-fade .carousel-inner > .item.prev,
      .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
      }
      .carousel-fade .carousel-inner > .item.next.left,
      .carousel-fade .carousel-inner > .item.prev.right,
      .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
      }
  }