/* OFFSITE LINK INTERSTITIAL */

.offsite_link_interstitial {
	background: rgba(0,0,0,0.5);
	display: none;
	position: fixed; top: 0; right: 0; bottom: 0; left: 0;
	z-index: 999;
}

	.offsite_link_interstitial .content {
		border: none;
		box-shadow: 10px 10px 50px rgba(0,0,0,0.5);
		height: auto;
		max-height: 80%;
		overflow: auto;
		padding: 2.5rem 7.5%;
		position: absolute; top: 10%; right: 20%; bottom: auto; left: 20%;
		min-height: 50%;
		width: 60%;
	}

		.offsite_link_interstitial .content article {
			font-size: 100%;
			line-height: 1.5em;
			margin: 0;
			padding: 0;
			position: relative;
			z-index: 1;
		}

			.offsite_link_interstitial .content article > *:last-child { margin-bottom: 0 !important; }

		.offsite_link_interstitial.toggle .content article { display: none; }

		.offsite_link_interstitial .content .dismiss {
			background: transparent url('../images/ui/close_x.svg') center center no-repeat;
			background-size: 16px 16px;
			cursor: pointer;
			height: 40px;
			overflow: hidden;
			position: absolute; top: 0; right: 0;
			text-indent: -9999px;
			width: 40px;
			z-index: 2;
		}
		
		.offsite_link_interstitial .content .dismissal_wrapper {
			display: table;
			margin: 2em 0 0 0;
			table-layout: fixed;
			width: 100%;
		}
		
		.offsite_link_interstitial .content .dismissal_confirm, .offsite_link_interstitial .content .dismissal_fail {
			cursor: pointer;
			display: table-cell;
			vertical-align: baseline;
			white-space: nowrap;
		}

		.offsite_link_interstitial .content .dismissal_confirm {
			text-align: right;
			width: 80%;
		}
	
		.offsite_link_interstitial .content .dismissal_fail {
			width: 20%;
		}
		
	.offsite_link_interstitial.modal + #wrapper { filter: blur(15px); }


/* CSS3 MEDIA QUERIES */

/* LARGE SCREENS (content area over 1600 pixels) */
/*
@media screen and (min-width: 1600px) {

}
*/


/* SMALLER COMPUTERS (content area under 1200 pixels) */
/*
@media screen and (max-width: 1200px) {

}
*/


/* TABLETS (content area under 1024 pixels) */
@media screen and (max-width: 1024px) {

	.offsite_link_interstitial.modal .content {
		right: 10%; left: 10%;
	}

}


/* PHONES (content area under 782 pixels) */
@media screen and (max-width: 782px) {

	.offsite_link_interstitial {
		font-size: 80%;
		line-height: 1.5em;
	}

	.offsite_link_interstitial .content .dismiss {
		background-size: 16px 16px;
	}

	.offsite_link_interstitial .content {
		max-height: 90%;
		top: 5%; right: 5%; left: 5%;
		width: 90%;
	}

	.offsite_link_interstitial .content .dismissal_wrapper {
		display: block;
	}
		
		.offsite_link_interstitial .content .dismissal_confirm, .offsite_link_interstitial .content .dismissal_fail {
			display: block;
			margin-bottom: 1em;
			text-align: left;
			width: 100%;
		}

}


/* MEDIUM PHONES (content area under 640 pixels) */
/*
@media screen and (max-width: 640px) {

}
*/


/* SMALL PHONES (content area under 480 pixels) */
/*
@media screen and (max-width: 480px) {

}
*/