/* ------------------------------------------------
   The Whisky Exchange
   Designed and Built by The Whisky Exchange
   All Rights Reserved

   Pagination CSS file 

   Content:
   Layout
   Number Showing
   Page Limit
   Pagination
   ------------------------------------------------ */

/* ------------------------------------------------
   Layout
   ------------------------------------------------ */
#twePagination {
   padding: 10px 0;
   font-family: 'Fjalla One', 'Lato', arial, sans-serif;
   text-transform: uppercase;
   color: #666;
}
#twePagination .showing {
   display: none;
}
@media (min-width: 550px) {
   #twePagination .container {
      padding: 0 10px;
   }
   #twePagination .perpage {
      float: left;
      width: 30%;
   }
   #twePagination .pagination-container {
      float: left;
      width: 70%;
   }
}
@media (min-width: 680px) {
   #twePagination {
      padding: 10px 0 30px;
   }   
}
@media (min-width: 850px) {
   #twePagination .showing {
      display: block;
      float: left;
      width: 30%;
   }
   #twePagination .perpage {
      width: 20%;
   }
   #twePagination .pagination-container {
      width: 50%;
   }
}
@media (min-width: 980px) {
   #twePagination .showing {
      width: 35%;
   }
   #twePagination .perpage {
      width: 20%;
   }
   #twePagination .pagination-container {
      width: 45%;
   }
}
/* ------------------------------------------------
   Number Showing
   ------------------------------------------------ */
#twePagination .showing {
   height: 40px;
   line-height: 40px;
}
/* ------------------------------------------------
   Page Limit
   ------------------------------------------------ */
#twePagination .perpage {
   height: 40px;
   line-height: 40px;
   text-align: center;
}
#twePagination .perpage select {
   font-family: 'Lato', arial, sans-serif;
}
/* ------------------------------------------------
   Pages
   ------------------------------------------------ */
/* Layout */
#twePagination .pagination {
   display: table;
   width: 100%;
   table-layout: fixed;
}
#twePagination .pagination .direction {
   display: table-cell;
   width: 40px;
}
#twePagination .pagination .pages {
   display: table-cell;
   text-align: center;
}
@media (min-width: 550px) {
   #twePagination .pagination {
      display: block;
      float: right;
      width: auto;
   }
   #twePagination .pagination .direction,
   #twePagination .pagination .pages {
      display: block;
      float: left;
      width: auto;
   }
}
/* Buttons */
#twePagination .pagination .page-link,
#twePagination .pagination .page-separator {
   display: block;
   height: 40px;
   line-height: 40px;
   text-transform: uppercase; 
   text-align: center;
   color: #fff;
   background: #999999;
}
#twePagination .pagination .page-link:hover,
#twePagination .pagination .page-link.active {
   background: #ff7010;
}
#twePagination .pagination .page-link.active-next {
   display: none;
}
#twePagination .pagination .pages .page-link {
   display: inline-block;
   padding: 0 8px;
}
#twePagination .pagination .pages .page-separator {
   display: inline-block;
   padding: 0 2px;
   background: #fff;
   color: #999;
}
@media (min-width: 550px) {
   #twePagination .pagination .page-link,
   #twePagination .pagination .page-separator {
      display: block;
      float: left;
      margin-left: 6px;
      padding: 0 8px;
   }
}