/********************************************** 
partPagination 
**********************************************/

/* border */
.partPagination ul li > * {
	border:solid 3px #EBE8E6;
}

/* sizes */
.partPagination ul li > * {
	height:40px;
	min-width:80px;
	border-radius: 20px;
}

/* hover */
.partPagination ul li a:hover {
	background-color: #EBE8E6;
}

/* selected */
.partPagination ul li.selected a {
	background-color: #EBE8E6;
	font-weight: 500;
}

/* focus */
.partPagination ul li > a:focus {
	box-shadow: 0 0 0 0.2rem rgba(0,0,0,.1);
}

/* fundementals */
.partPagination ul {
	margin-top: 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding-bottom: 15px;
}

/* margins */
.partPagination ul li {
  	margin: 0px 5px 10px 5px;
}

.partPagination ul li > * {
	text-decoration: none;
	color: inherit;
	display:flex; 
	justify-content:center; 
	align-items:center;
}

.partPagination ul li > a {
	outline: 0;
	transition: background-color .15s ease-in-out, color .15s ease-in-out;
}

/* arrows */
.partPagination svg.partSvg {
	flex: 1 1 auto;
	fill: #011214;
	max-height: 12px;
	max-width: 12px;
	transition: fill ease 0.3s;
}

.partPagination ul li a:hover svg.partSvg {
  	fill: #011214;
}

/* ellipses */
.partPagination ul li.ellipses {}
.partPagination ul li.ellipses span {border:none; background-color:transparent; min-width:0; padding:0;}
.partPagination ul li.ellipses span:before {content:'...'; font-weight: 600;}

/* responsive */
@media screen and (max-width: 480px){
   /* only show previous, next and selected buttons, hide the rest. */
  .partPagination ul li:not(.previous):not(.next):not(.selected) {
      display:none;
  }
}