/* weather-widget.css */
#weather-widget {
    margin: 0 auto;
    text-align: left;
    color: #000;
}
#weather-widget small {
    font-size: 12px;
}
#weather-widget h3 {
    margin-top: 0;
    font-size: 1.5em;
}
#weather-widget p {
    margin: 0;
color: #000;
}
#weather-data {
    position: relative;
}
#weather-data img {
    vertical-align: top;
}
.wind-direction {
    display: inline-block;
    font-size: 16px;
    transition: transform 0.3s ease;
    margin-left: 0px;
}
.cond{
	color:#000;	
	font-size: 0.8em !important;
}
.wind{
	color:#000;
	font-size: 0.8em !important;
}
.icon{
    width: 30px;
    //filter: grayscale(1);
    margin-right: -7px;
}
.temp{
	color:#000;
	font-size: 1em !important;
}
.nav-scroll .temp{
	color:#000;
	font-size: 1.2em;
}
.temp span {
    font-weight: 500 !important;
    font-size: 14px;
    top: -4px;
}
/* Blinking dot animation */
@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.blinking-dot {
    animation: blink 1s infinite;
}