.weatherIconHeader h2,
.weatherIconHeader .wiText {
    display: none;
}

.weatherIconHeader {
    position: relative;
    top: 1px;
    font: normal 700 0.938rem/1.3 'Open Sans', Arial, sans-serif;
    color: rgb(255,255,255);
    padding: 0;
    margin: 0.8em 0.8em 0 0;
    border: none;
    cursor: pointer;
    display: inline-block;
    background: none;
}

.flatWeatherPlugin .wiToday > .wiIconGroup p,
.flatWeatherPlugin .wiToday .wiIconGroup div.wi,
.flatWeatherPlugin div.wiToday > p.wiTemperature {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}

.wiIconGroup {
    display: inline-block;
    margin-left: 0.5rem;
}

.flatWeatherPlugin .wiToday > .wiIconGroup,
.flatWeatherPlugin div.wiToday > p.wiTemperature {
    width: auto;
}
.wi:before,
.wi:after {
    line-height: inherit;
}


#modalHeaderWeather #weatherCont {
    margin-bottom: 2rem;
}
#modalHeaderWeather .flatWeatherPlugin h2 {
    font-size: 1.2rem;
    text-align: center;
    margin-bottom: 2rem;
}

#modalHeaderWeather .wiToday {
    max-width: 300px;
    margin: auto;
}

#modalHeaderWeather .flatWeatherPlugin .wiToday > .wiIconGroup {
    border-left: 1px solid rgb(233,236,239);
    padding-top: 1rem;
    padding-bottom: 1rem;
}

#modalHeaderWeather .flatWeatherPlugin .wiDetail p.wiDay {
    margin-top: 2rem;
}

#modalHeaderWeather .wiIconGroup,
#modalHeaderWeather .wiTemperature {
    width: 50%;
}
#modalHeaderWeather .wiTemperature {
    float: none;
    font-size: 1.7rem;
    padding-top: 1.5rem;
}

#modalHeaderWeather .wi,
#modalHeaderWeather .flatWeatherPlugin .wiDetail ul,
#modalHeaderWeather .flatWeatherPlugin .wiDetail ul + ul,
#modalHeaderWeather .flatWeatherPlugin .wiDetail ul + ul + ul {
    font: normal 400 0.9rem/1.5 'Open Sans', Arial, sans-serif !important;
}
#modalHeaderWeather .flatWeatherPlugin .wiDetail ul > li {
    padding: 0.3rem 0;
    /*display: block;*/
}

#modalHeaderWeather .flatWeatherPlugin ul.wiForecasts {
    margin-top: 2rem;
}

#modalHeaderWeather .flatWeatherPlugin ul.wiForecasts li.wiDay {
    border-top-color: rgb(233,236,239);
    padding: 0.5rem 0;
}

#modalHeaderWeather .wi:before,
#modalHeaderWeather .wi:after {
    color: rgb(0,109,104);
}

@media only screen and (max-width: 460px) {
    #modalHeaderWeather .flatWeatherPlugin .wiDetail ul,
    #modalHeaderWeather .flatWeatherPlugin .wiDetail ul + ul,
    #modalHeaderWeather .flatWeatherPlugin .wiDetail ul + ul + ul {
        float: none;
        width: 100%;
    }
    #modalHeaderWeather .flatWeatherPlugin .wiDetail ul > li {
        display: block;
        text-align: center;
    }
    #modalHeaderWeather .flatWeatherPlugin .wiDetail p.wiDay {
        text-align: center;
    }
}