/* ============================================================
   Menú personalizado IT Txartela - SMF
   Ruta:
   /foro/Themes/default/images/custom_menu/custom_menu.css
   ============================================================ */


/* ============================================================
   DEMOS
   HTML real:
   <li class="button_demos_it_txartela subsections">
       <a ...>
           <span class="main_icons itdemo"></span>
           <span class="textmenu">Demos</span>
       </a>
   ============================================================ */

.menu_nav .button_demos_it_txartela > a .main_icons.itdemo {
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	margin-right: 4px !important;
	vertical-align: middle !important;

	background-image: url("demos.png") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 16px 16px !important;
}

/* Anula posibles iconos internos del tema SMF */
.menu_nav .button_demos_it_txartela > a .main_icons.itdemo::before,
.menu_nav .button_demos_it_txartela > a .main_icons.itdemo::after {
	content: none !important;
	display: none !important;
}


/* ============================================================
   BLOG
   HTML real:
   <li class="button_blog_g4ri subsections">
       <a ...>
           <span class="main_icons g4riblog"></span>
           <span class="textmenu">Blog</span>
       </a>
   ============================================================ */

.menu_nav .button_blog_g4ri > a .main_icons.g4riblog {
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	margin-right: 4px !important;
	vertical-align: middle !important;

	background-image: url("blog.png") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 16px 16px !important;
}

/* Anula posibles iconos internos del tema SMF */
.menu_nav .button_blog_g4ri > a .main_icons.g4riblog::before,
.menu_nav .button_blog_g4ri > a .main_icons.g4riblog::after {
	content: none !important;
	display: none !important;
}

/* Iconos de los submenús de Demos */
.menu_nav .button_demos_it_txartela ul li a .demo_submenu_item {
	display: inline-flex !important;
	align-items: center !important;
	gap: 6px !important;
	white-space: nowrap !important;
}

.menu_nav .button_demos_it_txartela ul li a .demo_submenu_icon {
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	object-fit: contain !important;
	vertical-align: middle !important;
}

.menu_nav .button_demos_it_txartela ul li a .demo_submenu_text {
	display: inline-block !important;
	vertical-align: middle !important;
}

/* ============================================================
   DESCARGAS
   HTML esperado:
   <li class="button_descargas_it_txartela">
       <a ...>
           <span class="main_icons itdescargas"></span>
           <span class="textmenu">Descargas</span>
       </a>
   ============================================================ */

.menu_nav .button_descargas_it_txartela > a .main_icons.itdescargas {
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	min-width: 16px !important;
	margin-right: 4px !important;
	vertical-align: middle !important;

	background-image: url("descargas.png") !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	background-size: 16px 16px !important;
}

.menu_nav .button_descargas_it_txartela > a .main_icons.itdescargas::before,
.menu_nav .button_descargas_it_txartela > a .main_icons.itdescargas::after {
	content: none !important;
	display: none !important;
}