/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 /* share buttons */
.share-box {
	width: 350px;
	margin: 10px 0;
}

.share-box .share-table {
	display: table;
	width: 350px;
}

.share-box .share-title {
    display: table-caption;
    text-align: center;
    font-weight: bold;
    text-decoration: underline;
    font-size: 20px;
}

.share-box .share-row {
	display: table-row;
}

.share-box .share-cell {
	display: table-cell;
	width: 33%;
	text-align: center;
	vertical-align: middle;
	font-size: 60px;
}

.share-box .share-cell .share-fb {
	color: #3b5998;
}

.share-box .share-cell .share-twitter {
	color: #55ACEE;
}

.share-box .share-cell .share-google {
	color: #dd4b39;
}

.share-box .share-cell .share-li {
	color: #0976b4;
}

.share-box .share-cell .share-rss {
	color: #f26522;
}

.share-box .share-cell .share-link-fb:hover .share-fb {
	color: #2d4373;
}

.share-box .share-cell .share-link-twitter:hover .share-twitter {
	color: #2795e9;
}

.share-box .share-cell .share-link-google:hover .share-google {
	color: #c23321;
}

.share-box .share-cell .share-link-li:hover .share-li {
	color: #075683;
}

.share-box .share-cell .share-link-rss:hover .share-rss {
	color: #d54d0d;
}

@media ( max-width: 767px ) {
	.share-box {
		width: 300px;
	}

	.share-box .share-table {
		width: 275px;
	}
}