/*Prevalece la fuente fijada en el editor de la plantilla flex->Fonts->Navigation*/
#sp-menu {
	font-family: "Open Sans Condensed", sans-serif;
    font-size: 28px;
    font-weight: 300;
}

.offcanvas-menu {
  	font-family: "Open Sans Condensed", sans-serif;
	font-size: 24px;
	font-weight: 300;
}

/*Pie contacto*/
#sp-footer1 .sp-contact-info{
  float:left !Important;
}  
  /*Pie micropack*/
#sp-footer2 .sp-copyright {
  float:center !Important;
  font-size:0.8em !important;
}

/*Fijar la seleccion del lenguaje activo*/
.lang-active a {color:#fff !Important;}

/*Fijar altura de la banda donde se fija el conmutador del lenguaje*/
#sp-top-bar, .sp-module .mpk-lenguaje-switcher ul >li >a {line-height: 1.5 !important;}

/*Titulo de las paginas sobre fondo*/
.sp-page-title .container h2[itemprop="headline"] {
	text-shadow: 1px 1px 2px #000000; /*crear un borde en el texto del titulo*/
}
/*Fin titulo de las paginas sobre fondo*/


/*Evitar eventos sobre el logo*/
#sp-logo a.logo {pointer-events: none !important;}

/*menu contraido del menu off-canvas*/
#offcanvas-toggler >i {color: #636363 !important;}

/*popup de cookies y privacidad*/
.fancybox-content {width: 90% !important;}

/*subtitulo pagina cursos = al titulo*/
#sp-title .sp-page-title-wrapper .page_subtitle {
    line-height: 1.2 !Important;
	font-weight: 200 !Important;
	text-shadow: 1px 1px 2px #000000 !Important;
}
@media (max-width: 767px) {
	#sp-title .sp-page-title-wrapper .page_subtitle {font-size:28px !Important;}
}

/*fin subtitulo pagina cursos = al titulo*/

/*correcciones de estilos para modulos SPPG que integran articulos K2 */
/*quitar lineas laterales a través de bordes*/
blockquote {
  border: 0 !important;
}
/*quitar lineas inferiores a través de bordes*/
.sp-module ul >li, .sppb-addon-module ul >li {
  border: 0 !important;
}
/*fin correcciones de estilos para modulos SPPG que integran articulos K2 */


/* Usar un icono personalizado para la lista UL>LI.
estos estilos se usan en las cajas modales de metodologia de las paginas de cursos y en los add-on modal de SPPageBuilder no rulan xq no se pasan a la venta modal.
 por lo que se fijan aqui.*/

.sppb-modal-content .sppb-modal-body .sppb-modal-text ul {
  list-style:none;
  padding:10px;
}
.sppb-modal-content .sppb-modal-body .sppb-modal-text ul li {
   padding-left:1.3em;
}

.sppb-modal-content .sppb-modal-body .sppb-modal-text ul li::before {
	content: "\f0c9";
  	font-family: "Font Awesome 5 Free";
  	font-weight: 900;
    font-size: x-small;
    color: #1e9bcc;  	
  	display: inline-block;
	margin-left: -1.3em; /* = padding-left en li */
  	width: 1.3em; /* = padding-left en li */
}
/* FIN Usar un icono personalizado para la lista UL>LI.*/

/*Establecer un espacio horizontal entre columnas de sp pagebuilder de 1px (2px). SPPB solo tiene la opcion del espacio 0 
en la fila (Row) que se quiera implementa hay que añadir la clase mpk-grid-padding-1px*/
.sppb-section.mpk-grid-padding-1px .sppb-row-container .sppb-row>[class*=sppb-col-] {
    padding-right: 1px;
    padding-left: 1px;
}
.sppb-section.mpk-grid-padding-1px .sppb-row-container .sppb-row {
    margin-left: 0;
  	margin-right: 0;
}
/*FIN Establecer un espacio horizontal entre columnas de sp pagebuilder de 1px (2px). SPPB solo tiene la opcion del espacio 0 
en la fila (Row) que se quiera implementa hay que añadir la clase mpk-grid-padding-1px*/

/*Aplicar efecto de alejamiento a los slider de la pag inicial*/
.sp-item.active .sp-background {
  animation-name: zoomout;
  /*el t de presencia del slider es de 9s y la transicion es de 1.5s */
  /*si se aumenta el t es mas lento pero en la transicion hace un guiño feo
  asi queda bien*/
  animation-duration: 10s; 
  animation-timing-function: ease;
}

@keyframes zoomout {
   from {transform: scale(1.1);}
   to {transform: scale(1);}
 }
/*FIN Aplicar efecto de alejamiento a los slider de la pag inicial*/




/*submenu cursos y tarifas -- para que se vea con fondo blanco y texto como el menu ppal 
--Nota: anulado xq se incluye imagen justo debajo del menu superior
lineas comenzando como --Anulado--*/

/*--submenu cursos y tarifas -- ajuste de elementos*/
/* --Anulado-- 
.sp-megamenu-parent .sp-dropdown .sp-dropdown-items {padding:0 0 0 10px !important;}
*/

/*--submenu cursos y tarifas -- elemento seleccionable homogeneo menu ppal*/
/* --Anulado-- 
#sp-header #sp-menu .sp-dropdown .sp-dropdown-inner li.sp-menu-item > a {color:#636363 !important;}
*/

/*--submenu cursos y tarifas -- elemento seleccionable hover homogeneo menu ppal*/

/* --Anulado-- 
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item a:hover {
    color: #1e9bcc !Important;
    background-color: transparent !important;
} 
*/
/*--submenu cursos y tarifas -- elemento seleccionado homogeneo menu ppal*/
/* --Anulado-- 
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item > a, 
#sp-header #sp-menu .sp-megamenu-parent .sp-dropdown li.sp-menu-item.current-item.active > a
{
  	color: #3bb3e2 !important;
  	background-color: white;
}
*/
/*--submenu cursos y tarifas -- eliminar fondo*/
/* --Anulado-- 
#sp-header #sp-menu .sp-dropdown .sp-dropdown-inner {
  border-radius: unset !important;
  background: none !important;
}
*/

/*--submenu cursos y tarifas -- eliminar sombra*/
/* --Anulado-- 
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
  box-shadow: unset !important;
  padding: 0 !Important;
}
*/

/*fin de submenu cursos y tarifas */