.location_carousel {
display: block;
text-align: left;
position: relative;
margin-bottom: 22px;
}
.location_carousel > input {
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
}
.location_carousel > input:nth-of-type(6):checked ~ .location_carousel__slides .location_carousel__slide:first-of-type {
margin-left: -500%;
}
.location_carousel > input:nth-of-type(5):checked ~ .location_carousel__slides .location_carousel__slide:first-of-type {
margin-left: -400%;
}
.location_carousel > input:nth-of-type(4):checked ~ .location_carousel__slides .location_carousel__slide:first-of-type {
margin-left: -300%;
}
.location_carousel > input:nth-of-type(3):checked ~ .location_carousel__slides .location_carousel__slide:first-of-type {
margin-left: -200%;
}
.location_carousel > input:nth-of-type(2):checked ~ .location_carousel__slides .location_carousel__slide:first-of-type {
margin-left: -100%;
}
.location_carousel > input:nth-of-type(1):checked ~ .location_carousel__slides .location_carousel__slide:first-of-type {
margin-left: 0%;
}
.location_carousel > input:nth-of-type(1):checked ~ .location_carousel__thumbnails li:nth-of-type(1) {
box-shadow: 0px 0px 0px 5px rgba(128,170,50, 0.9);
}
.location_carousel > input:nth-of-type(2):checked ~ .location_carousel__thumbnails li:nth-of-type(2) {
box-shadow: 0px 0px 0px 5px rgba(128,170,50, 0.9);
}
.location_carousel > input:nth-of-type(3):checked ~ .location_carousel__thumbnails li:nth-of-type(3) {
box-shadow: 0px 0px 0px 5px rgba(128,170,50, 0.9);
}
.location_carousel > input:nth-of-type(4):checked ~ .location_carousel__thumbnails li:nth-of-type(4) {
box-shadow: 0px 0px 0px 5px rgba(128,170,50, 0.9);
}
.location_carousel > input:nth-of-type(5):checked ~ .location_carousel__thumbnails li:nth-of-type(5) {
box-shadow: 0px 0px 0px 5px rgba(128,170,50, 0.9);
}
.location_carousel > input:nth-of-type(6):checked ~ .location_carousel__thumbnails li:nth-of-type(6) {
box-shadow: 0px 0px 0px 5px rgba(128,170,50, 0.9);
}
.location_carousel__slides {
position: relative;
z-index: 1;
padding: 0;
margin: 0;
overflow: hidden;
white-space: nowrap;
box-sizing: border-box;
display: flex;
}
.location_carousel__slide {
position: relative;
display: block;
flex: 1 0 100%;
width: 100%;
height: 100%;
overflow: hidden;
transition: all 300ms ease-out;
vertical-align: top;
box-sizing: border-box;
white-space: normal;
}
.location_carousel__slide figure {
display: flex;
margin: 0;
}
.location_carousel__slide div {
position: relative;
width: 100%;
}
.location_carousel__slide div:before {
display: block;
content: "";
width: 100%;
padding-top: 50%;
}
.location_carousel__slide div > img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.location_carousel__slide img {
display: block;
flex: 1 1 auto;
object-fit: cover;
}
.location_carousel__slide figcaption {
align-self: flex-end;
padding: 20px 20px 0 20px;
flex: 0 0 auto;
width: 25%;
min-width: 150px;
}
.location_carousel__slide .credit {
margin-top: 1rem;
color: rgba(0, 0, 0, 0.5);
display: block;
}
.location_carousel__slide.scrollable {
overflow-y: scroll;
}
.location_carousel__thumbnails {
list-style: none;
padding: 0;
margin: 0;
display: flex;
margin: 0 -10px;
}
.location_carousel__slides + .location_carousel__thumbnails {
margin-top: 20px;
}
.location_carousel__thumbnails li {
flex: 1 1 auto;
max-width: calc((100% / 6) - 20px);
margin: 0 10px;
transition: all 300ms ease-in-out;
}
.location_carousel__thumbnails label {
display: block;
position: relative;
margin-bottom: 0px;
}
.location_carousel__thumbnails label:before {
display: block;
content: "";
width: 100%;
padding-top: 100%;
}
.location_carousel__thumbnails label > img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
}
.location_carousel__thumbnails label:hover, .location_carousel__thumbnails label:focus {
cursor: pointer;
}
.location_carousel__thumbnails label:hover img, .location_carousel__thumbnails label:focus img {
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.25);
    transition: all 300ms ease-in-out;
}
.location_carousel__thumbnails img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#location_slider_section {
    border-top: 3px solid rgba(128,170,50, 0.2);
}