/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - https://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

.simple-pagination {
	padding-top: 30px;
	text-align: center;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	display: inline-block;
}

/*------------------------------------*\
	Light Theme Styles
\*------------------------------------*/

.light-theme a,
.light-theme span {
	display: inline-block;
	font-size: 16px;
	color:#ecbd00;
	width: 26px;
	height: 26px;
	line-height: 26px;
	border:1px solid #ecbd00;
	border-radius: 4px;
	color:#ecbd00;
	display: inline-block;
	margin: 0 4px;
}


.light-theme a:hover {
	text-decoration: none;
	background: #fff6d4;
}

.light-theme .current {
	background: #ffd736;
	color: #fff;
	font-weight: bold;
	border:1px solid #ffd736;
	display: inline-block;
}

.light-theme .ellipse {
	background: none;
	border: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: bold;
	cursor: default;
}

.prev,
.next{
	display: inline-block;
	width: 26px;
	height: 26px;
	position: relative;
	text-indent: -10000px;
	background: none !important;
	border:none!important;
}



.prev:after{
  content: "";
  display: inline-block;
  border: 10px solid transparent;
  border-right-color: #ffd736;
  position: absolute;
  top:50%;
  margin-top: -10px;
  right:0;
}

.next:after{
  content: "";
  display: inline-block;
  border: 10px solid transparent;
  border-left-color: #ffd736;
  position: absolute;
  top:50%;
  left:0;
  margin-top: -10px;
}



@media screen and (max-width : 640px){

	.simple-pagination {
		padding: 15px;
		text-align: center;
	}
	.light-theme a,
	.light-theme span {
			border:2px solid #ecbd00;
			background:#fff;
		}

	.light-theme .current {
		border:2px solid #ffd736;
	}
}