:root {
  --duration: 60s;
  --scroll-start: 0;
  --scroll-end: -100%;
}

.home {
  background-color: var(--wp--preset--color--wawib-bg);
  padding-top: 56px;
}

/* Filmstrip */
.marquee {
  display: flex;
  height: 210px;
  overflow: hidden;
  user-select: none;
}

.marquee__content {
  --duration: 60s;
  --scroll-start: 0;
  --scroll-end: -100%;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0;
  min-width: 100%;
  animation: scroll-x 120s linear infinite;
}

.marquee__content img {
  height: 210px;
  width: 210px;
}

@keyframes scroll-x {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .marquee__content {
    animation-play-state: paused;
  }
}

/* Intro Hero */
.primary-content h1 {
  color:  var(--wp--preset--color--wawib-primary);
  font-family: serif;
  font-weight: 700;
}

@media (min-width: 1200px) {
  .primary-content h1 {
    font-size: 4.25rem;
  }
}

.primary-content {
  font-size: 1.5rem;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .primary-content .wp-block-group__inner-container > :not(h1) {
    margin-left: auto;
    margin-right: auto;
    max-width: 41.625rem;
  }
}

/* Search & Subject */
@media (min-width: 1050px) {
  .home .col-form-label {
    font-size: 1.25rem;
    line-height: 1;
  }
}
@media (min-width: 1800px) {
  .home .col-form-label {
    font-size: 1.5rem;
    line-height: 1;
  }
}

/* Explore & Today in History Sliders */
.home-explore-tih {
  margin-bottom: 2.6875rem;
}

@media (min-width: 992px) {
  .home-explore-tih__explore {
    padding-right: 1.5rem;
  }

  .home-explore-tih__tih {
    padding-left: 1.5rem;
  }
}

@media (min-width: 576px) {
  .explore-slider,
  .explore-slider .glide__slides,
  .today-in-history-slider,
  .today-in-history-slider .glide__slides {
    min-height: 389px;
    max-height: 389px;
  }

  .explore-slider .glide__track {
    min-height: 389px;
    max-height: 389px;
    overflow: hidden;
  }

  .today-in-history-slider .glide__track,
  .today-in-history-slider .glide__slide,
  .today-in-history-slider .glide__slide > .row {
    min-height: 389px;
    max-height: 389px;
    overflow: hidden;
  }
}

/* Explore Slider */
.explore-slider .glide__slides {
  transform:none !important;
  width:auto !important;
  display: grid;
  grid-template-areas: 'slide';  //create a 1x1 grid where the single cell is called slide
}
.explore-slider .glide__slide {
  cusor: default;
  position: relative;
  opacity: 0;
  transition: opacity 0.5s ease;
  grid-area: slide;  //assign all child slides to the cell
}

.explore-slider .glide__slide img {
  height: 100%;
  object-fit: cover;
  max-width: none;
  width: 100%;
}
.explore-slider .glide__slide--active {
  z-index:1;
  opacity:1;
}

/* Today in History */
.today-in-history-slider a {
  color: var(--wp--preset--color--wawib-tertiary);
  text-decoration: underline;
}

.today-in-history-slider a:hover,
.today-in-history-slider a:focus {
  color: var(--wp--preset--color--wawib-primary);
}

@media (min-width: 576px) {
  .today-in-history-slider__image > img {
    object-fit: cover !important;
    height: 100% !important;
  }
}

.today-in-history-slider__image--no-image {
  background-color: #6C757D;
  font-size: 3rem;
  font-weight: 500;
  line-height: 1;
  padding-top: .5rem;
  padding-bottom: .5rem;
}

@media (min-width: 576px) {
  .today-in-history-slider__image--no-image {
    border-right: 1px solid black;
    font-size: 3.5rem;
    padding-right: 0;
  }
}

@media (min-width: 1800px) {
  .today-in-history-slider__image--no-image {
    font-size: 5rem;
  }
}

.today-in-history-slider .glide__bullets {
  position: relative;
  transform: initial;
  bottom: initial;
  left: initial;
}

.today-in-history__prev-next {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
}

.today-in-history__prev-next .fa {
  color: #AB3428;
  font-size: 41px;
}

#glide-prev .fa {
  transform: rotate(180deg);
}

.today-in-history-slider .glide__bullet {
  background-color: #D9D9D9
}

.today-in-history-slider .glide__bullet:hover,
.today-in-history-slider .glide__bullet:focus,
.today-in-history-slider .glide__bullet--active {
  background-color: #737373;
  border: none;
}

.today-in-history-slider__excerpt {
  line-height: normal;
}

@media (min-width: 576px) {
  #today-in-history__slider-controls {
    margin-top: -75px;
    position: relative;
    width: 100%;
    z-index: 50;
  }
}

/* Collections */
.browse-collections__items {
  padding: 1.875rem 1.875rem 0;
}

@media (max-width: 992px){
  .md-h4 {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px){
  .sm-h4 {
    font-size: 1.5rem;
  }
}

.bg-wawib-secondary .dropdown-item {
  border-top: 1px solid #fff;
  color: #fff;
}

.bg-wawib-secondary .dropdown-item:hover,
.bg-wawib-secondary .dropdown-item:focus {
  background-color: transparent;
  color: rgba(255,255,255,.8);
}

.browse-collections__item {
  margin-bottom: 1.875rem;
}

.browse-collections__item .dropdown-menu {
  background-color: var(--wp--preset--color--wawib-secondary);
  border-radius: 0;
  margin-top: 0;
  min-width: 90%;
  max-width: 90%;
  padding-top: 0;
}

.browse-collections__item .dropdown-toggle {
  font-weight: 500;
}

@media (min-width: 1800px) {
  .browse-collections__item .dropdown-toggle {
    font-size: 2rem;
    line-height: 1;
    min-height: 102px;
  }
}

/* Bootstrap Overrides */
@media (min-width: 1775px) {
  .home .container-xl {
    max-width: 1745px !important;
  }
}

@media (min-width: 992px) {
  .p-lg-4 {
    padding: 2rem !important;
  }
}