@media only screen and (min-width: 768px) {
    #qualitat-aire.qualitat-aire {
        max-width: 385px;
    }
}

#qualitat-aire {
    min-height: 95px;
    border-radius: 0 8px 8px 0;
}

/* Barcelonacat “la meva”: sense radi a l’esquerra (encaixa amb el widget temps). Mobilitat: radi a tot arreu a escriptori. */
@media only screen and (min-width: 768px) {
    #qualitat-aire.qualitat-aire.embed-barcelona-mobilitat {
        border-radius: 8px;
    }
}

#qualitat-aire.qualitat-aire.with-border {
    max-width: 555px;
    border-radius: 8px;
    border: 1px solid #f2f2f2;
    box-sizing: border-box;
}

#qualitat-aire.alert {
    font-family: 'Source Sans Pro', sans-serif;
    /* max-width: 236px; */
    height: 100px;
    border-radius: 0 8px 8px 0;
    background-color: #fff;
    z-index: 1;
}

#qualitat-aire a {
    top: 20px;
    font-size: 16px;
    color: #b6493a;
}

#qualitat-aire a i {
    background-color: #b6493a;
}

#qualitat-aire .station .station-name {
    bottom: 20px;
}

#qualitat-aire .qualitat-aire-navegacio {
    bottom: 20px;
}


li.qualitat-aire-result:last-child p.qualitat-aire-estat {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

li.qualitat-aire-result p {
    white-space: nowrap;
}

#qualitat-aire .station .qualitat-aire-results .qualitat-aire-result span {
    top: 4px;
}

#qualitat-aire .station .qualitat-aire-results .qualitat-aire-result .qualitat-acronym {
    font-size: 12px;
    padding: 3px 0;
}

#qualitat-aire .station .qualitat-aire-results .qualitat-aire-result .qualitat-acronym sub {
    font-size: 10px;
    top: 5px;
    position: relative;
}

#qualitat-aire .station .qualitat-aire-results .qualitat-aire-result .qualitat-acronym { color: #2b3645; }

/* lameva + Mobilitat (lameva template): two pollutants on first row, third full-width — all viewports */
#qualitat-aire.qualitat-aire .station .qualitat-aire-results {
    flex-wrap: wrap;
    row-gap: 2px;
}

#qualitat-aire.qualitat-aire .station .qualitat-aire-results .qualitat-aire-result:nth-child(3) {
    flex: 0 0 100%;
    margin-right: 0;
}

@media only screen and (max-width: 767px) {
    #qualitat-aire-i {
        width: 100%;
        min-width: 100%;
    }

    #qualitat-aire .station .qualitat-aire-results .qualitat-aire-result .qualitat-acronym {
        line-height: 1.2;
    }

    #qualitat-aire .station .qualitat-aire-results .qualitat-aire-result span {
        top: 0;
    }

    #qualitat-aire .station .qualitat-aire-results .qualitat-aire-result .qualitat-acronym sub {
        position: static;
        top: auto;
        line-height: 1.1;
        vertical-align: sub;
    }
}

@media screen and (width: 768px) {
    iframe#qualitat-aire-i {
        height: 127px !important;
        width: 385px !important;
    }
}

@media only screen and (device-width: 768px) {
    #qualitat-aire.qualitat-aire {
        height: 127px;
        width: 385px;
    }

    #qualitat-aire * { transform: scale(.98); }
    #qualitat-aire a { top: 15px; font-size: 13px; }
    #qualitat-aire a i { font-size: 10px; }
    #qualitat-aire .qualitat-aire-navegacio { bottom: 15px; }
    #qualitat-aire .qualitat-aire-navegacio i { font-size: 12px; margin: 0 1px; }
    #qualitat-aire .station .station-name { top: 20px; left: 40px; }
    #qualitat-aire .station .qualitat-aire-results { top: -3px; }
}