/*
	Theme Name: HSJI 2015
	Theme URI: http://www.makedesignnotwar.com
	Description: A responsive theme and pseudo-framework for WordPress
	Author: Brandon Jones with modifications by Laura Pence
	Author URI: http://www.penceldesign.com http://www.makedesignnotwar.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 2.1
	
*/


/** 
 * 
 * These are not the droids you are looking for...
 * Check the header file for the full stylesheet file loading sequence.
 * 
 */


/*** Fonts ***/

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

/*** Accessibility ***/

.screen-reader-text {
	overflow: hidden;
	font-size: 0px;
}

/*** Social Media menu ***/
.social-navigation {
	background-color: #123f54;
}
.social-navigation > div {
	margin: 0 auto;
	text-align: center;
}
@media screen and (min-width: 600px) {
	.social-navigation > div {
		max-width: 1000px;
		padding-right: 5em;
		text-align: right;
	}
}

.social-navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.social-navigation ul:before,
.social-navigation ul:after {
	content: "";
	display: table;
}

.social-navigation ul:after {
  clear:both;
}
.social-navigation li {
  margin: 0 4px;
  display: inline-block;
}
.social-navigation a {
  display: block;
  color: white;
  text-decoration: none;
}
.social-navigation a:before {
  speak: none;
  font-family: "media-icons";
  font-size: 32px;
  -webkit-transition: all .2s ease-out;
  -moz-transition: all .2s ease-out;
  -o-transition: all .2s ease-out;
  transition: all .2s ease-out;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.social-navigation a[href*="facebook.com"]:before {
  content: "1";
}
.social-navigation a[href*="plus.google.com"]:before {
  content: "4";
}
.social-navigation a[href*="instagram.com"]:before {
  content: "3";
}
.social-navigation a[href*="linkedin.com"]:before {
  content: "5";
}
.social-navigation a[href*="soundcloud.com"]:before {
	content: "!";
}
.social-navigation a[href*="twitter.com"]:before {
  content: "2";
}
.social-navigation a[href*="youtube.com"]:before {
  content: "6";
}
.social-navigation a[href$="/feed/"]:before {
  content: "#";
}

.social-navigation a:hover {
  color: #a2defa;
}
.social-navigation a:focus {
  text-decoration: none;
}