/*
Theme Name: Zelda Dungeon
Author: Tim Davila
Author URI: https://www.timdavila.com/
Description: Zelda Informer's Expression Engine theme, redesigned
Version: 2.1
License: Creative Commons Attribution-ShareAlike 4.0 
License URI: http://creativecommons.org/licenses/by-sa/4.0/
Text Domain: zi5
*/

/* Fonts */
@import url(//fonts.googleapis.com/css?family=Lato:400,700,400italic,700italic);

/* Bootstrap Overrides */
body { font-family: "Lato",Calibri,Candara,Arial,sans-serif; font-size: 15px; color: #150101; }
body { background: #253125; }
a { color: #1D6D26; }
a:hover, a:active, a:focus { color: #F3B333; }
:focus { outline: 0; }
p { text-align: left; }
h1 { font-size: 32px; color: #1D6D26; margin: 0 0 12px 0; padding: 0 0 1px 0; border-bottom: 1px solid #DADACD; font-weight: bold;}
h1 a:hover { text-decoration: none; }
h2 { font-size: 26px; color: #1D6D26; margin: 0 0 12px 0; padding: 0 0 1px 0; border-bottom: 1px solid #E2E2D8;}
h3 { font-size: 22px; color: #1D6D26; margin: 0 0 10px 0;}
h4 { font-size: 18px; color: #1D6D26; margin: 0 0 10px 0;}
blockquote { font-style: italic; font-size: inherit; padding: 0 20px 10px; border-left: 5px solid #DADACD; }
iframe, embed, object { max-width: 100%; }
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border: 0; }
.well { background-color: #EFECE4; border: 0; padding: 9px 9px; }
.well-sm { margin-bottom: 10px; padding: 4px 5px; font-size: 12px; }
#header .navbar { margin-bottom: 0; background: #333333; background: rgba(0, 0, 0, 0.75); }
.panel-info { border-color: #1D6D26; }
.panel-info > .panel-heading { background-color: #1D6D26; border-color: #1D6D26; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #DDD; }
.alert-info { background-color: #1D6D26; border-color: #1D6D26; }
a.list-group-item:hover, a.list-group-item:focus { color: #810000; }
.pagination { margin: 0 auto 20px auto; }
.btn-default, a.btn-default { background-image: linear-gradient(#32383F, #24292E 60%, #1B1F23); border: 1px solid rgba(0, 0, 0, 0.75); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); color: #c8c8c8; }
.btn-default:hover, .btn-default:focus, .btn-default:active, a.btn-default:hover, a.btn-default:active, a.btn-default:focus { background-image: linear-gradient(#020202, #101112 40%, #191b1d); color: #FFF; }
a.dropdown-toggle, a.navbar-toggle { cursor: pointer; text-decoration: none; }
.dropdown-menu {
  z-index: -10002;
  display: block;
  opacity: 0;
  -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .2s;
    -moz-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    transition-property: opacity;
    background-color: transparent;
}
.dropdown-menu > li { height: 26px; z-index: -10001; position: absolute; top: -10000px; }
.dropdown-menu > li > a { display: none; }
.dropdown.open .dropdown-menu { opacity: 1; z-index: 10002; background-color: #FFF; }
.dropdown.open .dropdown-menu > li { top: 0; position: relative; }
.dropdown.open .dropdown-menu > li > a,
.dropdown .dropdown-menu.collapsing > li > a,
.dropdown .dropdown-menu.in > li > a { display: block; }
.navbar-collapse .dropdown-menu {
  z-index: 10004;
  opacity: 1;
  -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -moz-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height,visibility;
    -moz-transition-property: height,visibility;
    transition-property: height,visibility;
}
.navbar-collapse .dropdown-menu > li { height: 30px; z-index: 10005; top: 0; position: relative; }
.navbar-form { margin-left: 0; margin-right: 0; 
}
/* Utils and Legacy */
.noselect { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.check-layout { height: 0; width: 0; }
.align-left {float: left;margin: 0 15px 15px 0;}
.align-right {float: right;margin: 0 0 15px 15px;}
.align-center {text-align: center;margin: 0 auto 15px auto;display: block;}
.clear {clear:both;}
/* Page Layout */
#wrapper { background:#F8F7F3; padding-top: 16px;}
@media (min-width: 768px) { 
  #wrapper { box-shadow: 0 0 20px 5px #100100; margin-bottom: 15px; padding-top: 65px;}
}
@media (min-width: 992px) {
  #wrapper { padding-top: 0; }
}
@media (min-width: 1280px) {
  .container { width: 100%; }
}
@media (min-width: 1440px) {
  .container { width: 1440px; }
}
#wrapper.container { padding-left:0; padding-right:0;}
/* Mobile Bar */
#mobilenav.navbar { background: #0F1B11; min-height: 40px; height: 40px; border: 0; margin: 0; padding: 0; z-index: 10000; position: fixed; top: 0; width: 100%; box-shadow: 0px 0px 5px 2px #1a1a1a; }
#mobilenav.navbar .navbar-brand { padding: 0; text-align: center; }
#mobilenav.navbar .navbar-brand img { margin: 0 auto; }
#mobilenav.navbar .navbar-nav {
  float: none!important;
  margin: 0;
}
#mobilenav.navbar .navbar-nav > li { 
  float: none;
  width: 100%;
  padding: 12px 15px; 
  border-top: 1px solid #ccc;
}
#mobilenav.navbar .navbar-search { 
  border-top: 1px solid #ccc;
  margin-top: 0;
  padding-top: 12px;
}
#mobilenav.navbar .navbar-nav > li > a { 
  width: 100%;
  display: block;
  border: 0;
  padding: 0;
  height: auto; 
  color: #1D6D26;
  text-transform: uppercase;
  font-size: 14px; 
  font-weight: bold;
  text-shadow: none; 
  background-color: transparent; 
  -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .1s;
    -moz-transition-duration: .1s;
    transition-duration: .1s;
    -webkit-transition-property: color,background-color;
    -moz-transition-property: color,background-color;
    transition-property: color,background-color;
}
#mobilenav.navbar .navbar-nav > li > a:hover,
#mobilenav.navbar .navbar-nav > li > a:focus:hover { color: #F3B333; }
#mobilenav.navbar .navbar-nav > li > a:focus, 
#mobilenav.navbar .navbar-nav > li > a:active { color: #1D6D26; }
#mobilenav.navbar .navbar-nav > li.dropdown.open .dropdown-menu {
  background: transparent;
  position: static;
  float: none;
  width: auto;
  background-color: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
#mobilenav.navbar .navbar-nav > li.dropdown.open .dropdown-menu > li {
  z-index: 1;
}
#mobilenav.navbar .navbar-nav > li.dropdown.open .dropdown-menu > li > a {
  color: #222;
  padding: 5px 15px 5px 25px;
  background-color: transparent!important;
}
#mobilenav.navbar .navbar-collapse { background: #F0DDBD; border-top: 0; padding-left: 0; padding-right: 0; }
#mobilenav.navbar .navbar-collapse.collapsing { overflow-y: scroll; width: 100vw; }
#mobilenav.navbar .navbar-collapse.in { width: 100vw; }
@media (max-height: 400px) {
  #mobilenav.navbar .navbar-collapse.in { overflow-y: scroll; max-height: 80vh; }
}
#mobilenav.navbar .navbar-collapse .navbar-brand { width: 100%; height: auto; padding: 10px 10px 5px 10px; font-size: 14px; color: #CCC; text-align: left; }
#mobilenav.navbar .navbar-collapse .navbar-nav { margin: 0; }
#mobilenav.navbar .navbar-collapse .navbar-nav li.open > a { background-image: none; background-color: #1D6D26; color: #FFFFFF; }
#mobilenav.navbar .navbar-collapse .navbar-right { float: none !important; }
#mobilenav.navbar .navbar-collapse .navbar-right .dropdown-menu,
#mobilenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu,
#mobilenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu.collapse {
  margin-top:5px;
  float: none !important;
  left: 0;
  position: static;
  background-color: transparent;
  overflow-x: visible;
  overflow-y: hidden;
  display: none;
  padding: 0;
  list-style: square;
  border: 0;
}
#mobilenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu.collapsing {
  display: block;
  position: relative !important;
}
#mobilenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu.collapse.in {
  overflow-y: auto;
  display: block;
}
#mobilenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu > li { margin-left: 40px; color: #1D6D26;  }
#mobilenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu > li > a,
#mobilenav.navbar .navbar-collapse .navbar-nav li.open .dropdown-menu > li > a { color: #1D6D26; line-height: 20px; padding: 5px 15px 5px 10px; background-color: transparent; background-image: none; }
#mobilenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu > li > a:hover,
#mobilenav.navbar .navbar-collapse .navbar-nav li.open .dropdown-menu > li > a:hover,
#mobilenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu > li > a:focus,
#mobilenav.navbar .navbar-collapse .navbar-nav li.open .dropdown-menu > li > a:focus,
#mobilenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu > li > a:active,
#mobilenav.navbar .navbar-collapse .navbar-nav li.open .dropdown-menu > li > a:active { color: #F3B333; }
#mobilenav.navbar .navbar-collapse .mobilenav-collapse-buffer { background: #1D6D26; height: 4px; margin-top: 5px; }
#mobilenav-shadow { height: 2px; position: absolute; box-shadow: 0px 0px 15px 0px #300300; width: 100%; margin-top: -4px; }
#mobilenav.navbar .mobile-logo {
  vertical-align: top;
  max-height: 100%;
}
#mobilenav.navbar .mobilenav-menu {
  position: absolute;
  top: 40px;
  bottom: 0;
  left: -100vw;
  width: 100vw;
  height: 100vh;
  height: calc(100vh - 40px);
  background-color: #F0DDBD;
  transition: left 0.3s linear;
}
#mobilenav.navbar .menu-options {
  width: 55px;
  background: #0F1B11;
  color: #777;
  height: 100%;
  float: left;
}
#mobilenav.navbar .menu-options .option {
  margin: 0;
  border: 0;
  padding: 8px 6px;
  width: 100%;
  font-size: 8px;
  color: inherit;
  text-transform: none;
  text-align: center;
  background-color: transparent;
  border-bottom: 1px solid #2a2a2a;
}
#mobilenav.navbar .menu-options .option.active {
  background-color: #1D6D26;
  color: white;
}
#mobilenav.navbar .menu-content .menu {
  display: none;
}
#mobilenav.navbar .menu-content .menu.active {
  display: block;
}
#mobilenav.navbar .menu-content .menu-header {
  display: block;
  color: #6a6a6a;
  font-size: 14px; 
  font-weight: bold;
  padding: 12px 15px; 
}
#mobilenav.navbar .menu-options .glyphicon {
  width: 100%;
  font-size: 18px;
  text-align: center;
}
#mobilenav.navbar .menu-content {
  float: left;
  height: 100%;
  width: calc(100vw - 55px);
  overflow: auto;
}
.mobilenav-active {
  overflow: hidden;
}
.mobilenav-active #mobilenav.navbar .mobilenav-menu {
  left: 0;
}
@media (min-width: 992px) { 
  .mobilenav-active {
    overflow: auto;
  }
}
/* Header */
#header.container { padding-left:0; padding-right:0;}
#header .col-md-3, #header .col-md-9 { padding: 0; margin: 0; }
#header #header-logo { float: left; height: 90px; overflow: hidden; }
#header #header-logo img { max-width: 100%; height: auto; display: block; border: 0; margin: 0; }
#header #header-rev { height: auto; }
@media (min-width: 1200px) { 
  #header .col-md-3 { width: 437px; } 
  #header .col-md-9 { width: 728px; float: right; }
  #header #header-rev { margin: 0; width: 728px; }
}
@media (min-width: 992px) and (max-width: 1199px) { 
  #header .col-md-3 { width: 239px; } 
  #header .col-md-9 { width: 728px; float: right; }
  #header #header-rev { margin: 0 auto; width: 728px; }
}
@media (max-width: 991px) { 
  #header #header-rev { margin: 0 auto; width: 728px; }
}
@media (max-width: 767px) {
  #header { background:#F8F7F3; }
  #header #header-rev { margin: 50px auto 0 auto; max-width: 95%; overflow: hidden; }
}
/* Games Bar */
#sitenav-games {
  margin-bottom: 15px;
}
.secondary {
  width: 100%;
  /*background: #060805;*/
  box-sizing: content-box;
  position: relative;
  top: 0;
}
.secondary * {
  box-sizing: content-box;
}
.secondary h2 {
  margin: 12px 0 12px
}
.secondary > ul {
  /*z-index: 10000;*/
  position: relative;
  height: 70px;
  margin: 0px auto;
  padding: 0px;
  box-shadow: 0px 1px 2px #333;
}
.secondary ul li {
  list-style: none;
  float: left;
}
.secondary > ul li {
  display: block;
  width: 60px;
  height: 70px;
}
/* splitting pixels.. */
.secondary > ul > li:nth-child(even) {
  width: 61px;
}
.secondary .g19 {
  border-right: 0px;
}
.secondary > ul li a {
  display: block;
  background-repeat: no-repeat;
  background-position-y: 5px;
  width: 100%;
  height: 100%;
}
.secondary > ul, .secondary > ul > li { 
  border-right: 1px solid rgba(38, 96, 38, 0.4);
  background: #1C3E26; /* Old browsers */
  background: -moz-linear-gradient(top, #1C3E26 0%, #000201 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #000201)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #1C3E26 0%, #000201 100%); /* IE10+ */
  background: linear-gradient(to bottom, #1C3E26 0%, #000201 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#000201', GradientType=0); /* IE6-9 */
}
.secondary > ul > li:hover {
  background: #C6E2C9; /* Old browsers */
  background: -moz-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #C6E2C9)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #1C3E26 0%, #C6E2C9 100%); /* IE10+ */
  background: linear-gradient(to bottom, #1C3E26 0%, #C6E2C9 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#C6E2C9', GradientType=0); /* IE6-9 */
}
/*
 * Flyout Styles
 * -----------------------------------------------------------------------------
 */
 
.flyout {
  display: none;
  z-index: 9009;
  width: 1170px;
  height: 260px;
  position: absolute;
  color: #152F02;
  background: #C6E2C9;
  font-size: 14px;
  -moz-box-shadow: 0 3px 5px #000000;
  -webkit-box-shadow: 0 3px 5px #000000;
  box-shadow: 0 3px 5px #000000;
}
.flyout a, .flyout h2 {
  color: #000000;
  text-decoration: none;
  border-bottom: 0;
}
.flyout strong a, .flyout a strong {
  color: #152F02;
}
.flyout a:hover, .flyout a:hover * {
  color: #F3B333;
}
/* Flyout Positioning */
.secondary ul li:nth-of-type(2) .flyout {
  margin-left: -61px;
}
.secondary ul li:nth-of-type(3) .flyout {
  margin-left: -123px;
}
.secondary ul li:nth-of-type(4) .flyout {
  margin-left: -184px;
}
.secondary ul li:nth-of-type(5) .flyout {
  margin-left: -246px;
}
.secondary ul li:nth-of-type(6) .flyout {
  margin-left: -307px;
}
.secondary ul li:nth-of-type(7) .flyout {
  margin-left: -369px;
}
.secondary ul li:nth-of-type(8) .flyout {
  margin-left: -430px;
}
.secondary ul li:nth-of-type(9) .flyout {
  margin-left: -492px;
}
.secondary ul li:nth-of-type(10) .flyout {
  margin-left: -553px;
}
.secondary ul li:nth-of-type(11) .flyout {
  margin-left: -615px;
}
.secondary ul li:nth-of-type(12) .flyout {
  margin-left: -676px;
}
.secondary ul li:nth-of-type(13) .flyout {
  margin-left: -738px;
}
.secondary ul li:nth-of-type(14) .flyout {
  margin-left: -799px;
}
.secondary ul li:nth-of-type(15) .flyout {
  margin-left: -861px;
}
.secondary ul li:nth-of-type(16) .flyout {
  margin-left: -922px;
}
.secondary ul li:nth-of-type(17) .flyout {
  margin-left: -984px;
}
.secondary ul li:nth-of-type(18) .flyout {
  margin-left: -1045px;
}
.secondary ul li:nth-of-type(19) .flyout {
  margin-left: -1109px;
}
/* Game Navigation Images */
.secondary .g1 > a {
  background-image: url('images/gamenav/G01.png');
}
.secondary .g2 > a {
  background-image: url('images/gamenav/G02.png');
}
.secondary .g3 > a {
  background-image: url('images/gamenav/G03.png');
}
.secondary .g4 > a {
  background-image: url('images/gamenav/G04.png');
}
.secondary .g5 > a {
  background-image: url('images/gamenav/G05.png');
}
.secondary .g6 > a {
  background-image: url('images/gamenav/G06.png');
}
.secondary .g7 > a {
  background-image: url('images/gamenav/G07.png');
}
.secondary .g8 > a {
  background-image: url('images/gamenav/G08.png');
}
.secondary .g9 > a {
  background-image: url('images/gamenav/G09.png');
}
.secondary .g10 > a {
  background-image: url('images/gamenav/G10.png');
}
.secondary .g11 > a {
  background-image: url('images/gamenav/G11.png');
}
.secondary .g12 > a {
  background-image: url('images/gamenav/G12.png');
}
.secondary .g13 > a {
  background-image: url('images/gamenav/G13.png');
}
.secondary .g14 > a {
  background-image: url('images/gamenav/G14.png');
}
.secondary .g15 > a {
  background-image: url('images/gamenav/G15.png');
}
.secondary .g16 > a {
  background-image: url('images/gamenav/G16.png');
}
.secondary .g17 > a {
  background-image: url('images/gamenav/G17.png');
}
.secondary .g18 > a {
  background-image: url('images/gamenav/G18.png');
}
.secondary .g19 > a {
  background-image: url('images/gamenav/G19.png');
}
/* Flyout Menu Images */
.secondary .g1 .fly-img {
  background-image: url('images/gamenav/FLY01.jpg');
}
.secondary .g2 .fly-img {
  background-image: url('images/gamenav/FLY02.jpg');
}
.secondary .g3 .fly-img {
  background-image: url('images/gamenav/FLY03.jpg');
}
.secondary .g4 .fly-img {
  background-image: url('images/gamenav/FLY04.jpg');
}
.secondary .g5 .fly-img {
  background-image: url('images/gamenav/FLY05.jpg');
}
.secondary .g6 .fly-img {
  background-image: url('images/gamenav/FLY06.jpg');
}
.secondary .g7 .fly-img {
  background-image: url('images/gamenav/FLY07.jpg');
}
.secondary .g8 .fly-img {
  background-image: url('images/gamenav/FLY08.jpg');
}
.secondary .g9 .fly-img {
  background-image: url('images/gamenav/FLY09.jpg');
}
.secondary .g10 .fly-img {
  background-image: url('images/gamenav/FLY10.jpg');
}
.secondary .g11 .fly-img {
  background-image: url('images/gamenav/FLY11.jpg');
}
.secondary .g12 .fly-img {
  background-image: url('images/gamenav/FLY12.jpg');
}
.secondary .g13 .fly-img {
  background-image: url('images/gamenav/FLY13.jpg');
}
.secondary .g14 .fly-img {
  background-image: url('images/gamenav/FLY14.jpg');
}
.secondary .g15 .fly-img {
  background-image: url('images/gamenav/FLY15.jpg');
}
.secondary .g16 .fly-img {
  background-image: url('images/gamenav/FLY16.jpg');
}
.secondary .g17 .fly-img {
  background-image: url('images/gamenav/FLY17.jpg');
}
.secondary .g18 .fly-img {
  background-image: url('images/gamenav/FLY18.jpg');
}
.secondary .g19 .fly-img {
  background-image: url('images/gamenav/FLY19.jpg');
}
/* wide game nav */
@media (min-width: 1280px) {
  .secondary {
    background: #1C3E26; /* Old browsers */
    background: -moz-linear-gradient(top, #1C3E26 0%, #000201 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1C3E26), color-stop(100%, #000201)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1C3E26 0%, #000201 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1C3E26 0%, #000201 100%); /* IE10+ */
    background: linear-gradient(to bottom, #1C3E26 0%, #000201 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C3E26', endColorstr='#000201', GradientType=0); /* IE6-9 */
    box-shadow: 0px 1px 2px #333;
  }
  .secondary > ul {
    width: 1280px;
    margin: 0 auto;
    box-shadow: none;
  }
  .secondary > ul > li,
  .secondary > ul > li:nth-child(even) {
    width: 66px;
  }
  .secondary > ul > li:nth-child(4n+1) {
    width: 67px;
  }
  .secondary > ul li a {
    background-position-x: 3px;
  }
  .flyout {
    width: 1280px;
  }
  /* flyout positioning */
  .secondary ul li:nth-of-type(2) .flyout {
    margin-left: -68px;
  }
  .secondary ul li:nth-of-type(3) .flyout {
    margin-left: -135px;
  }
  .secondary ul li:nth-of-type(4) .flyout {
    margin-left: -202px;
  }
  .secondary ul li:nth-of-type(5) .flyout {
    margin-left: -269px;
  }
  .secondary ul li:nth-of-type(6) .flyout {
    margin-left: -337px;
  }
  .secondary ul li:nth-of-type(7) .flyout {
    margin-left: -404px;
  }
  .secondary ul li:nth-of-type(8) .flyout {
    margin-left: -471px;
  }
  .secondary ul li:nth-of-type(9) .flyout {
    margin-left: -538px;
  }
  .secondary ul li:nth-of-type(10) .flyout {
    margin-left: -606px;
  }
  .secondary ul li:nth-of-type(11) .flyout {
    margin-left: -673px;
  }
  .secondary ul li:nth-of-type(12) .flyout {
    margin-left: -740px;
  }
  .secondary ul li:nth-of-type(13) .flyout {
    margin-left: -807px;
  }
  .secondary ul li:nth-of-type(14) .flyout {
    margin-left: -875px;
  }
  .secondary ul li:nth-of-type(15) .flyout {
    margin-left: -942px;
  }
  .secondary ul li:nth-of-type(16) .flyout {
    margin-left: -1009px;
  }
  .secondary ul li:nth-of-type(17) .flyout {
    margin-left: -1076px;
  }
  .secondary ul li:nth-of-type(18) .flyout {
    margin-left: -1144px;
  }
  .secondary ul li:nth-of-type(19) .flyout {
    margin-left: -1211px;
  }
}

@media (min-width: 1440px) {
  .secondary > ul {
    width: 1440px;
    margin: 0 auto;
    box-shadow: none;
  }
  .secondary > ul > li,
  .secondary > ul > li:nth-child(even) {
    width: 75px;
  }
  .secondary > ul > li:nth-child(4n+1) {
    width: 74px;
  }
  .secondary > ul li a {
    background-position-x: 7px;
  }
  .flyout {
    width: 1440px;
  }
  /* flyout positioning */
  .secondary ul li:nth-of-type(2) .flyout {
    margin-left: -75px;
  }
  .secondary ul li:nth-of-type(3) .flyout {
    margin-left: -151px;
  }
  .secondary ul li:nth-of-type(4) .flyout {
    margin-left: -227px;
  }
  .secondary ul li:nth-of-type(5) .flyout {
    margin-left: -303px;
  }
  .secondary ul li:nth-of-type(6) .flyout {
    margin-left: -378px;
  }
  .secondary ul li:nth-of-type(7) .flyout {
    margin-left: -454px;
  }
  .secondary ul li:nth-of-type(8) .flyout {
    margin-left: -530px;
  }
  .secondary ul li:nth-of-type(9) .flyout {
    margin-left: -606px;
  }
  .secondary ul li:nth-of-type(10) .flyout {
    margin-left: -681px;
  }
  .secondary ul li:nth-of-type(11) .flyout {
    margin-left: -757px;
  }
  .secondary ul li:nth-of-type(12) .flyout {
    margin-left: -833px;
  }
  .secondary ul li:nth-of-type(13) .flyout {
    margin-left: -909px;
  }
  .secondary ul li:nth-of-type(14) .flyout {
    margin-left: -984px;
  }
  .secondary ul li:nth-of-type(15) .flyout {
    margin-left: -1060px;
  }
  .secondary ul li:nth-of-type(16) .flyout {
    margin-left: -1136px;
  }
  .secondary ul li:nth-of-type(17) .flyout {
    margin-left: -1212px;
  }
  .secondary ul li:nth-of-type(18) .flyout {
    margin-left: -1287px;
  }
  .secondary ul li:nth-of-type(19) .flyout {
    margin-left: -1363px;
  }
}
/* Columns within flyout */
.fly-col {
  width: 288px; /* columns should auto scale, this is a fallback only */
  display: table-cell;
}
.fly-col:first-of-type {
  text-align: center;
  width: 274px;
  display: block;
}
.fly-col ul {
  margin-left: 5px;
}
.fly-col ul li {
  list-style: none;
  background: none;
  display: block;
  width: auto;
  height: auto;
  float: none;
}
.fly-col ul li:first-of-type {
  font-weight: bold;
  margin: 5px 0;
}
.fly-col ul li a {
  width: auto;
  height: auto;
  display: inline;
}
.fly-img {
  width: 230px;
  margin: 0px 22px;
  height: 150px;
}
 /* show the flyout menu */
 
.secondary ul li:hover .flyout {
  display: table;
}
.flyout:hover {
  display: table;
}
/* Navbar */
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
  background: none;
}
#sitenav.navbar { margin: 0; border-radius: 0; border-top: 0; border-bottom: 0; border-left: 0; border-right: 0; background: #0F1B11; height: 50px; z-index: 10000; }
@media (min-width: 1200px) { 
  #sitenav-search-bar .form-control { width: 290px; }
}
@media (min-width: 992px) and (max-width: 1199px) { 
  #sitenav.navbar.affix { width: 970px; }
  #sitenav-search-bar .form-control { width: 240px; }
}
@media (min-width: 992px) { 
  #sitenav.navbar #sitenav-inner .navbar-nav > li > a.games { padding-left: 15px; }
  #sitenav.navbar #sitenav-inner .navbar-nav > li > a.wiki { width: 70px; }
}
@media (min-width: 1200px) { 
  #sitenav.navbar #sitenav-inner .navbar-nav > li > a.wiki { padding-left: 15px; }
}
#sitenav .navbar-collapse { padding-left: 0; }
#sitenav .navbar-collapse.collapse { display: none !important; }
#sitenav .navbar-collapse.collapse.in { display: block !important; }
/* #sitenav.navbar .navbar-collapse.in { width: 100vw; } */
@media (max-height: 400px) {
  #sitenav.navbar .navbar-collapse.in { overflow-y: scroll; max-height: 80vh; }
}
#sitenav.navbar .navbar-brand { padding: 0; width: 50px; height: 50px; }
#sitenav.navbar.affix .navbar-brand { display:block !important; }
#sitenav.navbar #sitenav-search-bar { float: right; }
#sitenav.navbar #sitenav-search-bar .btn-default, #sitenav.navbar #sitenav-search-bar a.btn-default { color: #1D6D26; background: rgba(0,0,0,0); -webkit-transition: background-color 0.3s ease-in-out; -moz-transition: background-color 0.3s ease-in-out; transition: background-color 0.3s ease-in-out; border: 1px solid #1D6D26; text-transform: uppercase; font-weight: bold; }
#sitenav.navbar #sitenav-search-bar .btn-default:hover, #sitenav.navbar #sitenav-search-bar .btn-default:focus, #sitenav.navbar #sitenav-search-bar .btn-default:active, #sitenav.navbar #sitenav-search-bar a.btn-default:hover, #sitenav.navbar #sitenav-search-bar a.btn-default:active, #sitenav.navbar #sitenav-search-bar a.btn-default:focus { color: #FFF; background-color: #1D6D26; }
#sitenav.navbar #sitenav-inner .navbar-nav > li > a { 
  border-right: 0;
  border-left: 0;
  height: 50px;
  color: #FFF;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  padding-top: 15px;
  padding-right: 25px;
  padding-left: 10px;
  text-shadow: none;
  -webkit-transition: color 0.1s ease-in-out;
  -moz-transition: color 0.1s ease-in-out;
  transition: color 0.1s ease-in-out;
}
#sitenav.navbar #sitenav-inner .navbar-nav > li.open > a,
#sitenav.navbar #sitenav-inner .navbar-nav > li > a:hover, 
#sitenav.navbar #sitenav-inner .navbar-nav > li > a:focus, 
#sitenav.navbar #sitenav-inner .navbar-nav > li > a:active { color: #F3B333; }
#sitenav.navbar .navbar-collapse.collapsing { overflow: hidden !important; }
#sitenav.navbar .navbar-collapse .navbar-header { float: none; }
#sitenav.navbar .navbar-collapse .navbar-brand { width: 100%; height: auto; padding: 10px 10px 5px 10px; font-size: 14px; color: #CCC; }
#sitenav.navbar .navbar-collapse .navbar-nav { margin: 0; float: none; }
#sitenav.navbar .navbar-collapse .navbar-nav > li { float: none; }
#sitenav.navbar .navbar-collapse .navbar-nav > li > a { border-right: 0; border-left: 0; height: auto; color: #1D6D26; text-transform: uppercase; font-size: 14px; font-weight: bold; padding: 8px 25px 8px 15px; text-shadow: none; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; }
#sitenav.navbar .navbar-collapse .navbar-nav > li > a:hover, 
#sitenav.navbar .navbar-collapse .navbar-nav > li > a:focus, 
#sitenav.navbar .navbar-collapse .navbar-nav > li > a:active { color: #95100A; }
#sitenav.navbar .navbar-collapse .navbar-nav li.open > a { background-image: none; background-color: #95100A; color: #FF8E20; }
#sitenav.navbar .navbar-collapse .navbar-right { float: none !important; }
#sitenav.navbar .navbar-collapse .navbar-right .dropdown-menu,
#sitenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu,
#sitenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu.collapse {
  margin-top: 5px;
  float: none !important;
  left: 0;
  position: static;
  background-color: transparent;
  overflow-x: visible;
  overflow-y: hidden;
  display: none;
  padding: 0;
  list-style: square;
  border: 0;
}
#sitenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu.collapsing {
  display: block;
  position: relative !important;
}
#sitenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu.collapse.in {
  overflow-y: auto;
  display: block;
}
#sitenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu > li { margin-left: 40px; color: #FF8E20;  }
#sitenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu > li > a,
#sitenav.navbar .navbar-collapse .navbar-nav li.open .dropdown-menu > li > a { color: #FF9818; line-height: 20px; padding: 5px 15px 5px 10px; background-color: transparent; background-image: none; }
#sitenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu > li > a:hover,
#sitenav.navbar .navbar-collapse .navbar-nav li.open .dropdown-menu > li > a:hover,
#sitenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu > li > a:focus,
#sitenav.navbar .navbar-collapse .navbar-nav li.open .dropdown-menu > li > a:focus,
#sitenav.navbar .navbar-collapse .navbar-nav li .dropdown-menu > li > a:active,
#sitenav.navbar .navbar-collapse .navbar-nav li.open .dropdown-menu > li > a:active { color: #95100A; }
#sitenav.navbar .navbar-collapse .sitenav-collapse-buffer { background: #1D6D26; height: 5px; margin-top: 5px; }
#sitenav-shadow { height: 50px; position: absolute; box-shadow: 0px 0px 15px 0px #300300; width: 100%; display: none; }
/* Index Container */
h1#index-title { margin-bottom: 20px; text-transform: uppercase; font-family: 'Archivo Narrow'; font-weight: 700; font-size: 26px; }
#index .news-header { background-size: 50px 50px; background-position: 0px 3px; background-repeat: no-repeat; padding-left: 60px; min-height: 50px; margin-bottom: 8px; border-bottom: 1px solid #E2E2D8; }
#index .news-header h2 { margin-bottom: 5px; border-bottom: 0; }
#index .news-header h6 { margin-top: 0; }
#index .content-wrap, .news-item .content-wrap { padding: 0px 15px; }
@media (min-width: 992px) { 
  #index .content-wrap { width: calc(100% - 415px); float: left; }
  .news-item .content-wrap { width: calc(100% - 400px); float: right; }
  #index #sidebar { width: 400px; float: left; }
  .news-item #sidebar { width: 400px; float: right; }
}
/* Content Container */
#content .news-header { margin-bottom: 25px; }
#content .news-header h1 { border-bottom: 0; margin-bottom: 0; padding-left: 0; min-height: 0; text-transform: uppercase; font-family: 'Archivo Narrow'; font-weight: 700; font-size: 30px; }
#content .news-header h6 { margin-top: 8px; }
@media (min-width: 1200px) {
  #content .col-md-8 { width: 810px; float: right; padding: 0; }
}
@media (min-width: 992px) and (max-width: 1199px) { 
  #content .col-md-8 { width: 610px; float: right; padding: 0; }
}
@media (min-width: 992px) { 
  #content .col-md-4, #sidebar { width: 400px; float: left; padding: 0; }
  #content .col-md-4 #sidebar-inner h1,
  .news-item #sidebar-inner h1 { border-bottom: 0; font-size: 18px; display: none; font-family: "Lato",Calibri,Candara,Arial,sans-serif; text-transform: none; }
}
@media (max-width: 991px) {
  #content .col-md-4, #sidebar, .news-item #sidebar { float: none; }
}
@media (min-width: 768px) { 
  #content { padding-left:35px; padding-right:35px; padding-top: 15px; }
}
@media (max-width: 767px) {
  #content { padding-left:15px; padding-right:15px; padding-top: 5px; }
}
/* Footer */
#footer { color: #828181; background: #000; border-top: 4px solid #1D6D26; padding: 10px 10px 10px 10px; }
#footer-rev { margin: 0 auto 15px auto; max-width: 100%; overflow: hidden; height: 90px; padding: 5px 0 0 0; text-align: center; }
#footer-nav { margin: 0 0 15px 0; font-size: 15px; text-align: center; }
#footer-copyright { margin: 0 0 10px 0; font-size: 12px; text-align: center; }
#footer a:hover, #footer a:active, #footer a:focus { color: #1D6D26; text-decoration: none; }
/* Post Styles */
.heading-icon {float: right;}
.heading-icon img {border:0;margin:5px 0 0 0;}
.content img { max-width: 100%; height: auto; display: block !important; padding: 2px; border: 1px solid #e9e9e9; background: #FFF; }
.content img.ci-large { margin: 0 auto 10px auto !important; }
.content a:hover img { border: 1px solid #555; }
@media (max-width: 550px) { 
  .content img { clear: both; float: none; margin: 0 auto 10px auto; }
}
.news-item { margin-bottom: 20px; }
.news-readmore { clear: both; text-align: right; font-size: 14px; min-height: 38px; margin-bottom: 10px; }
.news-readmore .links { width: 49%; float: right; }
.news-readmore .social { width: 49%; float: left; }
.news-readmore .social .fb { float: left; }
.news-readmore .social .twitter { margin: 1px 0 0 5px; float: left; }
.news-readmore .social .reddit { margin: -2px 0 0 5px; float: left; }
.news-readmore .social .google { margin: 0 0 0 5px; float: left; }
.news-embed { background: #3D4456; border:1px solid #111; clear: both; text-align: center; margin: 0 0 15px 0; padding: 10px 0; }
.news-embed div { margin: 0 auto; }
.taglist a { margin: 0 7px; }
#crowdignite {width:680px;margin:0 auto 10px auto;}
/* Sidebar */
.sidebar-topad {margin:0;clear:both;}
.sidebar-block {margin:0 0 15px 0;clear:both;}
.sidebar-block-inline, .sidebar-wiki { -webkit-box-shadow: none !important; box-shadow: none !important; }
.sidebar-leftad {float:left; margin:0 5px 10px 0;}
.sidebar-list {width:118px; padding: 0; margin-right: 10px; margin-bottom: 15px; }
.sidebar-block, .sidebar-wiki .carousel-inner { -webkit-box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.25); box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.25); }
.sidebar-block h3, .sidebar-list h3, .sidebar-wiki h4 {text-transform:uppercase;font-family: 'Archivo Narrow';font-size:14px;font-weight:700;margin:0 0 2px 0; color: #150101;}
.sidebar-block ul, .sidebar-list ul {padding: 0; margin:0 0 13px 16px;list-style:square;font-size:11px;line-height:1.3em;}
.sidebar-block ul li, .sidebar-list ul li {margin:0 0 0 0;padding:0 0 0 0;}
.sidebar-block ul li a, .sidebar-list ul li a {text-decoration:none;color:#1D6D26;}
.sidebar-block ul li a:hover, .sidebar-list ul li a:hover {text-decoration:underline;color:#150101;}
.sidebar-block.social { height: 45px; }
.sidebar-block.social .fb { float: left; }
.sidebar-block.social .twitter { margin: 1px 0 0 5px; float: left; }
.sidebar-block.social .reddit { margin: -2px 0 0 5px; float: left; }
.sidebar-block.social .google { margin: 0 0 0 5px; float: left; }
.sidebar-wiki .carousel-inner { z-index: 8880 }
.sidebar-wiki img { max-width: 400px;}
.sidebar-wiki .carousel-caption {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 6px 10px 1px;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
  text-align: left;
  z-index: 8881;
}
.sidebar-wiki .carousel-caption h3 { border-bottom: 0; margin: 0 0 5px 0; font-size: 16px; }
.sidebar-wiki .carousel-caption p { margin: 0 0 5px; font-size: 12px; }
.sidebar-wiki .carousel-caption a { color: #FF6D14; z-index: 8882; }
.sidebar-wiki .carousel-caption a:hover, .sidebar-wiki .carousel-caption a:active, .sidebar-wiki .carousel-caption a:focus { color: #FF9818; text-decoration: none; }
.sidebar-wiki .carousel-caption a.btn-default { background-image: linear-gradient(#32383F, #24292E 60%, #1B1F23); border: 1px solid rgba(0, 0, 0, 0.75); text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); color: #E8E4D9; margin: 0 0 0 5px; padding: 0 4px; }
.sidebar-wiki .carousel-caption a.btn-default:hover, .sidebar-wiki .carousel-caption a.btn-default:active, .sidebar-wiki .carousel-caption a.btn-default:focus { background-image: linear-gradient(#020202, #101112 40%, #191b1d); color: #FFF; }
img.alignleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
img.alignright {
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}
/** Home Page Top Stories **/
.top-story {
  margin-bottom: 25px;
}
.top-story .image {
  position:relative;
  width: 100%;
  height: 150px;
  background-position:50% 50%;
  background-repeat:no-repeat;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  background-attachment:scroll;
}
/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
  padding: 11px 12px 7px 12px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible; }
.hamburger-box {
  width: 30px;
  height: 13px;
  display: inline-block;
  position: relative; }
.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    width: 30px;
    height: 3px;
    background-color: white;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease; }
  .hamburger-inner::before, .hamburger-inner::after {
    content: "";
    display: block; }
  .hamburger-inner::before {
    top: -8px; }
  .hamburger-inner::after {
    bottom: -8px; }
.hamburger--spin .hamburger-inner {
  transition-duration: 0.22s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .hamburger--spin .hamburger-inner::before {
    transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
  .hamburger--spin .hamburger-inner::after {
    transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.mobilenav-active .hamburger--spin .hamburger-inner {
  transform: rotate(225deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  .mobilenav-active .hamburger--spin .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
  .mobilenav-active .hamburger--spin .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); }
@media (max-width: 992px) {
  #wpadminbar { display:none; }
}