/* Golden Empire banner slider fix: Banner 1-6 JS slider + white readable overlay text */
.ge-banner-js-slider,
.ge-banner-js-slider .u-carousel-inner {
  position: relative !important;
  overflow: hidden !important;
}

.ge-banner-js-slider .u-carousel-item {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.ge-banner-js-slider .u-carousel-item.u-active {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

.ge-banner-js-slider .u-sheet {
  min-height: 420px !important;
}

.ge-banner-js-slider h1,
.ge-banner-js-slider h2,
.ge-banner-js-slider h3,
.ge-banner-js-slider h4,
.ge-banner-js-slider p,
.ge-banner-js-slider span,
.ge-banner-js-slider .u-title,
.ge-banner-js-slider .u-text,
.ge-banner-js-slider a:not(.u-btn),
.ge-banner-js-slider .u-btn {
  color: #ffffff !important;
  text-shadow: 0 3px 12px rgba(0,0,0,0.72) !important;
}

.ge-banner-js-slider .u-carousel-indicators {
  z-index: 20 !important;
}

.ge-banner-js-slider .u-carousel-indicators li {
  cursor: pointer !important;
  border: 2px solid #ffffff !important;
  background-color: rgba(255,255,255,0.55) !important;
}

.ge-banner-js-slider .u-carousel-indicators li.u-active {
  background-color: #f4c430 !important;
  border-color: #ffffff !important;
}

.ge-banner-js-slider .u-carousel-control {
  z-index: 20 !important;
}

@media (max-width: 767px) {
  .ge-banner-js-slider .u-sheet {
    min-height: 360px !important;
  }

  .ge-banner-js-slider h1,
  .ge-banner-js-slider .u-title {
    font-size: 1.8rem !important;
    line-height: 1.18 !important;
  }

  .ge-banner-js-slider .u-btn {
    font-size: 0.95rem !important;
    white-space: normal !important;
  }
}



/* Final instant quote cleanup */
.ge-banner-js-slider,
.ge-banner-js-slider *,
.ge-banner-js-slider h1,
.ge-banner-js-slider h2,
.ge-banner-js-slider h3,
.ge-banner-js-slider h4,
.ge-banner-js-slider p,
.ge-banner-js-slider span,
.ge-banner-js-slider a,
.ge-banner-js-slider .u-text,
.ge-banner-js-slider .u-title,
.ge-banner-js-slider [class*="u-text"] {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 3px 12px rgba(0,0,0,0.75) !important;
}

/* Fade in/out slider behavior */
.ge-banner-js-slider,
.ge-banner-js-slider .u-carousel-inner {
  position: relative !important;
  overflow: hidden !important;
  min-height: 420px !important;
}

.ge-banner-js-slider .u-carousel-item {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  min-height: 420px !important;
  opacity: 0 !important;
  visibility: hidden !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transition: opacity 900ms ease-in-out, visibility 900ms ease-in-out !important;
}

.ge-banner-js-slider .u-carousel-item.u-active {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 2 !important;
  pointer-events: auto !important;
}

.ge-banner-js-slider .u-sheet {
  min-height: 420px !important;
  position: relative !important;
  z-index: 3 !important;
}

/* Instant Quote: What Will My Roof Cost? must be red */
.ge-roof-tool-title,
.what-will-my-roof-cost,
.what-would-my-roof-cost,
#instant-quote-tool h1,
#instant-quote-tool h2,
#instant-quote-tool h3,
#roof-estimate-tool h1,
#roof-estimate-tool h2,
#roof-estimate-tool h3 {
  color: #d60000 !important;
  -webkit-text-fill-color: #d60000 !important;
}

/* Hide the duplicate blue progress text: Name / Phone / Address / Estimate */
.instant-quote-progress,
.roof-progress-labels,
.roof-tool-progress-labels,
.ge-step-labels,
.step-labels,
.progress-words,
.progress-labels {
  display: none !important;
}

/* Hide browser/Google suggestion dropdowns if any old autocomplete code exists */
.pac-container,
.address-suggestions,
.autocomplete-suggestions,
.suggestions,
.datalist-suggestions {
  display: none !important;
  visibility: hidden !important;
}

/* Keep mobile banner readable */
@media (max-width: 767px) {
  .ge-banner-js-slider,
  .ge-banner-js-slider .u-carousel-inner,
  .ge-banner-js-slider .u-carousel-item,
  .ge-banner-js-slider .u-sheet {
    min-height: 360px !important;
  }
}