@import "/templates/definitions";

.pagination {
	margin-bottom:1rem;
	text-align:right;
	a, span {
		color:#000;
		font-weight: @font-weight-medium;
		display:inline-block;
		margin-left:0.5rem;
		padding:4px 6px;
		.smooth();
		&.page {
			&:hover {
				font-weight: @font-weight-bold;
			}
			&.active {
				color:@color-primary;
			}
		}
		&:not(.page) {
		    min-width: 32px;
			text-align: center;
			border:1px solid darken(@color-background-primary,5);
			&:hover {
				background:darken(@color-background-primary,5);
			}
		}
	}
}