/* From http://www.kodingmadesimple.com/2014/02/how-to-create-round-social-media-icon.html */

.smGlobalBtn{ /* global button class */
    display: inline-block;
    cursor: pointer;
    box-shadow: 0 1px 1px #555;
    padding: 0px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-weight: normal;
    line-height: 2em;
    width: 36px;
    height: 36px;
    font-size: 18px;
    border-radius: 18px;
    -moz-border-radius:18px;
    -webkit-border-radius:18px;
}

.smGlobalBtnTop{
    width: 26px;
    height: 26px;
    font-size: 13px;
    border-radius: 13px;
    -moz-border-radius:13px;
    -webkit-border-radius:13px;
}

/* facebook button class*/
.facebookBtn{
    position: absolute;
    top: 0px;
    right: 240px;
    background: #4060A5;
}

.facebookBtn:before{ /* use :before to add the relevant icons */
    font-family: "FontAwesome";
    content: "\f09a"; /* add facebook icon */
}

#social_icons_header .facebookBtn:hover, .facebookBtn:hover{
    color: #4060A5;
    background: #fff;
}

/* shopping cart button class*/
.shoppingBtn{
    background: #A7A155;
    position: absolute;
    top: 0px;
    right: 200px;
}

.shoppingBtn:before{
      font-family: "FontAwesome";
      content: "\f07a"; /* add twitter icon */
}

#social_icons_header .shoppingBtn:hover, .shoppingBtn:hover{
      color: #A7A155;
      background: #fff;
}



/* twitter button class*/
.twitterBtn{
    background: #00ABE3;
    position: absolute;
    top: 0px;
    right: 200px;
}

.twitterBtn:before{
      font-family: "FontAwesome";
      content: "\f099"; /* add twitter icon */
}

#social_icons_header .twitterBtn:hover, .twitterBtn:hover{
      color: #00ABE3;
      background: #fff;
}

/* google plus button class*/
.googleplusBtn{
    background: #e64522;
      position: absolute;
      top: 0px;
      right: 120px;
}

.googleplusBtn:before{
      font-family: "FontAwesome";
      content: "\f0d5"; /* add googleplus icon */
}

.googleplusBtn:hover{
      color: #e64522;
      background: #fff;
}

/* linkedin button class*/
.linkedinBtn{
    background: #0094BC;
    position: absolute;
    top: 0px;
    right: 80px;
}

.linkedinBtn:before{
      font-family: "FontAwesome";
      content: "\f0e1"; /* add linkedin icon */
}

.linkedinBtn:hover{
      color: #0094BC;
      background: #fff;
}

/* pinterest button class*/
.pinterestBtn{
    background: #cb2027;
    position: absolute;
    top: 0px;
    right: 40px;
}

.pinterestBtn:before{
      font-family: "FontAwesome";
      content: "\f0d2"; /* add pinterest icon */
}

.pinterestBtn:hover{
      color: #cb2027;
      background: #fff;
}

.youtubeBtn{
    background: #cb2027;
    position: absolute;
    top: 0px;
    right: 0px;
}

.youtubeBtn:before{
      font-family: "FontAwesome";
      content: "\f167"; /* add pinterest icon */
}

.youtubeBtn:hover{
      color: #cb2027;
      background: #fff;
}

.learnerlogBtn{
      position: absolute;
      top: 0px;
      right: 160px;
}

.learnerFTR_socialnav {
	float: right;
	padding: 0px 11px 0px 0px;
	position: relative;
}

.learnerFTR_socialnav a {
    font: normal 18px Verdana,Arial,Helvetica,sans-serif;
    line-height: 2em;

}

#social_icons_header a:link {
	color: #fff;
	font-size: 13px;
	line-height: 2em;
	text-decoration: none;
}