/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Dosatic
 Author URI:     https://www.dosatic.com
 Template:       Divi
 Version:        1.0.02
 */
 
@import url("../Divi/style.css");
@import url('https://fonts.googleapis.com/css?family=Lato');
 
/* =Theme customization starts here
------------------------------------------------------- */
/*********************************/
/* FUENTES PERSONALIZADAS        */
/*********************************/
@font-face {
    font-family: 'debbyscript';
    src: url('/fuentes/debby-webfont.woff2') format('woff2'),
         url('/fuentes/debby-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* GENERAL ***********************/
p, h1, h2, h3, h4, li, span, a{
/*font-family: decima_nova_proregular;*/

/*font-family: noto_sansregular;*/
font-family: arial, helvetica;
}

p, li, span{
/*font-size: 110%;
line-height: 150%;
*/
font-size: 100%;
line-height: 130%;
}

p:last-of-type,
.et_pb_toggle_content p:last-of-type{
padding-bottom:1em !important;
}

/* Listas en acordeón cambiar espacio y topo*/
.et_pb_toggle_content li,
.et_pb_text li{
margin-top:4px;
}

.et_pb_toggle_content ul,
.et_pb_text ul{
list-style: none;
margin-top:-6px;
margin-left:12px;
}

.et_pb_toggle_content li:before,
.et_pb_text li:before{
content: "•";
font-family: FontAwesome;
color:#dc001b;
display: inline-block; 
width: 1em;
margin-left: -1em;
}

/* Listas en solapas cambiar espacio y topo*/
.et_pb_all_tabs .et_pb_tab_content ul{
list-style: none;
margin-top:-6px;
margin-left:12px;
}

.et_pb_all_tabs .et_pb_tab_content ul li:before{
content: "•";
font-family: FontAwesome;
color:#dc001b;
display: inline-block; 
width: 1em;
margin-left: -1em;
}

/* CABECERA **********************/
/* Ocultar el icono del teléfono */
#et-info-phone::before{
content:none;}

#top-header .container #et-info span,
#top-header .container #et-secondary-menu li{
font-size: 100% !important;
line-height: 100%  !important;
}


/* PIE ****************************/
/* Espacio entre líneas de lista */
.footer-widget ul li{
margin-bottom: 0;
}

/* Forzar que aparezca un menu bajo de otro*/
.footer-widget .et_pb_widget{
float: none;
}

/**********************************************************************/
/* PORTADA                                                            */
/**********************************************************************/
/* Tamaño destacados */
.portada-destacado, 
.portada-destacado img{
height: 300px;
max-height: 300px
}

/*IMAGEN PORTADA (slider)**********/
/* Texto*/
#portada-imagensuperior .et_pb_slide_description .et_pb_slide_title,
#portada-imagensuperior .et_pb_slide_description .et_pb_slide_title a{
color: #ffffff !important;
font-family: debbyscript;
text-align: center !important;
opacity:0.9;
letter-spacing: 2px;

/*Borde del título*/
text-shadow:
   -1px -1px 0 #66757e,
    1px -1px 0 #66757e,
   -1px 1px 0 #66757e,
    1px 1px 0 #66757e;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: #66757e; /*gris*/
-webkit-text-stroke-width: 0.75px;
}

/* SECCION PORTADA ****************/
/* Espacio entre secciones */
#portada{
padding-bottom: 0;
}

/* Espacio entre secciones: Aplicar a la fila*/
#portada-seccion{
padding-bottom: 0;
padding-top: 2%;
}

/* Titulo de la sección */
#portada-titulo-seccion h4{
	font-size: 26px;
    color: #66757e !important;
    line-height: 1.3em;
}

/* Alinear el título a la izquierda */
#portada-titulo-seccion .et_pb_blurb_content{
	max-width:none !important;
}

/* Forzar el color de los iconos*/
#portada-titulo-seccion .et-pb-icon{
	color:#66757e !important;
}

/* NOTICIAS */
/* Espacio entre secciones */
#portada-noticias{
padding-top: 4%;
}

/* WEB SALESIANAS */
/* Espacio entre secciones */
#portada-web-salesianas{
padding-bottom: 0;
padding-top: 0;
}

/* Quitar el espacio entre la imagen y el texto*/
#portada-web-salesianas .et_pb_main_blurb_image{
margin-bottom: 0;
}

/**********************************************************************/
/* PAGINA                                                             */
/**********************************************************************/
.pagina-imagen-cabecera h1{
color: #ffffff !important;
font-family: "Lato";
letter-spacing: -1px;
text-align: right !important;

/*Borde del título*/
text-shadow: 0 0 0.65em rgba(0, 0, 0, 0.9);
}

.pagina-seccion-contenido,
.et_pb_section{
padding-top:0;
}

.pagina-titulo,
.pagina-titulo .et_pb_text_inner{
	font-size: 22px;
    color: #dc001b !important;
    line-height: 1.3em;
    font-weight: bold;
}

/* Texto página apps: Educadores, Familias, Alumnos*/
.pagina-texto-light p{
	font-family: lato, helvetiva, arial !important;
	font-weight: 300;
}

.pagina-texto-casual p{
	font-family: amatic sc, helvetiva, arial !important;	
}

/**********************************************************************/
/* NOTICIAS                                                           */
/**********************************************************************/
/* Subtitulo: Entradilla*/
.et_pb_post h2{
line-height: 24px; /*interlineado*/
}

/* Contenido justificado*/
.et_pb_post .entry-content p{
text-align:justify;
}


/**********************************************************************/
/* AJUSTES PLUGINS                                                    */
/**********************************************************************/
/* INSTAGRAM ---------------------------------------------------------*/

/* Quitar las flechas (VSAA)*/
#wdi_feed_0 .wdi_pagination{
visibility:hidden !important;
height: 0px !important;
}

/* Quitar el botón círculo de cargar más (MLG)*/
#wdi_feed_0 .wdi_load_more_wrap, 
#wdi_feed_0 .wdi_spinner_wrap{
padding: none;
background-color: none;
display: none;
border-radius: none !important;
height: initial !important;
width: initial !important;
border: none !important;
box-sizing: none;
}

/* PHOTO GALLERY -----------------------------------------------------*/
#bwg_container1_0 #bwg_container2_0 .bwg_title_spun2_0 {
color: #66757e !important;
text-shadow: none !important;
}

/* Estilo para etiqueta navvegacion Atras*/
#bwg_container1_0 #bwg_container2_0 #gal_front_form_0 a{
color: #66757e !important;
font-size: 14px !important;
}

/*Estilo para titulo album o galeria*/
#bwg_container1_0 #bwg_container2_0 .bwg_back_0,
#bwg_container1_0 #bwg_container2_0 .bwg_gal_title_0 {
color: #dc001b !important;
font-size: 20px !important;
padding-bottom: 12px !important;
padding-top: 10px !important;
text-shadow: none !important;
}

#bwg_container1_0 #bwg_container2_0 .bwg_title_spun_0,
#bwg_container1_0 #bwg_container2_0 .bwg_back_0,
#bwg_container1_0 #bwg_container2_0 .bwg_title_spun2_0,
#bwg_container1_0 #bwg_container2_0 .bwg_gal_title_0,
#bwg_image_container .bwg_image_title {
font-family: arial, helvetica !important;
}

/*////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////*/
/* CLASES PARA PC                                                     */
/*////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 800px) {

/**********************************************************************/
/* PORTADA                                                            */
/**********************************************************************/
/*IMAGEN PORTADA (slider)*/
#portada-imagensuperior .et_pb_slides,
#portada-imagensuperior .et_pb_slides .et_pb_slide:first-child{
height:400px;
}

/* Texto*/
#portada-imagensuperior .et_pb_slide_description .et_pb_slide_title,
#portada-imagensuperior .et_pb_slide_description .et_pb_slide_title a{
font-size: 230% !important;
}

/* ENTRADAS - BLOG (noticias) */
/* Forzar un alto mínimo */
.et_pb_blog_grid .column article{
 min-height: 440px;
}

/**********************************************************************/
/* PAGINA                                                             */
/**********************************************************************/
.pagina-imagen-cabecera{
font-size: 250% !important;
min-height: 200px;
height: 250px;
}

.pagina-imagen-cabecera h1{
/*font-size: 230% !important;*/
font-size: 60px !important;
}


/*COLUMNAS*************************/
.diez-columnas .et_pb_module{
width: 10%; 
float: left;
}

.nueve-columnas .et_pb_module{
width: 11.11%; 
float: left;
}

.ocho-columnas .et_pb_module{
width: 12.5%; 
float: left;
}

.siete-columnas .et_pb_module{
width: 14.28%; 
float: left;
}

.seis-columnas .et_pb_module{
width: 16.66%; 
float: left;
}

.cinco-columnas .et_pb_module{
width: 20%; 
float: left;
}

.cuatro-columnas .et_pb_module{
width: 25%; 
float: left;
}
}

/*////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////*/
/* CLASES PARA SMARTPHONE                                             */
/*////////////////////////////////////////////////////////////////////*/
/*////////////////////////////////////////////////////////////////////*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px) {

/**********************************************************************/
/* PORTADA                                                            */  
/**********************************************************************/

/*IMAGEN PORTADA (slider)*/
/* Imagen de fondo: posición*/
#portada-imagensuperior .et_pb_slides,
#portada-imagensuperior .et_pb_slides .et_pb_slide:first-child{
background-position:center;
}

/* Texto*/
#portada-imagensuperior .et_pb_slide_description .et_pb_slide_title,
#portada-imagensuperior .et_pb_slide_description .et_pb_slide_title a{
font-size: 150% !important;
}

/**********************************************************************/
/* PAGINA                                                             */
/**********************************************************************/
.pagina-imagen-cabecera{
background-position:center;
/*font-size: 220% !important;*/
}

/*COLUMNAS*************************/
.nueve-columnas .et_pb_module,
.ocho-columnas .et_pb_module{
width: 20%; 
float: left;
}

.siete-columnas .et_pb_module,
.seis-columnas .et_pb_module{
width: 33.33%; 
float: left;
}

.cinco-columnas .et_pb_module,
.cuatro-columnas .et_pb_module{
width: 50%; 
float: left;
}
}