.latest-headline-img {
  max-height: 8rem;
  overflow: hidden;
}

.energy-solutions-cta {
  background-image: url('https://media.industrialinfo.com/news/img/webp/cta/iir-industry-news-banner-power-transmission-towers.webp');
  background-size: cover;
  background-position: center right;
}

.iir-solutions-cta {
  background-image: url('https://media.industrialinfo.com/industries/semiconductors/iir-global-semiconductors-database-industrial-info-resources-3840.webp');
  background-size: cover;
  background-position: center right;
}

.news-by-industry-footer > div {
  border-right: 1px solid #dee2e6;
}

.news-by-industry-footer > div:last-child {
  border-right: none;
}

.energy-white-paper-cta {
  background-image: url('https://media.industrialinfo.com/news/img/webp/cta/iir-industry-news-cta-banner-forecast-and-analytics.webp');
  background-size: cover;
  background-position: center center;
}

.iir-white-paper-cta {
  background-image: url('https://media.industrialinfo.com/industries/industry-thumbnails/industrial-info-resources-trending-sector-data-centers.webp');
  background-size: cover; /* zoom in (increase this for more zoom) */
  background-position: right center; /* focus on the right side */
}

/* .news-industry-tabs .nav-link.active {
    border: 0;
} */

.news-industry-tabs .nav-link {
  color: var(--primary-dark-blue);
  border: 0;
}

.news-industry-tabs .nav-link:not(.active):hover {
  color: var(--primary);
  transform: scale(1.1);
  border: 0;
}

/* Article Reader */
.col-md-8.col-lg-9 #article-reader {
  border: 1px solid rgba(0, 0, 0, 0.175);
  padding: 0.5rem 1rem;
}

#article-reader .volume-control .vertical-slider {
  width: 100px;
  height: 100px;
  transform: rotate(270deg) translateY(-30%);
}

#article-reader .volume-control.dropdown .dropdown-menu {
  min-width: unset;
  width: 40px;
  transform: translate(-10%, -120%);
  overflow: hidden;
  border: 1px solid #ccc !important;
}

#article-reader .volume-control.dropdown:hover .dropdown-menu {
  display: block;
  opacity: 1 !important;
}

#article-reader .volume-control.dropdown > .fa:active {
  pointer-events: none;
}

.latest-news-reader-wrapper .btn {
  padding: 0;
  letter-spacing: normal;
}

.latest-news-reader-wrapper #article-reader > div.my-2 {
  margin: 0 0 !important;
  padding: 0 0 !important;
  border: 0 !important;
}

.latest-news-reader-wrapper #article-reader small {
  font-size: 0.6rem !important;
}

#sr-progress-container {
  background: var(--bs-dark-bg-subtle) !important;
}

.news-by-switcher {
  letter-spacing: var(--iir-energy-letter-spacing-body);
}

article:has(.stretched-link) {
  transition: all 0.3s ease;
}
article:has(.stretched-link:hover) {
  transform: scale(1.015);
}

.x-small {
  font-size: 0.75rem;
}

#news-by-industry #industry-tab-content .list-group li:nth-last-child(2),
#ind-news-global > div:first-of-type .list-group:first-of-type li:nth-last-child(2) {
  border: 0;
  padding-bottom: 0 !important;
}

@media (min-width: 992px) {
  #news-by-industry #industry-tab-content .tab-pane {
    height: 75rem;
  }
}

@media (min-width: 1400px) {
  #news-by-industry #industry-tab-content .tab-pane {
    height: 46rem;
  }
}
@media (max-width: 768px) {
    .multi .carousel-inner .carousel-item > div {
        display: none;
    }
    .multi .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.multi .carousel-inner .carousel-item.active,
.multi .carousel-inner .carousel-item-start,
.multi .carousel-inner .carousel-item-next,
.multi .carousel-inner .carousel-item-prev {
    display: flex !important;
}

/* display 4 */
@media (min-width: 768px) {
    .multi .carousel-inner .carousel-item-right.active,
    .multi .carousel-inner .carousel-item-next,
    .multi .carousel-item-next:not(.carousel-item-start) {
        transform: translateX(25%) !important;
    }

    .multi .carousel-inner .carousel-item-left.active,
    .multi .carousel-item-prev:not(.carousel-item-end),
    .multi .active.carousel-item-start,
    .multi .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-25%) !important;
    }

    .multi .carousel-item-next.carousel-item-start,
    .active.carousel-item-end {
        transform: translateX(0) !important;
    }

    .multi .carousel-inner .carousel-item-prev,
    .multi .carousel-item-prev:not(.carousel-item-end) {
        transform: translateX(-25%) !important;
    }
}

/* Carousel controls overrides */
@media (min-width: 1200px) {
    #shortsCarousel .carousel-control-prev {
        left: -3rem !important;
    }

    #shortsCarousel .carousel-control-next {
        right: -3rem !important;
    }
}