/* Northland College Emergency Alert CSS */

#emergency_alert {
	display: none;
}

#emergency_alert.modal {
	background: rgba(0,0,0,0.5);
	position: fixed; top: 0; right: 0; bottom: 0; left: 0;
	z-index: 99;
}

#emergency_alert.block { }

#emergency_alert.toggle { }

	#emergency_alert .content {
		background: rgb(251,230,213);
	}
	
	#emergency_alert.modal .content {
		box-shadow: 10px 10px 50px rgba(0,0,0,0.5);
		overflow: auto;
		position: absolute; top: 120px; right: 20%; bottom: auto; left: 20%;
		min-height: 50%;
	}
	
		#emergency_alert .content header {
			background: rgb(245,132,38);
			min-height: 40px;
			padding: 0.6em 50px 0.3em 30px;
			position: relative;
			z-index: 1;
		}
		
			#emergency_alert .content header * {
				color: rgb(255,255,255) !important;
				display: inline;
				margin: 0 !important;
				-webkit-font-smoothing: subpixel-antialiased;
			}
		
			#emergency_alert.toggle header > * { cursor: pointer; }
			#emergency_alert.toggle header > *:hover, #emergency_alert.toggle header > *:focus
			{ border-bottom: 1px solid rgb(255,255,255); }
		
		#emergency_alert .content article {
			font-size: 120%;
			line-height: 1.5em;
			padding: 1em 30px;
			position: relative;
			z-index: 1;
		}
		
		#emergency_alert.toggle .content article { display: none; }
		
		#emergency_alert .content .dismiss {
			background: transparent url('../images/close.png') center center no-repeat;
			background-size: 24px 24px;
			cursor: pointer;
			height: 40px;
			overflow: hidden;
			position: absolute; top: 0; right: 0;
			text-indent: -999px;
			width: 40px;
			z-index: 2;
		}


/* CSS3 MEDIA QUERIES */

/* PRINT */
@media print {

}


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

}


/* INTERMEDIATE SCREENS (content area between 1000 and 1279 pixels) */
@media screen and (min-width: 1000px) and (max-width: 1279px) {

}


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

	#emergency_alert.modal .content {
		top: 120px; right: 10%; left: 10%;
	}

}


/* PHONES (content area under 782 pixels) */
/* Matched to size where WP mobile admin bar appears */
@media screen and (max-width: 782px) {

	#emergency_alert {
		font-size: 85%;
		line-height: 1.5em;
	}
	
	#emergency_alert .content .dismiss {
		background-size: 16px 16px;
	}

	#emergency_alert.modal .content {
		top: 100px; right: 5%; left: 5%;
	}

}


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

}


/* HIGH RESOLUTION IMAGE REPLACEMENTS */
@media	only screen and (-moz-min-device-pixel-ratio: 1.5),
		only screen and (-o-min-device-pixel-ratio: 3/2),
		only screen and (-webkit-min-device-pixel-ratio: 1.5),
		only screen and (min-devicepixel-ratio: 1.5),
		only screen and (min-resolution: 1.5dppx)
{

	#emergency_alert.modal .content .dismiss { background-image: url('../images/close_x2.png'); }

}