/*
 {$BRAND_NAME`}
 Copyright (c) ocProducts, 2004-2016
*/

.screen_actions_outer {
	margin: 2em 0;
	overflow: visible !important;
	{$BETA_CSS_PROPERTY,box-sizing: border-box;}

	/* Needed so the :after clearfix works in a constrained context */
	display: inline-block;
	width: 100%;
}

.screen_actions {
}

/* We normally hide stuff with overflow:hidden, but some share buttons use absolute positioned layers that need to escape our box */
.screen_actions:after {
	content: "";
	display: table;
	clear: both;
}

.screen_actions div {
	margin-{!en_right}: 1.25em;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	float: {!en_left};
}

.screen_actions div:last-child {
	margin-right: 0;
}

.screen_actions div a {
	display: inline-block;
	width: 20px;
	height: 20px;
}

.screen_actions div a span {
	visibility: hidden;
}

.screen_actions .facebook_like {
	margin-right: 0;
	min-width: 90px; /* Facebook is absolute'ing out of its space so we need to reserve extra space */
}

.screen_actions .print {
	background-image: url('{$IMG_INLINE;,icons/24x24/links/print}');
}

.screen_actions .recommend {
	background-image: url('{$IMG_INLINE;,icons/24x24/menu/site_meta/recommend}');
}

.screen_actions .favorites {
	background-image: url('{$IMG_INLINE;,icons/24x24/links/favorites}');
}

.screen_actions .facebook {
	background-image: url('{$IMG_INLINE;,icons/24x24/links/facebook}');
}

.screen_actions .twitter {
	background-image: url('{$IMG_INLINE;,icons/24x24/links/twitter}');
}

.screen_actions .digg {
	background-image: url('{$IMG_INLINE;,icons/24x24/links/digg}');
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	.screen_actions .print {
		background-image: url('{$IMG;,icons/48x48/links/print}');
	}

	.screen_actions .recommend {
		background-image: url('{$IMG;,icons/48x48/menu/site_meta/recommend}');
	}

	.screen_actions .favorites {
		background-image: url('{$IMG;,icons/48x48/links/favorites}');
	}

	.screen_actions .facebook {
		background-image: url('{$IMG;,icons/48x48/links/facebook}');
	}

	.screen_actions .twitter {
		background-image: url('{$IMG;,icons/48x48/links/twitter}');
	}

	.screen_actions .digg {
		background-image: url('{$IMG;,icons/48x48/links/digg}');
	}
}
