/*
 * Front-end styles for WP-PageNavi.
 *
 * Everything is scoped under the .wp-pagenavi root class, and font-family,
 * font-size and color are deliberately never set: the navigation inherits them
 * from the theme, which is why it looks at home in one without being told
 * anything about it.
 *
 * One sheet serves both text directions. Every property below is either
 * direction-neutral or a logical one -- no margin-left, no text-align: left, no
 * float -- so there is no -rtl.css to keep in step with this file.
 *
 * Both colours come from a custom property with a sensible fallback, so a theme
 * can restyle the navigation by setting two variables anywhere up the tree
 * rather than by copying this file. The resting border has a dark-scheme
 * default of its own; the current and hovered border is currentColor, which
 * follows the theme's text colour into either scheme on its own.
 */

/*.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a,
.wp-pagenavi span {
	border: 1px solid var(--wp-pagenavi-border-color, #bfbfbf);
	margin: 2px;
	padding: 3px 5px;
	text-decoration: none;
}

@media (prefers-color-scheme: dark) {

	.wp-pagenavi a,
	.wp-pagenavi span {
		border-color: var(--wp-pagenavi-border-color, #4f4f4f);
	}
}

.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	border-color: var(--wp-pagenavi-border-color-current, currentColor);
}

.wp-pagenavi span.current {
	font-weight: bold;
}
*/
/*Estilo de wp-pagenavi pagination links*/


/*Estilo de wp-pagenavi pagination links*/
.wp-pagenavi {
	clear: both;
}
.wp-pagenavi a,
.wp-pagenavi span {
	font-size: 10px;
	/*background: #0071fc;*/
	border: 1px solid;
	padding: .45em 0.8em;
	/*border-radius: 50px;*/
	text-transform: capitalize;
	transition: all 0.3s ease-in-out;
	border-radius: 100px;
	
}


/*Estilo de wp-pagenavi numero de pagina activo*/

.wp-pagenavi span.current {
	
	color: #ffffff !important;
	background:#df2334 !important;
	border-radius: 100px;
	border:1px
}


/*Estilo de wp-pagenavi pagination links on hover*/

.wp-pagenavi a:hover {
	
  /*color: #0070fc;*/
	border: 2px solid ;
	transition: all 0.3s ease-in-out;
}

/*Estilo de wp-pagenavi textos de paginas*/

.wp-pagenavi .pages {
	border: 1px solid ;
}


/*remover borde y centrar el wp-pagenavi links*/

.wp-pagenavi {
	border-top: none;
	text-align: center;
	
}
/*Fuente: Haciendo PageNavi responsive*/
@media (max-width: 400px) { .wp-pagenavi a.page, span.extend, a.last { display: none; } }

/*Fuente: Haciendo PageNavi responsive*/