/********************************************** 
partpagination-1
**********************************************/

/* config */

	/* basics */
	.partPagination ul li > * {
		border: none;
		border-radius: 3px;
		background-color: rgba(255,255,255,0.5);
		height:36px;
		min-width:36px;
		padding:0px 10px;
	}

	/* hover */
	.partPagination ul li a:hover {
		color: #000;
    	background-color: rgba(255,255,255,1);
	}

	/* selected */
	.partPagination ul li.selected a {
		background-color: rgba(255,255,255,1);
		color:#D30536;
	}

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

	/* fundementals */
	.partPagination ul {
		display: flex;
		flex-wrap: wrap;
		padding-bottom: 20px;
	}

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

/* fundementals */
.partPagination ul li > * {
	text-decoration: none;
	color: #12a19a;
	font-weight: 700;
	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: #12a19a;
	max-height: 12px;
	max-width: 12px;
	transition: fill ease 0.3s;
}

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

/* disabled */
.partPagination ul li.disabled a {
	opacity: 0.4; pointer-events: none; box-shadow: none;
}

/* 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: 700;}

/* 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;
	}
}