/*
Theme Name: Rev. Bill Horn Theme
Theme URI: https://billhorn.org/
Template: hello-biz
Author: Team Rev. Bill Horn
Author URI: https://billhorn.org/
Version: 1.0.0.1739201003
Updated: 2025-02-10 15:23:23
*/


/* CSS para el navbar */
#navigationBars {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100% !important;
  margin: 0 auto;
  z-index: 1000; /* Asegúrate de que el navbar esté por encima de otros elementos */
  transition: all 0.3s ease-in-out;
}

/* Cuando el navbar es fixed después de hacer scroll */
#navigationBars.fixed {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Añadir sombra para dar efecto de profundidad */
  background-color: #ffffff00; /* Cambiar el fondo si es necesario */
}

/* Cambiar el fondo o estilo cuando el usuario hace scroll hacia abajo */
#navigationBars.scrolling-down {
  background-color: #ffffff; /* Cambiar el color de fondo cuando hace scroll hacia abajo */
  color: #000000; /* Cambiar color de texto si es necesario */
  position: fixed !important;
}

/* Cambiar el fondo o estilo cuando el usuario hace scroll hacia arriba */
#navigationBars.scrolling-up {
  background-color: #ffffffbf; /* Cambiar el color de fondo al hacer scroll hacia arriba */
}


body:not(.home) #navigationBars .tf-nav-menu .mainnav .menu-container > ul > li > a {
    color: #fff !important;
}

body:not(.home) #navigationBars .tf_link_effect_underline .mainnav .menu-container > ul > li > a:after{
  background-color: #fff !important;
}

body:not(.home) #navigationBars .area-btns span.elementor-button-text {
/*color: #fff; */
}

body.home #navigationBars #logo-white,
body:not(.home) #navigationBars #logo{
  display:none
}

body:not(.home) #navigationBars.scrolling-down {
  background-color: #1c1d20; /* Cambiar el color de fondo cuando hace scroll hacia abajo */
}

body:not(.home) #navigationBars.scrolling-up {
    background-color: #171717;
}