/**
 * Basic stylesheet for the RHD Social Icons plugin by Roundhouse Designs
 **/

.svg-sprites {
	display: none;
}

.rhdwp-social-icons {
	display: flex;
	justify-content: space-evenly;
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

.rhdwp-social-icons .rhdwp-social-icon {
	background-size: 100%;
	display: inline-block;
	margin: 0;
	padding: 0;
	position: relative;
	height: 64px;
	width: 64px;
}

.rhdwp-social-icons .rhdwp-social-icon svg {
	height: 64px;
	width: 100%;
}

.rhdwp-social-icon svg path {
	fill: inherit;
}

.rhdwp-social-icon svg > use {
	fill: #000;
	transition: fill 0.1s;
}

.rhdwp-social-icon a:hover svg use,
.rhdwp-social-icon a:active svg use {
	fill: #ccc;
}