body {
  background: #2b2a2b;
  color: #e0e0e0;
  min-height: calc(100vh);
  padding-bottom: 1px;
}

a {
  color: #fdf8bb;
  text-decoration: none;
  background-color: #0000;
}

a:hover {
  color: #fdf9c9;
  text-decoration: underline;
}

header.masthead {
  height: 135px;
  background-image: url(/images/generic/bar_bg.jpg);
  background-color: #26221f;
  position: relative;
  box-shadow: 0 0 10px 0 #000;
  background-position: top center;
}

header.masthead .overlay {
  background: none;
  position: absolute;
  height: 100%;
  width: 0;
  background-repeat: no-repeat;
  background-position: top center;
  left: 0;
}

.top-nav {
  position: absolute;
  bottom: 0;
  background: #26221f;
  width: 100%;
  height: 40px;
  overflow: hidden;
}

.card {
  background-color: #3B3A3D;
  border: 1px solid #222;
  box-shadow: 2px 2px 10px #0000008f;
}

.card-header {
  background-color: #1e1d2d;
  color: #fff;
  border-bottom: 1px solid #000;
}

li.list-group-item {
  background-color: #2e2e4a;
  padding: .75rem;
}

li.list-group-item.subforum {
  background: #3c3c5a;
}

.bg-dark {
  background-color: #323250!important;
}

.navbar-dark {
  box-shadow: 0 5px 10px #1d1c1d;
}

.navbar-dark .navbar-brand {
  color: #ffffffe6;
}

.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
  color: #ffffffe6;
}

.navbar-dark .navbar-nav .nav-link {
  color: #fdf8aff2;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: #fdf8aff2;
}

.avatar {
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

li.list-group-item.forum-category {
  padding: 10px 10px;
  background-color: #44425a;
}

li.list-group-item.forum-category a {
  color: #fff;
}

li.list-group-item.forum-category a:hover {
  color: #fff;
  text-decoration: underline;
}

.forum-nav {
  font-size: medium;
  display: block;
}

.forum-nav .nav-item {
  display: inline-block;
}

.forum-nav .nav-link {
  padding: .5rem;
  padding-right: 0;
}

.card-main {
  background-color: #3B3A3D;
  border: 1px solid #222;
  box-shadow: 2px 2px 10px #131213;
  transition: all .25s ease-in-out;
  transition-property: box-shadow, z-index, transform;
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
  -moz-animation: fadein 1s; /* Firefox < 16 */
   -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
       animation: fadein 1s;
  animation-fill-mode: both;
}

.card-main:hover {
  transform: scale(1.05);
  box-shadow: 5px 5px 10px 5px #1b1b1b;
  z-index: 10;
}

.card-thumbnail {
  padding-top: 56.25%;
  background-size: cover;
  background-position: center;
  cursor: pointer; 
  border-bottom-left-radius: .25rem;
  border-bottom-right-radius: .25rem;
}

.card-btn-wrapper {
  position: relative;
}

.card-btn {
  position: absolute;
  top: calc(-38px / 2);
  left: 25px;
  right: 25px;
  box-shadow: 2px 2px 5px 0 #0000006b;
}

.btn-primary {
  color: #fff;
  background-color: #444163;
  border-color: #1e1d2d;
}

hr {
  border-top: 3px solid #464677;
}

hr.w10 {
  width: 10%;
}

.page-link {
  color: #fdf8bb;
  background-color: #323250;
  border: 1px solid #1e1d2d;
}

.page-link:hover {
  color: #fff;
  background-color: #3f3f61;
  border-color: #252433;
}

.page-item.disabled .page-link {
  color: #858c92;
  background-color: #454456;
  border-color: #1e1d2d;
}

.forum-search .form-control-borderless {
  border: none;
}

.forum-search .form-control-borderless:hover, .form-control-borderless:active, .form-control-borderless:focus {
  border: none;
  outline: none;
  box-shadow: none;
}



@keyframes fadein {
  from { opacity: 0; margin-top: 0; margin-bottom: 3rem; }
  to   { opacity: 1; margin-top: 1.5rem; margin-bottom: 1.5rem; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
  from { opacity: 0; margin-top: 0; margin-bottom: 3rem; }
  to   { opacity: 1; margin-top: 1.5rem; margin-bottom: 1.5rem; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
  from { opacity: 0; margin-top: 0; margin-bottom: 3rem; }
  to   { opacity: 1; margin-top: 1.5rem; margin-bottom: 1.5rem; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
  from { opacity: 0; margin-top: 0; margin-bottom: 35rem; }
  to   { opacity: 1; margin-top: 1.5rem; margin-bottom: 1.5rem; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
  from { opacity: 0; margin-top: 0; margin-bottom: 3rem; }
  to   { opacity: 1; margin-top: 1.5rem; margin-bottom: 1.5rem; }
}

.row .col-md-4:nth-child(1) .card-main { animation-delay: 0.05s }
.row .col-md-4:nth-child(2) .card-main { animation-delay: 0.10s }
.row .col-md-4:nth-child(3) .card-main { animation-delay: 0.15s }
.row .col-md-4:nth-child(4) .card-main { animation-delay: 0.20s }
.row .col-md-4:nth-child(5) .card-main { animation-delay: 0.25s }
.row .col-md-4:nth-child(6) .card-main { animation-delay: 0.30s }
.row .col-md-4:nth-child(7) .card-main { animation-delay: 0.35s }
.row .col-md-4:nth-child(8) .card-main { animation-delay: 0.40s }
.row .col-md-4:nth-child(9) .card-main { animation-delay: 0.45s }
.row .col-md-4:nth-child(10) .card-main { animation-delay: 0.50s }
.row .col-md-4:nth-child(11) .card-main { animation-delay: 0.55s }
.row .col-md-4:nth-child(12) .card-main { animation-delay: 1.00s }
.row .col-md-4:nth-child(13) .card-main { animation-delay: 1.05s }
.row .col-md-4:nth-child(14) .card-main { animation-delay: 1.10s }
.row .col-md-4:nth-child(15) .card-main { animation-delay: 1.15s }
.row .col-md-4:nth-child(16) .card-main { animation-delay: 1.20s }