/* MAIN HERO SLIDER */

.glide__bullet {
  position: relative;
  display: flex;
  padding: 15px 0 0 0;
  border: 0;
  overflow: hidden;
  color: #fff;
  text-transform: uppercase;
  height: 40px;
  margin-right: 10px;
  margin-left: 10px;
  background-color: transparent;
}

.glide__bullet:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 4px;
  display: block;
  opacity: 0;
  transform: translateX(-100%);
  background-color: #61A534;
  transition: transform  6s;
}

.glide__bullet--active:before {
  opacity: 1;
  transform: translateX(0);
}

.main-hero-glide__slides {
  transform: translate3d(0, 0, 0) !important;
}

.main-hero-glide__slide {
  position: absolute;
  top: 0;
  left: 0;
  order: 2;
  opacity: 0;
  transition: opacity 1250ms ease-in-out;
}

.main-hero-glide__slide.glide__slide--active {
  position: relative;
  order: 1;
  opacity: 1;
  z-index: 1;
}

@media (max-width: 1024px) {

  .glide__bullet {
    visibility: hidden;
    position: absolute;
    margin: 0 !important; 
    left: 0;
  }

  .glide__bullet--active {
    visibility: visible;
    position: absolute;
    margin: 0 !important;
    left: 0;
  }

}

/* CAROUSEL */

.glide-carousel .glide__slides .glide__slide {
  transition: all .25s ease-in-out;
  opacity: .5;
}

.glide-carousel .glide__slides .glide__slide--active {
  opacity: 1;
}

@media (min-width: 900px) {
  .glide-carousel .glide__slides .glide__slide--active,
  .glide-carousel .glide__slides .glide__slide--active+li {
    opacity: 1;
  }

  .glide-carousel .glide__slides .glide__slide--active:hover,
  .glide-carousel .glide__slides .glide__slide--active+li:hover,
  .glide-carousel .glide__slides .glide__slide--active+li+li:hover  {
    transform: scale(1.19);
    opacity: 1;
  }

}

@media (min-width: 1400px) {
  .glide-carousel .glide__slides .glide__slide--active,
  .glide-carousel .glide__slides .glide__slide--active+li,
  .glide-carousel .glide__slides .glide__slide--active+li+li {
    opacity: 1;
  }
}

.carousel-slide-content {
  padding: 25px 30px;
  background: linear-gradient(transparent,#000);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.carousel-slide-content h4 {
  margin: 0 0 16px;
  font-size: 22px;
  line-height: 23px;
  text-transform: uppercase;
}

@media (min-width: 900px) {
  .carousel-slide-content {
    transform: translate3d(0,63%,0);
    transition: background-color .25s cubic-bezier(.24,.26,.2,1),transform .25s cubic-bezier(.24,.26,.2,1);
  }
  
  .carousel-slide-content h4 {
    margin-bottom: 45px;
  }
}

.carousel-slide-content span:not(.font-oxfam-bold) {
  font-family: 'Oxfam T-Star Pro Regular';
}

.carousel-slide-additional-content p {
  font-family: 'Oxfam T-Star Pro Regular'
}

.carousel-slide-additional-content {
  display: block;
  width: 100%;
  padding: 25px 0 10px;
  text-align: center;
  transition: opacity .25s cubic-bezier(.24,.26,.2,1),padding .25s cubic-bezier(.24,.26,.2,1);
}

.carousel-slide-image-link:hover .carousel-slide-content {
  transform: translateZ(0);
}

.carousel-gradient {
  opacity: .7;
  background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5018382352941176) 30%, rgba(0,0,0,0) 60%);
}

.carousel-slide-btn {
  line-height: 1.5;
  background: #fff;
  color: #44841A;
  position: relative;
  text-align: center;
  min-width: 130px;
  display: inline-block;
  text-transform: uppercase;
  font-size: 1.2rem;
  padding: 10px 80px 10px 30px;
  border-radius: 6px 0px 0px 6px;
  margin-right: -31px;
  max-width: max-content;
  transition: all .25s;
  -webkit-clip-path: polygon(0 0,80% 0,89% 45%,89.2% 47%,89.2% 53%,89% 55%,80% 100%,0 100%);
  clip-path: polygon(0 0,80% 0,89% 45%,89.2% 47%,89.2% 53%,89% 55%,80% 100%,0 100%);
}

.carousel-slide-btn:hover {
  background: #44841A;
  color: #fff;
}

.glide__arrow--left {
  position: absolute;
  left: 5px;
  top: 45%;
}

.glide__arrow--right {
  position: absolute;
  right: 5px;
  top: 45%;
}

@media (min-width: 640px) {
  .glide__arrow--left {
    left: 50px;
  }
  
  .glide__arrow--right {
    right: 50px;
  }
}