/* Reader side chapter navigation arrows */

.side-nav-arrow{
	position:fixed;
	top:50%;
	z-index:8500;
	width:54px;
	height:86px;
	display:flex;
	align-items:center;
	justify-content:center;
	transform:translateY(-50%);
	border:1px solid rgba(230,201,141,.72);
	border-radius:16px;
	background:linear-gradient(180deg, rgba(166,37,53,.92), rgba(72,14,24,.94));
	color:#fff0c2;
	font-family:Georgia, "Times New Roman", serif;
	font-size:54px;
	line-height:1;
	cursor:pointer;
	box-shadow:0 12px 32px rgba(0,0,0,.38);
	transition:
		transform .16s ease,
		filter .16s ease,
		opacity .16s ease,
		border-color .16s ease;
}

.side-nav-arrow:hover{
	filter:brightness(1.12);
	border-color:rgba(255,230,166,.95);
	transform:translateY(-50%) scale(1.04);
}

.side-nav-left{
	left:24px;
}

.side-nav-right{
	right:24px;
}

@media(max-width:980px){
	.side-nav-arrow{
		width:44px;
		height:66px;
		font-size:42px;
		border-radius:12px;
	}

	.side-nav-left{
		left:10px;
	}

	.side-nav-right{
		right:10px;
	}
}

@media(max-width:760px){
	.side-nav-arrow{
		top:auto;
		bottom:82px;
		transform:none;
		width:48px;
		height:48px;
		border-radius:50%;
		font-size:38px;
	}

	.side-nav-arrow:hover{
		transform:scale(1.04);
	}

	.side-nav-left{
		left:18px;
	}

	.side-nav-right{
		right:78px;
	}
}