/* encoding: utf-8 */

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


html {
  position: relative;
  min-height: 100%;
}
p { padding: 0.25em}
.jumbotron {padding-top: 0;}
@media (min-width: 768px) {
  body {
    padding-bottom: 25px;
    margin-bottom: 2.5em;
  }
  .footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #000016;
    border-top: 2px solid black;
    height: 2em;
    padding-top: 0.35em;
  }
  .navbar-brand img.logo {
    width: 48px;
  }
}
@media (max-width: 768px) {
  .navbar-brand img.logo { 
    width: 24px;
  }
}


.navbar-brand img.logo {
  position: relative;
  top: -14px;
  left: -0.25em;
}
.extended-list li {margin-top: 0.5em}
/*
@media (min-width: 1000px) {
  .footer { height: 2em; }
  body {margin-bottom: 2em;}
}
*/
#twitter { max-height: 100%;}

/* External links */
a[href^="http"]:not(.hideexternal) {position: relative;margin-right: 1.3em;}
a[href^="http"]:not(.hideexternal):after {
  content: ' → '; 
  text-decoration: none; 
  opacity: 0.4; 
  position: absolute;
  margin-left: 0.2em; 
  border: 1px solid #666; 
  border-radius: 15px; 
  -moz-border-radius: 15px;
  line-height: 0.9em;
  height: 1em;
  font-size: 0.8em;
  bottom: 0.20em;
}
a[href^="http"]:not(.hideexternal):hover:after { opacity: 1;}            


#main .bullets-cube li {
  padding-left: 14px;
  list-style-type: none;
  background-image: url("data:image/gif;base64,R0lGODdhCQAJAKEAAM2FP//XAP+lAAAAACwAAAAACQAJAAACFIyPaWDiDlh4UFIRG81zswiGIlgAADs="); /* "http://www.w3schools.com/css/sqorange.gif" */
  background-repeat: no-repeat;
  background-position: 0px 0.3em;
}
#main ul.bullets-cube, #main ol.bullets-cube {
  padding-left: 0.5em;
  margin-left: 0.25em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.command {padding: 0.2em; color: white;font-weight: bold;font-style: italic;}
.command, .game-menu-path { font-style: italic; font-weight: bold; color: #DD7500;}

span[class^="game-"] { font-style: italic; font-weight: bold; }

#rewards img.media-object { max-height: 5em; width: auto }
#event-rewards img.media-object { max-width: 400px; height: auto }


#countdowns .countdown { margin-bottom: 2em;}

.label.gold-event {color: #F5CB00;}
.label.gold-event-ends {background-color: #980400;}
.label.alliance-event {color: #7900D8;}
.label.gathering-stage {background-color: #005B87;}
.label.upgrade-stage {background-color: #005FD8;}
.label.monster-stage {background-color: #0083D8;}
.label.troop-training-stage {background-color: #1E86F8;}
.label.kill-stage {background-color: #BE0601;}
.label.fortune-teller-stage {background-color: #4601C1;}
.label.alliance-event-ends {background-color: #360095;}
.label.portal,.label.alliance-portal,.label.d0a-alliance-portal {background-color: #00DCE2;}
.label.d0a-fallen-knights, .label.fallen, .label.fallen-knights {background-color: #A7E200;}
.label.kingdom-threat-golem {background-color: #BE0601;}

.btn.gold-event {background-image: -webkit-linear-gradient(#F5CB00, #E4BA00 60%, #14143C);background-image: linear-gradient(#F5CB00, #E4BA00 60%, #14143C);}
.btn.gold-event-ends {background-image: -webkit-linear-gradient(#980400, #870300 60%, #14143C);background-image: linear-gradient(#980400, #870300 60%, #14143C);}
.btn.alliance-event {background-image: -webkit-linear-gradient(#7900D8, #6800D8 60%, #14143C);background-image: linear-gradient(#7900D8, #6800D8 60%, #14143C);}
.btn.gathering-stage {background-image: -webkit-linear-gradient(#005B87, #004A87 60%, #14143C);background-image: linear-gradient(#005B87, #004A87 60%, #14143C);}
.btn.upgrade-stage {background-image: -webkit-linear-gradient(#005FD8, #004ED8 60%, #14143C);background-image: linear-gradient(#005FD8, #004ED8 60%, #14143C);}
.btn.monster-stage {background-image: -webkit-linear-gradient(#0083D8, #0072D8 60%, #14143C);background-image: linear-gradient(#0083D8, #0072D8 60%, #14143C);}
.btn.troop-training-stage {background-image: -webkit-linear-gradient(#1E86F8, #0D75F8 60%, #14143C);background-image: linear-gradient(#1E86F8, #0D75F8 60%, #14143C);}
.btn.kill-stage {background-image: -webkit-linear-gradient(#BE0601, #AD0501 60%, #14143C);background-image: linear-gradient(#BE0601, #AD0501 60%, #14143C);}
.btn.fortune-teller-stage {background-image: -webkit-linear-gradient(#4601C1, #3501C1 60%, #14143C);background-image: linear-gradient(#4601C1, #3501C1 60%, #14143C);}
.btn.alliance-event-ends {background-image: -webkit-linear-gradient(#360095, #250095 60%, #14143C);background-image: linear-gradient(#360095, #250095 60%, #14143C);}
.btn.portal,.btn.alliance-portal {background-image: -webkit-linear-gradient(#00DCE2, #00CBE2 60%, #14143C);background-image: linear-gradient(#00DCE2, #00CBE2 60%, #14143C);}
.btn.fallen, .btn.fallen-knights {background-image: -webkit-linear-gradient(#A7E200, #98D100 60%, #14143C);background-image: linear-gradient(#A7E200, #98D100 60%, #14143C);}
.btn.kingdom-threat-golem {background-image: -webkit-linear-gradient(#BE0601, #AD0501 60%, #14143C);background-image: linear-gradient(#BE0601, #AD0501 60%, #14143C);}


.ui-draggable, .ui-droppable {
  background-position: top;
}

.pre { white-space: pre;}