@charset "utf-8";


.asMapLevelSelectContainer{
    width: var(--LevelSelect-Width);
    background-color:#111;
    height: calc(100vh - 100px);
}


.asMapLevel{
    background-color:var(--Dark-Grey);
    width: var(--LevelSelect-Width);
    height: calc((100vh - 100px) * .1428);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left:5px;
    padding-right:5px;
    margin:0px;

}

.asMapLevel.active, .asMapLevel:hover{
    background-color:var(--Athletics-Kelly-Green);
    border-left: 5px solid var(--Athletics-Gold, #EFB21E);
    padding-left:0px;
    padding-right:5px;
    cursor: pointer;
}

.asMapLevel h1{
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding:0px;
    margin:0px;
}
.asMapLevel.active h1, .asMapLevel:hover h1{
    color: var(--Athletics-Gold, #EFB21E);
}

.asMapLevel h2{
    color: var(--White, #FFF);
    text-align: center;
    font-family: "Proxima Nova";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    padding:0px;
    margin:0px;
}