/**
* Pagination classes
*
* @author splitfire - http://splitfire.fr
* @version 1.0
*
*/

.pagination
{
	& span, 
	& a 
	{
		display: inline-block;
		width: 28px;
		height: 28px;
		line-height: 28px;
		margin: 0 4px 0 0;
		padding: 0 2px;
		text-shadow: 0 1px 0 #FFFFFF;
		background-color: #F1F1F1 ;
		text-align: center;
		text-decoration: none;
		color: #AFAFAF;	
		border: 1px solid #e1e1e1;
	}
	& a:hover
	{
			background-color: #F5F5F5 ;
			color: black;		
	}
	& .current
	{
		color: white;
		background-color: $toolbarActionColor !important;
		text-shadow: 0 1px 1px #BEBEBE;
	}
	& [data-action = "next"],
	& [data-action = "prev"]
	{
		border: 1px solid #e1e1e1;
		font-size:1.2em;
		text-decoration: none;
	}
	& [data-action = "prev"]
	{
		margin-right: 6px;
	}
	& [data-action = "next"]
	{
		margin-left: 6px;
	}
	@include mq($to:phone)
	{
		[data-action],
		.current,
		.pagination-separator
		{
			display: none;
		}
		[data-action = "prev"],
		[data-action = "next"]
		{
			display: inline-block;
			color: white !important;
			background-color: $toolbarActionColor !important;
		}
	}
}