@font-face {
  font-family: "tfl-icons";
  font-display: swap;
  src: url("../fonts/tfl-icons.eot");
  src: url("../fonts/tfl-icons.eot?#iefix") format("eot"), url("../fonts/tfl-icons.woff2") format("woff2"), url("../fonts/tfl-icons.woff") format("woff"), url("../fonts/tfl-icons.ttf") format("truetype"), url("../fonts/tfl-icons.svg#olsen-icons") format("svg");
}

.tfl-icons:before {
  font-family: "tfl-icons";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-decoration: none;
  text-transform: none;
}

.tfl-lightbox-nav-left:before {
    content: "\E00B"; /* left arrow */
	font-family: "tfl-icons";
}

.tfl-lightbox-nav-right:before {
    content: "\E00C"; /* right arrow */
	font-family: "tfl-icons";
}

/* General ightbox styles */
.sl-wrapper {
		background-color: rgba(0, 0, 0, 0.7);
}

.sl-wrapper button:hover {
  	background: none;
}

.sl-wrapper .sl-image .sl-caption {
  	font-size: 14pt;
  	position: relative;
  	padding: 10px 0 0;
  	text-align: center;
  	color: #fbfbfb;
  	background: none;
}

.sl-wrapper .sl-close, .sl-wrapper .sl-navigation button.sl-prev, .sl-wrapper .sl-navigation button.sl-next {
    color: #ebebeb;
}
.sl-wrapper .sl-navigation button.sl-prev,
.sl-wrapper .sl-navigation button.sl-next {
  font-size: 70px;
  height: 110px;
  margin-top: -55px;
}

.sl-wrapper .sl-close {
  	right: 35px;
  	top: 40px;
  	height: 40px;
  	width: 40px;
  	line-height: 40px;
  	font-size: 46px;
}

.sl-wrapper .sl-counter {
    display: none;
    position: fixed;
    top: 30px;
    left: 30px;
    z-index: 1060;
    color: #ebebeb;
    font-size: 1rem;
}

/* Remove nav controls, expand image on small screens */
@media (max-width: 600px) {
	.sl-navigation {
    display: none!important;
}
	.sl-image {
    left: 0!important;
    width: 100%!important;
    height: auto!important;
}
.sl-wrapper .sl-image img {
    padding: 0 4px;
}
.sl-wrapper .sl-image .sl-caption {
    font-size: 14pt;
    width: 100%!important;
}
}