/**
Custom CSS
**/
/** Global CSS
--------------------------- */
.fade-out {
  transition: opacity 1s ease-out;
  opacity: 0;
  display: none;
}

/** Front Page  CSS
--------------------------- */
#about-section a {
  color: #f5f5f5;
}

.about-header h3 {
  font-size: 1.8rem !important;
}

.intro-placeholder {
  height: 0;
  transition: height 0.5s ease-out; /* Same length as the intro transition */
}

.home .site-wrapper {
  background: rgba(0, 0, 0, 0.5);
}

#intro.intro {
  height: 100vh;
  background: transparent !important;
  overflow: hidden !important;
  transform-origin: top;
}

#about {
  background-image: url("https://steelbridge.io/wp-content/uploads/2024/08/Sunset-Scene-Sisters-Oregon.webp");
  background-size: cover;
  position: relative;
  padding: 7.618em 0;
}
#about.about {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}
#about.about.show {
  opacity: 1;
}
#about .container {
  background: rgba(0, 0, 0, 0.59);
}
#about h2, #about h3, #about p, #about .text-muted {
  color: #fff;
}
#about .col-md-7 {
  opacity: 1 !important;
}

#about::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.09);
  pointer-events: none;
}

.about-header {
  zoom: 1;
  position: relative;
}

/*# sourceMappingURL=custom.css.map */