/**
 * Featherlight – ultra slim jQuery lightbox
 * Version 1.3.4 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2015, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
	.featherlight {
		display:none;

		/* dimensions:spanning the background from edge to edge */
		position:fixed;
		top:0; right:0; bottom:0; left:0;
		z-index:2147483647; /* z-index needs to be >= elements on the site. */

		/* position:centering content */
		text-align:center;

		/* insures that the ::before pseudo element doesn't force wrap with fixed width content; */
		white-space:nowrap;

		/* styling */
		cursor:pointer;
		background:#333;
		/* IE8 "hack" for nested featherlights */
		background:rgba(0, 0, 0, 0);
	}

	/* support for nested featherlights. Does not work in IE8 (use JS to fix) */
	.featherlight:last-of-type {
		background:rgba(0, 0, 0, 0.5);
	}

	.featherlight:before {
		/* position:trick to center content vertically */
		content:'';
		display:inline-block;
		height:100%;
		vertical-align:middle;
		margin-right:-0.25em;
	}

	.featherlight .featherlight-content {
		/* make content container for positioned elements (close button) */
		position:relative;

		/* position:centering vertical and horizontal */
		text-align:left;
		vertical-align:middle;
		display:inline-block;

		/* dimensions:cut off images */
		overflow:auto;
		border:10px solid rgba(0,0,0,0.2);
		/*border-bottom:25px solid transparent;*/

		/* dimensions:handling small or empty content */
		min-width: 30%;

		/* dimensions:handling large content */
		margin-left:5%;
		margin-right:5%;
		max-height:95%;

		/* styling */
		cursor:auto;

		/* reset white-space wrapping */
		white-space:normal;
		max-width:600px;
	}

	/* contains the content */
	.featherlight .featherlight-inner {
		position:relative;
		/* make sure its visible */
		display:block;
		padding:25px 25px 10px;
		background:#fff;
	}

	.featherlight .featherlight-close-icon {
		/* position:centering vertical and horizontal */
		position:absolute;
		z-index:9999;
		top:5px;
		right:5px;

		/* dimensions:25px x 25px */
		line-height:25px;
		width:25px;

		/* styling */
		cursor:pointer;
		text-align:center;
		font-family:Arial, sans-serif;
		background:#1d4266; /* Set the background in case it overlaps the content */
		/*background:rgba(255, 255, 255, 0.3);*/
		color:#ffffff;
		border-radius:50%;
		behavior:url(PIE.htc);
	}
	
	.featherlight .featherlight-close-icon:hover {
		background:#0AB6DD;
	}


	.featherlight .featherlight-image {
		/* styling */
		width:100%;
	}


	.featherlight-iframe .featherlight-content {
		/* removed the border for image croping since iframe is edge to edge */
		border-bottom:0;
		padding:0;
	}

	.featherlight iframe {
		/* styling */
		border:none;
	}
}

/* handling phones and small screens */
@media only screen and (max-width:1024px) {
	.featherlight .featherlight-content {
		/* dimensions:maximize lightbox with for small screens */
		/*margin-left:10px;
		margin-right:10px;
		max-height:98%;

		padding:10px 10px 0;
		border-bottom:10px solid transparent;*/
	}
}
