/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 06 2025 | 08:42:51 */
/* Hide description by default */
.jet-nav-item-desc {
    visibility: hidden;
    width: 240px;
    background-color: #EBEBEB;
    color: #54595F;
    text-align: left;
    border-radius: 5px;
	padding: 10px 10px 10px 20px;
    z-index: 300;
    position: absolute;
    pointer-events: none; /* Prevent blocking interactions */
	top: 50px;
	left: 50%;
	transform: translateX(-30%);
    opacity: 0;
    transition: opacity 0.3s;
    font-family: Quicksand;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.1rem;
}

/* Align tooltip if it's too close to the left */
.jet-nav__item:first-child .jet-nav-item-desc {
    left: 10%; /* Adjust to move away from the left edge */
    transform: translateX(0); /* Prevent centering */
}

/* Align tooltip if it's too close to the right */
.jet-nav__item:last-child .jet-nav-item-desc {
    left: auto;
    right: 10%; /* Adjust to move away from the right edge */
    transform: translateX(0);
}


/* Show the tooltip when hovering on the menu item */
.jet-nav-link-text:hover .jet-nav-item-desc {
    visibility: visible;
    opacity: 1;
}


.jet-nav__item {
    display: flex; /* Ensures inline alignment for children */
    align-items: center; /* Vertically aligns the icon and text */
}


.jet-nav__item::before {
    font-family: "Font Awesome 5 Free"; /* Ensure this matches your loaded icon library */
    font-weight: 900; /* Required for solid Font Awesome icons */
	font-size: 1.1em; /* Adjust size: larger than text */
    margin-right: 6px; /* Space between the icon and the label */
	margin-bottom: -6px;
    color: #fff; /* Icon color */
    display: inline-block; /* Ensures the icon and label are on the same line */
    vertical-align: middle; /* Aligns the icon with the text label */
    position: relative; /* Positions the icon relative to its default placement */
    left: 0; /* Aligns the icon flush with the left */
}

@media (max-width: 768px) {
.jet-nav-item-desc {
   /* completely hide on mobile */
    display: none !important;
    /* you don’t need these if you’re not showing it at all */
    visibility: hidden !important;
    opacity: 0 !important;
}
	
	
    .jet-nav__item {
        text-align: center; 
    }
/*
    .jet-nav-link-text { 
        font-size: 0 !important; 
        margin: 0 !important;; 
		padding: 10px !important; 
		width: 20px;
    }

	 Hide the tooltip 
	.jet-nav-link-text:hover .jet-nav-item-desc {
		visibility: hidden;
		opacity: 0;
}
*/
    .jet-nav__item::before {
        font-size: 1.3em; 
        display: block; 
		margin-right:8px;
	}
	.menu-item-link-top {
		margin-bottom: -8px !important;
    	border-bottom-width: 0px !important;
    }
	
	.menu-home::before {
		transform: translateX(2px);
	}

	.menu-imiona::before {
		transform: translateX(4px);
	}
}


.menu-home::before {
    content: "f015"; /* Font Awesome home icon */
}

.menu-imiona::before {
    content: "f500"; /* Font Awesome home icon */
}

.menu-imieniny::before {
    content: "f783"; /* Font Awesome home icon */
}

.menu-artykuly::before {
    content: "f15c"; /* Font Awesome home icon */
}

.menu-zagadki::before {
    content: "f059"; /* Font Awesome home icon */
}


.menu-rankingi::before {
    content: "f080"; /* Font Awesome home icon */
}

.menu-cytaty::before {
    content: "f10e"; /* Font Awesome home icon */
}

.menu-szukaj::before {
    content: "f002"; /* Font Awesome home icon */
}