/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 01 2025 | 06:12:37 */
/* Añade aquí tu código CSS.

Por ejemplo:
.ejemplo {
    color: red;
}

Para mejorar tu conocimiento sobre CSS, echa un vistazo a https://www.w3schools.com/css/css_syntax.asp

Fin del comentario */ 

.dashicons.dashicons-menu-alt {
    font-size: 50px; /* Adjust the size as needed */
    color: white;
}




.sidemenu {
	background-color: black;
 	width: 35%;

}

/* Mobile styles */
@media (max-width: 768px) {
    .sidemenu {
        width: 100%;
    }
}


.menu-principal-container {
	margin-top: 4rem;
	padding-left: 4rem;
}


#menu-principal {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;  
 

}


#menu-principal ul {
	margin-top: 12rem;
}


#menu-principal li {
  list-style-type: none;
  width: 100%; /* Optional, adjust as needed */
	margin-top: 2%;
}


#menu-principal li a {
  width: 100%;
  height: 100%;
  display: flex;
  font-size: 35px;
  color: inherit; /* Inherit color from parent */
  text-decoration: none; /* Remove default underline */
  position: relative; /* Make relative for absolute positioning of pseudo-element */
}

#menu-principal li a:hover {
  color: #009CDE; /* Change text color to white on hover */
  text-decoration: none; /* Ensure no underline on hover */
}