/* --------------------------------------------------------------
# Contents
#
# 1. Sticky Socials
# 2. 
# 
-------------------------------------------------------------- */

/* ===========================
1. Sticky Socials
=========================== */
.dj-sticky-socials {
	position: fixed;
	top: 160px;
	right: 0px;
	>.uk-grid {
		flex-direction: column;
    align-items: flex-end;
		>div {
			margin-top: 6px;
			width: fit-content;
			transition: 300ms ease-in-out;
			transform: translatex(calc(100% - 55px));
			&:hover {
				transform: translatex(0);
			}
		}
	}
	.el-item {
		margin-top: 8px;
	}
	@media screen and (max-width: 600px) {
		top: 80px;
		>.uk-grid {
			>div {
				margin-top: 2px;
				transform: translatex(calc(100% - 47px));
			}
		}
		img {
			width: 32px;
			height: 32px;
		}
		.el-title {
			font-size: 14px;
		}
	}
}