/*************************************************************************************************/
/* Theme - 1                                                                                     */
/*************************************************************************************************/
#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;
}
/*************************************************************************************************/
/* Theme - 2                                                                                     */
/*************************************************************************************************/
#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;
    /* Firefox v3.6+ */
    background-image:-moz-linear-gradient(2% 0% -63deg,rgb(92,173,178) 0%,rgb(22,131,138) 100%); 
    /* safari v4.0+ and by Chrome v3.0+ */
    background-image:-webkit-gradient(linear,2% 0%,87% 101%,color-stop(0, rgb(92,173,178)),color-stop(1, rgb(22,131,138)));
    /* Chrome v10.0+ and by safari nightly build*/
    background-image:-webkit-linear-gradient(-63deg,rgb(92,173,178) 0%,rgb(22,131,138) 100%);
    /* Opera v11.10+ */
    background-image:-o-linear-gradient(-63deg,rgb(92,173,178) 0%,rgb(22,131,138) 100%);
    /* IE v10+ */
    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%;
}
/*************************************************************************************************/
/* Skin - Base                                                                                   */
/*************************************************************************************************/

#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;
}
/*************************************************************************************************/
/* Skin - Animations                                                                             */
/*************************************************************************************************/
@-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;
}
/*************************************************************************************************/
/* Skin 1                                                                                        */
/*************************************************************************************************/
/***Now***/
#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;
}
/***Short Condition***/
#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%;
}
/***Today***/
#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;
}
/***Infos***/
#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";
}

/***Hours***/
#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;
}

/***Forecast***/
#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;
}
/*************************************************************************************************/
/* Skin 2                                                                                        */
/*************************************************************************************************/

/***Now***/
#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;
}
/***Short Condition***/
#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;
}
/***Today***/
#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;
}
/***Infos***/
#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";    
}
/***Hours***/
#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;
}

/***Forecast***/
#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;
}
/*************************************************************************************************/
/* Skin 3                                                                                        */
/*************************************************************************************************/

/***Now***/
#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%;
}
/***Short Condition***/
#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;
}
/***Today***/
#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;
}
/***Infos***/
#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";    
}
/***Hours***/
#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;
}

/***Forecast***/
#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;
}

/*************************************************************************************************/
/* Skin 4                                                                                        */
/*************************************************************************************************/

/***Now***/
#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%;
}
/***Short Condition***/
#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;
}
/***Today***/
#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%;
}
/***Infos***/
#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";    
}

/***Hours***/
#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;
}

/***Forecast***/
#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;
}
/*************************************************************************************************/
/* Skin 5                                                                                        */
/*************************************************************************************************/

/***Now***/
#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%;
}
/***Short Condition***/
#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;
}
/***Today***/
#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%;
}
/***Infos***/
#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";    
}

/***Hours***/
#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;
}

/***Forecast***/
#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;
}

/*************************************************************************************************/
/* Skin 6                                                                                        */
/*************************************************************************************************/

/***Now***/
#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%;
}
/***Short Condition***/
#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%;
}
/***Today***/
#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:"°";
}
/***Infos***/
#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";
}
/***Hours***/
#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;
}
/***Forecast***/
#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;
}

/*************************************************************************************************/
/* Skin 7                                                                                        */
/*************************************************************************************************/

/***Now***/
#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%;
}
/***Short Condition***/
#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%;
}
/***Today***/
#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:"°";
}
/***Infos***/
#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";
}

/***Hours***/
#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;
}
/***Forecast***/
#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;
}

/*************************************************************************************************/
/* Skin 8 - Skin 9 - Skin 10                                                                     */
/*************************************************************************************************/

/***Now***/
#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%;
}
/***Short Condition***/
#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%;
}
/***Today***/
#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:"°";
}
/***Infos***/
#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";
}
/***Hours***/
#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;
}
/***Forecast***/
#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;
}

/*************************************************************************************************/
/* Skin 9                                                                                        */
/*************************************************************************************************/

/***Hours***/
#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;
}
/***Forecast***/
#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;
}

/*************************************************************************************************/
/* Skin 10                                                                                       */
/*************************************************************************************************/

/***Hours***/
#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;
}
/***Forecast***/
#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;
}

/*************************************************************************************************/
/* Responsive                                                                                    */
/*************************************************************************************************/
@media screen and (max-width: 767px) {
    /* Skin1 */
    #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;
    }
    /* Skin2 */
    #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%;
    }
    /* Skin3 */
    #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;
    }
    /* Skin4 */
    #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%;
    }
    /* Skin5 */
    #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;
    }
    /* Skin6 */
    #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%;
    }
    /* Skin7 */
    #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%;
    }
    /* Skin8, Skin9, Skin10 */
    #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;
    }
    /* Theme1 */
    #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;
    }
    /* Theme2 */
    #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;
    }
}