/* ========================================================================================== */
/* ======================== Social Media Icons ============================================== */
/* ========================================================================================== */

/* Social Media Icons */

.social-slide a {
  background-image: url('../images/social/SocialMediaSquare.png');
  height: 48px;
  width: 48px;
  margin: 10px;
  float: left;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  -o-transition: all ease 0.3s;
  -ms-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.social-slide a {
  box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.8);
}

.social-slide .linkedin {
    background-position: 0 0;
}
.social-slide .linkedin:hover {
    background-position: 0 -48px;
}
.social-slide .twitter {
    background-position: -48px 0;
}
.social-slide .twitter:hover {
    background-position: -48px -48px;
}
.social-slide .facebook {
    background-position: -96px 0;
}
.social-slide .facebook:hover {
    background-position: -96px -48px;
}
.social-slide .youtube {
    background-position: -144px 0;
}
.social-slide .youtube:hover {
    background-position: -144px -48px;
}
.social-slide .googleplus {
    background-position: -192px 0;
}
.social-slide .googleplus:hover {
    background-position: -192px -48px;
}
.social-slide .flickr {
    background-position: -240px 0;
}
.social-slide .flickr:hover {
    background-position: -240px -48px;
}
.social-slide .pinterest {
    background-position: -288px 0;
}
.social-slide .pinterest:hover {
    background-position: -288px -48px;
}
.social-slide .tumblr {
    background-position: -336px 0;
}
.social-slide .tumblr:hover {
    background-position: -336px -48px;
}
.social-slide .vimeo {
    background-position: -384px 0;
}
.social-slide .vimeo:hover {
    background-position: -384px -48px;
}
.social-slide .rss,
.social-slide .rssfeed {
    background-position: -432px 0;
}
.social-slide .rss:hover,
.social-slide .rssfeed:hover {
    background-position: -432px -48px;
}

.social-slide .instagram {
    background-position: -480px 0;
}

.social-slide .instagram:hover {
    background-position: -480px -48px;
}


/* Footer Icons */
.socialfooter li {
    margin-right: 2px;
}

.socialfooter li a {
    background: url("../images/social/SocialMediaRound.png") no-repeat left top;
    transition: background-image 250ms ease-in-out;
}

li.linkedin_footer a {
    background-position: 0px 0px;
}
li.twitter_footer a {
    background-position: -20px 0px;
}
li.facebook_footer a {
    background-position: -40px 0px;
}
li.youtube_footer a {
    background-position: -60px 0px;
}
li.googleplus_footer a {
    background-position: -80px 0px;
}
li.flickr_footer a {
    background-position: -100px 0px;
}
li.pinterest_footer a {
    background-position: -120px 0px;
}
li.tumblr_footer a {
    background-position: -140px 0px;
}
li.vimeo_footer a {
    background-position: -160px 0px;
}
li.rss_footer a,
li.rssfeed_footer a {
    background-position: -180px 0px;
}
li.instagram_footer a {
    background-position: -200px 0px;
}
.socialfooter li a:hover {
    background-image: url("../images/social/SocialMediaRoundHover.png");
}

li.linkedin_footer a:hover {
    background-position: 0px 0px;
}
li.twitter_footer a:hover {
    background-position: -20px 0px;
}
li.facebook_footer a:hover {
    background-position: -40px 0px;
}
li.youtube_footer a:hover {
    background-position: -60px 0px;
}
li.googleplus_footer a:hover {
    background-position: -80px 0px;
}
li.flickr_footer a:hover {
    background-position: -100px 0px;
}
li.pinterest_footer a:hover {
    background-position: -120px 0px;
}
li.tumblr_footer a:hover {
    background-position: -140px 0px;
}
li.vimeo_footer a:hover {
    background-position: -160px 0px;
}
li.rss_footer a:hover,
li.rssfeed_footer a:hover {
    background-position: -180px 0px;
}
li.instagram_footer a:hover {
    background-position: -200px 0px;
}

/* ************************************
    Help Icon
   ************************************ */
.help {
  background-image: url('../images/help-icon.png');
  height: 32px;
  width: 32px;
  margin:3px;
  margin-top: 10px !important;
  float: left;
  opacity: .5;
  filter: alpha(opacity=50);
}
.help:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}
.help:hover {
    cursor:pointer;
}
/* ************************************
    Toogle Icon
   ************************************ */
.expand {
  background-image: url('../images/expand-icon.png');
  height: 32px;
  width: 32px;
  margin:3px;
  margin-top: 10px;
  float: left;
  opacity: .5;
  
  filter: alpha(opacity=50); /* IE9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='image',src='assets/img/bgSmall.png')"; /* IE8 */   
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='image',src='assets/img/bgSmall.png');   /* IE6 & 7 */ 
}
.expand:hover {
  opacity: 1;

  filter: alpha(opacity=100); /* IE9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='image',src='assets/img/bgSmall.png')"; /* IE8 */   
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='image',src='assets/img/bgSmall.png');   /* IE6 & 7 */ 
}
.expand:hover {
    cursor:pointer;
}
.collapse {
  background-image: url('../images/collapse-icon.png');
  height: 32px;
  width: 32px;
  margin:3px;
  margin-top: 10px;
  float: left;
  opacity: .5;
  
  filter: alpha(opacity=50); /* IE9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='image',src='assets/img/bgSmall.png')"; /* IE8 */   
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='image',src='assets/img/bgSmall.png');   /* IE6 & 7 */ 
}
.collapse:hover {
  opacity: 1;

  filter: alpha(opacity=100); /* IE9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='image',src='assets/img/bgSmall.png')"; /* IE8 */   
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='image',src='assets/img/bgSmall.png');   /* IE6 & 7 */ 
}
.collapse:hover {
    cursor:pointer;
}