/**
 * Footer social icons.
 *
 * theme.css only knows about Instagram, Facebook and Twitter. This adds the
 * YouTube icon and gives it the same sizing, opacity and hover treatment as
 * the originals, without touching the compiled stylesheet.
 */

.icon-youtube {
	display: block;
	width: 23px;
	height: 19px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url("../img/icon-youtube.svg");
	opacity: 0.5;
	transition: opacity 0.1s ease-in-out;
}

.icon-youtube:hover,
.icon-youtube:focus {
	opacity: 1;
}