/**
 * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
 * Version 1.5.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
    .featherlight:last-of-type {
        background: rgba(0,0,0,0.85) !IMPORTANT;
    }
    
    .featherlight-content {
        overflow: hidden !IMPORTANT;
        padding: 0 !IMPORTANT;
        border: 0 !IMPORTANT;
        background: #000000 !IMPORTANT;
    }
    
    .featherlight-close-icon {
        top: 0 !IMPORTANT;
        right: 0 !IMPORTANT;
    }
    
	.featherlight-next,
	.featherlight-previous {
        position: absolute;
        top: 50%;
        margin-top: -40px;
        height: 80px;
        width: 80px;
        border-radius: 40px 40px 40px 40px;
        background-color: rgba(245, 245, 245, 0.40);
        color: #FFFFFF;
        text-shadow: 0 0 2px rgba(0,0,0,0.8);
        font-size: 4em;
        transition: all .25s ease-in-out;
        -moz-transition: all .25s ease-in-out;
        -webkit-transition: all .25s ease-in-out;
        -webkit-border-radius: 40px 40px 40px 40px;
        cursor: pointer;
    }

	.featherlight-next:hover,
	.featherlight-previous:hover {
        background-color: rgba(28, 135, 212, 0.8);  /*rgba(243, 161, 23, 1);*/
        
    }
	.featherlight-next {
        right: -40px;
        padding-left: 17px;
    }
    
	.featherlight-previous {
        left: -40px;
        padding-left: 46px;
	}

	.featherlight-next span,
	.featherlight-previous span {
		position: absolute;
		top: 50%;
		width: 82%;
		margin-top: -42px;
		text-shadow: 0px 0px 5px #fff;
		color: #fff;
		font-style: normal;
		font-weight: normal;
	}

	.featherlight-next:hover span,
	.featherlight-previous:hover span {
		display: inline-block;
	}

	/* Hide navigation while loading */
	.featherlight-loading .featherlight-previous, .featherlight-loading .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;
	}
}
