/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
:root {
	--accent-color: #FF9100; /* Define la variable para el color links */	
	--primary-color:#19407a; /* Define la variable para el color primario */	
	--secundary-color: #FF9100; /* Define la variable para el color secundario */
  --font-slab: 'Roboto Slab',Georgia,"Times New Roman",serif;
}
/* =Theme customization starts here
------------------------------------------------------- */
/**Divi General**/
.et_pb_text ul,
.et_pb_text ol{
  margin-left:1em;
}
.et_pb_text ol li,
.et_pb_text ul li{
  margin-top:.5em;
  margin-bottom:.5em;
}
.et_pb_text ol[type="a"]{
  list-style-type:lower-latin;
}
.et_pb_text blockquote{
  background-color:#F9F9F9;
  font-size:1.1em;
  padding-top:.5em;padding-bottom: .5em;
}

.et_pb_menu .et_pb_menu_menu,
.et_pb_menu .et-menu-nav{outline:1px solid red;
	display:none!important;
}
.et_mobile_nav_menu{
	display:block;
}

/**Popup Menu*****************************************/
/**Popup Menu*****************************************/
/**Popup Menu*****************************************/
#page-container:not(.et-fb-root-ancestor) .inactivo{display:none;}
#page-container:not(.et-fb-root-ancestor) .activo{display:block;}

#btn-abrir > .et_pb_icon_wrap{
  cursor: pointer;
}
#btn-abrir > .et_pb_icon_wrap:hover{
  background-color:var(--primary-color)!important;
}

#btn-cerrar > .et_pb_icon_wrap{
  cursor: pointer;
}
#btn-cerrar > .et_pb_icon_wrap:hover .et-pb-icon{
  color:var(--primary-color)!important;
}

#page-container:not(.et-fb-root-ancestor) #popupmenu.inactivo{
	display:none;
}
#page-container:not(.et-fb-root-ancestor) #popupmenu.activo{
  display:flex;
  position:fixed;
  justify-content: center;
  align-items: center;
  top:0;
  width:100vw;height:100vh;
  z-index: 10000000000;
}
/**Page-Lists***************/
#popupmenu ul.page-list li{
  margin:.5em 0;
  list-style: none;
} 
#popupmenu ul.page-list a{
  color:white;
  font-family: Roboto Slab;
  font-size:1.5rem;
  font-weight:400;
} 
#popupmenu ul.page-list a:hover,
#popupmenu ul.page-list a:focus{
  color:var(--primary-color)!important;
  font-weight:600;
}
#popupmenu ul.page-list .current_page_item a{
  font-weight: bolder;
  text-decoration:underline;
}

/**Contenido***************************************/
#contenido-leccion{padding-top:0;}
#contenido-leccion > .et_pb_row:first-child{}
#contenido-leccion > .et_pb_row:first-child > .et_pb_column{}

#contenido-leccion  table thead{
  background-color:#19407a;
  color:white;
}
.grisclaro, .bggris{background-color:#efefef;}
.bgazul{background-color:var(--primary-color);color:white;}

/**Tabla de Contenidos*****************************/
#ez-toc-container{
  border:none;
  font-size:1rem;
  padding:20px;
  max-width:800px;
}
#ez-toc-container a.ez-toc-toggle{
  color:var(--primary-color);
}
#ez-toc-container .ez-toc-js-icon-con,
#ez-toc-container .ez-toc-js-icon-con svg{
  border-color:var(--primary-color);
  fill:var(--primary-color)!important;
}
#ez-toc-container .ez-toc-title-container > p{
  font-family: var(--font-slab);
  font-weight:bolder!important;
}
#ez-toc-container nav ul{
  margin:1em 1em 0;}
#ez-toc-container nav ul li{
  margin:.5em auto;}
#ez-toc-container nav ul li a{
  color:var(--primary-color);
  font-size:.95rem;
  font-weight: 600;
}


/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

}
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

}
/*** Responsive Styles Tablet And Below ***/
@media all and (min-width: 981px) {
    .row-reverse{
      display:flex;
      flex-direction:row-reverse;  
    }
    .row-reverse > .et_pb_column:first-child{
      margin-right:0!important;
    }
    .row-reverse > .et_pb_column:last-child{
      margin-right: 5.5%!important;
    }
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {

}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {

}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {

}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

}