/*---- DESTINATION CIRCLE GRAPHICS ----*/
/*---- HOVER TEXT FOR SPACES ----------*/
#destination_circles{
    z-index: 3000;
    position:absolute;
    left: 0px;
    top: 0px;
}
.destination_circle{
    width:160px;
    height:160px;
    border-radius: 50%;
    background-size: contain;
    margin: auto;
    width: 200px;
    height: 200px;
    background-size: contain;
    margin: auto;
    background-position: top, center;
    background-repeat: no-repeat;
    background-size: auto;
    background-size: 200px;
}
.destination_circle.async{
    border:solid 8px #F47D54;
}
.destination_circle .pillcontainer{
    height:34px;
    margin:auto;
    display: flex;
    position: absolute;
    bottom: -20px;
    left:0;
    right:0;
}
.destination_circle .pill{
    background:#494E53;
    border-radius: 16px;
    padding:6px;
    padding-right: 12px;
    padding-left: 12px;
    margin:auto;
}
.pill .icon{
    width: 20px;
    height: 20px;
    vertical-align: sub;
}
.pill .text{
    color:white;
    font-size: 16px;
}
.space .hover_text{
    display: none;
    font-size: 3rem;
    text-align: center;
}
.space .hover_text.hover_in{
    animation-name: text-pop-up-top;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.hover_text{
    font-family: 'trailhead_bold2regular';
    font-size:6rem;
    color:#EEE;
    text-align: center;
    left: 0px;
    right: 0px;
    margin-top:35px;
}