.splide__slide img {
	width: 100%;
	height: 100%;
	object-fit: contain;
  }


.splide__slide {
	opacity: 0.7;
}

.splide__slide.is-active {
	opacity: 1;
}

#slideshow {
	background: url(../img/responsive/loading.gif) center center no-repeat black;
	background-color: white;
}
#thumbnail-slider .splide__slide img {

}
.splide__progress__bar {
	height: 3px;
	background: #888;
}

.splide .splide__progress {
background:#293133;
margin-top:1rem
}
.splide .splide__progress__bar {
background:#b4e900;
height:2px;
transform:translateZ(0);
will-change:width
}
.splide .splide__progress__slide {
background:#b4e900;
height:2px;
transition:width .4s ease;
width:0
}
.splide .splide__add-remove,
.splide .splide__autoplay {
margin-top:1rem;
text-align:center
}
.splide .splide__add-remove button:first-child,
.splide .splide__autoplay button:first-child {
margin-right:1rem
}
.splide .splide__controls {
align-items:center;
display:flex;
justify-content:center;
/*margin-top:1rem;*/
padding: 10px;
}
.splide .splide__controls .splide__pagination {
bottom:auto;
left:auto;
position:relative;
transform:none;
width:auto
}
.splide .splide__toggle {
align-items:center;
background:#737e80;
border-radius:50%;
display:inline-flex;
height:1.8rem;
justify-content:center;
margin-right:.5rem;
transition:background-color .2s ease;
width:1.8rem
}
.splide .splide__toggle__play {
margin-left:2px
}
.splide .splide__toggle svg {
fill:#e5eeee;
height:46%;
transition:fill .2s ease;
width:46%
}
.splide .splide__toggle:hover {
background:#b4e900
}
.splide .splide__toggle:hover svg {
fill:#0c1012
}
.splide .splide__video__play {
background:#737e80;
border-radius:50%;
box-shadow:0 0 10px 4px #0c10121a;
opacity:1;
transition:background-color .2s ease
}
.splide .splide__video__play:after {
border-left-color:#e5eeee;
border-width:7px 0 7px 14px;
margin-left:2px;
transition:border-left-color .2s ease
}
.splide .splide__video:hover .splide__video__play {
background:#b4e900
}
.splide .splide__video:hover .splide__video__play:after {
border-left-color:#192123
}

.splide__arrows {
bottom: 25px;
position: relative;
}

.splide__slide div.description {
position: relative;
bottom: 40px;
text-align: center;
}
.splide__slide div.description div {
color: white;
display: inline-block;
padding: 4px;
border-radius: 4px;
background: rgba(0,0,0,.67);
}


#flickrembed {
	height: 0;
	min-height: 0;
}