/* ==========================================================================
   Author's custom styles
color reference: 
#E4E4E4 - greyish
#F1684E - orangey
#1B1B1B - blackey
   ========================================================================== */
/* overwrite bootstrap classes */ 
@media (min-width: 979px) {  
   .nav-collapse { float:right; }
}
   .navbar-inverse .brand { color: #E4E4E4; /*background-color:#333;*/ z-index: 99; position:relative; }
   .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus { color: #F1684E; }
   .navbar-inverse .brand:hover,.navbar-inverse .nav > li > a:hover,.navbar-inverse .brand:focus,.navbar-inverse .nav > li > a:focus {color: #F1684E;}
   .navbar-inverse .nav > li > a, .navbar-inverse .nav-collapse .nav > li > a {color: #E4E4E4; font-weight:bold; /*font-family: 'Noto Serif', serif; font-size:20px*/}
   .navbar-inverse .nav > li > a:hover {color: #F1684E;}
   .hero-unit {background-color:#1B1B1B; color: #E4E4E4;}
   .change-orange{ color:#F1684E; }
   .dropdown-menu > li > a { text-transform:lowercase; }
   .dropdown-menu > li > a:hover,
   .dropdown-menu > li > a:focus,
   .dropdown-submenu:hover > a,
   .dropdown-submenu:focus > a { color: #fff; text-decoration: none; background-color: #F1684E; background-repeat: repeat-x; background-image: linear-gradient(to bottom, #ec674d, #de3d3d);}
/* end bootstrap overwrite */
/*coming soon*/
.coming-soon .coming-soon-image
{
    width:400px;
    margin-bottom:15px;
}
.coming-soon .coming-soon-content
{
    text-align:center;
    margin:0 auto;
}
.coming-soon .coming-soon-text
{
    font-family: 'Luckiest Guy', cursive;
    font-size: 48px;
    line-height:.8;
}
@media (max-width: 400px) 
{
    .coming-soon .coming-soon-image
    {
       width: 80%;
    }
    .coming-soon .coming-soon-text
{
    font-size: 28px;

}
}
/* custom classes */
.head-avatar { width:100px; border:2px solid #333; position: absolute; left:100px; top:3px; z-index:1031; }  
.orangey-text {color:#F1684E;} 
.navbar a:hover .orangey-text {color:#fff;}
.social-icons {float: right;}
.social-icons a {float: left; margin-left:7px;}
.social-icons a img {width:60px;}
.footer-content {float:left;}
.home-pod {min-height:100px}
/* gamercard */
  .gamercard {
    border: 1px solid #bdbec1;
    padding: 10px;
    font-family: arial, sans-serif;
    width:590px;
    margin:15px auto;
    font-size: 12px;
    color: #bdbec1;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color:#333333;
  }
  
  .gamercard img {
    display: block;
  }
  
  .gamercard .avatar {
    width: 150px;
    height: 300px;
    margin: -80px 0 0 30px;
    display: inline-block; 
  }
  
  .gamercard h1 
  {
    float: right;
    font-weight: normal;
    color: #70A41C;
    margin-right:30px;
    font-family: 'Black Ops One', cursive;
    font-size:44px;
  }
  .gamercard .gamer-personal-info {float: right; display: inline-block; margin-right:15px;}
  .gamercard h1 img {
      display: inline-block; 
      padding-right: 10px;
      width: 24px; 
      height: 24px;
    }
      
  .gamercard h2 {
    color: #111;
    font-size: 16px;
    font-weight: normal;
    margin-top: 15px;
  }
  
  .gamercard ul {
    list-style-type: none;
    margin: 0;
  }
    .gamercard ul li {
      padding-top: 8px;
    }
      
      .gamercard ul li strong {
        color: #F1684E;
      }
  .gamercard ul.games{margin:5px auto;}    
  .gamercard ul.games li {
    display: inline-block; 
    margin-left: 23px;
    text-align: center;
    font-weight: bold;
    width: 85px;
    vertical-align: top;
  }
    .gamercard ul.games li img {
      margin: 0 auto;
      width: 85px;
    }
  
  .gamercard a {
    color: #78bb58;
  }
  
  .gamercard .clear {
    clear: both;
  }

@media (max-width: 1024px)
{
    .social-icons a img {width:45px;}
    .home-pod {min-height:inherit;}
}
@media (max-width: 650px)
{
    .gamercard{width:95%;}
    .gamercard .avatar { display:none;}
    .gamercard h1 
    {
        float: right;
        margin-right:0;
        font-size:32px;
    }
    .gamercard .gamer-personal-info {float: right; display: inline-block; margin-right:15px;}
}