/**
	Genericon'd Helper CSS
*/

/* CLASSIC GENERICONS */

/* Changes I only want to make to Genericon'd, and not anything in a theme... */
svg.genericond-genericons {height: 16px; width: 16px;display: inline-block;vertical-align: middle; margin:4px}

/* Alternative sizes */
svg.genericond-genericons-1x { height:16px; width:16px;}
svg.genericond-genericons-2x { height:32px; width:32px;}
svg.genericond-genericons-3x { height:48px; width:48px;}
svg.genericond-genericons-4x { height:64px; width:64px;}
svg.genericond-genericons-5x { height:80px; width:80px;}
svg.genericond-genericons-6x { height:96px; width:96px;}

/* GENERICONS NEUE */

/* Changes I only want to make to Genericon'd genericons, and not anything in a theme... */
svg.genericond-genericons-neue {height: 16px; width: 16px;display: inline-block;vertical-align: middle; margin:4px}

/* Alternative sizes */
svg.genericond-genericons-neue-1x { height:16px; width:16px;}
svg.genericond-genericons-neue-2x { height:32px; width:32px;}
svg.genericond-genericons-neue-3x { height:48px; width:48px;}
svg.genericond-genericons-neue-4x { height:64px; width:64px;}
svg.genericond-genericons-neue-5x { height:80px; width:80px;}
svg.genericond-genericons-neue-6x { height:96px; width:96px;}

/* SOCIAL LOGOS */

/* Changes I only want to make to Genericon'd, and not anything in a theme... */
svg.genericond-social-logos {height:24px; width: 24px;display: inline-block;vertical-align: baseline; margin:4px}

/* Alternative sizes */
svg.genericond-social-logos-1x { height:24px; width:24px;}
svg.genericond-social-logos-2x { height:36px; width:36px;}
svg.genericond-social-logos-3x { height:48px; width:48px;}
svg.genericond-social-logos-4x { height:60px; width:60px;}
svg.genericond-social-logos-5x { height:72px; width:72px;}
svg.genericond-social-logos-6x { height:84px; width:84px;}

/**
 * Helper classes
 */

svg.genericond-rotate-normal {
	/* Nothing here on purpose */
}

svg.genericond-rotate-90 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}

svg.genericond-rotate-180 {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
}

svg.genericond-rotate-270 {
	-webkit-transform: rotate(270deg);
	-moz-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

svg.genericond-flip-horizontal {
	-webkit-transform: scale(-1, 1);
	-moz-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

svg.genericond-flip-vertical {
	-webkit-transform: scale(1, -1);
	-moz-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	transform: scale(1, -1);
}