/* PPPPPPPPPPAAAAAGIIINNAAATTTTIOOONNN*/
.pagination__wrapper{
	clear: both;
}

.pagination {
	display:flex;
	justify-content: center;
	list-style-type:none;
	padding:0;
	margin: 0;
}

.pagination li {
	height:40px;
	width:40px;
	padding:5px;
	border-radius:20px;
	background-color: var(--footer_color);
	margin: 4px;
}
.pagination li:hover{
	background-color: var(--violet_lighter);
}
.pagination .page-item a {
	display:block;
	height:30px;
	width:30px;/* bo minus 5px paddingu z li*/
	text-align: center;
	line-height: 30px;
	color: white;
	font-weight: 700;
	text-decoration: none;
}
.pagination .page-item a:hover{
	color: white;
}
.pagination .page-item a:visited{
	color: white;
}
.pagination .disabled{
	background-color: var(--footer_color);
	opacity: 0.6;
}
.pagination .active .page-link{
	display: block;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
}
.pagination .active:hover{
	background-color: var(--header_color);
}
.pagination .disabled:hover{
	cursor: not-allowed;
	background-color: var(--footer_color);
}

.page-link span{
	display:block;
	margin:0px;
	line-height:40px;
	padding:0px;
	/* to jest po to zeby strzalki byly widoczne */

}
.pagination .active{
	background-color: var(--header_color);
}

.pagination .icon-angle-right{
	display:block;
	height:30px;
	width:30px;
	background-image:url("../images/angle-right-solid.svg");
	background-repeat:no-repeat;
	background-size:contain;
}
.pagination .icon-angle-double-right{
	display:block;
	height:30px;
	width:30px;
	background-image:url("../images/angle-double-right-solid.svg");
	background-repeat:no-repeat;
	background-size:contain;

}
.pagination .icon-angle-left{
	display:block;
	height:30px;
	width:30px;
	background-image:url("../images/angle-left-solid.svg");
	background-repeat:no-repeat;
	background-size:contain;
}
.pagination .icon-angle-double-left{
	display:block;
	height:30px;
	width:30px;
	background-image:url("../images/angle-double-left-solid.svg");
	background-repeat:no-repeat;
	background-size:contain;

}