/* PLACE YOUR CUSTOM STYLES IN THIS FILE */
.match_history {
 color: unset;
}

.hexagon > img {
    background: var(--stone);
    border: 2px solid var(--edge-light);
    border-radius: 2px;
}
.ring-container {
    position: relative;
}

.circle-online {
    width: 15px;
    height: 15px;
    background-color: var(--verdant);
    border-radius: 50%;
    position: absolute;
    top: 23px;
    left: 23px;
}
.circle-offline {
    width: 15px;
    height: 15px;
    background-color: var(--ember);
    border-radius: 50%;
    position: absolute;
    top: 23px;
    left: 23px;
}
.ringring-online {
    border: 3px solid var(--verdant);
    -webkit-border-radius: 30px;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 18px;
    top: 18px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0
}
.ringring-offline {
    border: 3px solid var(--ember);
    -webkit-border-radius: 30px;
    height: 25px;
    width: 25px;
    position: absolute;
    left: 18px;
    top: 18px;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 0.0
}
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}
.raid-over {
    margin-top: -25px;
    margin-left: -45px;
}
.arena-activity {
    height: 10vh;
}
.spacer_top {
    height: 0px;
}
@media only screen and (max-width: 768px) {
    .spacer_top {
        height: 50px;
    }
    .arena-activity {
        height: 30vh;
    }
}
.gradient-orange {
    background: linear-gradient(90deg, var(--water) 0%, var(--arcane) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.nk-blog-container-inset {
    margin-top: 180px;
}
@media (max-width: 991px) {
    .nk-blog-container-inset {
        margin-top: 110px;
    }
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield !important;
}

/* Info page header*/
.info-header {
    max-height: 180px;
    background-color: var(--stone);
    background-image: url('/assets/images/wallpapers/wall1.jpg');
    background-size: 100%
}