/*
Theme Name: HERA Bufete Fiscal
Theme URI: https://bufetefiscal.com.mx/
Description: Tema hijo de Silverstorm. Contiene las plantillas de pagina del sitio de HERA Bufete Fiscal. Su proposito es proteger el diseno propio frente a las actualizaciones del tema padre.
Author: HERA Bufete Fiscal
Author URI: https://bufetefiscal.com.mx/
Template: silverstorm
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: silverstorm-child
*/

/* ---------------------------------------------------------------
   IMPORTANTE
   No borres el bloque de comentario de arriba. WordPress lo lee
   para identificar el tema. La linea "Template: silverstorm" es la
   que lo conecta con el tema padre y debe coincidir exactamente
   con el nombre de la carpeta del padre.

   Los estilos del tema padre se cargan desde functions.php.
   A partir de esta linea puedes escribir ajustes propios de CSS.
   --------------------------------------------------------------- */


/* ===============================================================
   NAVEGACION HERA
   Estilos que necesita el menu dinamico de WordPress y que no
   existian cuando el menu estaba escrito a mano en cada plantilla.
   =============================================================== */

/* Resalta en jade la pagina en la que se encuentra el visitante.
   Antes esto se hacia con la clase .home puesta a mano; ahora lo
   detecta WordPress solo. */
.hx .topbar .tlinks li.current-menu-item > a,
.hx .topbar .tlinks li.current_page_item > a,
.hx .topbar .tlinks li.current-menu-ancestor > a {
	background: var(--jade);
	color: #04120C;
	font-weight: 700;
}

/* Submenus desplegables (por ejemplo, las calculadoras). */
.hx .topbar .tlinks li {
	position: relative;
}

.hx .topbar .tlinks .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 230px;
	list-style: none;
	background: var(--panel);
	border: 1px solid var(--line);
	border-radius: 7px;
	padding: 6px;
	z-index: 10000;
	box-shadow: 0 14px 34px rgba(0, 0, 0, .45);
}

.hx .topbar .tlinks li:hover > .sub-menu,
.hx .topbar .tlinks li:focus-within > .sub-menu {
	display: block;
}

.hx .topbar .tlinks .sub-menu a {
	display: block;
	white-space: nowrap;
	padding: 9px 12px;
}

/* Flechita indicadora en las entradas que tienen submenu. */
.hx .topbar .tlinks li.menu-item-has-children > a::after {
	content: " \25BE";
	opacity: .6;
}

/* En movil el menu se despliega en columna, asi que el submenu
   no debe flotar: se muestra dentro de la lista, indentado. */
@media (max-width: 1140px) {
	.hx .topbar .tlinks .sub-menu {
		display: block;
		position: static;
		min-width: 0;
		border: 0;
		box-shadow: none;
		background: transparent;
		padding: 0 0 0 16px;
	}

	.hx .topbar .tlinks li.menu-item-has-children > a::after {
		content: "";
	}
}