/* Mixins
================================================== */
/* Breakpoints
================================================== */
/* Pagination
================================================== */
.pagination {
  padding: 2em 0;
  border-top: solid 1px;
  clear: both;
  overflow: hidden;
  text-align: center;
}

/* Next / Previous 
-------------------------------------------------- */
.pagination-nextprevious .next-posts {
  float: left;
}
.pagination-nextprevious .previous-posts {
  float: right;
}

/* Numbered
-------------------------------------------------- */
.pagination-numbered > * {
  display: inline-block;
  text-align: center;
  padding: 0.5em;
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  border: solid 1px;
  vertical-align: top;
}

/* Styled nav
================================================== */
.horizontal-nav,
.vertical-nav {
  clear: both;
  margin: 0;
  padding: 0;
}
.horizontal-nav li,
.vertical-nav li {
  margin: 0;
  padding: 0;
  display: block;
}
.horizontal-nav a,
.vertical-nav a {
  padding: 1em;
  display: block;
}
.horizontal-nav .sub-menu,
.vertical-nav .sub-menu {
  display: none;
}
.horizontal-nav > li:last-child a,
.vertical-nav > li:last-child a {
  border-bottom: none;
}
.horizontal-nav li.menu-item-has-children.open > .sub-menu,
.vertical-nav li.menu-item-has-children.open > .sub-menu {
  display: block;
}
@media (min-width: 769px) {
  .horizontal-nav li.menu-item-has-children.open > .sub-menu,
.vertical-nav li.menu-item-has-children.open > .sub-menu {
    display: none;
  }
  .horizontal-nav li.menu-item-has-children:focus > .sub-menu, .horizontal-nav li.menu-item-has-children:hover > .sub-menu,
.vertical-nav li.menu-item-has-children:focus > .sub-menu,
.vertical-nav li.menu-item-has-children:hover > .sub-menu {
    display: block;
  }
  .horizontal-nav li.menu-item-has-children:focus.open > .sub-menu, .horizontal-nav li.menu-item-has-children:hover.open > .sub-menu,
.vertical-nav li.menu-item-has-children:focus.open > .sub-menu,
.vertical-nav li.menu-item-has-children:hover.open > .sub-menu {
    display: block;
  }
}

/* Horizontal
================================================== */
@media (min-width: 769px) {
  .horizontal-nav > ul {
    clear: both;
    display: block;
  }
  .horizontal-nav > ul:after {
    content: "";
    display: block;
    clear: both;
  }
  .horizontal-nav > ul > li {
    float: left;
  }
  .horizontal-nav > ul > li > a {
    border-bottom: none;
  }
  .horizontal-nav > ul li.menu-item-has-children {
    position: relative;
  }
  .horizontal-nav > ul li.menu-item-has-children.open > .sub-menu {
    display: none;
  }
  .horizontal-nav > ul li.menu-item-has-children > .sub-menu {
    position: absolute;
    left: 0;
    display: none;
    z-index: 1;
    min-width: 200px;
  }
}