/* Overlay */
#wap-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.35);
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:999999;
}
.wap-high-low {
    text-align: right;
}
/* Card */
#wap-weather-card{
    width:160px;
    background:#202020;
    border-radius:14px;
    padding:14px;
    color:#fff;
    font-family:Arial,Helvetica,sans-serif;
    box-shadow:0 15px 35px rgba(0,0,0,.35);
    position:relative;
    animation:wapFade .25s ease;
}

#wap-weather-card .wap-close {
    background: transparent;
    position: absolute;
    right: 10px;
    top: 10px;
    border: none !important;
    width: 20px;
    height: 20px;
    color: #fff;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0px;
    font-weight: 400;
}
.wap-weather-row {
    display: flex;
    align-items: center;
    justify-content: start;
}
.wap-city {
    font-family: "Libre Franklin", Sans-serif;
    font-size: 0.9375em;
    font-weight: 400;
    line-height: 1em;
    letter-spacing: 1px;
}

/* Icon */
.wap-icon{
    text-align:center;
    margin-bottom:6px;
}

.wap-icon img{
    width:46px;
    height:46px;
}

/* Temp */
.wap-temp{
    text-align:center;
    font-size:25px;
    font-weight:700;
}

/* High Low */

.wap-hi-low{
    display:flex;
    justify-content:center;
    gap:12px;
    font-size:15px;
    margin-bottom:12px;
}

.wap-hi{
    color:#fff;
}

.wap-low{
    color:#ddd;
}

/* Divider */

.wap-divider{
    border-top:1px solid rgba(255,255,255,.15);
    margin:10px 0;
}

/* Notice */

.wap-title{
    text-align:center;
    font-size:12px;
    color:#bcbcbc;
    font-weight:700;
    letter-spacing:.4px;
    margin-bottom:10px;
}

/* Badge */
/* Badge */

.wap-badge{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin-top:6px;
    font-size:14px;
    font-weight:700;
}

.wap-badge-icon{
    width:22px;
    height:22px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:13px;
    line-height:1;
    flex-shrink:0;
}

/* Active */

.wap-badge.active{
    color:#75CA48;
}

.wap-badge.active .wap-badge-icon{
    background:#75CA48;
    color:#FFFFFF;
}

/* Inactive */

.wap-badge.inactive{
    color:#E53935;
}

.wap-badge.inactive .wap-badge-icon{
    background:#E53935;
    color:#FFFFFF;
}
.wap-badge-icon i{
    color:#fff;
    font-size:12px;
}
span.wap-badge-icon svg {
    width: 15px !important;
    height: 15px;
}
span.tour_status {
    font-family: "Barlow Condensed", Sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.25em;
    letter-spacing: -0.3px;
}
@keyframes wapFade{
    from{
        transform:translateY(10px);
        opacity:0;
    }
    to{
        transform:none;
        opacity:1;
    }
}