/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 06 2025 | 08:42:51 */
.tooltip {
   position: relative;
			    z-index: 9999;

}

.slider-name-widget .tooltip, .icon-section .tooltip, .name-icon-container .tooltip, .all-stats-section .tooltip, .forecast-day .tooltip {
    visibility: hidden;
    width: 240px;
    background-color: #EBEBEB;
    color: #54595F;
    text-align: left;
    border-radius: 5px;
	padding: 10px 10px 10px 20px;
    z-index: 0;
    position: absolute;
    pointer-events: none; /* Prevent blocking interactions */
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    font-family: Quicksand;
	font-weight: 500;
	font-size: 14px;
			    z-index: 9999;

}

.info-section .tooltip {
	left: 300%;
	top: 30px;
}

.forecast-day .tooltip {
	left: 140%;
	top: 90px;
}

.icon-section .tooltip::before, .name-icon-container .tooltip::before, .slider-name-widget .all-stats-section .tooltip::before, .forecast-day .tooltip::before {
  content: '';
  position: fixed;
  top: -20px; /* Adjust to align arrow with tooltip */
  left: 50%;
  transform: translateX(-50%);
  border-width: 12px;
  border-style: solid;
  border-color: transparent transparent #EBEBEB  transparent;

}

.info-section .tooltip::before {
	left: 23%;
}

.forecast-day .tooltip::before {
	left: 32%;
}

.all-stats-section:hover .tooltip, .new-stats-section:hover .tooltip, .name-icon-container:hover .tooltip, .forecast-day:hover .tooltip {
	 display: block; 
   position: absolute;
	visibility:visible;
    opacity: 1; 


}

/*

.slider-name-widget .tooltip, .icon-section .tooltip, .name-icon-container .tooltip {
    visibility: hidden;
    width: 260px;
    background-color: #8656FC;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 10px;
    z-index: 30;
    position: absolute;
    pointer-events: none;
	top: 30px;
	left: 50%;
	transform: translateX(-50%);
    opacity: 0;
    transition: opacity 0.3s;
    font-family: Quicksand;
	font-weight: 700;
	font-size: 14px;
}



.slider-name-widget .tooltip::before, .icon-section .tooltip::before, .name-icon-container .tooltip::before {
  content: '';
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 12px;
  border-style: solid;
  border-color: transparent transparent #8656FC  transparent;
}


.slider-name-widget:hover .tooltip, .all-stats-section:hover .tooltip, .new-stats-section:hover .tooltip, .name-icon-container:hover .tooltip {
	visibility:visible;
    opacity: 1; 

}
*/