/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
.weather_widget_wrap{
    display: inline-block;text-align: center; max-width: 100%;  font-family: helvetica;border: 1px solid lightgray;
}
.weather_widget_wrap *{
    text-decoration-line: none;
}
.weather_widget_wrap img,.weather_widget_wrap.weather_widget_style1 img, .weather_widget_wrap a .weather_image_wrap img{
    box-shadow: none;
}
.weather_widget_wrap.tight {
    display: table;
    margin: 0 auto;
}
.weather_widget_wrap.weer-widget a{
    text-decoration: none;
}
.weather_widget_wrap.maxwidth{
    display: block;
    width: 100%;
}

.weather_widget_style1 .main_wrap {
    width: 100%;
    display: inline-block;
    padding: 0;
}
.weather_widget_style1 .weather_day_temp{
    font-size: 17px;
}


.widget-bg-mask{
    background-image: url('./widget_masked.svg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 50px;
    margin-bottom: -2px;
}

.weather_widget_title {
    padding: 5px 0;
    font-size: 20px;
    text-align: center;
}

.weather_widget_style1 .weather_center_wrap {
    display: block;
    margin-top: 8px;
    justify-content: center;
    padding: 0;
    height: inherit;
}
.weather_widget_style1 .weather_data_wrap{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 15px;
}

.weather_widget_style1 .super-small .weather_data_wrap{
    display: block;
}

.weather_widget_style1 .weather_temp{
    font-size: 48px;
}
.weather_widget_style1 .weather_temp_wrap{
    margin: 0 auto;
    margin-bottom: -14px;
}
.weather_widget_style1 .weather_sunrise, .weather_widget_style1 .weather_sunset{
    margin-top: 0;
}

.sun-section{
    background-image: url('line.svg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: flex;
    justify-content: space-between;
    padding: 0 10%;
    margin-top: 45px;
    height: 70px;
}

.sun-label{
    color: #dcdcdc;
    font-size: 11px;
    margin-top: -30px;
}

.sun-value{
    font-size: 12px;
    font-weight: bold;
}

.weather_temp_wrap {
    margin-left: 20px;
    line-height: 66px;
}

.weather_temp {
    font-size: 52px;
}
.weather_temp_type{
    font-size: 20px;
}

.weather_widget_style1 .weather_image{
    vertical-align: text-top;
    max-height: 55px;
}
.weather_widget_style1 .weather_image_wrap{
    width: 90px;
    margin: 0 auto;
}

.weather_widget_style1 .weather_temp_type{
    font-size: 14px;
    margin-left: -15px;
}

.weather_description{
    font-size: 25px;
    margin-top: 8px;
    text-align: center;
}
.weather_sunrise{
    margin-top:20px;font-size:12px;
}
.weather_sunset{
    margin-top:8px;font-size:12px;
}
.weather_data_wrap{
    font-size: 14px;margin: 20px auto 0 auto;text-align:left; display: inline-block;
}
.weather_humidity{
    background: url('./humidity.svg');background-repeat: no-repeat;padding-left: 25px; background-size: 12px;    background-position-x: 3px;line-height: 20px
}
.weather_wind{
    margin-top:15px;background: url('./wind.svg');background-repeat: no-repeat;    padding-left: 25px; background-size: 26px; background-position-y: 6px;background-position-x: -6px;line-height: 20px
}
.weather_rain{
    margin-top:15px;background: url('./rain.svg');background-repeat: no-repeat;padding-left: 25px; background-size: 18px;line-height: 20px
}
.weather_widget_style1 .weather_days_wrap{
    margin: 0 auto;display:flex;flex-wrap:wrap;justify-content: center;padding-bottom: 10px;background: white;color:black;
}
.weather_day_wrap{
    padding: 13px 16px;
}
.weather_widget_style1  .weather_day_name{
    font-size: 13px;margin-top:6px;font-weight: bold;line-height: 20px;
}
.weather_day_image{
    width: 50px;margin: 0 auto;height: 30px !important;
}
.weather_day_image_wrap{
    width: 50px;margin: 4px auto;height: 30px;
}
.weather_day_temp{
    font-size: 14px;
    margin-top:6px;
    text-align: center;
}

.weather_widget_style1 .weather_data_wrap div{
    margin:  0;
    font-weight: bold;
}
.weather_widget_style1 .weather_humidity{
    background-size: inherit;
    background-position-x: inherit;
    background-position-y: center;
    line-height: inherit;
    margin: 0;
}
.weather_widget_style1 .weather_wind{
    background-size: inherit;
    background-position-x: inherit;
    background-position-y: center;
    line-height: inherit;
    margin: 0;
}
.weather_widget_style1 .weather_rain{
    background-size: inherit;
    background-position-x: inherit;
    background-position-y: center;
    line-height: inherit;
    margin: 0;
}



.weather_widget_style1 .main_wrap.super-small .weather_widget_title{
    font-size: 15px;
    padding: 8px;
}
.main_wrap.super-small .weather_temp{
    font-size: 30px;
}
.weather_widget_style1 .main_wrap.super-small .weather_center_wrap{
    margin-top: 0;
    height: inherit;
}
.weather_widget_style1 .main_wrap.super-small .weather_image_wrap{
    width: 50px;
}
.weather_widget_style1 .main_wrap.super-small .weather_temp_wrap {
    margin-left: inherit;
    line-height: inherit;
}
.main_wrap.super-small .weather_description {
    font-size: 16px;
}
.main_wrap.super-small .weather_day_wrap {
    padding: 13px 9px;
}
.weather_widget_style1 .main_wrap.super-small .weather_data_wrap {
    font-size: 11px;
    margin-top: 25px;
}



.main_wrap.small .weather_widget_title{
    font-size: 18px;
    padding: 8px 0;
}
.main_wrap.small .weather_description {
    font-size: 18px;
}
.main_wrap.small .weather_day_wrap {
    padding: 13px 10px;
}

.weather_widget_style1 div{
    box-sizing: border-box;
}
.weather_widget_style1 .super-small .weather_data_wrap div{
    margin: 7px auto;
    width: 76px;
}
.weather_widget_style1 .super-small .sun-section{
    padding:  0 2%;
    height: 60px;
}
.weather_widget_style1 .super-small .sun-label{
    font-size: 9px;
}

.main_wrap.super-small .weather_data_wrap, .main_wrap.small .weather_data_wrap{
    flex-wrap: wrap;
}

.weather_widget_style1 .super-small .weather_temp_type {
    font-size: 9px;
    margin-left: -9px;
}