/*widget-current styles*/
.wrapper {
    width: 100%;
    height: 300px;
}


.current-condition-wrapper {
    height: 100%;
}

.current-condition-bg {
    /*background: none repeat scroll 0 0 rgba(180, 180, 180, 0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6B4B4B4, endColorstr=#E6B4B4B4);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6B4B4B4, endColorstr=#E6B4B4B4)";*/

    background: none repeat scroll 0 0 #70A6CC;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1200;
}


.current-conditions-temperature {
    background-repeat: no-repeat;
    height: 140px;
    position: absolute;
    right: 0;
    top: 0;
    width: 140px;
}


.current-conditions-temperature-value {
    color: #FFFC20;
    font-family: roboto bold;
    font-size: 72px;
    position: absolute;
    right: 12px;
    top: 150px;
    text-shadow: 1px 1px 2px #444444;
}

.current-condition-left-wrapper {
    float: left;
    height: 100%;
    width: 50%;
}

.current-condition-left {
    position: relative;
    float: right;
    width: 100%;
    height: 100%;
}


.current-condition-right-wrapper {
    float: right;
    height: 100%;
    width: 50%;
}

.current-condition-right {
    float: left;
    height: 100%;
    width: 100%;
}

.current-city-wrapper {
    position: absolute;
    top: 30px;
    left: 10px;
    z-index: 100;
    width: 60%;
}

.current-city {
    font-size: 24px;
    font-family: roboto bold;
    color: #004A80;
    padding-bottom: 4px;
}

.current-conditions-details-wrapper {
    position: absolute;
    top: 120px;
    left: 10px;
    font-size: 18px;
}




.current-conditions-details {
    font-family: roboto bold;
    color: #fff;
    text-shadow: 1px 1px 2px #444444;
}
.current-condition-left .current-conditions-sky {
    font-family: roboto bold;
    color: #fff;
    text-shadow: 1px 1px 2px #444444;
}



.slider24-label {
    bottom: 10px;
    color: #FFFFFF;
    font-family: roboto regular;
    font-size: 18px;
    left: 86px;
    position: absolute;
}



.current-conditions-sky {

}

.current-condition-right-left {
    color: #004a80;
    float: left;
    font-family: roboto regular;
    font-size: 30px;
    padding-left: 20px;
    padding-top: 43px;
}

.current-condition-right-right {

}


.current-date {
    font-family: roboto bold;
    font-size: 18px;
    color: #004A80;
}

.current-today {

}

.current-slider-time {

}


.current-condition-right-right ul {
    padding-top: 39px;
}

.current-condition-right-right ul li{

}




#timeline-slider-wrapper {
    background: none repeat scroll 0 0 #333333;
    border-bottom: 1px solid #8D9195;
}

#timeline-slider {

}

#timeline-slider .ui-slider-range {
    background: none repeat scroll 0 0 #CCC;
    height: 100%;
    position: absolute;
    top: 0;
}

#timeline-slider .ui-slider-handle {
    background: url("../images/timeline-handler.png") no-repeat scroll center center transparent;
    cursor: pointer;
    height: 31px;
    margin-left: -14px;
    margin-top: -13px;
    outline: medium none;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 29px;
}




ul.details li {
    border-bottom: 1px solid #FFFFFF;
    height: 41px;
    line-height: 41px;
    margin-bottom: 2px;
    margin-right: 22px;
    overflow: hidden;
    list-style: none;
}
ul.details li.wind {
    background: url("../images/more-info-bg.png") no-repeat scroll 0 6px transparent;
}
ul.details li.humidity {
    background: url("../images/more-info-bg.png") no-repeat scroll 0 -43px transparent;
}
ul.details li.visibility {
    background: url("../images/more-info-bg.png") no-repeat scroll 0 -87px transparent;
    line-height: 42px;
}
ul.details li.dewpt {
    background: url("../images/more-info-bg.png") no-repeat scroll 0 -136px transparent;
}
ul.details li.pressure {
    background: url("../images/more-info-bg.png") no-repeat scroll 0 -188px transparent;
    line-height: 39px;
    border-bottom: none;
}



ul.details .title {
    color: #333333;
    padding-left: 45px;
    width: 160px;
}
ul.details li span {
    display: block;
    float: left;
    color: #333;
    font-family: roboto regular;
    font-size: 16px;
}

#leaderboard-ad-container {
    text-align: center;
    width: 100%;
}




/*emulate media queries*/

/* [768 - inf) */
.w-768 .current-condition-left, .gt-768 .current-condition-left {
    width: 384px;
}

.w-768 .current-conditions-temperature-value, .gt-768 .current-conditions-temperature-value{
    font-size: 88px;
    right: 75px;
    top: 127px;
}

.w-768 .current-conditions-details-wrapper, .gt-768 .current-conditions-details-wrapper{
    font-size: 22px;
    line-height: 30px;
}


.w-768 .current-city , .gt-768 .current-city {
    font-size: 32px;
}


.w-768 .current-condition-right, .gt-768 .current-condition-right {
    width: 384px;
}


.w-768 ul.details li span, .gt-768 ul.details li span{
    font-size: 22px;
}

.w-768 #timeline-slider , .gt-768 #timeline-slider {
    /*width: 335px;*/
}



.gt-1024 .current-condition-left {
/*    width: 50%;*/
}

@media only screen and (max-width: 480px) {

/*widget-current styles*/
.wrapper {
    width: 100%;
    height: 300px;
}


.current-condition-wrapper {
    height: 100%;
}

.current-condition-bg {
    /*background: none repeat scroll 0 0 rgba(180, 180, 180, 0.9);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6B4B4B4, endColorstr=#E6B4B4B4);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6B4B4B4, endColorstr=#E6B4B4B4)";*/

    background: none repeat scroll 0 0 #a9d7f7;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1200;
}


.current-conditions-temperature {
    background-repeat: no-repeat;
    height: 100px;
    position: absolute;
    right: 0;
    top: 0;
    width: 130px;
}


.current-conditions-temperature-value {
    color: #FFFC20;
    font-family: roboto bold;
    font-size: 55px;
    position: absolute;
    right: 20px;
    top: 100px;
    text-shadow: 1px 1px 2px #444444;
}

.current-condition-left-wrapper {
    float: left;
    height: 100%;
    width: 100%;
}

.current-condition-left {
    position: relative;
    float: right;
    width: 100%;
    height: 100%;
}


.current-condition-right-wrapper {
    float: right;
    height: 100%;
    width: 50%;
    display: none;
}

.current-condition-right {
    float: left;
    height: 100%;
    width: 100%;
}

.current-city-wrapper {
    position: absolute;
    top: 15px;
    left: 15px;
    z-index: 100;
    width: 60%;
}

.current-city {
    font-size: 24px;
    font-family: roboto bold;
    color: #004A80;
    padding-bottom: 4px;
}

.current-conditions-details-wrapper {
    position: absolute;
    top: 70px;
    left: 15px;
    font-size: 18px;
}




.current-conditions-details {
    font-family: roboto bold;
    color: #fff;
    text-shadow: 1px 1px 2px #444444;
}
.current-condition-left .current-conditions-sky {
    font-family: roboto bold;
    color: #fff;
    text-shadow: 1px 1px 2px #444444;
}



.slider24-label {
    bottom: 15px;
    color: #FFFFFF;
    font-family: roboto regular;
    font-size: 15px;
    left: 45px;
    position: absolute;
}



.current-conditions-sky {

}

.current-condition-right-left {
    color: #004a80;
    float: left;
    font-family: roboto regular;
    font-size: 30px;
    padding-left: 20px;
    padding-top: 43px;
}

.current-condition-right-right {

}


.current-date {
    font-family: roboto bold;
    font-size: 18px;
    color: #004A80;
}

.current-today {

}

.current-slider-time {

}


.current-condition-right-right ul {
    padding-top: 39px;
}

.current-condition-right-right ul li{

}




#timeline-slider-wrapper {
    bottom: 40px;
    cursor: pointer;
    float: left;
    height: 4px;
    left: 15px;
    position: absolute;
    width: 50%;
    padding: 0 13px;
}

#timeline-slider-wrapper {
    background: none repeat scroll 0 0 #333333;
    border-bottom: 1px solid #8D9195;
}

#timeline-slider {

}

#timeline-slider .ui-slider-range {
    background: none repeat scroll 0 0 #CCC;
    height: 100%;
    position: absolute;
    top: 0;
}

#timeline-slider .ui-slider-handle {
    background: url("https://media.ktvz.com/npg-ktvz-media-us-east-1/photo/2018/01/05/timeline-handler_1474243887091_4007430_ver1.0_1515185424172_9899737_ver1.0.png") no-repeat scroll center center transparent;
    cursor: pointer;
    height: 31px;
    margin-left: -14px;
    margin-top: -13px;
    outline: medium none;
    position: absolute;
    text-align: center;
    text-decoration: none;
    width: 29px;
}




ul.details li {
    border-bottom: 1px solid #FFFFFF;
    height: 41px;
    line-height: 41px;
    margin-bottom: 2px;
    margin-right: 22px;
    overflow: hidden;
    list-style: none;
}
ul.details li.wind {
    background: url("https://media.ktvz.com/npg-ktvz-media-us-east-1/photo/2018/01/05/more-info-bg_1474244193398_4007431_ver1.0_1515185424176_9899738_ver1.0.png") no-repeat scroll 0 6px transparent;
}
ul.details li.humidity {
    background: url("https://media.ktvz.com/npg-ktvz-media-us-east-1/photo/2018/01/05/more-info-bg_1474244193398_4007431_ver1.0_1515185424176_9899738_ver1.0.png") no-repeat scroll 0 -43px transparent;
}
ul.details li.visibility {
    background: url("https://media.ktvz.com/npg-ktvz-media-us-east-1/photo/2018/01/05/more-info-bg_1474244193398_4007431_ver1.0_1515185424176_9899738_ver1.0.png") no-repeat scroll 0 -87px transparent;
    line-height: 42px;
}
ul.details li.dewpt {
    background: url("https://media.ktvz.com/npg-ktvz-media-us-east-1/photo/2018/01/05/more-info-bg_1474244193398_4007431_ver1.0_1515185424176_9899738_ver1.0.png") no-repeat scroll 0 -136px transparent;
}
ul.details li.pressure {
    background: url("https://media.ktvz.com/npg-ktvz-media-us-east-1/photo/2018/01/05/more-info-bg_1474244193398_4007431_ver1.0_1515185424176_9899738_ver1.0.png") no-repeat scroll 0 -188px transparent;
    line-height: 39px;
    border-bottom: none;
}



ul.details .title {
    color: #333333;
    padding-left: 45px;
    width: 160px;
}
ul.details li span {
    display: block;
    float: left;
    color: #333;
    font-family: roboto regular;
    font-size: 16px;
}

#leaderboard-ad-container {
    text-align: center;
    width: 100%;
}




/*emulate media queries*/

/* [768 - inf) */
.w-768 .current-condition-left, .gt-768 .current-condition-left {
    width: 384px;
}

.w-768 .current-conditions-temperature-value, .gt-768 .current-conditions-temperature-value{
    font-size: 88px;
    right: 75px;
    top: 127px;
}

.w-768 .current-conditions-details-wrapper, .gt-768 .current-conditions-details-wrapper{
    font-size: 22px;
    line-height: 30px;
}


.w-768 .current-city , .gt-768 .current-city {
    font-size: 32px;
}


.w-768 .current-condition-right, .gt-768 .current-condition-right {
    width: 384px;
}


.w-768 ul.details li span, .gt-768 ul.details li span{
    font-size: 22px;
}

.w-768 #timeline-slider , .gt-768 #timeline-slider {

	
}



.gt-1024 .current-condition-left {

	
}
	
}