/*
Default style for WP-PageNavi plugin

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

.wp-pagenavi .pages {display:none}

.wp-pagenavi .nextpostslink {
  font-size:0px;
  background-color: #fff;
  background-image: url("/wp-content/themes/mksms_1722925429/images/right.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  transition: all .5s;
  display: flex;
}
.wp-pagenavi .nextpostslink:hover {
  font-size:0px;
  background-color: #fff;
  background-image: url("/wp-content/themes/mksms_1722925429/images/right.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  transition: all .5s;
  display: flex;
  border: solid 1px #fff;
  opacity:0.5
}
.wp-pagenavi .previouspostslink {
  font-size:0px;
  background-color: #fff;
  background-image: url("/wp-content/themes/mksms_1722925429/images/left.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  transition: all .5s;
  display: flex;
}
.wp-pagenavi .previouspostslink:hover {
  font-size:0px;
  background-color: #fff;
  background-image: url("/wp-content/themes/mksms_1722925429/images/left.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  transition: all .5s;
  display: flex;
  border: solid 1px #fff;
  opacity:0.5
}

.wp-pagenavi {
  align-items: center;
  text-decoration: none;
  display: flex;
}

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

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

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

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