
.footer-info .tags a {
	padding: 7px 13px;
	border-radius: 50px;
	color: #555;
	margin: 5px 3px;
	background: #eee;
	display: inline-block;
}

.footer-info .tags a:before {
	content: "#";
	font-size: 20px;
	margin-left: 5px;
}

.footer-info .tags {
	margin-top: 30px;
}

.footer-info .share {
	margin-left: calc(50% - 138px);
}

.footer-info .share .soc {
	padding: 8px;
}

.footer-info .share .soc i {
	margin: 3px 0;
}

.footer-info .share .input {
	border: 1px #4b4b4b solid;
	padding: 7px 10px 7px 34px;
	margin: 5px 8px 0 0;
	width: 160px;
	direction: ltr;
	background: none;
}

.footer-info .share:before {
	content: "";
	background: url('../img/copy.svg') no-repeat;
	background-size: cover;
	width: 20px;
	height: 20px;
	float: left;
	position: absolute;
	left: 10px;
	top: 12px;
}
.footer-info .share .soc:hover {
	opacity: .7;
}
html.dark-mode .footer-info .share .input {
	color: #ddd;
}

@media only screen and (max-width:560px) {
	.footer-info .tags a {
		padding: 5px 12px !important;
	}

	.footer-info .tags a::before {
		font-size: 16px !important;
	}

	.footer-info .share {
		margin-left: 0;
		width: 100%;
		transform: scale(.9);
	}

	.footer-info .share .soc {
		float: right;
	}

	.in_the_name_of_god .index-posts .title-asli h3 {
		font-size: 16px;
		width: auto;
		margin-bottom: 0;
	}
}

@media only screen and (max-width:520px) {
	.footer-info .tags a {
		padding: 5px 12px !important;
		margin: 4px 1px;
	}

	.footer-info .tags a::before {
		font-size: 16px !important;
	}

	.footer-info .share {
		margin-left: 0;
		width: 100%;
		transform: scale(.9);
	}

	.footer-info .share .soc {
		float: right;
	}
}
