/*! UNITS v0.1.20 | MIT License | Copyright 2017 @kokushing | mail@kokush.in | https://unitscss.com */
/**
 * UNITS pager components
 *
 * ==================================
 * @base:   [.uc-pager]
 * ==================================
 * @parts:  [.uc-***]
 *          [.uc-***]
 * ==================================
 * @option: [._***]
 *          [._***]
 * ==================================
 */

.uc-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
}

.uc-pager li {
    background-color: white;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
            box-shadow: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
  }

.uc-pager li + li {
      margin: 0 0 0 16px;
    }

@media (max-width: 768px) {

.uc-pager li + li {
        margin: 0 0 0 8px
    }
      }

.uc-pager li > a,
    .uc-pager li > span {
      display: block;
      padding: 8px 16px;
      font-size: 1rem;
      font-weight: bold;
      text-decoration: none;
    }

@media (max-width: 768px) {

.uc-pager li > a,
    .uc-pager li > span {
        font-size: .875rem
    }
      }

.uc-pager li._current {
      background-color: #546e7a;
    }

.uc-pager li._current > span {
        color: white;
      }

.uc-pager li._ghost {
      background-color: transparent;
      -webkit-box-shadow: none;
              box-shadow: none;
    }

.uc-pager-unit {
  margin: 0;
  padding: 80px;
  background-color: #f2f2f2;
  text-align: center;
}

@media (max-width: 768px) {

.uc-pager-unit {
    padding: 32px 0 48px
}
      .uc-pager-unit .uc-btn + .uc-btn {
        margin: 16px 8px 0;
      }
  }

.uc-pager-unit > * {
    margin: 0;
    padding: 0;
  }
