/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 06 2025 | 08:42:51 */
.elementor-widget-container .namedays-container {
	margin-bottom: 10px;
}

/* Fix width when only one nameday returned */
.jet-listing-dynamic-post-149 {
	max-width: 100% !important;
}

.elementor-element.elementor-element-e352ff2.elementor-widget.elementor-widget-html .elementor-widget-container .name-female {
	width: 135px;
}

.elementor-element.elementor-element-e352ff2.elementor-widget.elementor-widget-html .elementor-widget-container .name-male {
	width: 135px;
}


.elementor-element .elementor-element-17442ab .elementor-widget-container  .name-male {
	width: 140px;
}

.elementor-element .elementor-element-17442ab .elementor-widget-container  .name-female {
	width: 140px;
}

.elementor-element .elementor-element-17442ab .elementor-widget-container  .name-male:hover {
	width: 140px;
}


.elementor-element .elementor-element-17442ab .elementor-widget-container  .name-female:hover {
	width: 140px;
}


.elementor-widget-container .namedays-prio-icon {
	width: 24px;
    height: 24px;
	margin-left:10px;
}


.elementor-widget-container .name-summary-text {
	font: Quicksand;
	font-size: 16px;
	color: #0D0F16;
margin-left: 14px;
	margin-right: 10px;

}

.elementor-widget-container .name-icon-with-tooltip {
    position: relative; 
    display: inline-flex;
	flex-shrink: 0;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
	vertical-align: middle;
}

.elementor-widget-container .name-icon-with-tooltip:hover .tooltip {
    visibility: visible;
    opacity: 1;
}

.elementor-widget-container .name-icon-with-tooltip .name-icon {
    width: 28px; 
    height: 28px;
}

.elementor-widget-container .name-icon-with-tooltip .name-trend-icon {
    width: 28px; 
    height: 28px;
	margin-left: 8px;
	margin-top: 2px;
	vertical-align: middle;
}



.elementor-widget-container .name-popularity-vertical-container {
	display: flex;
	flex-direction: column;
	align-items: center; 
	justify-content: left;
	position: relative;
}

.elementor-widget-container .name-popularity-vertical-container .name-count {
	position: relative;
    font-family: Quicksand;
    font-weight: 400;
    font-size: 14px;
    color: #54595F;
text-decoration: none;
	margin-top: -6px;
}

.elementor-widget-container .name-popularity-vertical-container .tooltip {
    visibility: hidden;
    width: 200px;
    background-color: #8656FC;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Position the tooltip above the text */
    left: 50%; /* Center the tooltip horizontally */
    transform: translateX(-50%);
opacity: 0;
    transition: opacity 0.3s;
    font-family: Quicksand;
	font-weight: 700;
	font-size: 14px;
}

.elementor-widget-container .name-popularity-vertical-container:hover .tooltip {
    visibility: visible;
    opacity: 1;
}


.elementor-widget-container .name-popularity-vertical-container .name-popularity-icon {
	width: 80px;
	margin-left:10px;
}

.elementor-widget-container .namedays-icon-link {
    position: relative; /* Required for the tooltip to be positioned correctly */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px; /* Match icon size */
    height: 24px;
    transition: transform 0.2s ease;
}

.elementor-widget-container .namedays-prio-icon-link .tooltip {
    visibility: hidden;
    width: 200px;
    background-color: #8656FC;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    bottom: 125%; /* Position the tooltip above the text */
    left: 50%; /* Center the tooltip horizontally */
    transform: translateX(-50%);
opacity: 0;
    transition: opacity 0.3s;
    font-family: Quicksand;
	font-weight: 700;
	font-size: 14px;
}

.elementor-widget-container .namedays-prio-icon {
	width: 20px;
    height: 20px;
	margin-left:0px;
	flex-shrink:0; /* Prevent the icon from shrinking */
}

.elementor-widget-container .namedays-prio-icon:hover {
    transform: scale(1.1);
}

.elementor-widget-container .namedays-prio-icon-link:hover .tooltip {
    visibility: visible;
    opacity: 1;
}

a.name-female {
    font-family: Quicksand !important;
	font-size: 18px !important;
    font-weight: 700 !important;
    color: #D110A7 !important;
	text-decoration: none !important;
}

a.name-female:hover {
	color: #8200BF !important;
	font-size: 18px !important;
	font-weight: 700 !important;
}

a.name-male {
    font-family: Quicksand !important;
    font-weight: 700 !important;
	font-size: 18px !important;
    color: #1659C8 !important;
	text-decoration: none !important;
}

a.name-male:hover {
    color: #8200BF !important;
	font-size: 18px !important;
	font-weight: 700 !important;
}