/*
Theme Name: Mixtape 2
Description: Loads mixtape-icons font
*/

/* IcoMoon: http://keyamoon.com/icomoon/app/ */ 
@font-face { 
	font-family: 'mixtape-icons';
	src:url('icons/mixtape-icons.eot');
	src:url('icons/mixtape-icons.eot?#iefix') format('embedded-opentype'),
		url('icons/mixtape-icons.woff') format('woff'),
		url('icons/mixtape-icons.ttf') format('truetype'),
		url('icons/mixtape-icons.svg#mixtape-icons') format('svg');
	font-weight: normal;
	font-style: normal; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before { 
	font-family: 'mixtape-icons';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased; 
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-previous, 
.icon-next, 
.icon-stop, 
.icon-play, 
.icon-pause, 
.icon-arrow-left, 
.icon-untitled, 
.icon-twitter, 
.icon-facebook, 
.icon-google-plus, 
.icon-mail, 
.icon-feed, 
.icon-wordpress, 
.icon-user, 
.icon-bookmark, 
.icon-comment, 
.icon-quotes-left, 
.icon-attachment, 
.icon-link, 
.icon-play-2, 
.icon-image { font-family: 'mixtape-icons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased; 
}

.icon-next:before { content: "\e000"; }
.icon-previous:before { content: "\e001"; }
.icon-stop:before { content: "\e002"; }
.icon-play:before { content: "\e003"; }
.icon-pause:before { content: "\e004"; }
.icon-arrow-left:before { content: "\e005"; }
.icon-untitled:before { content: "\e006"; }
/* .icon-twitter:before { content: "\e007"; } */
/* .icon-facebook:before { content: "\e008"; } */
.icon-google-plus:before { content: "\e009"; }
.icon-mail:before { content: "\e0010"; }
/* .icon-feed:before { content: "\e0011"; } */
.icon-wordpress:before { content: "\e0012"; }
.icon-user:before { content: "\e0013"; }
.icon-comment:before { content: "\e0014"; }
.icon-attachment:before { content: "\e0015"; }
.icon-previous:before { content: "\e000"; }
.icon-arrow-down:before { content: "\e0016"; }
.icon-arrow-right:before { content: "\e0017"; }


@font-face {
	font-family: 'icomoon';
	src:url('icons/icomoon.eot');
	src:url('icons/icomoon.eot?#iefix') format('embedded-opentype'),
		url('icons/icomoon.woff') format('woff'),
		url('icons/icomoon.ttf') format('truetype'),
		url('icons/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-search:before {
	content: "\e600";
}

.icon-spotify:before {
	content: "\ea94";
}