div.weather2-item {
    border: none;
    background: transparent;
    margin: 0;
    padding: 1rem 2rem;
    text-align: left;
    border: 1px solid rgb(var(--c-neutral-lightest));
    border-radius: var(--b-radius-l);
}

.content .tx-weather2 {
    border: 1px solid rgb(var(--c-neutral-dark));
}

.page.-sub div.weather2-item {
    margin: 0;
    padding: 1.2rem 1.5rem;
}

div.weather2-item .primary {
    display: grid;
    grid-template-rows: repeat(3, auto);
}

div.weather2-item .weather-header a,
div.weather2-item .weather-header h3 {
    text-align: left;
}

div.weather2-item .primary .weather-data {
    padding: 0;
}
div.weather2-item .primary .weather-data p {
    color: rgb(var(--c-neutral-lightest));
    text-align: right;
    line-height: 140%;
}
div.weather2-item .primary .weather-data p.temperature {
    font-size: var(--f-size-l-2);
    font-family: var(--f-family-b);
    color: rgb(var(--c-neutral-lightest));
}
div.tx-weather2 .secondary {
    display: block;
    line-height: 140%;
}
.weather-wrap {
    display: grid;
    margin-top: 0.5rem;
    grid-template-columns: 3fr 2fr;
}

.weather-header {
    color: rgb(var(--c-neutral-lightest));
    font-size: var(--f-size-l-2);
    margin-bottom: 0.3rem;
    font-family: var(--f-family-m);
}
.weather-header .city {
    color: rgb(var(--c-neutral-dark));
}
.weather-icon {
    padding: 0;
    align-self: center;
    float: none;
    justify-self: flex-end;
}

.weather-icon img {
    max-height: 120px;
    object-fit: none;
    height: auto;
    width: auto;
}

/* =============================================================================
   Media Queries
   ========================================================================== */


@media (min-width: 400px) {

}