/* Disable the obsolete full-screen mask. The legacy markup and script can be
 * removed from the theme separately after the server-level backup. */
.loader {
  display: none !important;
}

.btn.call-btn,
.btn.call-btn:hover {
  cursor: pointer;
}

/* Reserve the branding image's natural ratio even before it downloads. */
#block-nycrefrigeration-branding img,
.region-nav-branding img {
  aspect-ratio: 180 / 172;
  height: 60px;
  width: auto;
  max-width: 100%;
}

/* Stabilize the desktop carousel across slides with different source ratios. */
@media (min-width: 577px) {
  #views-bootstrap-home-slider-block-1 .carousel-inner,
  #views-bootstrap-home-slider-block-1 .carousel-item,
  #views-bootstrap-home-slider-block-1 .carousel-item > .row,
  #views-bootstrap-home-slider-block-1 .carousel-item .position-relative {
    height: clamp(400px, 35vw, 700px);
  }

  #views-bootstrap-home-slider-block-1 .carousel-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}

@media (max-width: 768px) {
  .scroll-container ul {
    width: 100%;
    max-width: 100%;
  }

  .region-hero-home .carousel-item > .row {
    --bs-gutter-x: 0;
    margin-right: 0;
    margin-left: 0;
  }

  .region-hero-home .carousel-caption {
    right: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
  }
}

@media (max-width: 576px) {
  #block-nycrefrigeration-about .about-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    min-width: 0;
  }

  #block-nycrefrigeration-about .about-wrapper > .about-text,
  #block-nycrefrigeration-about .about-wrapper > .img-about {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin-left: 0;
  }

  #block-nycrefrigeration-about .img-about img {
    max-width: 100%;
    height: auto;
  }
}