/*
Theme Name: Newsmag Child theme
Theme URI: http://themeforest.net/user/tagDiv/portfolio
Description: Child theme made by tagDiv
Author: tagDiv
Author URI: http://themeforest.net/user/tagDiv/portfolio
Template: Newsmag
Version: 3.3c
*/
/* Ajusta el contenedor del logo para que no sea rectangular */
.td-header-wrap .td-header-sp-logo {
max-width: 200px; /* Cambia este valor según el ancho que desees para tu logo */
}
.td-header-wrap .td-header-sp-logo img {
max-height: 160px !important; /* Cambia este valor según el alto que prefieras */
width: auto;
}
/* ==========================================================
Corrección de alta especificidad para el logo móvil en Newsmag
========================================================== */
@media (max-width: 767px) {
/* Permitir desbordamiento en filas y contenedores móviles */
body .td-header-menu-wrap .td-header-row,
body .td-mobile-header-wrap {
overflow: visible !important;
}
/* Forzar contenedor centrado y visible */
body .td-main-menu-logo,
body .td-mobile-logo {
display: inline-block !important;
position: relative !important;
overflow: visible !important;
text-align: center !important;
width: 100% !important;
}
/* Selector con mayor especificidad (agregando "body") para ganarle al tema */
body .td-header-menu-wrap .td-main-menu-logo img,
body .td-mobile-header-wrap .td-mobile-logo img {
max-height: none !important;
height: 95px !important; /* <--- Cambia este valor si lo quieres más grande o pequeño (ej. 90px o 110px) */
width: auto !important;
position: relative !important;
top: -70px !important; /* <--- Ajusta este valor en negativo (-5px, -10px) para subirlo o bajarlo */
z-index: 99999 !important;
display: inline-block !important;
}
}
/* ==========================================================
Control de visibilidad de ítems del menú (Escritorio vs Móvil)
========================================================== */
/* 1. Elementos que solo deben verse en Escritorio (se ocultan en móvil) */
@media (max-width: 767px) {
.menu-item.solo-desktop {
display: none !important;
}
}
/* 2. Elementos que solo deben verse en Móvil (se ocultan en escritorio por defecto) */
.menu-item.solo-movil {
display: none !important;
}
@media (max-width: 767px) {
.menu-item.solo-movil {
display: block !important;
}
}
/* 1. Oculta los contadores y textos de "Fans" / "Seguidores" */
div.td_social_type span.td_social_info_counter,
div.td_social_type span.td_social_info_name {
display: none !important;
}
/* 2. Centra completamente toda la lista de iconos en el widget */
div.td-social-list {
display: flex !important;
justify-content: center !important;
align-items: center !important;
flex-wrap: wrap !important;
gap: 12px !important;
width: 100% !important;
float: none !important;
}
div.td_social_type {
float: none !important;
width: auto !important;
margin: 0 !important;
}
/* 3. Centra y da estilo a la caja del icono */
div.td-social-box {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 50px !important;
height: 50px !important;
padding: 0 !important;
background: #f7f7f7 !important;
border-radius: 4px !important;
position: relative !important;
box-shadow: none !important;
}
/* 4. Anula los elementos internos del tema tagDiv que generan el halo */
div.td-sp::before,
div.td-sp::after {
display: none !important;
}
/* 5. Iconos uniformes y más grandes (26px x 26px) */
div.td-sp {
display: block !important;
position: absolute !important;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important;
margin: 0 !important;
width: 26px !important;
height: 26px !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-color: transparent !important;
filter: none !important;
box-shadow: none !important;
}
/* SVG específico para Facebook en #102153 */
div.td-sp-facebook {
background-image: url('data:image/svg+xml;utf8,') !important;
}
/* SVG específico para Instagram en #102153 */
div.td-sp-instagram {
background-image: url('data:image/svg+xml;utf8,') !important;
}
/* SVG específico para Twitter/X en #102153 */
div.td-sp-twitter {
background-image: url('data:image/svg+xml;utf8,') !important;
}
/* 6. Mantiene el área del enlace activa y funcional en todo el cuadro */
span.td_social_button {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
margin: 0 !important;
z-index: 2 !important;
}
span.td_social_button a {
display: block !important;
width: 100% !important;
height: 100% !important;
font-size: 0 !important;
text-indent: -9999px !important;
}
/* ----------------------------------------------------------------------------
This file will load automatically when the child theme is active. You can use it
for custom CSS.
*/