/* glide.js styles */
@media only screen and (max-width: 2560px) {
    .glide__arrow {
        top:47%
    }

    .glide__arrow--left {
        left: -1.5em !important;
    }

    .glide__arrow--right {
        right: -1.5em !important;
    }
}

@media only screen and (max-width: 768px) {
    .glide__arrow {
        top:35%
    }

    .glide__arrow--left {
        left: -.5em !important;
    }

    .glide__arrow--right {
        right: -.5em !important;
    }
}

@media only screen and (max-width: 426px) {
    .glide__arrow {
        top:35%
    }
}

.glide__slide {
    margin-right: 15px
}
#battlesDiv .glide__slide {
    border-bottom: 7px solid #d5e2e9
}

#classroomDiv .glide__slide {
    border: 1px solid #d5e2e9
}

#classroomDiv .glide__slide {
    border-bottom: 7px solid #d5e2e9
}

#medalsDiv .glide__slide {
    border-bottom: none;
    border: none;
    padding: none;
    margin: none
}

#battlesDiv figure,#medalsDiv figure,#memorialsDiv figure,#otherWarsDiv figure,#veteransProfilesDiv figure {
    border: none
}
div.slider__bullets {
    bottom: .25em;
}
button.slider__bullet {
    width: 12px;
    height: 12px;
    border: 2px solid rgba(0, 0, 0, .5);
}
a.slider__bullet {
    width: 12px;
    height: 12px;
    border: 2px solid rgba(0, 0, 0, .5);
}
button.slider__bullet[class*=active] {
    border: none;
    background: rgba(0, 0, 0, .5);
}
a.slider__bullet[class*=active] {
    border: none;
    background: rgba(0, 0, 0, .5);
}
button.slider__arrow {
    border-radius: 50%}
a.slider__arrow {
    border-radius: 50%}
@media only screen and (max-width:2560px) {
    .glide__arrow {
    top: 47%}
.glide__arrow--left {
    left: -1.5em !important;
}
.glide__arrow--right {
    right: -1.5em !important;
}
}@media only screen and (max-width:768px) {
    .glide__arrow {
    top: 35%}
.glide__arrow--left {
    left: -.5em !important;
}
.glide__arrow--right {
    right: -.5em !important;
}
}@media only screen and (max-width:426px) {
    .glide__arrow {
    top: 35%}
}.slider__arrow {
    background-color: #fff!important;
    transition: all .3s ease-in-out!important;
}
.slider__arrow--disabled {
    opacity: 0!important;
    visibility: hidden!important;
}
.slider__arrow>svg:hover {
    fill: #2e2e40!important;
}
.slider__arrow>svg {
    fill: #434458!important;
    fill-opacity: 1!important;
    cursor: pointer!important;
    height: 20px!important;
}
.glide__slide {
    margin-right: 15px;
}
#battlesDiv .glide__slide {
    border-bottom: 7px solid #d5e2e9;
}
#classroomDiv .glide__slide {
    border: 1px solid #d5e2e9;
}
#classroomDiv .glide__slide {
    border-bottom: 7px solid #d5e2e9;
}
#medalsDiv .glide__slide {
    border-bottom: none;
    border: none;
    padding: none;
    margin: none;
}
.glide__slide a, .glide__slide a:link, .glide__slide a:visited {
    text-decoration: none;
}

.photo-gallery-slider {
    object-fit: cover;
    height: 14em;
}


/* Keep slider inside Drupal container width */
#peacekeeping-glide .glide-banner {
  max-width: 650px;   /* respect parent */
  margin: 0;
}

/* Override glide track full width */
#peacekeeping-glide .glide__track {
  width: auto !important;
}

/* Make slides adapt to container instead of viewport */
#peacekeeping-glide .glide__slides {
  display: flex;
  align-items: center;
}

#peacekeeping-glide .glide__slide img {
  max-width: 100%;
  height: auto;
  display: block;
  box-shadow: 0 2px 7px rgba(0, 0, 0, .3);
}

/* Bottom right text */
#peacekeeping-glide .text-overlay {
  position: relative;
  bottom: 50px;
  right: 20px;
  background-color: black;
  color: white;
  padding: 20px;
  margin-left: 20px;
  width: 100%;
}

#peacekeeping-glide a {
  outline: none;
}

#peacekeeping-glide a:focus,
#peacekeeping-glide a:hover,
#peacekeeping-glide a:active {
  outline: none;
  box-shadow: none;
}