@media (min-width: 992px) {
  .seven-columns .col-md-1,
  .seven-columns .col-sm-1,
  .seven-columns .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
}

.gold-shine {
  background: linear-gradient(45deg, transparent, gold, transparent);
  background-clip: text;
  -webkit-background-clip: text;
  color: gold;
  text-fill-color: transparent;
  animation: shine 2s infinite linear;
}

@keyframes shine {
  0% { background-position: -200% 0; }
  100% { background-position: 200% 0; }
}
.silver-shine {
    background: linear-gradient(45deg, transparent, silver, transparent);
    background-clip: text;
    -webkit-background-clip: text;
    color: silver;
    text-fill-color: transparent;
    animation: shine 2s infinite linear;
}

@keyframes shine {
    0% { background-position: -200% 0; }
    100% { background-position: 200% 0; }
}
.navbar-line{
    width:4px;
    min-width:4px;
    border-radius:2px;
    /*background-color:#24a2a6;*/
    background-color:#000;
    height:80px;
    margin-right:15px;
}
#battletree .winner, #battletree .loser{
    text-align:center;
    margin-top:5px;
    padding-left:5px;
    padding-right:5px;
    white-space:nowrap;
    overflow:hidden;
}
#battletree .winner{
    border:3px solid #fcb150;
    border-radius:5px;
    font-weight:bold;
}
#battletree .loser{
    border:3px solid #ccc;
    border-radius:5px;
}
#battletree .vs{
    width:10%;
    text-align:center;
    margin-top:18px;
    font-size:0.8em;
    display:none;
}
.robin-vs{
    width: 50px;
    font-weight: bold;
}
.robin-entrant{
    width: calc(50% - 53px);
}
.round-name{
    clear:both;
}
.battle-round{
    margin-bottom:40px;
}
.round{
    width: 20%;
    display: inline-block;
    vertical-align: top;
    margin-right:20px;
    position:relative;
    min-width:200px;
}
#battletree{
    white-space: nowrap;
    position:relative;
    overflow-x: scroll;
}
.battle{
    position:absolute;
    width:100%;
}
#battletree .line{
    position:absolute;
    border-left:3px solid #ccc;
    /*right:-20px;*/
    left:-14px;
    width:10px;
}
#battletree .line.top{
    border-bottom:3px solid #ccc;
}
#battletree .line.bottom{
    border-top:3px solid #ccc;
}
#battletree .line::before {
  content: "";
  position: absolute;
  left: -10px;
  width: 10px;
  height: 3px;
  background-color: #ccc;
}
#battletree .line.straight::before {
    width: 18px;
}
#battletree .line.top::before {
  top: -3px;
}
#battletree .line.bottom::before {
  top: 100%;
}
#battletree .line.alone::before {
    width: 0px;
}
.battle .battle-edit, .battle .battle-video{
    position: absolute;
    color: #000;
    font-size:0.8em;
    top: 23px;
    background-color: #fff;
    padding: 2px 5px;
    border: 2px solid #ccc;
    border-radius: 5px;
}
.battle .battle-edit{
    right:40px;
}
.battle .battle-video{
    right:10px;
}


.description-input{
    height:400px;
}