body {
	margin: 0;
	padding: 0;
}
.large-image:hover .controls,
.controls:hover {
	opacity: 1;
}

.controls {
	/*opacity: 0.3;*/
	position: absolute;
	top: 48%;
	transform: translateY(-30px);
	transition: all .15s ease-in-out;
	width: 100%;
}
/*.controls.wcag {
    opacity: 1;
}*/
.controls .prev-button,
.controls .next-button {
	/*background-color: rgba(255,255,255,1);*/
	/*border-radius: 5px;
	-webkit-box-shadow: 0 0 10px #555;
	box-shadow: 0 0 10px #555;*/
	cursor: pointer;
	height: 40px; /*30px;*/
	/*outline: none;*/
	position: absolute;
	transition: all .15s ease-in-out;
	width: 40px; /*30px;*/
    opacity: 1;
}
.controls .prev-button:hover,
.controls .next-button:hover,
.controls .prev-button.wcag,
.controls .next-button.wcag {
    opacity: 1;
}
.controls .prev-button {
	padding: 15px 15px 15px 10px;
	left: 0;
}
.controls .next-button {
	padding: 15px 10px 15px 15px;
	right: 0;
}
    .controls .prev-button:hover,
    .controls .prev-button:focus,
    .controls .next-button:hover,
    .controls .next-button:focus {
        background-color: rgba(123,123,123,.9);
        outline: none;
    }

	.controls .prev-button.inactive,
	.controls .next-button.inactive {
		display: none;
	}
.controls svg {
    fill: #fff;

}
.thumbnails {
	cursor: grab;
	cursor: -o-grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}
.thumbnails > div.active {
	border: 3px solid #fff;
}

/* wcag */
.live-region {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position:absolute;
}