/*
 Theme Name:   Bootscore Child
 Description:  Bootscore Child Theme
 Author:       Bootscore
 Author URI:   https://bootscore.me
 Template:     bootscore
 Version:      6.0.0
 Requires at least: 5.0
 Tested up to: 6.6
 Requires PHP: 7.4
 License: MIT License
 License URI: https://github.com/bootscore/bootscore-child/blob/main/LICENSE
 Text Domain:  bootscore
*/

/* 
All style editing is done via /assets/scss/_bootscore_custom.scss
*/

.bootscore-home-slider {
  margin: 0 0 2rem;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.bootscore-home-slider .carousel-item img {
  height: min(72vh, 700px);
  object-fit: cover;
  object-position: center;
}

.bootscore-home-slider .carousel-caption {
  inset: auto 10% 12% 10%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  text-align: left;
  background: linear-gradient(90deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.15) 80%, rgba(0,0,0,0) 100%);
  padding: 2rem;
  border-radius: 1rem;
  max-width: 32rem;
}

.bootscore-home-slider .carousel-caption h2 {
  font-size: clamp(1.5rem, 2.4vw, 2.4rem);
  font-weight: 700;
  margin-bottom: 0.5rem;
}

.bootscore-home-slider .carousel-caption p {
  font-size: 1rem;
  max-width: 28rem;
}

.bootscore-home-slider .carousel-control-prev,
.bootscore-home-slider .carousel-control-next {
  width: 8%;
}

@media (max-width: 767px) {
  .bootscore-home-slider .carousel-item img {
    height: 60vh;
  }

  .bootscore-home-slider .carousel-caption {
    inset: auto 5% 8% 5%;
    max-width: calc(100% - 2rem);
    padding: 1rem;
  }
}