.pager-nav {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  margin-bottom: 32px;
  clear: both;
  height: 48px;
}
.pagination {
  margin: 12px 0;
  width: 100%;
  text-align: center;
  clear: both;
}
.pager-li {
  display: inline-block;
}
.pager__item--first,
.pager__item--previous {
  float: left;
}
.pager__item--next, 
.pager__item--last {
  float: right;
}
.pagination > li > a, 
.pagination > li > span,
.pagination > .pager__item > a,
.pagination > .pager__item > span {
  min-width: 31px;
  padding: 0 8px;
  background-color: transparent;
  border: none;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.77;
  letter-spacing: 0.6px;
  text-align: center;
  text-decoration: underline;
}
.pagination > li.pager__item--first > a,
.pagination > .pager__item--first > a {
  padding-left: 0;
  display: none;
}
.pagination > li.pager__item--last > a,
.pagination > .pager__item--last > a {
  padding-right: 0;
  display: none;
}
.pagination > li.pager__item--previous > a {
  margin-right: 27%;
}
.pagination > li.pager__item--next > a {
  margin-left: 27%;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
  background-color: transparent;
  color: #bf0e2e;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
  color: var(--rouge);
  color: #bf0e2e;
  background-color: transparent;
}
.pager-item-disable {
  pointer-events:none;
}
.pager-item-disable a {
  color: #c1c1c1;
}



/*============= Media Queries =============*/
/*========== Mobile First Method ==========*/
/* Custom, iPhone Retina */
 @media only screen and (min-width : 320px) {
   
 }
/* Extra Small Devices, Phones */
 @media only screen and (min-width : 480px) { 
 
 }
/* Small Devices, Tablets */
 @media only screen and (min-width : 768px) {
   .pagination > li.pager__item .hidden-xs,
   .pagination > .pager__item .hidden-xs {
     display: inline-block !important;
	 text-decoration: underline;
   }
 }
/* Medium Devices, Desktops */
 @media only screen and (min-width : 992px) {
 
 }
/* Large Devices, Wide Screens */
 @media only screen and (min-width : 1200px) {
   .pagination > li > a, 
   .pagination > li > span {
     min-width: 32px;
   }
   .pagination > li.pager__item--previous > a {
     margin-right: 10%;
   }
   .pagination > li.pager__item--next > a {
     margin-left: 10%;
   }
   .pagination > li.pager__item--first > a,
   .pagination > .pager__item--first > a {
     padding-left: 0;
	 padding-right: 30px;
     display: block;
   }
   .pagination > li.pager__item--last > a,
   .pagination > .pager__item--last > a {
     padding-right: 0;
	 padding-left: 30px;
     display: block;
   }

 }