/* ------ */
/* header */
/* ------ */

.ben-banner {
  background: url('https://media.industrialinfo.com/iirenergy/ben/ben-banner.webp') center/cover;
}

@media (max-width: 810px) {
  .ben-header-text h1,
  .ben-header-text h5 {
    font-size: 1rem !important;
  }
}

/* ------------------ */
/* mockup info points */
/* ------------------ */

#about-breaking-energy-news .info-point {
  background: white;
  border-radius: 50%;
  width: 65px;
  height: 65px;
  cursor: pointer;
  overflow: visible;
  transition: all 0.5s ease;
}

/* pulsing circle */
#about-breaking-energy-news .pulse {
  top: 50%;
  left: 50%;
  width: 80px;
  height: 80px;
  background-color: var(--iir-energy-orange);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation: pulsing 2s ease-out infinite;
  opacity: 0.5;
}

/* pulse animation */
@keyframes pulsing {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.6;
  }
  70% {
    transform: translate(-50%, -50%) scale(1.8);
    opacity: 0;
  }
  100% {
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
  }
}

/* filter icon */
#about-breaking-energy-news .info-point-wrapper:nth-child(1) {
  top: 48%;
  left: 16%;
}

/* industry icon */
#about-breaking-energy-news .info-point-wrapper:nth-child(2) {
  top: 54%;
  left: 38%;
}

/* news icon */
#about-breaking-energy-news .info-point-wrapper:nth-child(3) {
  bottom: 15%;
  left: 24%;
}

/* storm icon */
#about-breaking-energy-news .info-point-wrapper:nth-child(4) {
  top: 36%;
  right: 23%;
}

/* messages icon */
#about-breaking-energy-news .info-point-wrapper:nth-child(5) {
  bottom: 41%;
  right: 24%;
}

/* search icon */
#about-breaking-energy-news .info-point-wrapper:nth-child(6) {
  bottom: 15%;
  right: 18%;
}

.tooltip {
  --bs-tooltip-max-width: 400px;
  --bs-tooltip-padding-x: 1rem;
  --bs-tooltip-padding-y: 1rem;
  --bs-tooltip-font-size: 1.25rem;
  --bs-tooltip-arrow-width: 1.25rem;
  --bs-tooltip-arrow-height: 0.75rem;
  font-weight: 600;
  position: relative;
  z-index: 2;
}

@media (max-width: 810px) {
  .tooltip {
    --bs-tooltip-padding-x: 0.5rem;
    --bs-tooltip-padding-y: 0.5rem;
    --bs-tooltip-font-size: 1rem;
  }

  #about-breaking-energy-news .info-point {
    width: 40px;
    height: 40px;
    font-size: 1.25rem !important;
  }

  #about-breaking-energy-news .info-point-wrapper:nth-child(4) {
    top: 15%;
  }
}

/* ---- */
/* tabs */
/* ---- */

#about-breaking-energy-news .ben-features .nav-underline {
  --bs-nav-underline-gap: 0;
  --bs-nav-underline-border-width: 5px;
}

#about-breaking-energy-news .border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

#about-breaking-energy-news .ben-features .nav-underline .nav-link.active {
  border-bottom: 5px solid var(--iir-energy-orange);
}

#about-breaking-energy-news .ben-features .nav-item:hover > .nav-link {
  border-bottom: 5px solid var(--iir-energy-blue);
}

/* cta */

.why-ben-banner {
  background: url('https://media.industrialinfo.com/iirenergy/hero-banners/iir-energy-breaking-energy-news-hero-banner.webp') center/cover;
}

/* --- */
/* faq */
/* --- */

.ben.container-fluid {
  width: calc(100vw - 10px) !important;
  max-width: auto !important;
  margin-left: calc(-50vw + 50%) !important;
}

@media (max-width: 810px) {
  #about-breaking-energy-news .accordion-button {
    font-size: 1rem !important;
  }
}
