/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

.holder {
	margin: 15px 0;
  font-family: 'Poppins', sans-serif;
  font-weight:bold;
  width:auto;
}

.holder a {
	font-size: 20px;
	cursor: pointer;
  color: #0a294e;
  text-decoration: none;
  border-radius: 100%;
  border-color:#384bf8;
  margin-left:0.5%; 
  margin-right:0.5%;
	padding: 5px 16px;
}

.holder a:hover {
	border-color: #0a294e;
  border-color:#0a294e;
  border:solid
}

.holder a.jp-previous { margin-right: 15px; border-color:#fff;
  border: none;
  color: #384bf8}
.holder a.jp-next { margin-left: 15px; border-color:#fff;
  border: none;
  color: #384bf8}

.holder a.jp-current, a.jp-current:hover { 
	color: #FF4242;
	font-weight: bold;
  border-color:#fff;
  border: none;
  color: #384bf8
}

.holder a.jp-disabled, a.jp-disabled:hover {
	color: #bbb;
}

.holder a.jp-current{
 color: #384bf8;
  border:solid; 
}

.holder a.jp-current, a.jp-current:hover,
.holder a.jp-disabled, a.jp-disabled:hover {
	cursor: default; 
	background: none;
}

.holder span { margin: 0 5px; }

@media (max-width: 768px){
 
.holder a {
	font-size: 10px;
  padding: 8px 16px;
  }
  
  .holder a.jp-previous { 
    margin-right: 10px;
  }
.holder a.jp-next { 
  margin-left: 10px;
}