/* Northland College WordPress theme sharing tools CSS */

.share {
	clear: both;
	display: block;
	font-size: 85%;
	margin: 1.5em 0;
	padding: 0;
}

	.share * {
		display: inline-block;
		font-size: 100%;
		height: 25px !important;
		line-height: 25px !important;
		margin: 0 !important;
		padding: 0 !important;
		text-transform: uppercase;
		vertical-align: top !important;
	}
	
	.share ul { list-style: none; }
	
	.share li { margin-right: 0.75em !important; }
	
	.share a {
		background-color: transparent;
		background-image: url('../images/share_sprites.png');
		background-position: 0px 0px;
		background-repeat: no-repeat;
		background-size: 120px 50px;
		display: block;
		height: 25px;
		overflow: hidden;
		text-indent: -999px;
		width: 25px;
	}

	.share a[href*=facebook] { background-position: 0px 0px; }
	.share a[href*=twitter] { background-position: -40px 0px; }
	.share a[href*=instagram] { background-position: -80px 0px; }

	.share a[href*=facebook]:hover, .share a[href*=facebook]:focus { background-position: 0px -25px; }
	.share a[href*=twitter]:hover, .share a[href*=twitter]:focus { background-position: -40px -25px; }
	.share a[href*=instagram]:hover, .share a[href*=instagram]:focus { background-position: -80px -25px; }
	

/* 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) {

}


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

}


/* 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)
{

	#share a { background-image: url('../images/share_sprites_x2.png'); }

}