/* Revista Educación, Saberes y Territorios - correcciones sobre la hoja del sitio */

/* 1. El H1 para lectores de pantalla: la hoja del sitio lo fuerza a
      position:static, lo vuelve visible y en pantallas angostas se monta sobre
      el logotipo y sobre el boton de menu, dejandolo inaccesible. */
body h1.pkp_screen_reader,
body .pkp_structure_head h1.pkp_screen_reader {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

/* 2. Tipografia del menu. Se fija en px porque en este tema 1rem = 14px y los
      valores relativos quedan mas pequenos de lo esperado. */
body .pkp_navigation_primary > li > a,
body .pkp_navigation_primary a {
  font-size: 17px !important;
  line-height: 1.45 !important;
}
body .pkp_navigation_primary .dropdown-menu a {
  font-size: 16px !important;
}

/* 3. Submenu desplegable: la hoja del sitio pinta de blanco todos los enlaces
      de la barra, incluidos los del desplegable, que tiene fondo blanco. */
body .pkp_navigation_primary_row .dropdown-menu a,
body .pkp_navigation_primary .dropdown-menu a {
  color: #2b2b2b !important;
  background-color: #ffffff !important;
}
body .pkp_navigation_primary_row .dropdown-menu a:hover,
body .pkp_navigation_primary_row .dropdown-menu a:focus,
body .pkp_navigation_primary .dropdown-menu a:hover,
body .pkp_navigation_primary .dropdown-menu a:focus {
  color: #ffffff !important;
  background-color: #006798 !important;
}
body .pkp_navigation_primary .dropdown-menu {
  border: 1px solid #dddddd !important;
  box-shadow: 0 2px 6px rgba(0,0,0,.15) !important;
}

/* 4. Movil: boton de menu destacado y con area de toque suficiente, y submenu
      diferenciado del menu principal. */
@media (max-width: 991px) {
  body .pkp_site_nav_toggle {
    z-index: 1000 !important;
    background: #006798 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
  }
  body .pkp_navigation_primary a {
    font-size: 17px !important;
    padding-top: .7rem !important;
    padding-bottom: .7rem !important;
  }
  body .pkp_navigation_primary .dropdown-menu {
    position: static !important;
    float: none !important;
    width: 100% !important;
    border: 0 !important;
    box-shadow: none !important;
  }
  body .pkp_navigation_primary .dropdown-menu a,
  body .pkp_navigation_primary ul ul a {
    font-size: 16px !important;
    padding-left: 2rem !important;
    background-color: #f4f4f4 !important;
  }
}

/* 5. La barra de navegacion usa 100vw, medida que incluye el ancho de la barra
      de desplazamiento y puede generar scroll horizontal. Se recorta en la
      raiz: hacerlo en un contenedor interior recortaria el desplegable. */
html { overflow-x: hidden !important; }