.bh-weather {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    color: #9c9c9c;
    font-family: sans-serif;
    font-size: 13px;
}

.bh-weather-monochrome .bh-weather {
    color: inherit;
}

.bh-weather-date {
    font-size: 14px;
}

.bh-weather-date-readable {
    font-size: 18px;
    color: #000000;
    letter-spacing: -0.3px;
}

.bh-weather-day {
    box-sizing: content-box;

    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
    border-right: 1px solid #ebebeb;
    min-width: 150px;
}

.bh-weather-day:last-child {
    border-right: 0px;
}

[data-days="2"] .bh-weather-day {
    width: 50%;
}
[data-days="3"] .bh-weather-day {
    width: 33.3333%;
}
[data-days="4"] .bh-weather-day {
    width: 25%;
}
[data-days="5"] .bh-weather-day {
    width: 20%;
}
[data-days="6"] .bh-weather-day {
    width: 16.666667%;
}
[data-days="7"] .bh-weather-day {
    width: 14.2%;
}

.bh-weather-icon {
    width: 100%;
    height: 80px;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: center center;
}

.bh-weather-temp-wrapper {
    font-family: sans-serif;
    font-size: 20px;
    letter-spacing: -0.3px;
}

.bh-weather-temp-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bh-weather-temp-wrapper > div {
    width: 50%;
    line-height: 40px;
}

.bh-weather-temp-min-wrapper {
    color: #4a90e2;
    border-bottom: 3px solid rgba(73, 144, 227, 0.2);
}
.bh-weather-temp-max-wrapper {
    color: #d0001a;
    border-bottom: 3px solid rgba(208, 4, 26, 0.2);
}

.bh-weather-monochrome .bh-weather .bh-weather-temp-max-wrapper,
.bh-weather-monochrome .bh-weather .bh-weather-temp-min-wrapper {
    color: inherit;
    border-bottom: 0px;
}

.bh-weather-monochrome .bh-weather .bh-weather-temp-max-wrapper:before,
.bh-weather-monochrome .bh-weather .bh-weather-temp-min-wrapper:before {
    content: "max: ";
    font-size: 11px;
}

.bh-weather-monochrome .bh-weather .bh-weather-temp-min-wrapper:before {
    content: "min: ";
}

.bh-weather-text {
    letter-spacing: -0.3px;
    line-height: 15px;
    margin-top: 10px;
}

/*** IN ZELEN ***/

.bh-weather-rows .bh-weather {
    display: block;
}

.bh-weather-rows .bh-weather-day {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-right: 0px;
}

.bh-weather-rows .bh-weather-icon {
    width: 110px;
    order: 1;
}

.bh-weather-rows .bh-weather-date {
    text-align: left;
    order: 2;
    margin-right: 18px;
}

.bh-weather-rows .bh-weather-temp-wrapper {
    display: block;
    width: 70px;
    order: 3;
}

.bh-weather-rows .bh-weather-temp-wrapper > div {
    width: 100%;
    border-bottom: 0px;
    line-height: 32px;
}

.bh-weather-rows .bh-weather-temp-min-wrapper {
    background: #edf4fc;
}

.bh-weather-rows .bh-weather-temp-max-wrapper {
    background: #fbe6e9;
}

.bh-weather-monochrome .bh-weather .bh-weather-temp-min-wrapper,
.bh-weather-monochrome .bh-weather .bh-weather-temp-max-wrapper {
    background: inherit;
}

.bh-weather-rows .bh-weather-text {
    margin-left: 20px;
    margin-top: 0px;
    order: 4;
}

/***** Fader *****/
.bh-weather.bh-swiper {
    display: block;
    align-items: inherit;
    justify-content: inherit;
}

.bh-weather.bh-swiper .bh-weather-day {
    border-right: 0px;
    padding: 0px;
    min-width: 0px;
}

.bh-weather.bh-swiper .bh-weather-icon {
    margin-bottom: 0px;
    margin-top: 5px;
}

/** BLACK **/
.bh-weather-black .bh-weather,
.bh-weather-black .bh-weather-date-readable {
    color: black;
}

/** WHITE **/
.bh-weather-white .bh-weather,
.bh-weather-white .bh-weather-date-readable {
    color: white;
}
.bh-weather-white .bh-weather-day {
    border-right-color: rgba(255, 255, 255, 0.2);
}

/*************/
/** Darksky **/
/*************/
.bh-weather-icon[data-icon="clear-day"] {
    background-image: url("../assets/default/clear-day.svg");
}
.bh-weather-icon[data-icon="clear-night"] {
    background-image: url("../assets/default/clear-night.svg");
}
.bh-weather-icon[data-icon="cloudy"] {
    background-image: url("../assets/default/cloudy.svg");
}
.bh-weather-icon[data-icon="fog"] {
    background-image: url("../assets/default/fog.svg");
}
.bh-weather-icon[data-icon="partly-cloudy-night"] {
    background-image: url("../assets/default/partly-cloudy-night.svg");
}
.bh-weather-icon[data-icon="partly-cloudy-day"] {
    background-image: url("../assets/default/partly-cloudy-day.svg");
}
.bh-weather-icon[data-icon="rain"] {
    background-image: url("../assets/default/rain.svg");
}
.bh-weather-icon[data-icon="sleet"] {
    background-image: url("../assets/default/sleet.svg");
}
.bh-weather-icon[data-icon="snow"] {
    background-image: url("../assets/default/snow.svg");
}
.bh-weather-icon[data-icon="wind"] {
    background-image: url("../assets/default/wind.svg");
}

/*** BLACK ****/
.bh-weather-black .bh-weather-icon[data-icon="clear-day"] {
    background-image: url("../assets/black/clear-day.svg");
}
.bh-weather-black .bh-weather-icon[data-icon="clear-night"] {
    background-image: url("../assets/black/clear-night.svg");
}
.bh-weather-black .bh-weather-icon[data-icon="cloudy"] {
    background-image: url("../assets/black/cloudy.svg");
}
.bh-weather-black .bh-weather-icon[data-icon="fog"] {
    background-image: url("../assets/black/fog.svg");
}
.bh-weather-black .bh-weather-icon[data-icon="partly-cloudy-night"] {
    background-image: url("../assets/black/partly-cloudy-night.svg");
}
.bh-weather-black .bh-weather-icon[data-icon="partly-cloudy-day"] {
    background-image: url("../assets/black/partly-cloudy-day.svg");
}
.bh-weather-black .bh-weather-icon[data-icon="rain"] {
    background-image: url("../assets/black/rain.svg");
}
.bh-weather-black .bh-weather-icon[data-icon="sleet"] {
    background-image: url("../assets/black/sleet.svg");
}
.bh-weather-black .bh-weather-icon[data-icon="snow"] {
    background-image: url("../assets/black/snow.svg");
}
.bh-weather-black .bh-weather-icon[data-icon="wind"] {
    background-image: url("../assets/black/wind.svg");
}

/*** WHITE ****/
.bh-weather-white .bh-weather-icon[data-icon="clear-day"] {
    background-image: url("../assets/white/clear-day.svg");
}
.bh-weather-white .bh-weather-icon[data-icon="clear-night"] {
    background-image: url("../assets/white/clear-night.svg");
}
.bh-weather-white .bh-weather-icon[data-icon="cloudy"] {
    background-image: url("../assets/white/cloudy.svg");
}
.bh-weather-white .bh-weather-icon[data-icon="fog"] {
    background-image: url("../assets/white/fog.svg");
}
.bh-weather-white .bh-weather-icon[data-icon="partly-cloudy-night"] {
    background-image: url("../assets/white/partly-cloudy-night.svg");
}
.bh-weather-white .bh-weather-icon[data-icon="partly-cloudy-day"] {
    background-image: url("../assets/white/partly-cloudy-day.svg");
}
.bh-weather-white .bh-weather-icon[data-icon="rain"] {
    background-image: url("../assets/white/rain.svg");
}
.bh-weather-white .bh-weather-icon[data-icon="sleet"] {
    background-image: url("../assets/white/sleet.svg");
}
.bh-weather-white .bh-weather-icon[data-icon="snow"] {
    background-image: url("../assets/white/snow.svg");
}
.bh-weather-white .bh-weather-icon[data-icon="wind"] {
    background-image: url("../assets/white/wind.svg");
}

/********************/
/** OPENWEATHERMAP **/
/********************/
.bh-weather-icon[data-icon="Clear"] {
    background-image: url("../assets/default/clear-day.svg");
}
.bh-weather-icon[data-icon="Clouds"] {
    background-image: url("../assets/default/cloudy.svg");
}
.bh-weather-icon[data-icon="Atmosphere"] {
    background-image: url("../assets/default/fog.svg");
}
.bh-weather-icon[data-icon="Few Clouds"] {
    background-image: url("../assets/default/partly-cloudy-day.svg");
}
.bh-weather-icon[data-icon="Rain"] {
    background-image: url("../assets/default/rain.svg");
}
.bh-weather-icon[data-icon="show rain"] {
    background-image: url("../assets/default/rain.svg");
}
.bh-weather-icon[data-icon="Drizzle"] {
    background-image: url("../assets/default/light-rain.svg");
}
.bh-weather-icon[data-icon="Thunderstorm"] {
    background-image: url("../assets/default/thunderstorm.svg");
}
.bh-weather-icon[data-icon="shower rain"] {
    background-image: url("../assets/default/rain.svg");
}
.bh-weather-icon[data-icon="Snow"] {
    background-image: url("../assets/default/snow.svg");
}

/*** BLACK ****/
.bh-weather-black .bh-weather-icon[data-icon="Clear"] {
    background-image: url("../assets/black/clear-day.svg");
}
.bh-weather-black .bh-weather-icon[data-icon="Clouds"] {
    background-image: url("../assets/black/cloudy.svg");
}
.bh-weather-black .bh-weather-icon[data-icon="Few Clouds"] {
    background-image: url("../assets/black/partly-cloudy-day.svg");
}
.bh-weather-black .bh-weather-icon[data-icon="Atmosphere"] {
    background-image: url("../assets/black/fog.svg");
}
.bh-weather-black .bh-weather-icon[data-icon="Rain"] {
    background-image: url("../assets/black/rain.svg");
}
.bh-weather-black .bh-weather-icon[data-icon="shower rain"] {
    background-image: url("../assets/black/rain.svg");
}
.bh-weather-black .bh-weather-icon[data-icon="Drizzle"] {
    background-image: url("../assets/black/light-rain.svg");
}
.bh-weather-black .bh-weather-icon[data-icon="Thunderstorm"] {
    background-image: url("../assets/black/thunderstorm.svg");
}
.bh-weather-black .bh-weather-icon[data-icon="Snow"] {
    background-image: url("../assets/black/snow.svg");
}

/*** WHITE ****/
.bh-weather-white .bh-weather-icon[data-icon="Clear"] {
    background-image: url("../assets/white/clear-day.svg");
}
.bh-weather-white .bh-weather-icon[data-icon="Clouds"] {
    background-image: url("../assets/white/cloudy.svg");
}
.bh-weather-white .bh-weather-icon[data-icon="Few Clouds"] {
    background-image: url("../assets/white/partly-cloudy-day.svg");
}
.bh-weather-white .bh-weather-icon[data-icon="Atmosphere"] {
    background-image: url("../assets/white/fog.svg");
}
.bh-weather-white .bh-weather-icon[data-icon="Rain"] {
    background-image: url("../assets/white/rain.svg");
}
.bh-weather-white .bh-weather-icon[data-icon="shower rain"] {
    background-image: url("../assets/white/rain.svg");
}
.bh-weather-white .bh-weather-icon[data-icon="Drizzle"] {
    background-image: url("../assets/white/light-rain.svg");
}
.bh-weather-white .bh-weather-icon[data-icon="Thunderstorm"] {
    background-image: url("../assets/white/rain.svg");
}
.bh-weather-black .bh-weather-icon[data-icon="shower rain"] {
    background-image: url("../assets/black/thunderstorm.svg");
}
.bh-weather-white .bh-weather-icon[data-icon="Snow"] {
    background-image: url("../assets/white/snow.svg");
}