@import url("https://fonts.googleapis.com/css2?family=Alata&family=Poppins:wght@300;400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alata&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alata&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Space+Grotesk:wght@300..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alata&family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Space+Grotesk:wght@300..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alata&family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Space+Grotesk:wght@300..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alata&family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Space+Grotesk:wght@300..700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alata&family=Alegreya+Sans:ital,wght@0,100;0,300;0,400;0,500;0,700;0,800;0,900;1,100;1,300;1,400;1,500;1,700;1,800;1,900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Jost:ital,wght@0,100..900;1,100..900&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Space+Grotesk:wght@300..700&display=swap");
/* Local font import */
@font-face {
	font-family: "Alata";
	src: url("../fonts/alata/Alata-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

/* Apply Alata globally */
* {
	font-family: "jost", sans-serif;
	/* font-family: "Josefin Sans", serif; */
	/* font-weight: 300; */
	/* text-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5); */
	/* font-weight: 400; */
	/* font-style: normal; */
}

/* Poppins Font Class */
.ff-poppins {
	font-family: "Poppins", sans-serif !important;
}

.ff-lato {
	font-family: "Lato", sans-serif !important;
}
.ff-open-sans {
	font-family: "Open Sans", serif;
}

.ff-space-grotesk {
	font-family: "Space Grotesk", serif;
}
.ff-algreya-sans {
	font-family: "Alegreya Sans", serif !important;
}
.ff-alata {
	font-family: "Alata", sans-serif !important;
	/* font-weight: 300 !important; */
}
/* Simulated Light Text */
.light-text {
	font-family: "Alata", sans-serif;
	font-weight: 100; /* Alata only supports 400 */
	opacity: 0.7; /* Make it look lighter */
	color: rgba(0, 0, 0, 0.6); /* Lighten text */
}

/* Alternative: Use Lato for Light Font */
.light-alt {
	font-family: "Lato", sans-serif;
	font-weight: 300;
}

/* Navigation Styling */
.nav-item {
	position: relative;
}

.nav-item::after {
	content: "";
	position: absolute;
	bottom: 0;
	margin-top: 5px;
	height: 4px;
	width: 100%;
	background-color: blue;
	display: none;
}

.nav-item:hover::after {
	display: block;
}

.dropdown > a.nav-item:hover + ul {
	display: flex;
}

.dropdown ul:hover {
	display: block;
}
/* 
#sidebar {
} */

/* Sidebar initial styling */
#sidebar {
	transform: translateX(100%);
	/* Apply the keyframe animation */
	animation: slideIn 0.5s ease-in-out forwards;
}

.slide-in {
	animation: collapse 0.5s ease-in-out forwards;
	transition: 1s all ease-in-out;
}
.collapsed-content ul {
	/* overflow: hidden; */
	max-height: 0;
	/* list-style-type: disc !important; */
	padding: 20px;
	animation: collapse 0.5s ease-in-out forwards;
	transition: 1s max-height ease-in-out;
}

/* Initially hide the submenu */
.sub-menu {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.4s ease-in-out;
}

/* When submenu is active, expand it */
.sub-menu.show {
	max-height: 200px; /* Adjust height based on content */
}

footer a {
	font-size: 18px;
}
#primary-menu li a:active {
	color: oklch(0.871 0.15 154.449);
}
.active {
	color: oklch(0.871 0.15 154.449);
}
@keyframes collapse {
	from {
		max-height: 0;
	}
	to {
		max-height: 1000px; /* Adjust this value to be greater than or equal to the content's height */
	}
}

/* Keyframes to slide from right to left */
@keyframes slideIn {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(0);
	}
}
.sub-menu.show a.elementor-sub-item.text-white.hover\:text-orange-200 {
    font-size: 23px;
    border-bottom: 1px black dotted;
}