/* CSS for the sharing functionality */




#shareicon:not(.share-button) {
	display: inline-block;
	background: url(../../assets/images/share_icon.png) #FFF no-repeat center center;
	background-size: contain;
	width: 40px;
	height: 55px;
	vertical-align: top;
	margin-left: 15px;
	cursor: pointer;
}

#sharecloser {
	background: url(../../assets/images/delete_icon.gif) #FFF no-repeat center center;
	display: inline-block;
	width: 30px;
	height: 30px;
	cursor: pointer;
	vertical-align: top;
	position: absolute;
	float: right;
	right: 15px;
}

#sharecontent .share-link {
	display: inline-block;
	background-color: #EEE;
	border: 1px solid #CCC;
	width: calc(100% - 30px);
	padding: 15px;
	border-radius: 5px;
    -moz-border-radius: 5px;
}
#sharecontent #copylink {
	margin-left: 20px;
	font-weight: 800;
	text-decoration: underline;
	cursor: pointer;
	font-family: 'Roboto-Medium', Arial, sans-serif !important;
	display: inline-block;
}
.share-options {
	display: inline-block;
	vertical-align: top;
}
.share-options > span {
	width: 70px;
	display: inline-block;
	margin-left: 15px;
	text-align: center !important;
}
.share-options > span > span:first-child {
	height: 70px;
	display: block;
	cursor: pointer;
	background-size: contain !important;
}

.share-options > span > span:last-child {
	font-size: calc(8px + 0.3vw);
	font-weight: 500px;
	color: #666;
	text-align: center !important;
	display: block;
}

#share_facebook > span:first-child {
	background: url(../../assets/images/social/share_facebook.gif) no-repeat center center;
}
#share_twitter > span:first-child {
	background: url(../../assets/images/social/share_twitter.gif) no-repeat center center;
}
#share_linkedin > span:first-child {
	background: url(../../assets/images/social/share_linkedin.gif) no-repeat center center;
}
#share_google > span:first-child {
	background: url(../../assets/images/social/share_google.gif) no-repeat center center;
}
#share_pinterest > span:first-child {
	background: url(../../assets/images/social/share_pinterest.gif) no-repeat center center;
}
#share_reddit > span:first-child {
	background: url(../../assets/images/social/share_reddit.gif) no-repeat center center;
}
#share_contact > span:first-child {
	background: url(../../assets/images/social/share_contact.gif) no-repeat center center;
}


.response-format > span {
	display: inline-block;
	padding: 10px 10px 10px 25px;
	margin-top: 10px;
	margin-right: 10px;
	border-radius: 5px;
    -moz-border-radius: 5px;
}
.response-format .fail {
	background: url(../../assets/images/delete_icon_red.gif) no-repeat left center;
    border: 2px solid #CC0000;
}
.response-format .blocked {
	background: url(../../assets/images/block_icon_orange.gif) no-repeat left center;
    border: 2px solid #F9CD04;
}
.response-format .sent {
	background: url(../../assets/images/tick_icon_green.gif) no-repeat left center;
    border: 2px solid #70CB6E;
}







/* CSS for small screens */
@media only screen and (max-width:500px){

#shareicon:not(.share-button) {
	display: inline-block !important;
	height: 25px;
}
.share-options > span {
	width: 30px;
	margin-left: 8px;
}
.share-options > span > span:first-child {
	height: 30px;
}
#shareitemlink {
	padding-left: 0px;
	padding-right: 0px;
}
#sharecloser {
	right: 0px;
}

}