/*
Default style for WP-PageNavi plugin

http://wordpress.org/extend/plugins/wp-pagenavi/
*/

.wp-pagenavi .pages, .wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {display:none}

.wp-pagenavi {
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
    margin-top:30px;
}

.current {
  width: 30px;
  height: 30px;
  background-color: #FF8BC2;
  color: #fff;
  border: solid 1px #FF8BC2;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  margin-left:5px;
  border-radius:5px;
}

.wp-pagenavi a {
  width: 30px;
  height: 30px;
  background-color: #fff;
  color: #838A97;
  border: solid 1px #fff;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  margin-left:10px;
}

.wp-pagenavi a:hover {
  width: 30px;
  height: 30px;
  background-color: #FF8BC2;
  border: solid 1px #FF8BC2;
  color: #fff;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  margin-left:10px;
  border-radius:5px;
  opacity:70%
}

.wp-pagenavi a:hover, .wp-pagenavi span  {
  background-color: #FF8BC2
  color: #fff;
    min-width: 30px;
  min-height: 30px;
  display:block;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}