/* --------- SURIMA SOCIAL BAR ---------*/

.shurima_social_bar {
	width            : fit-content;
	transform        : rotate(-90deg) translateY(-25px);
	position         : fixed;
	right            : 0;
	top              : 150px;
	transform-origin : top right;
	z-index          : 999999;
}

.shurima_social_bar ul {
	padding        : 0;
	margin         : 0;
	list-style     : none;
	display        : flex;
	flex-direction : row-reverse;
	gap            : 2px;
}

.shurima_social_bar ul li {
	overflow      : hidden;
	border-radius : 14px 14px 0 0;
	transition    : ease transform .4s;
	border        : solid 1px #FFFFFF;
}

.shurima_social_bar ul li:hover {
	transform : translateY(-97px);
}


.shurima_social_bar ul li a {
	background      : #A91625;
	display         : flex;
	flex-direction  : column;
	justify-content : center;
	text-decoration : none;
	align-items     : center;
	gap             : 20px;
	padding         : 5px 15px;
	color           : white;
	font-family     : 'Roboto', sans-serif;
	font-size       : 14px;
	font-weight     : lighter;
	transition      : ease background-color .4s;
}

.shurima_social_bar ul li:hover a {
	background : #224F70;
}

.shurima_social_bar ul li span {
	display          : block;
	position         : relative;
	transform-origin : 0 0;
}

.shurima_social_bar ul li img {
	width     : 75px;
	transform : rotate(90deg);
}

/* --------- SURIMA SOCIAL BAR MOBILE ---------*/

.shurima_social_bar.mobile_shurima_social_bar {
	position  : relative;
	transform : initial;
	top       : 0;
	right     : 0;
	width     : 100%;
}

.shurima_social_bar.mobile_shurima_social_bar ul {
	width         : 100%;
	gap           : 1px;
	border-top    : solid 1px #AD141F;
	border-bottom : solid 1px #AD141F;
}

.shurima_social_bar.mobile_shurima_social_bar ul li {
	flex-grow     : 1;
	flex-basis    : 0;
	border-radius : 0;
}

.shurima_social_bar.mobile_shurima_social_bar ul li:hover {
	transform : initial;
}

.shurima_social_bar.mobile_shurima_social_bar ul li span {
	display : none;
}

.shurima_social_bar.mobile_shurima_social_bar ul li a {
	padding    : 10px;
	background : #052439;
}

.shurima_social_bar.mobile_shurima_social_bar ul li:hover a {
	background : #052439;
}

.shurima_social_bar.mobile_shurima_social_bar ul li img {
	width     : 40px;
	transform : rotate(0);
}