/**
 * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
 * Version 1.7.9 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2017, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
	.featherlight-next,
	.featherlight-previous {
		display: block;
		position: absolute;
		top: 40%;
		right: 25px;
		bottom: 45%;
		left: 90%;
		cursor: pointer;
		/* preventing text selection */
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		/* IE9 hack, otherwise navigation doesn't appear */
		background: rgba(255,255,255, 0.1);
	}

	.featherlight-previous {
		
	}

	.featherlight-next:hover,
	.featherlight-previous:hover {
		background: rgba(255,255,255,0.15);
	}


	.featherlight-next span,
	.featherlight-previous span {
		display: block;
		opacity: 0.8;
		
		width: 100%;
		margin-top: 15px;

		text-align: center;

		font-size: 2em;
		line-height: 100%;

		color: #fff;
		font-style: normal;
		font-weight: normal;
	}
	.featherlight-next span {
		
	}


	.featherlight-next:hover span,
	.featherlight-previous:hover span {
		opacity: 1;
	}

	.featherlight-swipe-aware .featherlight-next,
	.featherlight-swipe-aware .featherlight-previous {
		display: none;
	}

	/* Hide navigation while loading */
	.featherlight-loading .featherlight-previous, .featherlight-loading .featherlight-next {
		display:none;
	}

	/* Hide navigation in case of single image */
	.featherlight-first-slide.featherlight-last-slide .featherlight-previous,
	.featherlight-first-slide.featherlight-last-slide .featherlight-next {
		display:none;
	}
}

/* Always display arrows on touch devices */
@media only screen and (max-device-width: 1024px){
	.featherlight-next:hover,
	.featherlight-previous:hover {
		background: none;
	}
	.featherlight-next span,
	.featherlight-previous span {
		display: block;
	}
}

/* handling phones and small screens */
@media only screen and (max-width: 1024px) {
	.featherlight-next,
	.featherlight-previous {
		top: 10px;
		right: 10px;
		left: 85%;
	}

	.featherlight-previous {
		left: 10px;
		right: 85%;
	}

	.featherlight-next span,
	.featherlight-previous span {
		margin-top: 4px;
		font-size: 40px;
	}
}

/* Gallery */
.gallery-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.gallery-container:hover .gallery {
	-webkit-filter: saturate(0) brightness(1.3) opacity(0.4);
	filter: saturate(0) brightness(1.3) opacity(0.4);
	-webkit-transition-duration: 0.6s;
	-o-transition-duration: 0.6s;
	transition-duration: 0.6s;
}
.gallery-container .thumbnail {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 20%;
            flex: 1 1 20%;
    text-align: center;
	margin: auto;
	cursor: default;
	padding: 0em;
}
.gallery-container .gallery {
	display: block;
	width: 100%;
	height: 100%;
	border: 5px solid rgba(255,255,255,0);
	-webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.gallery-container .gallery:hover {
	-webkit-transition-duration: 0.2s;
	-o-transition-duration: 0.2s;
	transition-duration: 0.2s;
	border-color: rgba(255,255,255,1);
	-webkit-filter: saturate(1) brightness(1) opacity(1);
	        filter: saturate(1) brightness(1) opacity(1);
}
.gallery-container .gallery img {
    width: 100%;
    display: block;
    margin: 0px;
    padding: 0px;
}

@media (max-width: 735px) {
	.gallery-container .thumbnail {
		-webkit-box-flex: 1;
			-ms-flex: 1 1 50%;
				flex: 1 1 50%;
	}
	#track-record {
		padding-bottom: 40px;
		padding-top: 1px;
	}
}