/
 * Social Media Styles
 * [CSU Channel Islands]
 * Authors:       Daniel Larkins, Adrian Gonzalez, Cory Madden
 * Description:   This file contains social media styles
 * Date Created:  2013-06-18
 * Date Modified: 2015-03-25
 ****/
.social-nav            { margin-bottom: 24px; margin-bottom: 1.5rem; }
.social-nav__heading   { margin: 0; margin-bottom: 1em; }
.social-nav__hashtag   { color: #cb132a !important; }

.social-nav--well      { padding: 20px; overflow: hidden; background-color: #f9f9f9; border-radius: 5px; -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0, .1); -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0, .1); box-shadow: inset 0px 1px 2px rgba(0,0,0, .1); }

.social-nav__bd        { padding: 0;  margin-left: 0px !important; margin-bottom: 0px; overflow: hidden; }
.social-nav__bd li     { list-style: none; }

[class*=social-nav__icon--]   { 
	line-height: 33px !important; margin-bottom: 15px; 
	display: inline-block; 
	padding-left: 40px; 
	background: transparent url('//www.csuci.edu/components/social-icons-module/img/social-icons-module-sprite.svg') no-repeat -5px -5px;
	background-size: 42px;
}

.lt-ie8 [class*=social-nav__icon--] { display: block; }

.social-nav--horizontal                              { clear: both; }
.social-nav--horizontal [class*=social-nav__icon--]  { margin: 0 1em 1em 0; text-indent: -9999px; padding: 0px; float: left; width: 33px; }

.social-nav__icon--facebook   { background-position: -5px -5px; }
.social-nav__icon--flickr     { background-position: -5px -47px; }
.social-nav__icon--instagram  { background-position: -5px -89px; }
.social-nav__icon--linkedin   { background-position: -5px -131px; }
.social-nav__icon--pinterest  { background-position: -5px -173px; }
.social-nav__icon--tumblr     { background-position: -5px -215px; }
.social-nav__icon--twitter    { background-position: -5px -257px; }
.social-nav__icon--youtube    { background-position: -5px -299px; }
.social-nav__icon--tiktok 	  { background-position: -5px -341px; }
.social-nav__icon--snapchat   { background-position: -5px -383px; }
.social-nav__icon--telegram   { background-position: -5px -425px; }
.social-nav__icon--whatsapp   { background-position: -5px -467px; }
.social-nav__icon--twitch     { background-position: -5px -509px; }
.social-nav__icon--discord    { background-position: -5px -551px; }
/* END Social Media */