body {
    background-color: #f7f7f7;
}
/* colors */
.bg-black {
    background-color: #0b0b0b !important;
}
.bg-transparent-dark {
    background-color: rgba(0,0,0,.8);    
}

.text-red {
    color: #cc0000 !important;
}
.text-shadow {
    text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
}
@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1920px;
  }
}

/* navbar */
.navbar-dark .navbar-nav .nav-link {
    color: #FFF;
}

/* custom */
.fit-cover {
    object-fit: cover;
}

/* aspect ration */
.container-fit {
    width: 100%;
    padding-top: 100%;
    position: relative;
}
.content-fit {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.content-fit .img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.content-fit-title {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

/* carousel */
.carousel-control-next, 
.carousel-control-prev {
    color: #030303;
    font-size: 2rem;
}
.carousel-control-next:focus, 
.carousel-control-next:hover, 
.carousel-control-prev:focus, 
.carousel-control-prev:hover {
    color: #000000;
}
/* emoji */
.emojionearea .emojionearea-editor {
    min-height: 1em;
}

/* vote */
i.vote {
    cursor: pointer;
    color: rgba(0, 0, 0, 0.5);
}
i.vote:hover, i.vote-active {
    color: #000000;
    background-color: rgba(0,0,0,0.05);
}

/* index */
.logobox-naruto {
    border: #000 solid 2px;
    margin: 6px 0;
    font-weight: bold;
    font-size: 1.75rem;
}
.site-brand {
    background: #FFF;
    padding: 1px 7px;
    color: #000;
}
.logobox-naruto .pixxx {
    background-color: #F00;
    padding: 1px 7px;
    color: #FFF;
}
.top-banner-text {
    position: absolute;
    left: 10%;
    bottom: 20%;
}
@media(max-width:768px) {
    .top-banner-text {
        left: 10%;
        right: 10%;
        text-align:center;
    }
}
@media(min-width:1200px) {
    .top-banner-text h2 {
        font-size: 4em;
    }
    .top-banner-text h3 {
        font-size: 4em;
    }
}