.tb-weather-list--horizontal {
    margin-top: theme('margin.4');
    text-align: left;
}

.tb-weather-copyright {
    text-align: left;
}

.tb-weather {
    font-size: 1rem;
}

.tb-weather-icon {
    fill: theme('colors.gray');
}

.tb-weather-forecast-header__icon {
    color: theme('orange');
}

.tb-weather__temperature + .tb-weather__temperature {
    font-size: 1rem;
}

.tb-weather-list {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tb-weather-list--horizontal .tb-weather-list__item + .tb-weather-list__item {
    margin-top: 1rem;
}

.tb-weather-date {
    margin-bottom: .25rem;
}

@screen md {
    .tb-weather {
        font-size: 2rem;
    }

    /* stylelint-disable */
    .tb-weather-list {
        flex-wrap: wrap;
        flex-direction: row;

        // Upper rule is for IE and Edge.
        justify-content: space-around;
        // Lower rule is for modern browsers.
        justify-content: space-evenly;
    }
    /* stylelint-enable */

    .tb-weather-copyright {
        text-align: center;
        width: 100%;
    }

    .tb-weather-list--horizontal .tb-weather-list__item + .tb-weather-list__item {
        margin-top: 0;
    }
}
