/* You can type here any CSS code that will be loaded both on your admin and front-end pages.
Let us help you by giving a few exmaple CSS classes: */

/* Front-end sliders & preview */

.ls-container { /* The slider itself */

}

.ls-slide { 

}

.ls-slide a:hover {
	color: blue;
	text-decoration: underline;
}

.ls-slide #yourID {

}

.ls-slide .yourClass {

}

/* Side color of 3D objects */
.ls-3d-box div { background: #777; }

/*entidades colaboradoras*/
.styleColab a {
   display: flex;
    justify-content: space-between;
}


/* Cambiar tamaño del menú de navegación */
nav .menu > li > a {
    font-size: 20px !important;
}

/* Forzar tamaño del texto del menú principal */
#main-navigation .menu > li > a {
    font-size: 20px !important;
}

/* Forzar tamaño del texto del menú principal */
header #main-navigation .menu > li > a {
    font-size: 20px !important;
}

/*COLORES de background!!!*/
.services_medium_box:nth-child(1) {
  background-color: #fce4ec; /* Fondo del primer bloque */
}

.services_medium_box:nth-child(2) {
  background-color: #e3f2fd; /* Fondo del segundo bloque */
}

.services_medium_box:nth-child(3) {
  background-color: #e8f5e9; /* Fondo del tercer bloque */
}

.services_medium_box:nth-child(4) {
  background-color: #fff3e0; /* Fondo del cuarto bloque */
}