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

/* config */

	/* border */
	.partPagination ul li > * {
		border: solid 1px rgba(0, 0, 0, 0.05)
	}

	/* sizes */
	.partPagination ul li > * {
		height:36px;
		min-width:36px;
		border-radius: 10px;
		padding:0px 10px;
		box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -2px rgba(0,0,0,.05);
	}

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

	/* selected */
	.partPagination ul li.selected a {
		background-color: #E3000F;
		color:#fff;
		font-weight: 700;
	}

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

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

/* fundementals */
.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: #999;
	max-height: 12px;
	max-width: 12px;
	transition: fill ease 0.3s;
}

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

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