/*   General */


.clearfix{
	width: 100%;
}

.social-share-colourbg.tight, 
.social-share-themebg.tight, 
.social-share-whitebg.tight {
	padding: 0px 0 15px 0;
	float: left;
}

.social-share-colourbg.spaced, 
.social-share-themebg.spaced, 
.social-share-whitebg.spaced {
	padding: 30px 0;
	float: left;
}



.social-share a,
.social-share-whitebg a,
footer .social-icons a,
section#mainnav .social-icons a,
section#topnav .social-icons a {
    border: 1px solid rgba(55, 100, 215,0);
}


footer .social-icons a,
section#mainnav .social-icons a,
section#topnav .social-icons a {
    font-size:23px;
    line-height:1;
    padding:5px;
    display:block;
    float:left;
    margin-left:5px;
    text-decoration:none;
    -webkit-transition : all 300ms ease-in-out;
    -moz-transition : all 300ms ease-in-out;
    -o-transition : all 300ms ease-in-out;
    transition : all 300ms ease-in-out;     

}



.social-share a,
.social-share-whitebg a,
.social-share-themebg a,
.social-share-colourbg a {
    font-size:23px;
    line-height:1;
    padding:0px;
    display:block;
    float:left;
    margin-right:5px;
    text-decoration:none;
    -webkit-transition : all 300ms ease-in-out;
    -moz-transition : all 300ms ease-in-out;
    -o-transition : all 300ms ease-in-out;
    transition : all 300ms ease-in-out;     

}






.social-share a:hover,
.social-share-themebg a:hover,
.social-share-whitebg a:hover{
	text-decoration: none;
}

.social-share-whitebg a span,
.social-share-themebg a span,
.social-share a span,
footer .social-icons a span,
section#mainnav .social-icons a span,
section#topnav .social-icons a span {
    display:block;
}

.social-share-whitebg a,
.social-share-themebg a,
.social-share a,
section#mainnav .social-icons a {
    margin:0 0 0 0;
    padding: 0;
}

.social-share-whitebg > span,
.social-share > span {

    line-height: 40px;
    opacity:0.5;
}


.social-share-colourbg a,
footer .social-icons a {
    border-radius: 20px; 
}

.social-share-colourbg a:hover, 
.social-share-themebg a:hover, 
.social-share-whitebg a:hover 
{
	text-decoration: none;
}

/* White on Theme Colour */
		/*define 
			background-color
			border-color 
		in Theme*/
		/*otherwise nothing to do */
.social-share-themebg a
{
	color: #fff;
	background-color: inherit;
}

.social-share-colourbg a img
{
	background: none;
	width:35px;
	height:35px;
}


/* Social Media own Colour on White */


.social-share-colourbg a.facebook{
	background: #3d5b99;
	color: #fff;
	border: 1px solid #3d5b99;
}

.social-share-colourbg a.twitter{
	background: #44bfe4;
	color: #fff;
	border: 1px solid #44bfe4;
}

.social-share-colourbg a.google{
	background: #ccc;
	color: #fff;
	border: 1px solid #ccc;
}

.social-share-colourbg a.mail{
	background: #fe0101;
	color: #fff;
	border: 1px solid #fe0101;
	width: 36px;
	padding-left: 7px;
}