/* weatherjs25.css */

.weather-scale {
    overflow:hidden;
}

.weather-scale .weather-widget {
    transform-origin: top left;
    transform: scale(var(--sx,1), var(--sy,1));
}

.ReallyHot,
.really-hot {
    color:#ff0000;
    text-shadow:-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.Hot,
.hot {
    color:#ff6600;
    text-shadow:-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.JustRight,
.just-right {
    color:#339900;
    text-shadow:-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.Cold,
.cold {
    color:#0000cc;
    text-shadow:-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.ReallyCold,
.really-cold {
    color:#007eff;
    text-shadow:-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.na {
    color:#000000;
    text-shadow:-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.city {
    color:#ffffff;
    text-decoration:none;
}

.srssicon {
    color:#ffb800;
}

.weather-wrapper {
    position:relative;
    padding:0;
    margin:0;
    border:0;
}

.weather-widget {
    position:relative;
    z-index:1;
    background-color:#ffffff;
    padding:0;
    margin:0;
    border:0;
    overflow:hidden;
    font-family:"Arial", Sans-Serif;
}

.weather-compass,
.weather-wind,
.weather-flag,
.weather-background,
.weather-icon {
    position:absolute;
    float:left;
    border:0;
    padding:0;
    margin:0;
}

.weather-city,
.weather-windspeed,
.weather-tempf,
.weather-temph,
.weather-templ,
.weather-condition,
.weather-sunrise,
.weather-sunset,
.weather-humidity,
.weather-humidity-label,
.weather-humidity-value,
.weather-heatchill,
.weather-heatchill-label,
.weather-heatchill-value,
.weather-datetime,
.weather-tz,
.weather-timezone,
.weather-tztxt,
.weather-timezonetxt {
    position:absolute;
    margin-top:0;
    font-family:"Arial", Sans-Serif;
}

.weather-datetime,
.weather-tz,
.weather-timezone,
.weather-tztxt,
.weather-timezonetxt {
    z-index:-500;
    color:#000000;
    font-size:1px;
}

/* Layout: wide, based on old Weather240 */

.weather-wide .weather-widget {
    width:240px;
    height:120px;
    border-radius:16px;
}

.weather-wide .weather-compass {
    left:210px;
    top:30px;
    width:30px;
    height:30px;
    z-index:20;
}

.weather-wide .weather-wind {
    left:210px;
    top:30px;
    width:30px;
    height:30px;
    z-index:21;
}

.weather-wide .weather-windspeed {
    width:40px;
    text-align:center;
    z-index:21;
    left:205px;
    top:38px;
    color:#ff0000;
    font-size:12px;
    font-weight:bold;
}

.weather-wide .weather-flag {
    left:52px;
    top:0;
    width:46px;
    height:31px;
    z-index:50;
}

.weather-wide .weather-city {
    padding-top:4px;
    width:140px;
    height:27px;
    left:100px;
    top:0;
    text-align:center;
    z-index:2;
    font-weight:bold;
    font-size:14px;
    border-top-right-radius:16px;
    border:0;
    color:#ffffff;
    background-color:#01735c;
    line-height:90%;
}

.weather-wide .weather-tempf {
    text-align:left;
    z-index:2;
    left:101px;
    top:30px;
    color:#339933;
    font-weight:bold;
    font-size:36px;
}

.weather-wide .weather-condition {
    width:100px;
    text-align:center;
    z-index:25;
    left:1px;
    top:60px;
    color:#000000;
    font-weight:bold;
    font-size:14px;
    text-shadow:-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.weather-wide .weather-temph,
.weather-wide .weather-templ {
    width:30px;
    text-align:left;
    z-index:6;
    left:100px;
    top:87px;
    margin:0;
    padding:0;
    color:#000000;
    font-weight:bold;
    font-size:15px;
}

.weather-wide .weather-templ {
    left:130px;
}

.weather-wide .weather-forecasth,
.weather-wide .weather-forecastl {
    position:relative;
    text-align:center;
    left:20px;
    top:-5px;
    margin-top:0px;
    color:#000000;
    font-size:100%;
    font-weight:bold;
    font-size:14px;
    text-shadow:-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.weather-wide .weather-forecastl {
    left:30px;
}


.weather-wide .weather-sunrise,
.weather-wide .weather-sunset {
    width:140px;
    text-align:right;
    z-index:5;
    right:3px;
    top:87px;
    color:#000000;
    font-weight:bold;
    font-size:12px;
}

.weather-wide .weather-sunset {
    top:103px;
}

.weather-wide .weather-humidity,
.weather-wide .weather-humidity-label {
    z-index:2;
    margin:0;
    padding:0;
    color:#000000;
    font-size:6px;
    line-height:90%;
    background-color:transparent;
}

.weather-wide .weather-humidity {
    top:75px;
    right:0;
}

.weather-wide .weather-humidity-label {
    position:relative;
    right:25px;
}

.weather-wide .weather-humidity-value {
    position:relative;
    font-weight:bold;
    top:-5.5px;
    font-size:12px;
}

.weather-wide .weather-heatchill,
.weather-wide .weather-heatchill-label,
.weather-wide .weather-heatchill-value {
    z-index:5;
    width:140px;
    top:87px;
    left:156px;
    margin:0;
    padding:0;
    color:#000000;
    font-size:8px;
    line-height:90%;
    background-color:transparent;
}

.weather-wide .weather-heatchill-label {
    position:relative;
    top:1px;
    left:0;
}

.weather-wide .weather-heatchill-value {
    position:relative;
    top:4px;
    left:1px;
    font-weight:bold;
    font-size:16px;
    color:#0000cc;
}

.weather-wide .weather-heatchill-value.heat {
    color: #ff6600;
}

.weather-wide .weather-heatchill-value.chill {
    color: #0000cc;
}

.weather-wide .weather-background,
.weather-wide .weather-icon {
    left:0;
    top:0;
    width:100px;
    height:120px;
    z-index:-5;
    border-top-left-radius:16px;
    border-bottom-left-radius:16px;
}

.weather-wide .weather-datetime,
.weather-wide .weather-timezone,
.weather-wide .weather-tz,
.weather-wide .weather-timezonetxt,
.weather-wide .weather-tztxt {
    width:240px;
}

.weather-wide .weather-tz {
    top:29px;
    right:43px;
    z-index:55;
    font-size:12px;
    text-align:right;
}

.weather-wide .weather-tztxt {
    top:32px;
    right:30px;
    z-index:55;
    font-size:8px;
    text-align:right;
}

.weather-wide .weather-timezone {
    top:39px;
    right:43px;
    z-index:55;
    font-size:12px;
    text-align:right;
}

.weather-wide .weather-timezonetxt {
    top:42px;
    right:30px;
    z-index:55;
    font-size:8px;
    text-align:right;
}

/* Layout: square, based on old Weather120 */

.weather-square .weather-widget {
    width:120px;
    height:120px;
    border-radius:16px;
}

.weather-square .weather-compass {
    left:100px;
    top:70px;
    width:20px;
    height:20px;
    z-index:20;
}

.weather-square .weather-wind {
    left:100px;
    top:70px;
    width:20px;
    height:20px;
    z-index:21;
}

.weather-square .weather-windspeed {
    width:20px;
    text-align:center;
    z-index:21;
    left:100px;
    top:76px;
    color:#ff0000;
    font-size:7px;
    font-weight:bold;
}

.weather-square .weather-flag {
    left:1px;
    top:22px;
    width:30px;
    height:20px;
    z-index:50;
}

.weather-square .weather-city {
    padding-top:0.75px;
    padding-left:5px;
    padding-right:5px;
    width:110px;
    height:20px;
    left:0;
    top:0;
    text-align:center;
    z-index:2;
    font-weight:bold;
    font-size:11px;
    border-top-left-radius:16px;
    border-top-right-radius:16px;
    color:#ffffff;
    background-color:#01735c;
    line-height:90%;
}

.weather-square .weather-tempf {
    text-align:left;
    z-index:2;
    left:1px;
    top:66px;
    color:#339933;
    font-weight:bold;
    font-size:25px;
    text-shadow:-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.weather-square .weather-condition {
    width:120px;
    text-align:center;
    z-index:25;
    left:0;
    top:40px;
    color:#000000;
    font-weight:bold;
    font-size:12px;
    text-shadow:-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.weather-square .weather-temph,
.weather-square .weather-templ {
    width:20px;
    text-align:left;
    z-index:6;
    left:3px;
    top:91px;
    color:#000000;
    font-weight:bold;
    font-size:12px;
    background-color:transparent;
}

.weather-square .weather-templ {
    left:30px;
}

.weather-square .weather-forecasth,
.weather-square .weather-forecastl {
    position:relative;
    text-align:center;
    left:20px;
    top:-5px;
    margin-top:0px;
    color:#000000;
    font-size:100%;
    font-weight:bold;
    font-size:14px;
    text-shadow:-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.weather-square .weather-forecastl {
    left:30px;
}

.weather-square .weather-sunrise,
.weather-square .weather-sunset {
    width:70px;
    text-align:right;
    z-index:5;
    right:6px;
    top:102px;
    color:#000000;
    font-weight:bold;
    font-size:8px;
    background-color:transparent;
}

.weather-square .weather-sunset {
    top:110px;
}

.weather-square .weather-humidity,
.weather-square .weather-humidity-label {
    z-index:2;
    margin:0;
    padding:0;
    color:#000000;
    font-size:6px;
    line-height:90%;
    background-color:transparent;
}

.weather-square .weather-humidity {
    top:90px;
    right:-3px;
}

.weather-square .weather-humidity-label {
    position:relative;
    top:5.5px;
    right:24px;
}

.weather-square .weather-humidity-value {
    position:relative;
    top:0;
    font-weight:bold;
    font-size:9px;
}

.weather-square .weather-heatchill,
.weather-square .weather-heatchill-label,
.weather-square .weather-heatchill-value {
    width:20px;
    text-align:left;
    z-index:6;
    left:28px;
    top:90px;
    color:#000000;
    font-weight:bold;
    font-size:6px;
    line-height:90%;
    background-color:transparent;
}

.weather-square .weather-heatchill-label {
    position:relative;
    top:2px;
}

.weather-square .weather-heatchill-value {
    position:relative;
    top:5.5px;
    font-weight:bold;
    font-size:12px;
    color:#0000cc;
}

.weather-square .weather-heatchill-value.heat {
    color: #ff6600;
}

.weather-square .weather-heatchill-value.chill {
    color: #0000cc;
}

.weather-square .weather-background,
.weather-square .weather-icon {
    left:0;
    top:0;
    width:120px;
    height:120px;
    z-index:-5;
    border-radius:16px;
}

.weather-square .weather-datetime,
.weather-square .weather-timezone,
.weather-square .weather-tz,
.weather-square .weather-timezonetxt,
.weather-square .weather-tztxt {
    width:120px;
    top:0;
}

.weather-square .weather-tz {
    top:69px;
    right:30px;
    z-index:55;
    font-size:10px;
    text-align:right;
}

.weather-square .weather-tztxt {
    top:72px;
    right:20px;
    z-index:55;
    font-size:6px;
    text-align:right;
}

.weather-square .weather-timezone {
    top:77px;
    right:30px;
    z-index:55;
    font-size:10px;
    text-align:right;
}

.weather-square .weather-timezonetxt {
    top:80px;
    right:20px;
    z-index:55;
    font-size:6px;
    text-align:right;
}

/* Layout: tall, based on old Weather912 */

.weather-tall .weather-widget {
    width:90px;
    height:120px;
    border-radius:16px;
}

.weather-tall .weather-compass {
    left:70px;
    top:70px;
    width:20px;
    height:20px;
    z-index:20;
}

.weather-tall .weather-wind {
    left:70px;
    top:70px;
    width:20px;
    height:20px;
    z-index:21;
}

.weather-tall .weather-windspeed {
    width:20px;
    text-align:center;
    z-index:21;
    left:70px;
    top:76px;
    color:#ff0000;
    font-size:7px;
    font-weight:bold;
}

.weather-tall .weather-flag {
    left:1px;
    top:23px;
    width:25px;
    height:17px;
    z-index:50;
}

.weather-tall .weather-city {
    padding-top:3px;
    padding-left:0px;
    padding-right:0px;
    width:90px;
    height:19px;
    left:0;
    top:0;
    text-align:center;
    z-index:2;
    font-weight:bold;
    font-size:8.5px;
    border-top-left-radius:16px;
    border-top-right-radius:16px;
    color:#ffffff;
    background-color:#01735c;
    line-height:90%;
}
.weather-tall .weather-city.forecast {
    left:-5px;
}

.weather-tall .weather-tempf {
    text-align:left;
    z-index:2;
    left:1px;
    top:66px;
    color:#339933;
    font-weight:bold;
    font-size:24px;
    text-shadow:-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.weather-tall .weather-condition {
    width:90px;
    text-align:center;
    z-index:25;
    left:0;
    top:42px;
    color:#000000;
    font-weight:bold;
    font-size:12px;
    text-shadow:-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}
.weather-tall .weather-condition.forecast {
    left:-5px;
}

.weather-tall .weather-temph,
.weather-tall .weather-templ {
    width:20px;
    text-align:left;
    z-index:6;
    left:1px;
    top:93px;
    color:#000000;
    font-weight:bold;
    font-size:10px;
    background-color:transparent;
    text-shadow:-1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.weather-tall .weather-templ {
    left:21px;
}

.weather-tall .weather-forecasth,
.weather-tall .weather-forecastl {
    position:relative;
    left:0;
    width:100%;
    text-align:center;
    top:0;
    margin:0;
    padding:0;
    font-weight:bold;
    font-size:12px;
}

.weather-tall .weather-temph {
    width:20px;
    left:20px;
}

.weather-tall .weather-templ {
    width:20px;
    left:50px;
}

.weather-tall .weather-sunrise,
.weather-tall .weather-sunset {
    width:70px;
    text-align:right;
    z-index:5;
    right:2px;
    top:102px;
    color:#000000;
    font-weight:bold;
    font-size:7px;
    background-color:transparent;
}

.weather-tall .weather-sunset {
    top:108px;
}

.weather-tall .weather-humidity,
.weather-tall .weather-humidity-label {
    z-index:2;
    margin:0;
    padding:0;
    color:#000000;
    font-size:4px;
    line-height:90%;
    background-color:#ffffff;
}

.weather-tall .weather-humidity {
    top:92px;
    right:0;
}

.weather-tall .weather-humidity-label {
    position:relative;
    top:3.5px;
    right:16.5px;
}

.weather-tall .weather-humidity-value {
    font-weight:bold;
    font-size:7px;
}

.weather-tall .weather-heatchill,
.weather-tall .weather-heatchill-label,
.weather-tall .weather-heatchill-value {
    position:absolute;
    z-index:3;
    top:93px;
    width:20px;
    left:39px;
    margin:0;
    padding:0;
    color:#000000;
    font-size:5px;
    line-height:90%;
    background-color:transparent;
}

.weather-tall .weather-heatchill-label {
    position:relative;
    top:1px;
    left:0;
}

.weather-tall .weather-heatchill-value {
    position:relative;
    top:3.5px;
    font-weight:bold;
    font-size:10px;
    left:1px;
    color:#0000cc;
}

.weather-tall .weather-heatchill-value.heat {
    color: #ff6600;
}

.weather-tall .weather-heatchill-value.chill {
    color: #0000cc;
}

.weather-tall .weather-background,
.weather-tall .weather-icon {
    left:0;
    top:0;
    width:90px;
    height:120px;
    z-index:-5;
    border-radius:16px;
}

.weather-tall .weather-datetime,
.weather-tall .weather-timezone,
.weather-tall .weather-tz,
.weather-tall .weather-timezonetxt,
.weather-tall .weather-tztxt {
    width:90px;
    top:0;
}

.weather-tall .weather-tz {
    top:69px;
    right:29px;
    z-index:55;
    font-size:9px;
    text-align:right;
}

.weather-tall .weather-tztxt {
    top:71px;
    right:20px;
    z-index:55;
    font-size:6px;
    text-align:right;
}

.weather-tall .weather-timezone {
    top:77px;
    right:29px;
    z-index:55;
    font-size:9px;
    text-align:right;
}

.weather-tall .weather-timezonetxt {
    top:79px;
    right:20px;
    z-index:55;
    font-size:6px;
    text-align:right;
}

.weather-bottom-patch {
    position:absolute;
    display:none;
    z-index:2;
    background-color:rgba(255,255,255,0.99);
}

.weather-square .weather-bottom-patch {
    display:block;
    left:0;
    top:70px;
    width:120px;
    height:50px;
    border-bottom-left-radius:16px;
    border-bottom-right-radius:16px;
}

.weather-tall .weather-bottom-patch {
    display:block;
    left:0;
    top:70px;
    width:90px;
    height:50px;
    border-bottom-left-radius:16px;
    border-bottom-right-radius:16px;
}

.weather-wide .weather-bottom-patch {
    display:none;
}


.resp-container {
	position:relative;
	height:120px;
	width:120px;
	left:0px;
	top:0px;
	overflow:hidden;
	border:0px;
	border-radius:16px;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	z-index:-5;
}

.resp-iframe {
	position: absolute;
	top: -90;
	left: -90px;
	width: 300px;
	height: 300px;
	border: 0;
}