#wpc-weather.theme1 {
box-sizing: border-box;
display: inline-block;
font-family: helvetica neue,arial;
font-size: 14px;
line-height: 24px;
margin: 0;
padding: 0;
width: 300px;
color: #2A292B;
display: block;
}
#wpc-weather.theme1 #wpc-geolocation-addon .wpc-set-location {
right: -40px;
top: 0;
}
#wpc-weather.theme1 .wpc-toggle-infos {
max-height: 0;
opacity: 0;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
visibility: hidden;
}
#wpc-weather.theme1 .wpc-toggle-infos.wpc-slide-down {
display: inline-block;
max-height: 552px;
opacity: 1;
-webkit-transition: all 400ms ease 0s;
transition: all 400ms ease 0s;
visibility: visible;
width: 100%;
list-style: none;
}
#wpc-weather.theme1 .infos {
color: #fff;
background: none repeat scroll 0 0 #2179FF;
}
#wpc-weather.theme1 .top {
background: none repeat scroll 0 0 #E4E4E4;
display: inline-block;
padding: 1% 3%;
width: 100%;
}
#wpc-weather.theme1 .top .day {
float: left;
width: 50%;
text-align: left;
}
#wpc-weather.theme1 .top .location_name {
float: right;
width: 50%;
text-align: right;
}
#wpc-weather.theme1 .top .day, #wpc-weather.theme1 .top .location_name {
font-size: 14px;
}
#wpc-weather.theme1 .top .day .wpc-highlight {
display: inline;
}
#wpc-weather.theme1 .now {
background: none repeat scroll 0 0 #FFFFFF;
display: inline-block;
padding: 1% 3%;
width: 100%;
position: relative;
}
#wpc-weather.theme1 .now .time_symbol {
float: left;
width: 50%;
padding: 1%;
text-align: left;
}
#wpc-weather.theme1 .now .time_symbol svg {
height: 80px;
margin-bottom: 0;
width: 80px;
}
#wpc-weather.theme1 .now .short_condition {
clear: left;
color: #A5A8B3;
float: left;
margin: 0;
padding-left: 5%;
text-align: left;
width: 100%;
}
#wpc-weather.theme1 .now .time_temperature {
float: right;
font-size: 34px;
line-height: 100px;
margin: 0;
text-align: right;
width: 50%;
}
#wpc-weather.theme1 .now .time_temperature:after {
font-size: 44px !important;
}
#wpc-weather.theme1 .today .time_temperature_ave {
float: none;
text-align: center;
width: 100%;
}
#wpc-weather.theme1 .hours .temperature .wpc-highlight, 
#wpc-weather.theme1 .temp_max .wpc-highlight,
#wpc-weather.theme1 .today .time_temperature_ave .wpc-highlight, 
#wpc-weather.theme1 .today .time_temperature_max .wpc-highlight {
display: inline-block;
}
#wpc-weather.theme1 .infos .sun_hours {
float: right;
height: 100px;
line-height: 30px;
text-align: center;
width: 60%;
}
#wpc-weather.theme1 .infos .sun_hours .sunrise, #wpc-weather.theme1 .infos .sun_hours .sunset {
display: block;
width: 100%;
line-height: 30px;
clear: both;
float: right;
}
#wpc-weather.theme1 .infos .wind, 
#wpc-weather.theme1 .infos .humidity,
#wpc-weather.theme1 .infos .pressure, 
#wpc-weather.theme1 .infos .cloudiness {
display: inline-block;
float: right;
height: 30px;
margin: 0;
position: relative;
text-indent: -9999px;
top: 0px;
width: 49%;
}
#wpc-weather.theme1 .infos .precipitation {
float: left;
height: 100px;
line-height: 40px;
margin: 10px 0;
text-indent: -9999px;
width: 40%;
}
#wpc-weather.theme1 .infos .precipitation span:before {
content: "\e045";
font-family: 'Climacons-Font';
font-size: 26px;
font-weight: normal;
left: 17%;
position: absolute;
text-align: center;
top: 25px;
}
#wpc-weather.theme1 .infos .wpc-highlight {
display: block;
font-weight: 700;
text-indent: 0;
}
#wpc-weather.theme1 .infos .wind span:before, 
#wpc-weather.theme1 .infos .humidity span:before, 
#wpc-weather.theme1 .infos .pressure span:before, 
#wpc-weather.theme1 .infos .cloudiness span:before {
font-family: 'Climacons-Font';
font-size: 26px;
font-weight: normal;
left: 10%;
position: absolute;
text-align: center;
top: 25px;
}
#wpc-weather.theme1 .infos .wind span:before {
content: "\e021";
}
#wpc-weather.theme1 .infos .humidity span:before {
content: "\e00C";
}
#wpc-weather.theme1 .infos .pressure span:before {
content: "\e049";
}
#wpc-weather.theme1 .infos .cloudiness span:before {
content: "\e000";
}
#wpc-weather.theme1 .infos .sun_hours .sunrise:before {
content: "\e02a";
}
#wpc-weather.theme1 .infos .sun_hours .sunset:before {
content: "\e029";
}
#wpc-weather.theme1 .infos .sun_hours .sunrise:before, 
#wpc-weather.theme1 .infos .sun_hours .sunset:before {
font-family: Climacons-Font;
font-size: 30px;
padding-right: 5%;
vertical-align: middle;
}
#wpc-weather.theme1 .wpc-btn-toggle-infos {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
border-radius: 0;
bottom: 0;
float: right;
position: absolute;
right: 0;
cursor: pointer;
}
#wpc-weather.theme1 .wpc-btn-toggle-infos .icon-bar {
background: none repeat scroll 0 0 #CCCCCC;
display: block;
height: 2px;
margin-bottom: 4px;
width: 30px;
}
#wpc-weather.theme1 .hours {
background: none repeat scroll 0 0 #F3F3F3;
border-bottom: 1px solid #E1E1E1;
border-top: medium none;
display: inline-block;
margin-bottom: 0;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
width: 100%;
}
#wpc-weather.theme1 .hours .first, 
#wpc-weather.theme1 .hours .second, 
#wpc-weather.theme1 .hours .third,
#wpc-weather.theme1 .hours .fourth, 
#wpc-weather.theme1 .hours .fifth,
#wpc-weather.theme1 .hours .sixth {
display: inline-block;
margin: 0 3% 0 0;
width: auto;
}
#wpc-weather.theme1 .forecast {
display: inline-block;
height: 120px;
margin: 0;
padding: 10px 0 0;
position: relative;
width: 100%;
}
#wpc-weather.theme1 .wpc-flexslider-forecast li > div:last-child {
border: none;
}
#wpc-weather.theme1 .today {
display: inline-block;
font-size: 24px;
height: 100px;
line-height: 100px;
text-align: center;
width: 100%;
}
#wpc-weather.theme1 .today .time_temperature_min {
display: inline;
float: none;
margin-right: 0;
text-align: center;
width: auto;
}
#wpc-weather.theme1 .today .time_temperature_max {
display: inline;
float: none;
text-align: center;
width: auto;
}
#wpc-weather.theme1 .forecast .first,
#wpc-weather.theme1 .forecast .second,
#wpc-weather.theme1 .forecast .third,
#wpc-weather.theme1 .forecast .fourth,
#wpc-weather.theme1 .forecast .fifth,
#wpc-weather.theme1 .forecast .sixth,
#wpc-weather.theme1 .forecast .seventh,
#wpc-weather.theme1 .forecast .eighth,
#wpc-weather.theme1 .forecast .ninth,
#wpc-weather.theme1 .forecast .tenth,
#wpc-weather.theme1 .forecast .eleventh,
#wpc-weather.theme1 .forecast .twelfth,
#wpc-weather.theme1 .forecast .thirteenth,
#wpc-weather.theme1 .forecast .fourteenth,
#wpc-weather.theme1 .forecast .fifteenth {
border-right: 1px solid #E1E1E1;
display: inline-block;
width: 31%;
}
#wpc-weather.theme1 .forecast .day {
float: none;
text-transform: capitalize;
width: 100%;
text-align: center;
}
#wpc-weather.theme1 .forecast .symbol {
float: none;
width: 100%;
text-align: center;
}
#wpc-weather.theme1 .forecast .temp_min {
float: none;
margin-right: 0;
text-align: center;
width: 100%;
color: #2179FF;
}
#wpc-weather.theme1 .forecast .temp_max {
float: none;
text-align: center;
width: 100%;
color: #FD5B19;
}
#wpc-weather.theme1 #wpc-map-container {
border: medium none;
box-shadow: none;
padding: 0;
width: 100%;
}
#wpc-weather .today .day {
width: 100%;
padding: 0 10px;
}   #wpc-weather.theme2 {
box-sizing: border-box;
display: inline-block;
font-family: helvetica neue,arial;
font-size: 14px;
line-height: 24px;
margin: 0;
padding: 2% 5% 0;
width: 100%;
border-radius: 5px;
color: #ffffff;
display: block;
position: relative; background-image:-moz-linear-gradient(2% 0% -63deg,rgb(92,173,178) 0%,rgb(22,131,138) 100%); background-image:-webkit-gradient(linear,2% 0%,87% 101%,color-stop(0, rgb(92,173,178)),color-stop(1, rgb(22,131,138))); background-image:-webkit-linear-gradient(-63deg,rgb(92,173,178) 0%,rgb(22,131,138) 100%); background-image:-o-linear-gradient(-63deg,rgb(92,173,178) 0%,rgb(22,131,138) 100%); background-image:-ms-linear-gradient(-63deg,rgb(92,173,178) 0%,rgb(22,131,138) 100%);
background-image:linear-gradient(-63deg,rgb(92,173,178) 0%,rgb(22,131,138) 100%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5cadb2,endColorstr=#ff16838a,GradientType=1)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5cadb2,endColorstr=#ff16838a,GradientType=1);
}
#wpc-weather.theme2 #wpc-geolocation-addon {
box-sizing: border-box;
left: 34px;
position: absolute;
top: 10px;
}
#wpc-weather.theme2 #wpc-geolocation-addon .wpc-set-location {
padding: 6px 12px;
right: 0;
top: 0;
}
#wpc-weather.theme2 #wpc-geolocation-addon .wpc-set-location {
background: none repeat scroll 0 0 #5bacb2;
}
#wpc-weather.theme2 .wpc-toggle-infos {
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
height: 0;
opacity: 0;
visibility: hidden;
}
#wpc-weather.theme2 .wpc-toggle-infos.wpc-show {
display: inline-block;
opacity: 1;
-webkit-transition: all 400ms ease 0s;
transition: all 400ms ease 0s;
visibility: visible;
width: 100%;
list-style: none;
}
#wpc-weather.theme2 .wpc-toggle-infos.wpc-hide {
display: none;
opacity: 0;
-webkit-transition: all 400ms ease 0s;
transition: all 400ms ease 0s;
visibility: visible;
width: 100%;
list-style: none;
}
#wpc-weather.theme2 .wpc-toggle-now.wpc-hide {
display: none;
-webkit-transition: all 400ms ease 0s;
transition: all 400ms ease 0s;
}
#wpc-weather.theme2 .infos {
color: #fff;
}
#wpc-weather.theme2 .top {
display: inline-block;
padding: 1% 3%;
width: 100%;
}
#wpc-weather.theme2 .top .day {
float: left;
width: 50%;
text-align: left;
}
#wpc-weather.theme2 .top .location_name {
float: right;
width: 50%;
text-align: right;
}
#wpc-weather.theme2 .top .day, #wpc-weather.theme2 .top .location_name {
font-size: 14px;
}
#wpc-weather.theme2 .top .day .wpc-highlight {
display: inline;
}
#wpc-weather.theme2 .now {
display: inline-block;
padding: 1% 3%;
width: 100%;
position: relative;
}
#wpc-weather.theme2 .now .time_symbol {
padding: 1%;
text-align: center;
width: 100%;
}
#wpc-weather.theme2 .now .time_symbol svg {
-webkit-text-fill-color:#fff;
-webkit-text-stroke-color: #fff;
color: #fff;
fill: #fff;
height: 80px;
margin-bottom: 0;
stroke: #fff;
width: 80px;
opacity: 0.8;
}
#wpc-weather.theme2 .now .short_condition {
clear: left;
float: left;
font-size: 13px;
margin: 0;
padding-left: 5%;
text-align: right;
width: 50%;
}
#wpc-weather.theme2 .now .location_name {
float: left;
font-size: 14px;
font-weight: bold;
margin-right: 1%;
opacity: 0.9;
text-align: right;
width: 49%;
}
#wpc-weather.theme2 .now .time_temperature {
float: right;
font-size: 14px;
margin: 0 0 0 1%;
text-align: left;
width: 49%;
opacity: 0.9;
}
#wpc-weather.theme2 .now .time_temperature:after {
font-size: 24px !important;
}
#wpc-weather.theme2 .today .time_temperature_ave {
float: none;
text-align: center;
width: 100%;
}
#wpc-weather.theme2 .hours .temperature .wpc-highlight, 
#wpc-weather.theme2 .temp_max .wpc-highlight,
#wpc-weather.theme2 .today .time_temperature_ave .wpc-highlight, 
#wpc-weather.theme2 .today .time_temperature_max .wpc-highlight {
display: inline-block;
}
#wpc-weather.theme2 .infos .sun_hours {
float: right;
height: 100px;
line-height: 100px;
text-align: center;
width: 60%;
}
#wpc-weather.theme2 .infos .wind, 
#wpc-weather.theme2 .infos .humidity,
#wpc-weather.theme2 .infos .pressure, 
#wpc-weather.theme2 .infos .cloudiness {
display: inline-block;
float: right;
height: 30px;
margin: 0;
position: relative;
text-indent: -9999px;
top: 0px;
width: 49%;
}
#wpc-weather.theme2 .infos .precipitation {
float: left;
height: 100px;
line-height: 40px;
margin: 10px 0;
text-indent: -9999px;
width: 40%;
}
#wpc-weather.theme2 .infos .precipitation span:before {
content: "\e045";
font-family: 'Climacons-Font';
font-size: 26px;
font-weight: normal;
left: 17%;
position: absolute;
text-align: center;
top: 25px;
}
#wpc-weather.theme2 .infos .wpc-highlight {
display: block;
font-weight: 700;
text-indent: 0;
}
#wpc-weather.theme2 .infos .wind span:before, 
#wpc-weather.theme2 .infos .humidity span:before, 
#wpc-weather.theme2 .infos .pressure span:before, 
#wpc-weather.theme2 .infos .cloudiness span:before {
font-family: 'Climacons-Font';
font-size: 26px;
font-weight: normal;
left: 10%;
position: absolute;
text-align: center;
top: 25px;
}
#wpc-weather.theme2 .infos .wind span:before {
content: "\e021";
}
#wpc-weather.theme2 .infos .humidity span:before {
content: "\e00C";
}
#wpc-weather.theme2 .infos .pressure span:before {
content: "\e049";
}
#wpc-weather.theme2 .infos .cloudiness span:before {
content: "\e000";
}
#wpc-weather.theme2 .infos .sun_hours .sunrise:before {
content: "\e02a";
}
#wpc-weather.theme2 .infos .sun_hours .sunset:before {
content: "\e029";
}
#wpc-weather.theme2 .infos .sun_hours .sunrise:before, 
#wpc-weather.theme2 .infos .sun_hours .sunset:before {
font-family: Climacons-Font;
font-size: 30px;
padding-right: 5%;
vertical-align: middle;
}
#wpc-weather.theme2 .wpc-btn-toggle-infos {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
border: medium none;
border-radius: 0;
cursor: pointer;
float: right;
position: absolute;
right: -15px;
top: 5px;
z-index: 1;
}
#wpc-weather.theme2 .wpc-btn-toggle-infos .icon-bar {
background: none repeat scroll 0 0 #fff;
border-radius: 50px;
display: block;
height: 2px;
margin-bottom: 4px;
width: 20px;
}
#wpc-weather.theme2 .hours {
border-bottom: 1px solid #137c82;
border-top: medium none;
display: inline-block;
margin-bottom: 0;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
width: 100%;
}
#wpc-weather.theme2 .hours .first, 
#wpc-weather.theme2 .hours .second, 
#wpc-weather.theme2 .hours .third,
#wpc-weather.theme2 .hours .fourth, 
#wpc-weather.theme2 .hours .fifth,
#wpc-weather.theme2 .hours .sixth {
display: inline-block;
margin: 0 3% 0 0;
width: auto;
}
#wpc-weather.theme2 .forecast {
display: inline-block;
margin: 0;
position: relative;
width: 100%;
}
#wpc-weather.theme2 .wpc-flexslider-forecast {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
display: inline-block;
position: relative;
width: 100%;
}
#wpc-weather.theme2 .wpc-flexslider-forecast li > div:last-child {
border: none;
}
#wpc-weather.theme2 .today {
display: inline-block;
font-size: 24px;
height: 100px;
line-height: 100px;
text-align: center;
width: 100%;
}
#wpc-weather.theme2 .today .time_temperature_min {
display: inline;
float: none;
margin-right: 0;
text-align: center;
width: auto;
}
#wpc-weather.theme2 .today .time_temperature_max {
display: inline;
float: none;
text-align: center;
width: auto;
}
#wpc-weather.theme2 .forecast .first,
#wpc-weather.theme2 .forecast .second,
#wpc-weather.theme2 .forecast .third,
#wpc-weather.theme2 .forecast .fourth,
#wpc-weather.theme2 .forecast .fifth,
#wpc-weather.theme2 .forecast .sixth,
#wpc-weather.theme2 .forecast .seventh,
#wpc-weather.theme2 .forecast .eighth,
#wpc-weather.theme2 .forecast .ninth,
#wpc-weather.theme2 .forecast .tenth,
#wpc-weather.theme2 .forecast .eleventh,
#wpc-weather.theme2 .forecast .twelfth,
#wpc-weather.theme2 .forecast .thirteenth,
#wpc-weather.theme2 .forecast .fourteenth,
#wpc-weather.theme2 .forecast .fifteenth {
border-bottom: 1px solid #137c82;
border-top: 1px solid #3a969b;
display: inline-block;
float: left;
padding: 5px 0;
width: 100%;
}
#wpc-weather.theme2 .forecast .fifteenth {
border: none;
}
#wpc-weather.theme2 .forecast .day {
color: #b1d6da;
float: left;
font-weight: bold;
text-align: left;
text-transform: capitalize;
width: 30%;
}
#wpc-weather.theme2 .forecast .symbol {
color: #b3d6d8;
float: left;
text-align: center;
width: 20%;
}
#wpc-weather.theme2 .forecast .temp_min {
color: #0d565a;
float: left;
margin-right: 0;
text-align: center;
width: 25%;
}
#wpc-weather.theme2 .forecast .temp_max {
color: #0d565a;
float: left;
font-weight: bold;
text-align: center;
width: 25%;
}
#wpc-weather.theme2 #wpc-map-container {
border: medium none;
box-shadow: none;
padding: 0;
width: 100%;
}   #wpc-weather.skin1,
#wpc-weather.skin2, 
#wpc-weather.skin3,
#wpc-weather.skin4,
#wpc-weather.skin5,
#wpc-weather.skin6,
#wpc-weather.skin7,
#wpc-weather.skin8,
#wpc-weather.skin9,
#wpc-weather.skin10 {
border: medium none !important;
padding: 0 !important;
}
#wpc-weather.skin1 {
background: none repeat scroll 0 0 #2AB2EA !important;
}
#wpc-weather.skin2 {
background: none repeat scroll 0 0 #FAFAFA !important;
}
#wpc-weather.skin3 {
background: none repeat scroll 0 0 #E1F3F3 !important;
font-weight: 200;
}
#wpc-weather.skin4 {
background: none repeat scroll 0 0 #EFEFE5 !important;
}
#wpc-weather.skin5 {
background: none repeat scroll 0 0 #B2E10C !important;
}
#wpc-weather.skin6 {
background: none repeat scroll 0 0 #3371A6 !important;
}
#wpc-weather.skin7 {
background: none repeat scroll 0 0 #FFFFFF !important;
border-radius: 5px;
box-shadow: 0 0 10px #D9D9D9;
}
#wpc-weather.skin8 {
background: none repeat scroll 0 0 #00B2DD !important;
font-weight: bold;
text-shadow: 2px 2px 0 #2B9BCE;
text-transform: uppercase;
font-size: 12px;
}
#wpc-weather.skin9 {
background: none repeat scroll 0 0 #4ED385 !important;
font-weight: bold;
text-shadow: 2px 2px 0 #43B774;
text-transform: uppercase;
font-size: 12px;
}
#wpc-weather.skin10 {
background: none repeat scroll 0 0 #DB3D66 !important;
font-size: 12px;
font-weight: bold;
text-shadow: 2px 2px 0 #B51E46;
text-transform: uppercase;
}   @-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
#wpc-weather.skin1 .infos .wind.start, 
#wpc-weather.skin1 .infos .humidity.start, 
#wpc-weather.skin1 .infos .pressure.start, 
#wpc-weather.skin1 .infos .cloudiness.start, 
#wpc-weather.skin1 .hours .first.start, 
#wpc-weather.skin1 .forecast .first.start,
#wpc-weather.skin1 .hours .second.start, 
#wpc-weather.skin1 .forecast .second.start,
#wpc-weather.skin1 .hours .third.start, 
#wpc-weather.skin1 .forecast .third.start,
#wpc-weather.skin1 .hours .fourth.start, 
#wpc-weather.skin1 .forecast .fourth.start,
#wpc-weather.skin1 .hours .fifth.start, 
#wpc-weather.skin1 .forecast .fifth.start,
#wpc-weather.skin1 .hours .sixth.start, 
#wpc-weather.skin1 .forecast .sixth.start,
#wpc-weather.skin1 .forecast .seventh.start, 
#wpc-weather.skin1 .forecast .eighth.start, 
#wpc-weather.skin1 .forecast .ninth.start, 
#wpc-weather.skin1 .forecast .tenth.start, 
#wpc-weather.skin1 .forecast .eleventh.start, 
#wpc-weather.skin1 .forecast .twelfth.start, 
#wpc-weather.skin1 .forecast .thirteenth.start, 
#wpc-weather.skin1 .forecast .fourteenth.start,
#wpc-weather.skin1 .forecast .fifteenth.start {
-moz-animation:1s ease-in 0s normal forwards 1 fadeIn;
-webkit-animation:1s ease-in 0s normal forwards 1 fadeIn;
animation: 1s ease-in 0s normal forwards 1 fadeIn;
opacity: 0;
}
#wpc-weather.skin1 .infos .wind.start {
-moz-animation-delay:0.1s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
#wpc-weather.skin1 .infos .humidity.start {
-moz-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
#wpc-weather.skin1 .infos .pressure.start {
-moz-animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
#wpc-weather.skin1 .infos .cloudiness.start {
-moz-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
#wpc-weather.skin1 .hours .first.start {
-moz-animation-delay: 0.1s;
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
#wpc-weather.skin1 .forecast .first.start {
-moz-animation-delay: 0.7s;
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
#wpc-weather.skin1 .hours .second.start {
-moz-animation-delay: 0.2s;
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
#wpc-weather.skin1 .forecast .second.start {
-moz-animation-delay: 0.8s;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
#wpc-weather.skin1 .hours .third.start {
-moz-animation-delay: 0.3s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
#wpc-weather.skin1 .forecast .third.start {
-moz-animation-delay: 0.9s;
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
#wpc-weather.skin1 .hours .fourth.start {
-moz-animation-delay: 0.4s;
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
#wpc-weather.skin1 .forecast .fourth.start {
-moz-animation-delay: 1.0s;
-webkit-animation-delay: 1.0s;
animation-delay: 1.0s;
}
#wpc-weather.skin1 .hours .fifth.start {
-moz-animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
#wpc-weather.skin1 .forecast .fifth.start {
-moz-animation-delay: 1.1s;
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
}
#wpc-weather.skin1 .hours .sixth.start {
-moz-animation-delay: 0.6s;
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
#wpc-weather.skin1 .forecast .sixth.start {
-moz-animation-delay: 1.2s;
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
#wpc-weather.skin1 .forecast .seventh.start {
-moz-animation-delay: 1.3s;
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
}
#wpc-weather.skin1 .forecast .eighth.start {
-moz-animation-delay: 1.4s;
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
#wpc-weather.skin1 .forecast .ninth.start {
-moz-animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
#wpc-weather.skin1 .forecast .tenth.start {
-moz-animation-delay: 1.6s;
-webkit-animation-delay: 1.6s;
animation-delay: 1.6s;
}
#wpc-weather.skin1 .forecast .eleventh.start {
-moz-animation-delay: 1.7s;
-webkit-animation-delay: 1.7s;
animation-delay: 1.7s;
}
#wpc-weather.skin1 .forecast .twelfth.start {
-moz-animation-delay: 1.8s;
-webkit-animation-delay: 1.8s;
animation-delay: 1.8s;
}
#wpc-weather.skin1 .forecast .thirteenth.start {
-moz-animation-delay: 1.9s;
-webkit-animation-delay: 1.9s;
animation-delay: 1.9s;
}
#wpc-weather.skin1 .forecast .fourteenth.start {
-moz-animation-delay: 2s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
#wpc-weather.skin1 .forecast .fifteenth.start {
-moz-animation-delay: 2s;
-webkit-animation-delay: 2s;
animation-delay: 2s;
}    #wpc-weather.skin1 .now {
color: #FFFFFF;
float: left;
width: 50%;
}
#wpc-weather.skin1 .now .time_symbol svg {
height: 150px;
margin-bottom: 20px;
width: 100px;
}
#wpc-weather.skin1 .now .location_name {
background: none repeat scroll 0 0 #FFFFFF;
color: #2AB2EA;
display: block;
font-size: 20px;
font-weight: bold;
height: 25px;
line-height: 25px;
padding: 0 2%;
text-align: left;
text-transform: uppercase;
}
#wpc-weather.skin1 .now .time_symbol {
height: 148px;
stroke:#fff;
fill:#aedef4;
background:#2AB2EA;
}
#wpc-weather.skin1 .now .time_temperature {
font-size: 28px;
height: 48px;
margin: 0;
background:#2AB2EA;
} #wpc-weather.skin1 .short_condition {
background: none repeat scroll 0 0 #FFFFFF;
color: #2B2F35;
display: block;
float: right;
font-size: 14px;
font-weight: bold;
height: 25px;
line-height: 25px;
margin: 0;
padding: 0 2%;
text-align: right;
width: 50%;
} #wpc-weather.skin1 .today {
background: none repeat scroll 0 0 #2AB2EA;
clear: none;
color: #FFFFFF;
float: right;
padding: 0 5%;
width: 50%;
}
#wpc-weather.skin1 .today .time_temperature_min {
float: left;
margin-right: 10px;
text-align: right;
width: 40px;
}
#wpc-weather.skin1 .today .time_temperature_max {
float: right;
text-align: right;
width: 30px;
} #wpc-weather.skin1 .infos {
background: none repeat scroll 0 0 #2AB2EA;
color: #FFFFFF;
float: right;
padding: 0 5%;
width: 50%;
}
#wpc-weather.skin1 .infos .wind,
#wpc-weather.skin1 .infos .humidity,
#wpc-weather.skin1 .infos .pressure,
#wpc-weather.skin1 .infos .cloudiness,
#wpc-weather.skin1 .infos .precipitation {
height: 25px;
margin: 0;
position: relative;
text-indent: -9999px;
top: -20px;
width: 100%;
}
#wpc-weather.skin1 .infos .wind span,
#wpc-weather.skin1 .infos .humidity span,
#wpc-weather.skin1 .infos .pressure span,
#wpc-weather.skin1 .infos .cloudiness span,
#wpc-weather.skin1 .infos .precipitation span {
padding: 0 5%;
text-align: right;
text-indent: 0;
}
#wpc-weather.skin1 .infos .wind span:before, 
#wpc-weather.skin1 .infos .humidity span:before, 
#wpc-weather.skin1 .infos .pressure span:before, 
#wpc-weather.skin1 .infos .cloudiness span:before,
#wpc-weather.skin1 .infos .precipitation span:before {
font-family: 'Climacons-Font';
font-size: 26px;
font-weight: normal;
left: 10%;
position: absolute;
text-align: center;
top: 20px;
}
#wpc-weather.skin1 .infos .wind span:before {
content:"\e021";
}   
#wpc-weather.skin1 .infos .humidity span:before {
content:"\e00c";    
}
#wpc-weather.skin1 .infos .pressure span:before {
content:"\e049";    
}
#wpc-weather.skin1 .infos .cloudiness span:before {
content:"\e000";    
}
#wpc-weather.skin1 .infos .precipitation span:before {
content:"\e045";
} #wpc-weather.skin1 .hours {
background: none repeat scroll 0 0 #2B2F35;
border: medium none;
color: #F7F7F7;
margin-bottom: 0;
padding: 0 0 10px;
line-height: 26px;
}
#wpc-weather.skin1 .hours .climacon {
color: #77D3F9;
}
#wpc-weather.skin1 .hours:before {
color: #19191A;
content: "today";
display: block;
font-size: 28px;
padding: 10px 5%;
text-align: right;
}
#wpc-weather.skin1 .hours .first {
margin: 0 3%;
}
#wpc-weather.skin1 .hours .first, 
#wpc-weather.skin1 .hours .second, 
#wpc-weather.skin1 .hours .third, 
#wpc-weather.skin1 .hours .fourth, 
#wpc-weather.skin1 .hours .fifth, 
#wpc-weather.skin1 .hours .sixth {
margin: 0 3% 0 0;
} #wpc-weather.skin1 .forecast {
background:#19191B;
color:#F7F7F7;
line-height: 26px;
padding:0;
}
#wpc-weather.skin1 .forecast .climacon {
color: #77D3F9;
}
#wpc-weather.skin1 .forecast .first, 
#wpc-weather.skin1 .forecast .second,
#wpc-weather.skin1 .forecast .third, 
#wpc-weather.skin1 .forecast .fourth,
#wpc-weather.skin1 .forecast .fifth,
#wpc-weather.skin1 .forecast .sixth,
#wpc-weather.skin1 .forecast .seventh, 
#wpc-weather.skin1 .forecast .eighth, 
#wpc-weather.skin1 .forecast .ninth, 
#wpc-weather.skin1 .forecast .tenth, 
#wpc-weather.skin1 .forecast .eleventh, 
#wpc-weather.skin1 .forecast .twelfth, 
#wpc-weather.skin1 .forecast .thirteenth, 
#wpc-weather.skin1 .forecast .fourteenth,
#wpc-weather.skin1 .forecast .fifteenth
{
padding:0 5%;
}
#wpc-weather.skin1 .forecast .first, 
#wpc-weather.skin1 .forecast .third, 
#wpc-weather.skin1 .forecast .fifth,
#wpc-weather.skin1 .forecast .seventh, 
#wpc-weather.skin1 .forecast .ninth, 
#wpc-weather.skin1 .forecast .eleventh, 
#wpc-weather.skin1 .forecast .thirteenth,
#wpc-weather.skin1 .forecast .fifteenth
{
background:#2B2F35;
}
#wpc-weather.skin1 .forecast:before {
color: #2B2E34;
content: "forecast";
display: block;
font-size: 28px;
padding: 10px 5%;
text-align: right;
}
#wpc-weather.skin1 .forecast .temp_min {
color: #6A90A0;
}
#wpc-weather.skin1 .wpc-link-owm {
padding-left: 10px;
}
#wpc-weather.skin1 .wpc-last-update {
padding-right: 10px;
}    #wpc-weather.skin2 .now {
color: #2A3437;
padding-top: 10px;
width: 100%;
}
#wpc-weather.skin2 .now .time_symbol svg {
height: 80px;
margin-bottom: 0px;
width: 100px;
}
#wpc-weather.skin2 .now .location_name {
color: #2A3437;
display: block;
font-size: 20px;
font-weight: bold;
height: 25px;
line-height: 25px;
padding: 0 2%;
text-align: center;
}
#wpc-weather.skin2 .now .time_symbol {
fill: #2A3437;
stroke: #FFFFFF;
}
#wpc-weather.skin2 .now .time_temperature {
font-size: 28px;
margin: 0;
} #wpc-weather.skin2 .short_condition {
color: #2A3437;
display: block;
font-size: 14px;
font-weight: bold;
height: 35px;
line-height: 35px;
margin: 0;
padding: 0 5%;
text-align: center;
} #wpc-weather.skin2 .today {
color: #2A3437;
display: block;
float: left;
padding: 0 5%;
width: 50%;
}
#wpc-weather.skin2 .today .sun_hours {
display: inline-block;
text-align: center;
width: 100%;
}
#wpc-weather.skin2 .today .time_temperature_min {
float: left;
margin-right: 10px;
text-align: right;
width: 40px;
}
#wpc-weather.skin2 .today .time_temperature_max {
float: right;
text-align: right;
width: 30px;
} #wpc-weather.skin2 .infos {
color: #2A3437;
float: right;
position: relative;
width: 50%;
padding:0 5% 1%;
}
#wpc-weather.skin2 .infos .wind, #wpc-weather.skin2 .infos .humidity, #wpc-weather.skin2 .infos .pressure, #wpc-weather.skin2 .infos .cloudiness, #wpc-weather.skin2 .infos .precipitation {
display: block;
float: none;
height: 25px;
margin: 0;
position: relative;
text-indent: -9999px;
top: -20px;
width: 100%;
}
#wpc-weather.skin2 .infos .wind span,
#wpc-weather.skin2 .infos .humidity span,
#wpc-weather.skin2 .infos .pressure span,
#wpc-weather.skin2 .infos .cloudiness span,
#wpc-weather.skin2 .infos .precipitation span {
padding: 0 5%;
text-align: right;
text-indent: 0;
}
#wpc-weather.skin2 .infos .wind span:before, 
#wpc-weather.skin2 .infos .humidity span:before, 
#wpc-weather.skin2 .infos .pressure span:before, 
#wpc-weather.skin2 .infos .cloudiness span:before,
#wpc-weather.skin2 .infos .precipitation span:before {
font-family: 'Climacons-Font';
font-size: 26px;
font-weight: normal;
left: 10%;
position: absolute;
text-align: center;
}
#wpc-weather.skin2 .infos .wind span:before {
content:"\e021";
}   
#wpc-weather.skin2 .infos .humidity span:before {
content:"\e00c";    
}
#wpc-weather.skin2 .infos .pressure span:before {
content:"\e049";    
}
#wpc-weather.skin2 .infos .cloudiness span:before {
content:"\e000";    
}
#wpc-weather.skin2 .infos .precipitation span:before {
content:"\e045";    
} #wpc-weather.skin2 .hours {
border-bottom: 1px solid #EDEDED;
border-top: 1px solid #EDEDED;
color: #2A3437;
line-height: 26px;
margin-bottom: 1px;
margin-top: 1px;
padding: 0 0 10px;
}
#wpc-weather.skin2 .hours:before {
color: #2A3437;
content: "today";
display: block;
font-size: 22px;
padding: 10px 5%;
text-align: right;
font-weight:bold;
}
#wpc-weather.skin2 .hours .first {
margin: 0 3%;
}
#wpc-weather.skin2 .hours .first, 
#wpc-weather.skin2 .hours .second, 
#wpc-weather.skin2 .hours .third, 
#wpc-weather.skin2 .hours .fourth, 
#wpc-weather.skin2 .hours .fifth, 
#wpc-weather.skin2 .hours .sixth {
margin: 0 3% 0 0;
} #wpc-weather.skin2 .forecast {
color: #2A3437;
display: block;
font-weight: bold;
line-height: 26px;
padding: 0;
width: 100%;
clear: both;
}
#wpc-weather.skin2 .forecast .first, 
#wpc-weather.skin2 .forecast .second,
#wpc-weather.skin2 .forecast .third, 
#wpc-weather.skin2 .forecast .fourth,
#wpc-weather.skin2 .forecast .fifth,
#wpc-weather.skin2 .forecast .sixth,
#wpc-weather.skin2 .forecast .seventh, 
#wpc-weather.skin2 .forecast .eighth, 
#wpc-weather.skin2 .forecast .ninth, 
#wpc-weather.skin2 .forecast .tenth, 
#wpc-weather.skin2 .forecast .eleventh, 
#wpc-weather.skin2 .forecast .twelfth, 
#wpc-weather.skin2 .forecast .thirteenth, 
#wpc-weather.skin2 .forecast .fourteenth,
#wpc-weather.skin2 .forecast .fifteenth
{
padding:0 5%;
border-bottom: 1px solid #EDEDED;
display: block;
height: 30px;
line-height: 30px;
margin-bottom: 1px;
width: 100%;
}
#wpc-weather.skin2 .forecast:before {
color: #2A3437;
content: "forecast";
display: block;
font-size: 22px;
padding: 10px 5%;
text-align: right;
}
#wpc-weather.skin2 .wpc-link-owm {
padding-left: 10px;
}
#wpc-weather.skin2 .wpc-last-update {
padding-right: 10px;
}    #wpc-weather.skin3 .now {
color: #688A96;
display: inline-block;
padding-top: 10px;
width: 100%;
}
#wpc-weather.skin3 .now .time_symbol svg {
height: 80px;
margin-bottom: 0px;
width: 100px;
}
#wpc-weather.skin3 .now .location_name {
color: #688A96;
display: block;
font-size: 20px;
height: 25px;
line-height: 25px;
padding: 0 2%;
text-align: right;
}
#wpc-weather.skin3 .now .time_symbol {
fill: #688A96;
float: left;
stroke: #FFFFFF;
text-align: right;
width: 45%;
}
#wpc-weather.skin3 .now .time_symbol .climacon_component-fill {
fill: #CBEADD;
stroke: #FFFFFF;
stroke-width: 0;
}
#wpc-weather.skin3 .now .time_temperature {
float: right;
font-size: 28px;
font-weight: bold;
line-height: 80px;
margin: 0;
text-align: left;
width: 45%;
} #wpc-weather.skin3 .short_condition {
color: #688A96;
display: block;
font-size: 14px;
height: 35px;
line-height: 35px;
margin: 0;
padding: 0 5%;
text-align: center;
} #wpc-weather.skin3 .today {
color: #688A96;
display: block;
float: left;
padding: 0 5%;
width: 50%;
}
#wpc-weather.skin3 .today .sun_hours {
display: inline-block;
text-align: center;
width: 100%;
}
#wpc-weather.skin3 .today .time_temperature_min {
float: left;
margin-right: 10px;
text-align: right;
width: 40px;
}
#wpc-weather.skin3 .today .time_temperature_max {
float: right;
text-align: right;
width: 30px;
} #wpc-weather.skin3 .infos {
color: #688A96;
float: right;
padding: 0 5% 1%;
position: relative;
width: 50%;
}
#wpc-weather.skin3 .infos .wind, #wpc-weather.skin3 .infos .humidity, #wpc-weather.skin3 .infos .pressure, #wpc-weather.skin3 .infos .cloudiness, #wpc-weather.skin3 .infos .precipitation {
display: block;
float: none;
height: 25px;
margin: 0;
position: relative;
text-indent: -9999px;
top: -20px;
width: 100%;
}
#wpc-weather.skin3 .infos .wind span,
#wpc-weather.skin3 .infos .humidity span,
#wpc-weather.skin3 .infos .pressure span,
#wpc-weather.skin3 .infos .cloudiness span,
#wpc-weather.skin3 .infos .precipitation span {
padding: 0 5%;
text-align: right;
text-indent: 0;
}
#wpc-weather.skin3 .infos .wind span:before, 
#wpc-weather.skin3 .infos .humidity span:before, 
#wpc-weather.skin3 .infos .pressure span:before, 
#wpc-weather.skin3 .infos .cloudiness span:before,
#wpc-weather.skin3 .infos .precipitation span:before {
font-family: 'Climacons-Font';
font-size: 26px;
font-weight: normal;
left: 10%;
position: absolute;
text-align: center;
}
#wpc-weather.skin3 .infos .wind span:before {
content:"\e021";
}   
#wpc-weather.skin3 .infos .humidity span:before {
content:"\e00c";    
}
#wpc-weather.skin3 .infos .pressure span:before {
content:"\e049";    
}
#wpc-weather.skin3 .infos .cloudiness span:before {
content:"\e000";    
}
#wpc-weather.skin3 .infos .precipitation span:before {
content:"\e045";    
} #wpc-weather.skin3 .hours {
border-bottom: 1px solid #C9DFDD;
border-top: 1px solid #C9DFDD;
color: #688A96;
line-height: 26px;
margin-bottom: 1px;
margin-top: 1px;
padding: 0 0 10px;
}
#wpc-weather.skin3 .hours:before {
color: #688A96;
content: "today";
display: block;
font-size: 22px;
font-weight: bold;
padding: 10px 5%;
text-align: right;
}
#wpc-weather.skin3 .hours .first {
margin: 0 3%;
}
#wpc-weather.skin3 .hours .first, 
#wpc-weather.skin3 .hours .second, 
#wpc-weather.skin3 .hours .third, 
#wpc-weather.skin3 .hours .fourth, 
#wpc-weather.skin3 .hours .fifth, 
#wpc-weather.skin3 .hours .sixth {
margin: 0 3% 0 0;
} #wpc-weather.skin3 .forecast {
color: #688A96;
display: block;
line-height: 26px;
padding: 0;
width: 100%;
}
#wpc-weather.skin3 .forecast .first, 
#wpc-weather.skin3 .forecast .second,
#wpc-weather.skin3 .forecast .third, 
#wpc-weather.skin3 .forecast .fourth,
#wpc-weather.skin3 .forecast .fifth,
#wpc-weather.skin3 .forecast .sixth,
#wpc-weather.skin3 .forecast .seventh, 
#wpc-weather.skin3 .forecast .eighth, 
#wpc-weather.skin3 .forecast .ninth, 
#wpc-weather.skin3 .forecast .tenth, 
#wpc-weather.skin3 .forecast .eleventh, 
#wpc-weather.skin3 .forecast .twelfth, 
#wpc-weather.skin3 .forecast .thirteenth, 
#wpc-weather.skin3 .forecast .fourteenth,
#wpc-weather.skin3 .forecast .fifteenth
{
padding:0 5%;
background:#E1F3F3;
border-bottom: 1px solid #C9DFDD;
display: block;
height: 30px;
line-height: 30px;
margin-bottom: 1px;
width: 100%;
}
#wpc-weather.skin3 .forecast:before {
color: #688A96;
content: "forecast";
display: block;
font-size: 22px;
font-weight: bold;
padding: 10px 5%;
text-align: right;
}
#wpc-weather.skin3 .wpc-link-owm {
padding-left: 30px;
}
#wpc-weather.skin3 .wpc-last-update {
padding-right: 30px;
}    #wpc-weather.skin4 .now {
color: #454545;
display: inline-block;
padding-top: 10px;
width: 100%;
}
#wpc-weather.skin4 .now .time_symbol svg {
height: 80px;
margin-bottom: 0px;
width: 100px;
}
#wpc-weather.skin4 .now .location_name {
color: #454545;
display: block;
font-size: 24px;
font-weight: bold;
height: 25px;
line-height: 25px;
padding: 0 2%;
text-align: center;
}
#wpc-weather.skin4 .now .time_symbol {
fill: #454545;
float: left;
stroke: #FFFFFF;
text-align: right;
width: 45%;
}
#wpc-weather.skin4 .now .time_symbol .climacon_component-fill {
fill: #DBE1CD;
stroke: #FFFFFF;
stroke-width: 0;
}
#wpc-weather.skin4 .now .time_temperature {
float: right;
font-size: 28px;
font-weight: bold;
line-height: 80px;
margin: 0;
text-align: left;
width: 45%;
} #wpc-weather.skin4 .short_condition {
color: #454545;
display: block;
font-size: 14px;
height: 35px;
line-height: 35px;
margin: 0;
padding: 0 5%;
text-align: center;
} #wpc-weather.skin4 .today {
color: #454545;
display: block;
float: left;
padding: 0 5%;
width: 50%;
}
#wpc-weather.skin4 .today .sun_hours {
display: inline-block;
text-align: center;
width: 100%;
}
#wpc-weather.skin4 .today .time_temperature_min {
float: right;
margin-right: 0px;
text-align: right;
width: 50%;
}
#wpc-weather.skin4 .today .time_temperature_max {
float: left;
padding-left: 5%;
text-align: left;
width: 50%;
} #wpc-weather.skin4 .infos {
color: #454545;
float: right;
padding: 0 5% 1%;
position: relative;
width: 50%;
}
#wpc-weather.skin4 .infos .wind, #wpc-weather.skin4 .infos .humidity, #wpc-weather.skin4 .infos .pressure, #wpc-weather.skin4 .infos .cloudiness, #wpc-weather.skin4 .infos .precipitation {
display: block;
float: none;
height: 25px;
margin: 0;
position: relative;
text-indent: -9999px;
top: -20px;
width: 100%;
}
#wpc-weather.skin4 .infos .wind span,
#wpc-weather.skin4 .infos .humidity span,
#wpc-weather.skin4 .infos .pressure span,
#wpc-weather.skin4 .infos .cloudiness span,
#wpc-weather.skin4 .infos .precipitation span {
padding: 0 5%;
text-align: right;
text-indent: 0;
}
#wpc-weather.skin4 .infos .wind span:before, 
#wpc-weather.skin4 .infos .humidity span:before, 
#wpc-weather.skin4 .infos .pressure span:before, 
#wpc-weather.skin4 .infos .cloudiness span:before,
#wpc-weather.skin4 .infos .precipitation span:before {
font-family: 'Climacons-Font';
font-size: 26px;
font-weight: normal;
left: 10%;
position: absolute;
text-align: center;
}
#wpc-weather.skin4 .infos .wind span:before {
content:"\e021";
}   
#wpc-weather.skin4 .infos .humidity span:before {
content:"\e00c";    
}
#wpc-weather.skin4 .infos .pressure span:before {
content:"\e049";    
}
#wpc-weather.skin4 .infos .cloudiness span:before {
content:"\e000";    
}
#wpc-weather.skin4 .infos .precipitation span:before {
content:"\e045";    
} #wpc-weather.skin4 .hours {
border-bottom: 1px solid #BBB9AD;
border-top: 1px solid #BBB9AD;
color: #454545;
line-height: 26px;
margin-bottom: 1px;
margin-top: 1px;
padding: 0 0 10px;
}
#wpc-weather.skin4 .hours:before {
color: #454545;
content: "today";
display: block;
font-size: 22px;
font-weight: bold;
padding: 10px 5%;
text-align: right;
}
#wpc-weather.skin4 .hours .first {
margin: 0 3%;
}
#wpc-weather.skin4 .hours .first, 
#wpc-weather.skin4 .hours .second, 
#wpc-weather.skin4 .hours .third, 
#wpc-weather.skin4 .hours .fourth, 
#wpc-weather.skin4 .hours .fifth, 
#wpc-weather.skin4 .hours .sixth {
margin: 0 3% 0 0;
} #wpc-weather.skin4 .forecast {
color: #454545;
display: block;
line-height: 26px;
padding: 0 5%;
width: 100%;
}
#wpc-weather.skin4 .forecast .first, 
#wpc-weather.skin4 .forecast .second,
#wpc-weather.skin4 .forecast .third, 
#wpc-weather.skin4 .forecast .fourth,
#wpc-weather.skin4 .forecast .fifth,
#wpc-weather.skin4 .forecast .sixth,
#wpc-weather.skin4 .forecast .seventh, 
#wpc-weather.skin4 .forecast .eighth, 
#wpc-weather.skin4 .forecast .ninth, 
#wpc-weather.skin4 .forecast .tenth, 
#wpc-weather.skin4 .forecast .eleventh, 
#wpc-weather.skin4 .forecast .twelfth, 
#wpc-weather.skin4 .forecast .thirteenth, 
#wpc-weather.skin4 .forecast .fourteenth,
#wpc-weather.skin4 .forecast .fifteenth
{
border-left: 1px solid #BBB9AD;
border-right: 1px solid #BBB9AD;
display: inline-block;
line-height: 30px;
margin-right: -5px;
width: 20%;
}
#wpc-weather.skin4 .forecast .day {
display: block;
float: none;
font-size: 11px;
text-align: center;
text-transform: capitalize;
width: 100%;
}
#wpc-weather.skin4 .forecast .climacon {
display: block;
text-align: center;
}
#wpc-weather.skin4 .forecast .symbol {
float: none;
width: 100%;
}
#wpc-weather.skin4 .forecast .temp_min {
float: right;
font-size: 11px;
margin: 0;
text-align: center;
width: 50%;
}
#wpc-weather.skin4 .forecast .temp_max {
float: left;
text-align: center;
width: 50%;
}
#wpc-weather.skin4 .forecast:before {
color: #454545;
content: "forecast";
display: block;
font-size: 22px;
font-weight: bold;
padding: 10px 5%;
text-align: right;
}
#wpc-weather.skin4 .wpc-link-owm {
padding-left: 30px;
}
#wpc-weather.skin4 .wpc-last-update {
padding-right: 30px;
}    #wpc-weather.skin5 .now {
color: #fff;
display: inline-block;
padding-top: 10px;
width: 100%;
}
#wpc-weather.skin5 .now .time_symbol svg {
height: 80px;
margin-bottom: 0px;
width: 100px;
}
#wpc-weather.skin5 .now .location_name {
color: #FFFFFF;
display: block;
font-size: 24px;
font-weight: bold;
height: 25px;
line-height: 25px;
padding: 0 2%;
text-align: center;
text-transform: uppercase;
}
#wpc-weather.skin5 .now .time_symbol {
fill: #fff;
float: left;
stroke: #FFFFFF;
text-align: right;
width: 45%;
}
#wpc-weather.skin5 .now .time_symbol .climacon_component-fill {
fill: #fff;
stroke: #FFFFFF;
stroke-width: 0;
}
#wpc-weather.skin5 .now .time_temperature {
float: right;
font-size: 28px;
font-weight: bold;
line-height: 80px;
margin: 0;
text-align: left;
width: 45%;
} #wpc-weather.skin5 .short_condition {
color: #FFFFFF;
display: block;
font-size: 14px;
height: 35px;
line-height: 35px;
margin: 0;
padding: 0 5%;
text-align: center;
} #wpc-weather.skin5 .today {
color: #fff;
display: block;
float: left;
padding: 0 5%;
width: 50%;
}
#wpc-weather.skin5 .today .sun_hours {
display: inline-block;
text-align: center;
width: 100%;
}
#wpc-weather.skin5 .today .time_temperature_min {
float: right;
margin-right: 0px;
text-align: right;
width: 50%;
}
#wpc-weather.skin5 .today .time_temperature_max {
float: left;
padding-left: 5%;
text-align: left;
width: 50%;
} #wpc-weather.skin5 .infos {
color: #fff;
float: right;
padding: 0 5% 1%;
position: relative;
width: 50%;
}
#wpc-weather.skin5 .infos .wind, #wpc-weather.skin5 .infos .humidity, #wpc-weather.skin5 .infos .pressure, #wpc-weather.skin5 .infos .cloudiness, #wpc-weather.skin5 .infos .precipitation {
display: block;
float: none;
height: 25px;
margin: 0;
position: relative;
text-indent: -9999px;
top: -20px;
width: 100%;
}
#wpc-weather.skin5 .infos .wind span,
#wpc-weather.skin5 .infos .humidity span,
#wpc-weather.skin5 .infos .pressure span,
#wpc-weather.skin5 .infos .cloudiness span,
#wpc-weather.skin5 .infos .precipitation span {
padding: 0 5%;
text-align: right;
text-indent: 0;
}
#wpc-weather.skin5 .infos .wind span:before, 
#wpc-weather.skin5 .infos .humidity span:before, 
#wpc-weather.skin5 .infos .pressure span:before, 
#wpc-weather.skin5 .infos .cloudiness span:before,
#wpc-weather.skin5 .infos .precipitation span:before {
font-family: 'Climacons-Font';
font-size: 26px;
font-weight: normal;
left: 10%;
position: absolute;
text-align: center;
}
#wpc-weather.skin5 .infos .wind span:before {
content:"\e021";
}   
#wpc-weather.skin5 .infos .humidity span:before {
content:"\e00c";    
}
#wpc-weather.skin5 .infos .pressure span:before {
content:"\e049";    
}
#wpc-weather.skin5 .infos .cloudiness span:before {
content:"\e000";    
}
#wpc-weather.skin5 .infos .precipitation span:before {
content:"\e045";    
} #wpc-weather.skin5 .hours {
background: none repeat scroll 0 0 #B2E10C;
border: medium none;
color: #FFFFFF;
line-height: 26px;
margin-bottom: 1px;
margin-top: 1px;
padding: 0 0 10px;
}
#wpc-weather.skin5 .hours:before {
color: #fff;
content: "today";
display: block;
font-size: 22px;
font-weight: bold;
padding: 10px 5%;
text-align: right;
}
#wpc-weather.skin5 .hours .first {
margin: 0 3%;
}
#wpc-weather.skin5 .hours .first, 
#wpc-weather.skin5 .hours .second, 
#wpc-weather.skin5 .hours .third, 
#wpc-weather.skin5 .hours .fourth, 
#wpc-weather.skin5 .hours .fifth, 
#wpc-weather.skin5 .hours .sixth {
margin: 0 3% 0 0;
} #wpc-weather.skin5 .forecast {
background: none repeat scroll 0 0 #B2E10C;
color: #fff;
display: block;
line-height: 26px;
padding: 0;
width: 100%;
}
#wpc-weather.skin5 .forecast .day {
text-transform: uppercase;
font-weight: bold;
}
#wpc-weather.skin5 .forecast .first, 
#wpc-weather.skin5 .forecast .second,
#wpc-weather.skin5 .forecast .third, 
#wpc-weather.skin5 .forecast .fourth,
#wpc-weather.skin5 .forecast .fifth,
#wpc-weather.skin5 .forecast .sixth,
#wpc-weather.skin5 .forecast .seventh, 
#wpc-weather.skin5 .forecast .eighth, 
#wpc-weather.skin5 .forecast .ninth, 
#wpc-weather.skin5 .forecast .tenth, 
#wpc-weather.skin5 .forecast .eleventh, 
#wpc-weather.skin5 .forecast .twelfth, 
#wpc-weather.skin5 .forecast .thirteenth, 
#wpc-weather.skin5 .forecast .fourteenth,
#wpc-weather.skin5 .forecast .fifteenth
{
background: none repeat scroll 0 0 #B2E10C;
border: medium none;
display: block;
height: 40px;
line-height: 40px;
margin-bottom: 0;
padding: 0 5%;
width: 100%;
}
#wpc-weather.skin5 .forecast .first {
background: none repeat scroll 0 0 #ACE744;
}
#wpc-weather.skin5 .forecast .second {
background: none repeat scroll 0 0 #82E335;
}
#wpc-weather.skin5 .forecast .third {
background: none repeat scroll 0 0 #4EE41E;
}
#wpc-weather.skin5 .forecast .fourth {
background: none repeat scroll 0 0 #39DE2B;
}
#wpc-weather.skin5 .forecast .fifth {
background: none repeat scroll 0 0 #0AE31D;
}
#wpc-weather.skin5 .forecast .sixth {
background: none repeat scroll 0 0 #4BDA33;
}
#wpc-weather.skin5 .forecast .seventh {
background: none repeat scroll 0 0 #54D51A;
}
#wpc-weather.skin5 .forecast .eighth {
background: none repeat scroll 0 0 #5FC927;
}
#wpc-weather.skin5 .forecast .ninth {
background: none repeat scroll 0 0 #51B714;
}
#wpc-weather.skin5 .forecast .tenth {
background: none repeat scroll 0 0 #22AD17;
}
#wpc-weather.skin5 .forecast .eleventh {
background: none repeat scroll 0 0 #1E9B14;
}
#wpc-weather.skin5 .forecast .twelfth {
background: none repeat scroll 0 0 #1D8115;
}
#wpc-weather.skin5 .forecast .thirteenth {
background: none repeat scroll 0 0 #13670C;
}
#wpc-weather.skin5 .forecast .fourteenth {
background: none repeat scroll 0 0 #125d0a;
}
#wpc-weather.skin5 .forecast .fifteenth {
background: none repeat scroll 0 0 #0d5106;
}
#wpc-weather.skin5 .forecast:before {
color: #fff;
content: "forecast";
display: block;
font-size: 22px;
font-weight: bold;
padding: 10px 5%;
text-align: right;
}
#wpc-weather.skin5 .forecast .symbol.climacon:before {
line-height:40px;
}
#wpc-weather.skin5 .wpc-link-owm {
padding-left: 30px;
}
#wpc-weather.skin5 .wpc-last-update {
padding-right: 30px;
}    #wpc-weather.skin6 .now {
color: #FFFFFF;
display: inline;
float: left;
padding: 10px 2% 2%;
width: 50%;
}
#wpc-weather.skin6 .now .time_symbol svg {
height: 80px;
margin-bottom: 0;
width: 100px;
}
#wpc-weather.skin6 .now .location_name {
color: #FFFFFF;
display: block;
font-size: 24px;
font-weight: bold;
height: 25px;
line-height: 25px;
padding: 0 2%;
text-align: left;
text-transform: uppercase;
}
#wpc-weather.skin6 .now .time_symbol {
fill: #FFFFFF;
float: left;
stroke: #FFFFFF;
text-align: right;
width: 45%;
}
#wpc-weather.skin6 .now .time_symbol .climacon_component-fill {
fill: #FFFFFF;
stroke: #FFFFFF;
stroke-width: 0;
}
#wpc-weather.skin6 .now .time_temperature {
float: right;
font-size: 28px;
font-weight: bold;
line-height: 80px;
margin: 0;
text-align: left;
width: 45%;
} #wpc-weather.skin6 .short_condition {
clear: left;
color: #FFFFFF;
display: block;
float: left;
font-size: 14px;
height: 35px;
line-height: 35px;
margin: 0;
padding: 0 5%;
text-align: center;
width: 50%;
} #wpc-weather.skin6 .today {
border-bottom: 1px solid #2D6598;
color: #FFFFFF;
display: block;
float: right;
padding: 0 5%;
width: 100%;
}
#wpc-weather.skin6 .today .day {
float: left;
min-width: 88px;
text-align: left;
width: 50%;
}
#wpc-weather.skin6 .today .sun_hours {
display: inline-block;
float: right;
text-align: right;
width: 50%;
}
#wpc-weather.skin6 .today .time_temperature_min {
float: right;
margin-right: 0;
text-align: right;
width: 25%;
}
#wpc-weather.skin6 .today .time_temperature_max {
float: left;
padding-left: 10%;
text-align: left;
width: 25%;
}
#wpc-weather.skin6 .today .time_temperature_max .wpc-highlight:after, 
#wpc-weather.skin6 .today .time_temperature_min:after {
content:"°";
} #wpc-weather.skin6 .infos {
color: #FFFFFF;
float: none;
height: 110px;
padding: 0 5% 1%;
position: relative;
width: 50%;
}
#wpc-weather.skin6 .infos .wind, #wpc-weather.skin6 .infos .humidity, #wpc-weather.skin6 .infos .pressure, #wpc-weather.skin6 .infos .cloudiness,  #wpc-weather.skin6 .infos .precipitation {
display: block;
float: none;
height: 25px;
margin: 0;
position: relative;
text-indent: -9999px;
top: -20px;
width: 100%;
}
#wpc-weather.skin6 .infos .wind span, #wpc-weather.skin6 .infos .humidity span, #wpc-weather.skin6 .infos .pressure span, #wpc-weather.skin6 .infos .cloudiness span, #wpc-weather.skin6 .infos .precipitation span {
padding: 0 5%;
text-align: right;
text-indent: 0;
}
#wpc-weather.skin6 .infos .wind span:before, #wpc-weather.skin6 .infos .humidity span:before, #wpc-weather.skin6 .infos .pressure span:before, #wpc-weather.skin6 .infos .cloudiness span:before, #wpc-weather.skin6 .infos .precipitation span:before {
font-family: 'Climacons-Font';
font-size: 26px;
font-weight: normal;
left: 10%;
position: absolute;
text-align: center;
}
#wpc-weather.skin6 .infos .wind span:before {
content: "";
}
#wpc-weather.skin6 .infos .humidity span:before {
content: "";
}
#wpc-weather.skin6 .infos .pressure span:before {
content: "";
}
#wpc-weather.skin6 .infos .cloudiness span:before {
content: "";
}
#wpc-weather.skin6 .infos .precipitation span:before {
content: "\e045";
} #wpc-weather.skin6 .hours {
border-bottom: 1px solid #2D6598;
border-top: 1px solid #6E9AC3;
color: #FFFFFF;
line-height: 26px;
margin-bottom: 0;
margin-top: 0;
padding: 0 0 10px;
}
#wpc-weather.skin6 .hours:before {
color: #FFFFFF;
content: "today";
display: block;
font-size: 22px;
font-weight: bold;
padding: 10px 5%;
text-align: right;
}
#wpc-weather.skin6 .hours .first {
margin: 0 3%;
}
#wpc-weather.skin6 .hours .first, #wpc-weather.skin6 .hours .second, #wpc-weather.skin6 .hours .third, #wpc-weather.skin6 .hours .fourth, #wpc-weather.skin6 .hours .fifth, #wpc-weather.skin6 .hours .sixth {
margin: 0 3% 0 0;
}
#wpc-weather.skin6 .hours .temperature:after,
#wpc-weather.skin6 .hours .temperature .wpc-highlight:after {
content:"°";
}
#wpc-weather.skin6 .hours .first .temperature:after {
content:none;
} #wpc-weather.skin6 .forecast {
border-top: 1px solid #6E9AC3;
color: #FFFFFF;
display: block;
line-height: 26px;
padding: 0 5%;
width: 100%;
}
#wpc-weather.skin6 .forecast .first, #wpc-weather.skin6 .forecast .second, #wpc-weather.skin6 .forecast .third, #wpc-weather.skin6 .forecast .fourth, #wpc-weather.skin6 .forecast .fifth, #wpc-weather.skin6 .forecast .sixth, #wpc-weather.skin6 .forecast .seventh, #wpc-weather.skin6 .forecast .eighth, #wpc-weather.skin6 .forecast .ninth, #wpc-weather.skin6 .forecast .tenth, #wpc-weather.skin6 .forecast .eleventh, #wpc-weather.skin6 .forecast .twelfth, #wpc-weather.skin6 .forecast .thirteenth, #wpc-weather.skin6 .forecast .fourteenth, #wpc-weather.skin6 .forecast .fifteenth {
border-left: 1px solid #6E9AC3;
border-right: 1px solid #6E9AC3;
display: inline-block;
line-height: 30px;
margin-right: -5px;
width: 20%;
}
#wpc-weather.skin6 .forecast .day {
display: block;
float: none;
font-size: 10px;
text-align: center;
text-transform: uppercase;
width: 100%;
}
#wpc-weather.skin6 .forecast .climacon {
display: block;
text-align: center;
}
#wpc-weather.skin6 .forecast .symbol {
float: none;
width: 100%;
}
#wpc-weather.skin6 .forecast .temp_min {
float: right;
font-size: 11px;
margin: 0;
text-align: center;
width: 50%;
}
#wpc-weather.skin6 .forecast .temp_max {
float: left;
text-align: center;
width: 50%;
}
#wpc-weather.skin6 .forecast .temp_max .wpc-highlight:after,
#wpc-weather.skin6 .forecast .temp_min:after {
content:"°";
}
#wpc-weather.skin6 .forecast:before {
color: #FFFFFF;
content: "forecast";
display: block;
font-size: 22px;
font-weight: bold;
padding: 10px 5%;
text-align: right;
}
#wpc-weather.skin6 .wpc-link-owm {
padding-left: 30px;
}
#wpc-weather.skin6 .wpc-last-update {
padding-right: 30px;
}    #wpc-weather.skin7 .now {
color: #cbcbcb;
display: inline;
float: left;
padding: 10px 2% 2%;
width: 50%;
}
#wpc-weather.skin7 .now .time_symbol svg {
height: 80px;
margin-bottom: 0;
width: 100px;
}
#wpc-weather.skin7 .now .location_name {
color: #CBCBCB;
display: block;
font-size: 20px;
font-weight: bold;
height: 25px;
line-height: 25px;
padding: 0 2%;
text-align: left;
}
#wpc-weather.skin7 .now .time_symbol {
fill: #1FB5AD;
float: left;
stroke: #1FB5AD;
text-align: right;
width: 45%;
}
#wpc-weather.skin7 .now .time_symbol .climacon_component-fill {
fill: #1FB5AD;
stroke: #1FB5AD;
stroke-width: 0;
}
#wpc-weather.skin7 .now .time_temperature {
float: right;
font-size: 28px;
font-weight: bold;
line-height: 80px;
margin: 0;
text-align: left;
width: 45%;
} #wpc-weather.skin7 .short_condition {
clear: left;
color: #cbcbcb;
display: block;
float: left;
font-size: 14px;
height: 35px;
line-height: 35px;
margin: 0;
padding: 0 5%;
text-align: center;
width: 50%;
} #wpc-weather.skin7 .today {
color: #cbcbcb;
display: block;
float: right;
padding: 0 5%;
width: 100%;
}
#wpc-weather.skin7 .today .day {
float: left;
min-width: 88px;
text-align: left;
width: 50%;
}
#wpc-weather.skin7 .today .sun_hours {
display: inline-block;
float: right;
text-align: right;
width: 50%;
}
#wpc-weather.skin7 .today .time_temperature_min {
float: right;
margin-right: 0;
text-align: right;
width: 25%;
}
#wpc-weather.skin7 .today .time_temperature_max {
float: left;
padding-left: 10%;
text-align: left;
width: 25%;
}
#wpc-weather.skin7 .today .time_temperature_max .wpc-highlight:after, 
#wpc-weather.skin7 .today .time_temperature_min:after {
content:"°";
} #wpc-weather.skin7 .infos {
border-left: 1px solid #F1F2F7;
color: #CBCBCB;
float: none;
height: 110px;
padding: 0 5%;
position: relative;
width: 50%;
}
#wpc-weather.skin7 .infos .wind, #wpc-weather.skin7 .infos .humidity, #wpc-weather.skin7 .infos .pressure, #wpc-weather.skin7 .infos .cloudiness, #wpc-weather.skin7 .infos .precipitation {
display: block;
float: none;
height: 25px;
margin: 0;
position: relative;
text-indent: -9999px;
top: -20px;
width: 100%;
}
#wpc-weather.skin7 .infos .wind span, #wpc-weather.skin7 .infos .humidity span, #wpc-weather.skin7 .infos .pressure span, #wpc-weather.skin7 .infos .cloudiness span, #wpc-weather.skin7 .infos .precipitation span {
padding: 0 5%;
text-align: right;
text-indent: 0;
font-weight: 300;
}
#wpc-weather.skin7 .infos .wind span:before, #wpc-weather.skin7 .infos .humidity span:before, #wpc-weather.skin7 .infos .pressure span:before, #wpc-weather.skin7 .infos .cloudiness span:before, #wpc-weather.skin7 .infos .precipitation span:before {
font-family: 'Climacons-Font';
font-size: 26px;
font-weight: normal;
left: 10%;
position: absolute;
text-align: center;
}
#wpc-weather.skin7 .infos .wind span:before {
content: "";
}
#wpc-weather.skin7 .infos .humidity span:before {
content: "";
}
#wpc-weather.skin7 .infos .pressure span:before {
content: "";
}
#wpc-weather.skin7 .infos .cloudiness span:before {
content: "";
}
#wpc-weather.skin7 .infos .precipitation span:before {
content: "\e045";
} #wpc-weather.skin7 .hours {
border-bottom: 1px solid #F1F2F7;
border-top: 1px solid #F1F2F7;
color: #cbcbcb;
line-height: 26px;
margin-bottom: 0;
margin-top: 0;
padding: 0 0 10px;
}
#wpc-weather.skin7 .hours:before {
color: #CBCBCB;
content: "today";
display: block;
font-size: 14px;
font-weight: 600;
padding: 10px 5%;
text-align: right;
text-transform: uppercase;
}
#wpc-weather.skin7 .hours .first {
margin: 0 3%;
}
#wpc-weather.skin7 .hours .first, #wpc-weather.skin7 .hours .second, #wpc-weather.skin7 .hours .third, #wpc-weather.skin7 .hours .fourth, #wpc-weather.skin7 .hours .fifth, #wpc-weather.skin7 .hours .sixth {
margin: 0 3% 0 0;
}
#wpc-weather.skin7 .hours .climacon.w803:before,
#wpc-weather.skin7 .hours .climacon.w804:before {
color: inherit;
content: "";
}
#wpc-weather.skin7 .hours .first .symbol {
color: #59ACE2 !important;
}
#wpc-weather.skin7 .hours .second .symbol {
color: #FF6C60;
}
#wpc-weather.skin7 .hours .third .symbol {
color: #8175C7;
}
#wpc-weather.skin7 .hours .fourth .symbol {
color: #A9D86E;
}
#wpc-weather.skin7 .hours .fifth .symbol {
color: #FCB322;
}
#wpc-weather.skin7 .hours .sixth .symbol {
color: #cbcbcb;
}
#wpc-weather.skin7 .hours .temperature:after,
#wpc-weather.skin7 .hours .temperature .wpc-highlight:after {
content:"°";
}
#wpc-weather.skin7 .hours .first .temperature:after {
content:none;
} #wpc-weather.skin7 .forecast {
color: #cbcbcb;
display: block;
line-height: 26px;
padding: 0 5%;
width: 100%;
}
#wpc-weather.skin7 .forecast .first, #wpc-weather.skin7 .forecast .second, #wpc-weather.skin7 .forecast .third, #wpc-weather.skin7 .forecast .fourth, #wpc-weather.skin7 .forecast .fifth, #wpc-weather.skin7 .forecast .sixth, #wpc-weather.skin7 .forecast .seventh, #wpc-weather.skin7 .forecast .eighth, #wpc-weather.skin7 .forecast .ninth, #wpc-weather.skin7 .forecast .tenth, #wpc-weather.skin7 .forecast .eleventh, #wpc-weather.skin7 .forecast .twelfth, #wpc-weather.skin7 .forecast .thirteenth, #wpc-weather.skin7 .forecast .fourteenth, #wpc-weather.skin7 .forecast .fifteenth {
border-left: 1px solid #F1F2F7;
border-right: 1px solid #F1F2F7;
display: inline-block;
line-height: 30px;
margin-right: -5px;
width: 20%;
}
#wpc-weather.skin7 .forecast .day {
display: block;
float: none;
font-size: 14px;
font-weight: 300;
text-align: center;
width: 100%;
}
#wpc-weather.skin7 .forecast .climacon {
display: block;
text-align: center;
}
#wpc-weather.skin7 .forecast .symbol {
float: none;
width: 100%;
}
#wpc-weather.skin7 .forecast .first .symbol {
color: #59ACE2;
}
#wpc-weather.skin7 .forecast .second .symbol {
color: #FF6C60;
}
#wpc-weather.skin7 .forecast .third .symbol {
color: #8175C7;
}
#wpc-weather.skin7 .forecast .fourth .symbol {
color: #A9D86E;
}
#wpc-weather.skin7 .forecast .fifth .symbol {
color: #FCB322;
}
#wpc-weather.skin7 .forecast .sixth .symbol {
color: #cbcbcb;
}
#wpc-weather.skin7 .forecast .seventh .symbol {
color: #3071A9;
}
#wpc-weather.skin7 .forecast .eighth .symbol {
color: #843534;
}
#wpc-weather.skin7 .forecast .ninth .symbol {
color: #245269;
}
#wpc-weather.skin7 .forecast .tenth .symbol {
color: #66512C;
}
#wpc-weather.skin7 .forecast .eleventh .symbol {
color: #444444;
}
#wpc-weather.skin7 .forecast .twelfth .symbol {
color: #1FB5AD;
}
#wpc-weather.skin7 .forecast .thirteen .symbol {
color: #cbcbcb;
}
#wpc-weather.skin7 .forecast .temp_min {
float: right;
font-size: 11px;
margin: 0;
text-align: center;
width: 50%;
}
#wpc-weather.skin7 .forecast .temp_max {
float: left;
text-align: center;
width: 50%;
}
#wpc-weather.skin7 .forecast .temp_max .wpc-highlight:after,
#wpc-weather.skin7 .forecast .temp_min:after {
content:"°";
}
#wpc-weather.skin7 .forecast:before {
color: #CBCBCB;
content: "forecast";
display: block;
font-size: 14px;
font-weight: 600;
padding: 10px 0%;
text-align: right;
text-transform: uppercase;
}
#wpc-weather.skin7 .wpc-link-owm {
padding-left: 10px;
}
#wpc-weather.skin7 .wpc-last-update {
padding-right: 10px;
}    #wpc-weather.skin8 .now, #wpc-weather.skin9 .now, #wpc-weather.skin10 .now {
color: #FFFFFF;
display: inline;
float: left;
padding: 10px 2% 2%;
position: relative;
width: 100%;
}
#wpc-weather.skin8 .now .time_symbol svg, #wpc-weather.skin9 .now .time_symbol svg, #wpc-weather.skin10 .now .time_symbol svg {
height: 80px;
margin-bottom: 0;
width: 100px;
}
#wpc-weather.skin8 .now .location_name, #wpc-weather.skin9 .now .location_name, #wpc-weather.skin10 .now .location_name {
color: #FFFFFF;
display: block;
font-size: 16px;
font-weight: bold;
height: 25px;
left: 0;
line-height: 25px;
padding: 0 2%;
position: absolute;
text-align: center;
top: 80px;
width: 100%;
}
#wpc-weather.skin8 .now .time_symbol, #wpc-weather.skin9 .now .time_symbol, #wpc-weather.skin10 .now .time_symbol {
fill: #FFFFFF;
float: left;
stroke: #FFFFFF;
text-align: right;
width: 45%;
}
#wpc-weather.skin8 .now .time_symbol .climacon_component-fill, #wpc-weather.skin9 .now .time_symbol .climacon_component-fill, #wpc-weather.skin10 .now .time_symbol .climacon_component-fill {
fill: #FFFFFF;
stroke: #FFFFFF;
stroke-width: 0;
}
#wpc-weather.skin8 .now .time_temperature, #wpc-weather.skin9 .now .time_temperature, #wpc-weather.skin10 .now .time_temperature {
float: right;
font-size: 28px;
font-weight: bold;
line-height: 80px;
margin: 0;
text-align: left;
width: 45%;
} #wpc-weather.skin8 .short_condition, #wpc-weather.skin9 .short_condition, #wpc-weather.skin10 .short_condition {
clear: left;
color: #FFFFFF;
display: block;
float: left;
font-size: 12px;
height: 35px;
line-height: 35px;
margin: 0;
padding: 0 5%;
text-align: center;
width: 100%;
} #wpc-weather.skin8 .today, #wpc-weather.skin9 .today, #wpc-weather.skin10 .today {
color: #FFFFFF;
display: block;
float: right;
padding: 0 5%;
width: 100%;
}
#wpc-weather.skin8 .today .day, #wpc-weather.skin9 .today .day, #wpc-weather.skin10 .today .day {
float: left;
min-width: 88px;
text-align: left;
width: 50%;
}
#wpc-weather.skin8 .today .sun_hours, #wpc-weather.skin9 .today .sun_hours, #wpc-weather.skin10 .today .sun_hours {
display: inline-block;
float: right;
text-align: right;
width: 50%;
}
#wpc-weather.skin8 .today .time_temperature_min, #wpc-weather.skin9 .today .time_temperature_min, #wpc-weather.skin10 .today .time_temperature_min {
float: right;
margin-right: 0;
text-align: right;
width: 25%;
}
#wpc-weather.skin8 .today .time_temperature_max, #wpc-weather.skin9 .today .time_temperature_max, #wpc-weather.skin10 .today .time_temperature_max {
float: left;
padding-left: 10%;
text-align: left;
width: 25%;
}
#wpc-weather.skin8 .today .time_temperature_max .wpc-highlight:after, 
#wpc-weather.skin8 .today .time_temperature_min:after,
#wpc-weather.skin9 .today .time_temperature_max .wpc-highlight:after, 
#wpc-weather.skin9 .today .time_temperature_min:after,
#wpc-weather.skin10 .today .time_temperature_max .wpc-highlight:after, 
#wpc-weather.skin10 .today .time_temperature_min:after {
content:"°";
} #wpc-weather.skin8 .infos,
#wpc-weather.skin9 .infos,
#wpc-weather.skin10 .infos {
color: #FFFFFF;
display: inline;
float: left;
margin: 1% auto;
padding: 0;
position: relative;
text-align: center;
width: 100%;
}
#wpc-weather.skin8 .infos .wind, #wpc-weather.skin8 .infos .humidity, #wpc-weather.skin8 .infos .pressure, #wpc-weather.skin8 .infos .cloudiness, #wpc-weather.skin8 .infos .precipitation,
#wpc-weather.skin9 .infos .wind, #wpc-weather.skin9 .infos .humidity, #wpc-weather.skin9 .infos .pressure, #wpc-weather.skin9 .infos .cloudiness, #wpc-weather.skin9 .infos .precipitation,
#wpc-weather.skin10 .infos .wind, #wpc-weather.skin10 .infos .humidity, #wpc-weather.skin10 .infos .pressure, #wpc-weather.skin10 .infos .cloudiness, #wpc-weather.skin10 .infos .precipitation {
display: block;
float: none;
height: 25px;
margin: 0;
position: relative;
text-indent: -9999px;
top: -20px;
width: 100%;
}
#wpc-weather.skin8 .infos .wind span, #wpc-weather.skin8 .infos .humidity span, #wpc-weather.skin8 .infos .pressure span, #wpc-weather.skin8 .infos .cloudiness span, #wpc-weather.skin8 .infos .precipitation span,
#wpc-weather.skin9 .infos .wind span, #wpc-weather.skin9 .infos .humidity span, #wpc-weather.skin9 .infos .pressure span, #wpc-weather.skin9 .infos .cloudiness span, #wpc-weather.skin9 .infos .precipitation span,
#wpc-weather.skin10 .infos .wind span, #wpc-weather.skin10 .infos .humidity span, #wpc-weather.skin10 .infos .pressure span, #wpc-weather.skin10 .infos .cloudiness span, #wpc-weather.skin10 .infos .precipitation span {
padding: 0 5%;
text-align: right;
text-indent: 0;
}
#wpc-weather.skin8 .infos .wind span:before, #wpc-weather.skin8 .infos .humidity span:before, #wpc-weather.skin8 .infos .pressure span:before, #wpc-weather.skin8 .infos .cloudiness span:before, #wpc-weather.skin8 .infos .precipitation span:before,
#wpc-weather.skin9 .infos .wind span:before, #wpc-weather.skin9 .infos .humidity span:before, #wpc-weather.skin9 .infos .pressure span:before, #wpc-weather.skin9 .infos .cloudiness span:before, #wpc-weather.skin9 .infos .precipitation span:before,
#wpc-weather.skin10 .infos .wind span:before, #wpc-weather.skin10 .infos .humidity span:before, #wpc-weather.skin10 .infos .pressure span:before, #wpc-weather.skin10 .infos .cloudiness span:before, #wpc-weather.skin10 .infos .precipitation span:before {
font-family: 'Climacons-Font';
font-size: 26px;
font-weight: normal;
left: 10%;
position: absolute;
text-align: center;
}
#wpc-weather.skin8 .infos .wind span:before, #wpc-weather.skin9 .infos .wind span:before, #wpc-weather.skin10 .infos .wind span:before {
content: "";
}
#wpc-weather.skin8 .infos .humidity span:before, #wpc-weather.skin9 .infos .humidity span:before, #wpc-weather.skin10 .infos .humidity span:before {
content: "";
}
#wpc-weather.skin8 .infos .pressure span:before, #wpc-weather.skin9 .infos .pressure span:before, #wpc-weather.skin10 .infos .pressure span:before {
content: "";
}
#wpc-weather.skin8 .infos .cloudiness span:before, #wpc-weather.skin9 .infos .cloudiness span:before, #wpc-weather.skin10 .infos .cloudiness span:before {
content: "";
}
#wpc-weather.skin8 .infos .precipitation span:before, #wpc-weather.skin9 .infos .precipitation span:before, #wpc-weather.skin10 .infos .precipitation span:before {
content: "\e045";
} #wpc-weather.skin8 .hours {
background: none repeat scroll 0 0 #009ABE;
border: medium none;
color: #FFFFFF;
line-height: 26px;
margin-bottom: 0;
margin-top: 0;
padding: 0 0 10px;
text-shadow: 2px 2px 0 #287AA0;
}
#wpc-weather.skin8 .hours:before, #wpc-weather.skin9 .hours:before, #wpc-weather.skin10 .hours:before {
color: #9DE6EA;
content: "today";
display: block;
font-size: 16px;
font-weight: 600;
padding: 10px 5%;
text-align: right;
text-transform: uppercase;
}
#wpc-weather.skin8 .hours .first, #wpc-weather.skin9 .hours .first, #wpc-weather.skin10 .hours .first {
margin: 0 3%;
}
#wpc-weather.skin8 .hours .first, #wpc-weather.skin8 .hours .second, #wpc-weather.skin8 .hours .third, #wpc-weather.skin8 .hours .fourth, #wpc-weather.skin8 .hours .fifth, #wpc-weather.skin8 .hours .sixth,
#wpc-weather.skin9 .hours .first, #wpc-weather.skin9 .hours .second, #wpc-weather.skin9 .hours .third, #wpc-weather.skin9 .hours .fourth, #wpc-weather.skin9 .hours .fifth, #wpc-weather.skin9 .hours .sixth,
#wpc-weather.skin10 .hours .first, #wpc-weather.skin10 .hours .second, #wpc-weather.skin10 .hours .third, #wpc-weather.skin10 .hours .fourth, #wpc-weather.skin10 .hours .fifth, #wpc-weather.skin10 .hours .sixth {
margin: 0 3% 0 0;
}
#wpc-weather.skin8 .hours .sixth, #wpc-weather.skin9 .hours .sixth, #wpc-weather.skin10 .hours .sixth {
margin: 0;
}
#wpc-weather.skin8 .hours .climacon.w803:before,
#wpc-weather.skin8 .hours .climacon.w804:before, 
#wpc-weather.skin9 .hours .climacon.w803:before,
#wpc-weather.skin9 .hours .climacon.w804:before,
#wpc-weather.skin10 .hours .climacon.w803:before,
#wpc-weather.skin10 .hours .climacon.w804:before {
color: inherit;
content: "";
}
#wpc-weather.skin8 .hours .temperature:after,
#wpc-weather.skin8 .hours .temperature .wpc-highlight:after,
#wpc-weather.skin9 .hours .temperature:after,
#wpc-weather.skin9 .hours .temperature .wpc-highlight:after,
#wpc-weather.skin10 .hours .temperature:after,
#wpc-weather.skin10 .hours .temperature .wpc-highlight:after {
content:"°";
}
#wpc-weather.skin8 .hours .first .temperature:after,
#wpc-weather.skin9 .hours .first .temperature:after,
#wpc-weather.skin10 .hours .first .temperature:after {
content:none;
} #wpc-weather.skin8 .forecast {
background: none repeat scroll 0 0 #07809A;
color: #FFFFFF;
display: block;
line-height: 26px;
padding: 0 5%;
width: 100%;
text-shadow: 2px 2px 0 #195F80;
}
#wpc-weather.skin8 .forecast .first, #wpc-weather.skin8 .forecast .second, #wpc-weather.skin8 .forecast .third, #wpc-weather.skin8 .forecast .fourth, #wpc-weather.skin8 .forecast .fifth, #wpc-weather.skin8 .forecast .sixth, #wpc-weather.skin8 .forecast .seventh, #wpc-weather.skin8 .forecast .eighth, #wpc-weather.skin8 .forecast .ninth, #wpc-weather.skin8 .forecast .tenth, #wpc-weather.skin8 .forecast .eleventh, #wpc-weather.skin8 .forecast .twelfth, #wpc-weather.skin8 .forecast .thirteenth, #wpc-weather.skin8 .forecast .fourteenth, #wpc-weather.skin8 .forecast .fifteenth,
#wpc-weather.skin9 .forecast .first, #wpc-weather.skin9 .forecast .second, #wpc-weather.skin9 .forecast .third, #wpc-weather.skin9 .forecast .fourth, #wpc-weather.skin9 .forecast .fifth, #wpc-weather.skin9 .forecast .sixth, #wpc-weather.skin9 .forecast .seventh, #wpc-weather.skin9 .forecast .eighth, #wpc-weather.skin9 .forecast .ninth, #wpc-weather.skin9 .forecast .tenth, #wpc-weather.skin9 .forecast .eleventh, #wpc-weather.skin9 .forecast .twelfth, #wpc-weather.skin9 .forecast .thirteenth, #wpc-weather.skin9 .forecast .fourteenth, #wpc-weather.skin9 .forecast .fifteenth,
#wpc-weather.skin10 .forecast .first, #wpc-weather.skin10 .forecast .second, #wpc-weather.skin10 .forecast .third, #wpc-weather.skin10 .forecast .fourth, #wpc-weather.skin10 .forecast .fifth, #wpc-weather.skin10 .forecast .sixth, #wpc-weather.skin10 .forecast .seventh, #wpc-weather.skin10 .forecast .eighth, #wpc-weather.skin10 .forecast .ninth, #wpc-weather.skin10 .forecast .tenth, #wpc-weather.skin10 .forecast .eleventh, #wpc-weather.skin10 .forecast .twelfth, #wpc-weather.skin10 .forecast .thirteenth, #wpc-weather.skin10 .forecast .fourteenth, #wpc-weather.skin10 .forecast .fifteenth {
display: inline-block;
line-height: 30px;
margin-right: -5px;
width: 20%;
}
#wpc-weather.skin8 .forecast .day, #wpc-weather.skin9 .forecast .day, #wpc-weather.skin10 .forecast .day {
display: block;
float: none;
font-size: 12px;
text-align: center;
width: 100%;
}
#wpc-weather.skin8 .forecast .climacon, #wpc-weather.skin9 .forecast .climacon, #wpc-weather.skin10 .forecast .climacon {
display: block;
text-align: center;
}
#wpc-weather.skin8 .forecast .symbol, #wpc-weather.skin9 .forecast .symbol, #wpc-weather.skin10 .forecast .symbol {
float: none;
width: 100%;
}
#wpc-weather.skin8 .forecast .temp_min, #wpc-weather.skin9 .forecast .temp_min, #wpc-weather.skin10 .forecast .temp_min {
float: right;
font-size: 11px;
margin: 0;
text-align: center;
width: 50%;
}
#wpc-weather.skin8 .forecast .temp_max, #wpc-weather.skin9 .forecast .temp_max, #wpc-weather.skin10 .forecast .temp_max {
float: left;
font-size: 14px;
text-align: center;
width: 50%;
}
#wpc-weather.skin8 .forecast .temp_max .wpc-highlight:after,
#wpc-weather.skin8 .forecast .temp_min:after,
#wpc-weather.skin9 .forecast .temp_max .wpc-highlight:after,
#wpc-weather.skin9 .forecast .temp_min:after,
#wpc-weather.skin10 .forecast .temp_max .wpc-highlight:after,
#wpc-weather.skin10 .forecast .temp_min:after {
content:"°";
}
#wpc-weather.skin8 .forecast:before, #wpc-weather.skin9 .forecast:before, #wpc-weather.skin10 .forecast:before {
color: #57ACBF;
content: "forecast";
display: block;
font-size: 16px;
font-weight: 600;
padding: 10px 0;
text-align: right;
}    #wpc-weather.skin9 .hours {
background: none repeat scroll 0 0 #33BC6D;
border: medium none;
color: #FFFFFF;
line-height: 26px;
margin-bottom: 0;
margin-top: 0;
padding: 0 0 10px;
text-shadow: 2px 2px 0 #3EAA6C;
}
#wpc-weather.skin9 .hours:before {
color: #6DEAA1;
content: "today";
display: block;
font-size: 16px;
font-weight: 600;
padding: 10px 5%;
text-align: right;
text-transform: uppercase;
} #wpc-weather.skin9 .forecast {
background: none repeat scroll 0 0 #339C5F;
color: #FFFFFF;
display: block;
line-height: 26px;
padding: 0 5%;
text-shadow: 2px 2px 0 #247A48;
width: 100%;
}
#wpc-weather.skin9 .forecast:before {
color: #8DCFA9;
content: "forecast";
display: block;
font-size: 16px;
font-weight: 600;
padding: 10px 0;
text-align: right;
}    #wpc-weather.skin10 .hours {
background: none repeat scroll 0 0 #BC3459;
border: medium none;
color: #FFFFFF;
line-height: 26px;
margin-bottom: 0;
margin-top: 0;
padding: 0 0 10px;
text-shadow: 2px 2px 0 #95052B;
}
#wpc-weather.skin10 .hours:before {
color: #F47496;
content: "today";
display: block;
font-size: 16px;
font-weight: 600;
padding: 10px 5%;
text-align: right;
text-transform: uppercase;
} #wpc-weather.skin10 .forecast {
background: none repeat scroll 0 0 #982947;
color: #FFFFFF;
display: block;
line-height: 26px;
padding: 0 5%;
text-shadow: 2px 2px 0 #820023;
width: 100%;
}
#wpc-weather.skin10 .forecast:before {
color: #F86089;
content: "forecast";
display: block;
font-size: 16px;
font-weight: 600;
padding: 10px 0;
text-align: right;
}   @media screen and (max-width: 767px) { #wpc-weather.skin1 .today .sun_hours {
min-width: inherit;
width: 100%;
float: left;
text-align: center;
}
#wpc-weather.skin1 .infos {
width: 100%;
margin:0 0 10px 0;
} #wpc-weather.skin2 .infos {
float: none;
width: 100%;
padding: 0% 5% 0 0;
}
#wpc-weather.skin2 .forecast .first, #wpc-weather.skin2 .forecast .second, #wpc-weather.skin2 .forecast .third, #wpc-weather.skin2 .forecast .fourth, #wpc-weather.skin2 .forecast .fifth, #wpc-weather.skin2 .forecast .sixth, #wpc-weather.skin2 .forecast .seventh, #wpc-weather.skin2 .forecast .eighth, #wpc-weather.skin2 .forecast .ninth, #wpc-weather.skin2 .forecast .tenth, #wpc-weather.skin2 .forecast .eleventh, #wpc-weather.skin2 .forecast .twelfth, #wpc-weather.skin2 .forecast .thirteenth, #wpc-weather.skin2 .forecast .fourteenth, #wpc-weather.skin2 .forecast .fifteenth {
padding: 0px 5%;
border-bottom: 1px solid #EDEDED;
display: inline-block;
height: auto;
line-height: 30px;
margin-bottom: 0px;
width: 100%;
} #wpc-weather.skin3 .infos {
float: none;
width: inherit;
}
#wpc-weather.skin3 .now .time_symbol.iconvault {
height: 60px;
}
#wpc-weather.skin3 .now .location_name {
height: 25px;
line-height: 25px;
text-align: center;
}
#wpc-weather.skin3 .now .time_symbol {
width: 100%;
float: inherit;
text-align: center;
}
#wpc-weather.skin3 .now .time_temperature {
line-height: 20px;
float: inherit;
width: inherit;
text-align: center;
}
#wpc-weather.skin3 .forecast .first, #wpc-weather.skin3 .forecast .second, #wpc-weather.skin3 .forecast .third, #wpc-weather.skin3 .forecast .fourth, #wpc-weather.skin3 .forecast .fifth, #wpc-weather.skin3 .forecast .sixth, #wpc-weather.skin3 .forecast .seventh, #wpc-weather.skin3 .forecast .eighth, #wpc-weather.skin3 .forecast .ninth, #wpc-weather.skin3 .forecast .tenth, #wpc-weather.skin3 .forecast .eleventh, #wpc-weather.skin3 .forecast .twelfth, #wpc-weather.skin3 .forecast .thirteenth, #wpc-weather.skin3 .forecast .fourteenth, #wpc-weather.skin3 .forecast .fifteenth {
width: auto;
}
#wpc-weather.skin3 .forecast .day {
width: 100px;
} #wpc-weather.skin4 .infos {
width: inherit;
}
#wpc-weather.skin4 .wpc-link-owm {
padding-left: 10px;
}
#wpc-weather.skin4 .wpc-last-update {
padding-right: 10px;
}
#wpc-weather.skin4 .forecast .first, #wpc-weather.skin4 .forecast .second, #wpc-weather.skin4 .forecast .third, #wpc-weather.skin4 .forecast .fourth, #wpc-weather.skin4 .forecast .fifth, #wpc-weather.skin4 .forecast .sixth, #wpc-weather.skin4 .forecast .seventh, #wpc-weather.skin4 .forecast .eighth, #wpc-weather.skin4 .forecast .ninth, #wpc-weather.skin4 .forecast .tenth, #wpc-weather.skin4 .forecast .eleventh, #wpc-weather.skin4 .forecast .twelfth, #wpc-weather.skin4 .forecast .thirteenth, #wpc-weather.skin4 .forecast .fourteenth, #wpc-weather.skin4 .forecast .fifteenth {
width: 100%;
border: none;
}
#wpc-weather.skin4 .forecast .symbol {
left: inherit;
}
#wpc-weather.skin4 .forecast .iconvault,
#wpc-weather.skin4 .forecast .iconvault2,
#wpc-weather.skin4 .forecast .iconvault3 {
width: 100%;
} #wpc-weather.skin5 .wpc-link-owm {
padding-left: 10px;
}
#wpc-weather.skin5 .wpc-last-update {
padding-right: 10px;
}
#wpc-weather.skin5 .infos {
width: inherit;
}
#wpc-weather.skin5 .forecast .day {
width: auto;
margin-right: 10px;
}
#wpc-weather.skin5 .forecast .symbol {
width: auto;
} #wpc-weather.skin6 .wpc-link-owm {
padding-left: 10px;
}
#wpc-weather.skin6 .wpc-last-update {
padding-right: 10px;
}
#wpc-weather.skin6 .infos {
width: inherit;
}
#wpc-weather.skin6 .forecast .first, #wpc-weather.skin6 .forecast .second, #wpc-weather.skin6 .forecast .third, #wpc-weather.skin6 .forecast .fourth, #wpc-weather.skin6 .forecast .fifth, #wpc-weather.skin6 .forecast .sixth, #wpc-weather.skin6 .forecast .seventh, #wpc-weather.skin6 .forecast .eighth, #wpc-weather.skin6 .forecast .ninth, #wpc-weather.skin6 .forecast .tenth, #wpc-weather.skin6 .forecast .eleventh, #wpc-weather.skin6 .forecast .twelfth, #wpc-weather.skin6 .forecast .thirteenth, #wpc-weather.skin6 .forecast .fourteenth, #wpc-weather.skin6 .forecast .fifteenth {
width: 100%;
border: none;
}
#wpc-weather.skin6 .forecast .symbol {
left: inherit;
}
#wpc-weather.skin6 .forecast .iconvault,
#wpc-weather.skin6 .forecast .iconvault2,
#wpc-weather.skin6 .forecast .iconvault3 {
width: 100%;
}
#wpc-weather.skin6 .short_condition,
#wpc-weather.skin6 .now {
width: 100%;
}
#wpc-weather.skin6 .today .day {
width: 100%;
}
#wpc-weather.skin6 .today .sun_hours {
width: 100%;
} #wpc-weather.skin7 .infos,
#wpc-weather.skin7 .now,
#wpc-weather.skin7 .short_condition {
width: 100%;
}
#wpc-weather.skin7 .forecast .first, #wpc-weather.skin7 .forecast .second, #wpc-weather.skin7 .forecast .third, #wpc-weather.skin7 .forecast .fourth, #wpc-weather.skin7 .forecast .fifth, #wpc-weather.skin7 .forecast .sixth, #wpc-weather.skin7 .forecast .seventh, #wpc-weather.skin7 .forecast .eighth, #wpc-weather.skin7 .forecast .ninth, #wpc-weather.skin7 .forecast .tenth, #wpc-weather.skin7 .forecast .eleventh, #wpc-weather.skin7 .forecast .twelfth, #wpc-weather.skin7 .forecast .thirteenth, #wpc-weather.skin7 .forecast .fourteenth, #wpc-weather.skin7 .forecast .fifteenth {
width: 100%;
border: none;
}
#wpc-weather.skin7 .wpc-link-owm {
padding-left: 10px;
}
#wpc-weather.skin7 .wpc-last-update {
padding-right: 10px;
}
#wpc-weather.skin7 .forecast .symbol {
left: inherit;
}
#wpc-weather.skin7 .forecast .iconvault,
#wpc-weather.skin7 .forecast .iconvault2,
#wpc-weather.skin7 .forecast .iconvault3 {
width: 100%;
} #wpc-weather.skin8 .forecast .first, #wpc-weather.skin8 .forecast .second, #wpc-weather.skin8 .forecast .third, #wpc-weather.skin8 .forecast .fourth, #wpc-weather.skin8 .forecast .fifth, #wpc-weather.skin8 .forecast .sixth, #wpc-weather.skin8 .forecast .seventh, #wpc-weather.skin8 .forecast .eighth, #wpc-weather.skin8 .forecast .ninth, #wpc-weather.skin8 .forecast .tenth, #wpc-weather.skin8 .forecast .eleventh, #wpc-weather.skin8 .forecast .twelfth, #wpc-weather.skin8 .forecast .thirteenth, #wpc-weather.skin8 .forecast .fourteenth, #wpc-weather.skin8 .forecast .fifteenth, #wpc-weather.skin9 .forecast .first, #wpc-weather.skin9 .forecast .second, #wpc-weather.skin9 .forecast .third, #wpc-weather.skin9 .forecast .fourth, #wpc-weather.skin9 .forecast .fifth, #wpc-weather.skin9 .forecast .sixth, #wpc-weather.skin9 .forecast .seventh, #wpc-weather.skin9 .forecast .eighth, #wpc-weather.skin9 .forecast .ninth, #wpc-weather.skin9 .forecast .tenth, #wpc-weather.skin9 .forecast .eleventh, #wpc-weather.skin9 .forecast .twelfth, #wpc-weather.skin9 .forecast .thirteenth, #wpc-weather.skin9 .forecast .fourteenth, #wpc-weather.skin9 .forecast .fifteenth, #wpc-weather.skin10 .forecast .first, #wpc-weather.skin10 .forecast .second, #wpc-weather.skin10 .forecast .third, #wpc-weather.skin10 .forecast .fourth, #wpc-weather.skin10 .forecast .fifth, #wpc-weather.skin10 .forecast .sixth, #wpc-weather.skin10 .forecast .seventh, #wpc-weather.skin10 .forecast .eighth, #wpc-weather.skin10 .forecast .ninth, #wpc-weather.skin10 .forecast .tenth, #wpc-weather.skin10 .forecast .eleventh, #wpc-weather.skin10 .forecast .twelfth, #wpc-weather.skin10 .forecast .thirteenth, #wpc-weather.skin10 .forecast .fourteenth, #wpc-weather.skin10 .forecast .fifteenth {
width: inherit; 
}
#wpc-weather.skin8 .wpc-link-owm,
#wpc-weather.skin9 .wpc-link-owm,
#wpc-weather.skin10 .wpc-link-owm {
padding-left: 10px;
}
#wpc-weather.skin8 .wpc-last-update,
#wpc-weather.skin9 .wpc-last-update,
#wpc-weather.skin10 .wpc-last-update {
padding-right: 10px;
} #wpc-weather.theme1 .hours .first, #wpc-weather.theme1 .hours .second, #wpc-weather.theme1 .hours .third, #wpc-weather.theme1 .hours .fourth, #wpc-weather.theme1 .hours .fifth, #wpc-weather.theme1 .hours .sixth {
width: 100%;
}
#wpc-weather.theme1 .infos .sun_hours {
line-height: 10px;
margin-top: 15px;
}
#wpc-weather.theme1 .forecast .first, #wpc-weather.theme1 .forecast .second, #wpc-weather.theme1 .forecast .third, #wpc-weather.theme1 .forecast .fourth, #wpc-weather.theme1 .forecast .fifth, #wpc-weather.theme1 .forecast .sixth, #wpc-weather.theme1 .forecast .seventh, #wpc-weather.theme1 .forecast .eighth, #wpc-weather.theme1 .forecast .ninth, #wpc-weather.theme1 .forecast .tenth, #wpc-weather.theme1 .forecast .eleventh, #wpc-weather.theme1 .forecast .twelfth, #wpc-weather.theme1 .forecast .thirteenth, #wpc-weather.theme1 .forecast .fourteenth, #wpc-weather.theme1 .forecast .fifteenth {
border-right: none;
display: inline-block;
width: 31%;
}
#wpc-weather.theme1 .forecast {
display: inline-block;
height: 150px;
}
#wpc-weather.theme1 .forecast .iconvault,
#wpc-weather.theme1 .forecast .iconvault2,
#wpc-weather.theme1 .forecast .iconvault3 {
width: 100%;
}
#wpc-weather.theme1 .forecast .symbol {
float: inherit;
}
#wpc-weather.theme1 .forecast .temp_min,
#wpc-weather.theme1 .forecast .temp_max {
margin: 0;
} #wpc-weather.theme2 .infos .wind span::before, #wpc-weather.theme2 .infos .humidity span::before, #wpc-weather.theme2 .infos .pressure span::before, #wpc-weather.theme2 .infos .cloudiness span::before {
left:0;
}
#wpc-weather.theme2 .infos .sun_hours {
line-height: 30px;
margin-top: 20px;
}
#wpc-weather.theme2 .forecast .symbol {
width: auto;
}
}