/*
Theme Name: Inspiro PRO Child
Theme URI: https://www.wpzoom.com/themes/inspiro-pro/
Template: wpzoom-inspiro-pro
Description: This is a simple Child Theme.
Author: WPZOOM
Author URI: https://www.wpzoom.com
Version: 1.0
*/

/* Write your custom CSS code below or add it in the Customizer > Additional CSS */
.slides > li h1:after, .slides > li h3:after {
	border-bottom: 4px solid var(--e-global-color-71dffd8)
}

.navbar-collapse .navbar-nav > .current-menu-item a, .navbar-collapse .navbar-nav > .current_page_item a, .navbar-collapse .navbar-nav > .current-menu-parent a {
     border-bottom-color: rgba(1,1,1,0) !important; 
}



.header_social {
	border-left: 4px solid #EC7C14
}

.navbar-brand-wpz {max-width:180px !important}

@media screen and (max-width: 768px) {
    .navbar-brand-wpz img { 
		margin-left:-40px !important;	
	}
}
.navbar-nav ul   { 
		width:400px !important
	}


/* CSS PARA OCULTAR FECHA,USER,RRSS EN ENTRADAS, NO COMMENT TEXT */
.entry-meta,
.posted-on,
.byline,
.author,
.date {
    display: none !important;
}
.sharedaddy,
.sd-sharing,
.entry-footer,
.comments-closed {
    display: none !important;
}
p.nocomments {
    display: none !important;
}


/* CSS PARA OCULTAR EL Designed by WPZOOM */
.site-info,
.footer-credits,
.footer-bottom,
footer .designed-by {
    display: none !important;
}

/* form color labels */
.wp-block-wpzoom-forms-form .wp-block-group .wp-block-columns .wp-block-column label, .wp-block-wpzoom-forms-form .wp-block-group__inner-container .wp-block-columns .wp-block-column label, .wpzoom-forms_form .wp-block-group .wp-block-columns .wp-block-column label, .wpzoom-forms_form .wp-block-group__inner-container .wp-block-columns .wp-block-column label  {
	color: white;
}

/** Toolbar top css ******************/

/* Topbar fija */
.custom-topbar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  background: #4d7523; /* tu verde personalizado */
  color: #fff;
  padding: 10px 20px;
  font-size: 14px;
}

/* Contenido alineado en una sola línea */
.topbar-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

/* Header justo debajo de la topbar */
.site-header,
.header-transparent,
.header-sticky,
header.site-header {
  position: relative;
  top: 60px; /* altura real de la topbar */
  z-index: 9999;
}

/* Sticky header también desplazado */
.site-header.is-sticky,
.header-sticky.is-sticky {
  top: 60px !important;
}

/* Eliminar padding-top innecesario del body */
body {
  padding-top: 0 !important;
}

/* Ajuste para el admin bar (cuando estás logueado) */
.admin-bar .custom-topbar {
  top: 32px;
}

.admin-bar .site-header {
  top: 80px !important; /* 32 (admin bar) + 44 (topbar) */
}

/* Versión móvil */
@media (max-width: 768px) {
  .site-header,
  .header-transparent,
  .header-sticky {
    top: 44px;
  }

  .admin-bar .site-header {
    top: 76px;
  }
}

/* Iconos redondos con fondo */
.topbar-icons a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  background-color: #ffffff; /* color de fondo del círculo */
  color: #4d7523; /* color del icono (verde de tu web) */
  border-radius: 50%;
  margin-left: 10px;
  text-decoration: none;
  transition: background-color 0.3s, color 0.3s;
  font-size: 16px;
}

/* Hover más visible */
.topbar-icons a:hover {
  background-color: #4d7523;
  color: #ffffff;
}

/* Compatibilidad amplia para navegadores comunes */
body.is-firefox .site-header,
body.is-edge .site-header,
body.is-opera .site-header,
body.is-safari .site-header,
body.is-android .site-header,
body.is-ios .site-header,
body.is-brave .site-header {
  top: 50px !important;
}



/*********************************/
.mobile-only {
  display: block; /* o inline/inline-block, según el caso */
}

@media (max-width: 699px) {
  .mobile-only {
    display: none;
  }
}