/** Override Fonts **/
@font-face { font-family: "Nevis"; src: url("nevis.ttf") }
.nav-item > a, .sidebar-heading, .navTop, .dropdown > a, .dropdown-menu { font-family: "Nevis", Verdana; }
.nav-link, .navTop, h5 { font-size: 18px !important }
h2, .h3 { font-family: "Nevis", Verdana; }
.h3 { display: block }
@media (max-width: 992px) {
    .navTop { font-size: 42px !important }
    .dropdown { font-size: 52px !important }
    #bottomBee .pull-left { font-size: 28px }
    h2 { font-size: 64px }
    .h3 { font-size: 52px }
}

/** Override BG & Colors **/
#topBee > .container { background-image: url("images/bg.png") }
.navTop, .dropdown, .dropdown-menu > li { background-color:#E7C296; }
.navTop:nth-child(odd), .dropdown:nth-child(odd), .dropdown-menu > li:nth-child(odd) { background-color:#ECE1AE; }
.nav-item { background-color: #8B745A }
.nav-item:nth-child(odd) { background-color: #8E8768 }

/** ESRB Logo **/
.sidebar-sticky > a > img { margin-top: 10px }
#mobileESRB {
    /* float: right; */
    position: absolute;
    bottom: 10px;
    right: 10px;
}

/** Image Thumbnails **/
.thumbnail { margin: 5px 5px; border: 1px solid black; margin-left: 68px; cursor: pointer; padding: 0; display: inline-block }
.tiny { width: 240px; margin: 2px; }
@media (max-width: 992px) {
    .tiny { width: 95%; }
}


/** Characters Page **/
.orb { width: 96px; }
p.left, p.right { text-indent: 0px; }
.left > img{ float: left; padding-right: 10px; }
.right  > img { float: right; padding-left: 10px; }
.right > span { text-align: right; }
@media (max-width: 992px) {
    .orb { width: 192px; }
}