/*
 * 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.pages {
text-decoration: none;
padding: 0px 0px;
margin: 0px;
/*font-size:14px;*/
}
.wp-pagenavi span.pages {
display:none;
}
.wp-pagenavi a,
.wp-pagenavi span {
font-size:1.4rem;
line-height:100%;
display:block;
text-decoration:none;
transition: 0.3s ease;
display:inline-block;
margin: 0px 10px;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
background-color:#eee;
padding:5px 10px;
font-weight:bold;
border-radius:10px;
transition: 0.3s ease;
}


.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink{
display:none;
text-decoration:none;
font-size:16px;
color:#222;
transition-duration: 0.3s;
}
.wp-pagenavi a.nextpostslink{
background-position:right center;
background-image:url(/wp-content/themes/custom/images/arrow_next.png);
background-repeat:no-repeat;
padding-right:60px;
text-align:right;
padding-top:5px;
padding-bottom:5px;
line-height:100%;
float:right;
}
.wp-pagenavi a.previouspostslink{
background-position:left center;
background-image:url(/wp-content/themes/custom/images/arrow_prev.png);
background-repeat:no-repeat;
padding-left:60px;
text-align:left;
padding-top:5px;
padding-bottom:5px;
line-height:100%;
float:left;
}
.wp-pagenavi a.nextpostslink:hover{
background-position:right -10px center;
transition-duration: 0.3s;
}
.wp-pagenavi a.previouspostslink:hover{
background-position:left -10px center;
transition-duration: 0.3s;
}

@media screen and (min-width: 300px) and (max-width: 768px){
.wp-pagenavi a, .wp-pagenavi span {
padding: 0px 3px;
margin: 0 2px;
}
}