/*
* CUSTOM CSS FILE FOR WEBSITE
*
*/

html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
  }

  body > .container {
    flex: 1;
  }  
    body { font-family: 'Segoe UI', sans-serif; }
	nav + section:not(.hero):not(#hero.carousel.slide), nav + div:not(.hero), nav + main:not(.hero) {
	  margin-top: 80px;
	}
	html, body {
	  height: 100%;
	  display: flex;
	  flex-direction: column;
	}

	main {
	  flex: 1;
	}

    .hero {
      /*background: url('https://zbbi.co/wp-content/uploads/2023/04/website-still.jpg') center center/cover no-repeat;
      background: url('<?= $base_url ?>/img/screens-hero.png') center center/cover no-repeat; */
      color: white;
      padding-top: 250px;
      padding-bottom: 200px;
      text-align: center;
    }

	.card-hover:hover {
	  border: 2px solid red;
      color: red;
	  transition: border 0.2s ease-in-out;
	}
    .footer { background-color: #111; color: white; padding: 40px 0; }
    .cta-btn { background-color: #e60000; border: none; }
    .cta-btn:hover { background-color: darkred; }
             
#teamSlider::-webkit-scrollbar {
  display: none;
}
#teamSlider {
  -ms-overflow-style: none;  /* IE 10+ */
  scrollbar-width: none;     /* Firefox */
}

.cursor {
  display: inline-block;
  animation: blink 0.7s infinite;
  color: #e60000; /* Zeta red cursor */
  /*color: #fff;*/
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}
.social-link {
  display: block;
  color: #212529;
  text-decoration: none;
  margin-bottom: 0.5rem;
  transition: color 0.2s ease;
}
.social-link:hover {
  color: #e60000; /* Zeta red */
}
#cool-stuff.social-link {
  color: #212529;
  position: absolute; 
  bottom: 0; 
  left: 10px; 
  padding: 0.5rem; 
  font-size: 1.2rem;
}
#cool-stuff.social-link:hover {
  color: #e60000; /* Zeta red */
}
.footer .social-link {
  color: white;
  text-decoration: none;
  display: inline; /* Ensure links do not render as block */
}
.footer .social-link:hover {
  color: #e31b23; /* Zeta red */
  text-decoration: none;
}

.hero-slide {
  padding-top: 250px;
  padding-bottom: 200px;
  background-position: center;
  background-size: cover;
}
/* Lighter red when accordion is expanded */
.accordion-button:not(.collapsed) {
  background-color: #e35d6a; /* a lighter shade of #dc3545 */
  color: #fff;
}

/* Optional: Lighten the border if desired */
.accordion-item {
  border-color: #f5c2c7; /* optional light red border */
}

/* Optional: Lighten the icon (chevron) color */
.accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}
.accordion-button:focus {
  box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25); /* Bootstrap danger shade */
  border-color: #e35d6a;
}
#coverageAccordion a {
    color: black;
    text-decoration: none;
    transition: color 0.3s;
  }
 #coverageAccordion a:hover {
    color: #e60000; /* Zeta red */
  }
  .pac-container {
  z-index: 1055 !important; /* Higher than Bootstrap modal (default is 1050) */
  position: absolute !important;
}

  .slot-container {
    background: #fff;
    color: #000;
    overflow: hidden;
    position: relative;
    text-align: center;
    font-family: inherit;
    height: 100%;
    width: 100%;
  }

  .slot-inner {
    height: 60px;
    overflow: hidden;
    position: relative;
    font-size: 2rem;
    font-weight: bold;
    line-height: 60px;
  }

  .slot-text {
    display: inline-block;
    animation: scrollText 10s cubic-bezier(0.3, 0.1, 0.1, 1) forwards;
  }

  @keyframes scrollText {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(calc(-100% + 60px));
    }
  }

  .slot-text div {
    height: 60px;
  }
  .is-invalid {
    border-color: #dc3545;
  }
  .is-invalid:focus {
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
  }