/*
Theme Name: Ave Lite
Theme URI: https://avetheme.com/ave
Author: The AveTheme Team
Author URI: https://avetheme.com
Description: Ave is a very easy to use theme for you to write fashion blog. When you start with an awesome fashion blog you can create amazing things! is a fully responsive Premium Blog Theme with a great design and extensive functionality.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ave-lite
Tags: one-column, two-columns, right-sidebar, custom-menu, editor-style, threaded-comments, translation-ready
*/

/* -----------------------------------------
      1 - Commons
------------------------------------------*/
@import "assets/css/uikit.min.css";
@import "assets/css/social.min.css";
@import "assets/css/ave-icons.min.css";
@import "assets/scss/settings.scss";
@import "assets/scss/common.scss";

/* -----------------------------------------
      2 - Typography
------------------------------------------*/
body {
  background-color: $background-color;
  color: $body-text-color;
}

body, blockquote {
  line-height: 1.8;
  font: {
    family: $body-font-family;
    size: rem($font-size);
    weight: $font-weight;
  }
}

a {
  color: $body-dark-text-color;
  &:hover {
    color: $body-dark-text-color;
    opacity: 0.9; }
}

h1,
h2,
h3,
h4,
h5,
h6,
.header .logo,
.mobile-header .logo,
.pagination,
.page-links,
.paginate-comments {
  font-family: $heading-font-family;
  font-weight: 600;
  letter-spacing: rem(0.25);
  text-transform: none;
}

* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
  margin-top: rem(25); }

@each $tag, $size, $line-height in (h1, 32, 1.2),
        (h2, 30, 1.3),
        (h3, 24, 1.4),
        (h4, 20, 1.4),
        (h5, 16, 1.4),
        (h6, 14, 1.4) {
  #{$tag} {
    font-size: rem($size);
    line-height: $line-height;
  }
}

@include media-query($small-down) {
  h1 {
    font-size: rem(20); }
  h2 {
    font-size: rem(18); }
  h3 {
    font-size: rem(18); }
  h4 {
    font-size: rem(16); }
  h5 {
    font-size: rem(16); }
  h6 {
    font-size: rem(14); }
}

@include media-query($medium-down) {
  h1 {
    font-size: rem(24); }
  h2 {
    font-size: rem(22); }
  h3 {
    font-size: rem(20); }
}

p,
ul,
ol,
dl,
pre,
code,
address,
fieldset,
figure {
  margin: 0 0 rem(25) 0; }

* + p,
* + ul,
* + ol,
* + dl,
* + pre,
* + address,
* + fieldset,
* + figure {
  margin-top: rem(25); }

hr {
  margin: 0 0 rem(25) 0; }

* + hr {
  margin-top: rem(25); }

blockquote {
  margin: 0 0 rem(30) 0; }

* + blockquote {
  margin-top: rem(25); }

pre {
  background-color: transparent;
  border-radius: rem(3);
  font-family: "Courier 10 Pitch", Courier, monospace;
  padding: rem(15); }

blockquote {
  border-left: rem(3) solid $border-dark-color;
  font-style: normal;
  padding-left: rem(20); }

:not(pre) > code,
:not(pre) > kbd,
:not(pre) > samp {
  background-color: transparent;
  color: $body-dark-text-color;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: rem(14);
  white-space: pre-wrap;
  word-break: break-word;
}

em {
  color: $body-text-color; }

dd {
  margin: 0 rem(10) rem(10); }

table {
  border-collapse: collapse;
  margin: 0 0 rem(30);
  width: 100%;
  thead {
    th {
      border-bottom: rem(2) solid;
      padding-bottom: rem(5); } }
  th {
    padding: rem(10);
    text-align: left; }
  tr {
    border-bottom: rem(1) solid; }
  td {
    padding: rem(10); }
  th, tr {
    &:first-child {
      padding-left: 0; }
    &:last-child {
      padding-right: 0; }
  }
}

input:not([type="button"]),
input:not([type="submit"]),
.uk-search-input,
.uk-input,
.uk-select:not([multiple]):not([size]) {
  height: 50px;
}
.uk-input:not(input),
.uk-select:not(select) {
  line-height: 48px;
}

input:not([type="button"]),
input:not([type="submit"]),
.uk-search-input,
.uk-input,
.uk-select:not([multiple]):not([size]),
textarea,
.uk-textarea {
  border-radius: 0;
  border: rem(1) solid $border-color;
  color: $body-text-color;
  &:focus {
    border-color: $border-dark-color;
    color: $body-dark-text-color;
  }
}

.uk-button-link {
  &:focus, &:hover {
    text-decoration: none;
  }
}

button:not(.uk-close, .uk-offcanvas-close, .uk-button-link),
.uk-button-default {
  border-radius: 0;
  background-color: $button-background-color;
  border-color: $button-background-color;
  color: $button-text-color;
  font-family: $button-font-family;
  font-weight: 600;
  font-size: rem(14);
  line-height: rem(50);
  letter-spacing: rem(0.5);
  text-transform: uppercase;
  transition: opacity 0.25s ease;
  &:focus, &:hover {
    opacity: 0.9;
  }
}

.post-password-form {
  input[type="submit"] {
    border-radius: 0;
    background-color: $button-background-color !important;
    border: rem(1) solid $button-background-color !important;
    color: $button-text-color !important;
    display: block;
    font-family: $button-font-family !important;
    font-weight: 600 !important;
    font-size: rem(14) !important;
    line-height: rem(50) !important;
    letter-spacing: rem(0.5) !important;
    margin-top: rem(20);
    text-transform: uppercase !important;
    transition: opacity 0.25s ease !important;
    width: calc(100% + 4px);
    &:focus, &:hover {
      opacity: 0.9;
    }
  }
}

.comment-submit {
  background-color: $button-background-color !important;
  border-color: $button-background-color !important;
  color: $button-text-color !important;
  font-family: $button-font-family;
  font-weight: 600;
  font-size: rem(14);
  height: rem(50);
  line-height: rem(50);
  letter-spacing: rem(0.5);
  transition: opacity 0.25s ease;
  &:focus, &:hover {
    opacity: 0.9;
  }
}

.uk-input::-ms-input-placeholder {
  color: $input-placeholder-color !important;}

.uk-input::placeholder {
  color: $input-placeholder-color;}

.uk-textarea::-ms-input-placeholder {
  color: $input-placeholder-color !important;}

.uk-textarea::placeholder {
  color: $input-placeholder-color; }

.uk-alert {
  &-danger, &-primary, &-success, &-warning {
    border-radius: rem(5);
    padding: rem(10) rem(20);
  }
}

.body-small-text {
  font-size: rem($small-font-size);
  font-weight: 400;
}

.entry-title {
  word-wrap: break-word;
  word-break: normal;
}

.entry {
  &-meta, &-sticky .badge {
    font-family: $heading-font-family;
    font-size: rem(12);
    letter-spacing: rem(0.5);
    line-height: 1;
    text-transform: uppercase;
  }
}

.post-title,
.wp-caption-text,
.pagination,
.page-links {
  font-family: $heading-font-family; }

.wp-caption-text {
  font-size: rem(13);
  margin-top: rem(15);
}

.entry-content,
.comment-content {
  > :not(table, cite, code) a {
    border-bottom: rem(1) solid $border-dark-color;
    transition: border-color 0.25s ease;
    &:hover {
      border-color: $background-color;
    }
  }
}


/* -----------------------------------------
      3 - Components
------------------------------------------*/
@keyframes arrowShow {
  0%{
    opacity:0
  }
  to{
    opacity:1
  }
}
@-webkit-keyframes arrowShow {
  0%{
    opacity:0
  }
  to{
    opacity:1
  }
}
@keyframes arrowElasticWidth {
  0%{
    width:46px
  }
  to{
    width:32px
  }
}
@-webkit-keyframes arrowElasticWidth {
  0%{
    width:46px
  }
  to{
    width:32px
  }
}
@keyframes arrowInFromLeft {
  0%{
    right:100%
  }
  to{
    right:0
  }
}
@-webkit-keyframes arrowInFromLeft {
  0%{
    right:100%
  }
  to{
    right:0
  }
}
@keyframes arrowInFromRight {
  0%{
    left:100%
  }
  to{
    left:0
  }
}
@-webkit-keyframes arrowInFromRight {
  0%{
    left:100%
  }
  to{
    left:0
  }
}
@keyframes arrowOutToLeft {
  0%{
    right:0
  }
  to{
    right:100%
  }
}
@-webkit-keyframes arrowOutToLeft {
  0%{
    right:0
  }
  to{
    right:100%
  }
}
@keyframes arrowOutToRight {
  0%{
    left:0
  }
  to{
    left:100%
  }
}
@-webkit-keyframes arrowOutToRight {
  0%{
    left:0
  }
  to{
    left:100%
  }
}

.mobile-burger {
  &-icon {
    &-line {
      background-color: $body-dark-text-color;
      display: block;
      height: rem(1);
      width: rem(24);
      &:not(:last-child) {
        margin-bottom: rem(5);
      }
    }
  }
  &.open {
    &.mobile-burger-toggle-close {
      display: block;
      height: rem(30);
      line-height: rem(30);
      width: rem(30);
      .mobile-burger {
        &-icon {
          display: block;
          height: rem(30);
          position: relative;
          width: rem(30);
          z-index: 6;
          -webkit-transition: transform .2s ease;
          transition: transform .2s ease;
          &-line {
            background-color: $body-dark-text-color;
            display: block;
            height: rem(1);
            position: absolute;
            left: calc(50% - 8px);
            top: 50%;
            width: rem(24);
            -webkit-transform: translateY(0);
            transform: translateY(0);
            -webkit-transition: transform .2s ease;
            transition: transform .2s ease;
            -webkit-transition-delay: .2s;
            transition-delay: .2s;
            &:first-child {
              -webkit-transform:rotate(-45deg);
              transform:rotate(-45deg);
            }
            &:last-child {
              -webkit-transform:rotate(45deg);
              transform:rotate(45deg);
            }
          }
        }
      }
    }
  }
}

.mobile-content {
  height: 100vh;
  position: fixed;
  right: 0;
  top: 0;
  visibility: hidden;
  width: 70%;
  z-index: 1000;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all .5s $transition-timing-function;
  transition: all .5s $transition-timing-function;
  &.show {
    visibility: visible;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition-duration: .35s;
    transition-duration: .35s;
    .mobile-content {
      &-inner,
      &-wrap .mobile-burger {
        opacity: 1;
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
      }
      &-search {
        opacity: 1;
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
      }
      &-menus {
        opacity: 1;
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
      }
    }
  }
  &-inner {
    background-color: #fff;
    box-shadow: -15px -15px 30px 0 rgba(0, 0, 0, 0.05);
    opacity: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: opacity .35s $transition-timing-function;
    transition: opacity .35s $transition-timing-function;
  }
  &-wrap-outer {
    height: 100vh;
    position: relative;
  }
  &-wrap {
    padding: rem(10) rem(20) rem(20);
    .mobile-burger {
      opacity: 0;
      position: absolute;
      right: rem(25);
      top: rem(15);
      -webkit-transition: opacity .05s $transition-timing-function;
      transition: opacity .05s $transition-timing-function;
    }
  }
  &-search {
    opacity: 0;
    .uk-search {
      width: 100%;
    }
    .search-field-input {
      border: none;
      border-bottom: rem(1) solid $border-color;
      font-size: rem(18);
      height: rem(50);
      width: 100%;
    }
  }
  &-menus {
    margin-top: rem(20);
    ul {
      list-style: none;
      margin: 0;
      padding: 0;
      li {
        padding: rem(5) 0;
        a {
          color: $body-dark-text-color;
          font-family: $heading-font-family;
          font-weight: normal;
          font-size: rem(14);
          letter-spacing: rem(0.5);
          text-transform: none;
        }
      }
      ul {
        padding-left: rem(15);
      }
    }
  }
  &-menus {
    opacity: 0;
    -webkit-transition:all .35s $transition-timing-function;
    transition:all .35s $transition-timing-function;
  }
}

@media(max-width: 959px) {
  .mobile-content-wrap {
    padding-top: 42px;
  }
}

@media(max-width: 767px) {
  .mobile-content-wrap {
    padding-top: 56px;
  }
}


/* -----------------------------------------
      4 - Layout
------------------------------------------*/
#page {
  min-height: 100vh;
  position: relative;
  .overlay {
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 0;
    left: 0;
    opacity: 0;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 999;
    -webkit-transition: opacity .3s ease;
    transition:opacity .3s ease;
    &.show {
      opacity: 1;
      visibility: visible;
    }
  }
}

.uk-container {
  max-width: rem(1280); }


#site-main {
  padding-bottom: rem(80);
  .main {
    #secondary {
      width: 100%;
    }
    @include media-query($medium-up) {
      #secondary {
        width: 280px;
      }
    }
    @include media-query($large-up) {
      #secondary {
        width: 380px;
      }
    }
  }
  @include media-query($medium-down) {
    padding-bottom: rem(60);
  }
  @include media-query($small-down) {
    padding-bottom: rem(40);
  }
}


body.home,
body.single-post-default {
  #site-main {
    padding-top: rem(40);
  }
}



/* -----------------------------------------
      5 - Header
------------------------------------------*/
.site-header {
  @include media-query($medium-up) {
    .mobile-header {
      display: none;
    }
  }
  @include media-query($medium-down) {
    .header {
      display: none;
    }
  }
}

.mobile-header {
  .uk-navbar {
    height: rem(55);
    padding: 0 rem(30);
  }
  .logo {
    font-size: rem(20);
    line-height: 1;
    margin: 0;
    padding: 0;
  }
  &.uk-sticky-fixed {
    background-color: #fff;
    box-shadow: 0 15px 30px -15px rgba(0, 0, 0, 0.05);
  }
  @include media-query($small-down) {
    .uk-navbar {
      padding: 0 rem(20);
    }
  }
}

.header {
  .uk-navbar {
    height: rem(80);
  }
  .logo {
    font-size: rem(24);
    line-height: 1;
    margin: 0;
    padding: 0;
  }
  &.uk-sticky-fixed {
    &:after {
      position: absolute;
      right: 5%;
      bottom: 0;
      left: 5%;
      z-index: 1;
      height: 20px;
      border-radius: 100%;
      -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
      -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
      box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
      content: '';
      width: 90%;
    }
    .header-inner {
      background-color: #fff;
      position: relative;
      z-index: 3;
    }
  }
}


.header-style {
  &-default {
    .top-menu {
      display: inline-flex;
      margin-left: -25px;
      li {
        list-style: none;
        margin: 0;
        padding: 0;
        a {
          color: $body-dark-text-color;
          font-family: $heading-font-family;
          font-weight: normal;
          font-size: rem(12);
          letter-spacing: rem(0.5);
          margin: 0;
          padding: 0;
          text-transform: none;
        }
        ul {
          background-color: #fff;
          left: 0;
          line-height: 1.6;
          padding: rem(20) rem(30);
          width: rem(180);
          -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
          -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 40px rgba(0, 0, 0, 0.05);
          top: 100%;
          ul {
            left: calc(100% + 30px);
            top: -20px;
          }
          li {
            padding: rem(8) 0;
            a {
              font-family: $heading-font-family;
              font-weight: normal;
              font-size: rem(12);
              letter-spacing: rem(0.5);
              text-transform: none;
            }
          }
        }
      }
      > li {
        margin-left: 25px;
      }
    }
    .top-social-menu {
      li {
        color: $body-dark-text-color;
        margin: 0;
        padding: 0;
        a {
          color: $body-dark-text-color;
          margin: 0;
          padding: 0;
        }
        .icon {
          font-size: rem(10);
          &-title {
            display: none;
          }
        }
        &:first-child {
          font-family: $heading-font-family;
          font-weight: normal;
          font-size: rem(12);
          letter-spacing: rem(0.5);
          text-transform: none;
        }
      }
      li[class^="item-"] {
        margin-left: rem(12);
      }
    }
  }
}

.page-header {
  &-title {
    font: {
      size: rem(32);
      weight: 600;
    }
    line-height: 1;
    letter-spacing: rem(1);
    margin: 0;
    padding: rem(40) 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    &:after {
      background-color: $border-color;
      content: '';
      height: rem(1);
      left: 0;
      position: absolute;
      top: 50%;
      width: 100%;
      z-index: 1;
    }
    span {
      background-color: $background-color;
      padding: 0 rem(30);
      position: relative;
      z-index: 2;
    }
  }
}

/* -----------------------------------------
      6 - Footer
------------------------------------------*/
.footer-style {
  &-default {
    .footer {
      &-wrap {
        border-top: rem(1) solid $border-color;
        padding-bottom: rem(30);
        padding-top: rem(30);
      }
      &-socials {
        ul {
          margin: 0;
          padding: 0;
          list-style: none;
          li {
            display: inline-flex;
            .icon {
              padding: 0 rem(10);
              font-size: rem(12);
              line-height: 1;
              &-title {
                display: none;
              }
            }
          }
        }
        @include media-query($medium-up) {
          ul {
            text-align: right;
          }
        }
      }
      &-copyright {
        color: $body-dark-text-color;
        font-family: $heading-font-family;
        font-size: rem(12);
        line-height: line-height(23, 16);
      }
    }
    @include media-query($medium-down) {
      .footer {
        &-wrap {
          text-align: center;
        }
        &-socials {
          margin-top: rem(10);
        }
      }
    }
  }
}


/* -----------------------------------------
      7 - List Default & Single Default
------------------------------------------*/
.list-default {
  [id^="post-"] {
    &:not(:first-child) {
      margin-top: rem(80);
    }
  }
}

.list-default,
.single-post {
  .entry {
    &-title {
      font-size:rem(32);
      line-height: line-height(42, 32);
      margin: 0;
      padding: 0;
    }
    &-sticky {
      margin-bottom: rem(10);
      .badge {
        background-color: $body-dark-text-color;
        border-radius: 0;
        font-size: rem(12);
        height: rem(20);
        line-height: rem(20);
        min-width: rem(20);
        padding: rem(5) rem(10);
        text-transform: uppercase;
      }
    }
    &-meta {
      display: inline-flex;
      &-top {
        margin-bottom: rem(10);
        .entry {
          &-time {
            a {
              color: $body-light-text-color;
              &:hover {
                color: $body-dark-text-color;
              }
            }
          }
          &-edit {
            margin-left: rem(15);
            a {
              border-bottom: rem(1) solid $border-dark-color;
              color: $body-dark-text-color;
              font-weight: bold;
              display: block;
              &:hover {
                border-color: $background-color;
              }
            }
          }
        }
      }
      &-bottom {
        line-height: 1.4;
        margin-top: rem(15);
        div:not(:last-child) {
          position: relative;
          padding-right: rem(15);
        }
        .entry-edit {
          a {
            border-bottom: rem(1) solid $border-dark-color;
            color: $body-dark-text-color;
            font-weight: bold;
            display: block;
            &:hover {
              border-color: $background-color;
            }
          }
        }
      }
    }
    &-content {
      margin-top: rem(23);
    }
    &-tags {
      line-height: 1.5;
      margin-bottom: rem(10);
      span {
        margin-right: rem(10);
      }
    }
    &-share {
      a {
        margin-left: rem(10);
      }
      .icon {
        font-size: rem(12);
        &-title {
          display: none;
        }
      }
    }
  }
  @include media-query($small-down) {
    .entry-title {
      font-size: rem(20); }
  }
  @include media-query($medium-down) {
    .entry-title {
      font-size: rem(24); }
  }
}

.single-post-default {
  .post-navigation {
    margin-top: rem(35);
    @include media-query($small-up) {
      .nav {
        &-links {
          display: flex;
          > * {
            width: calc(50% - 20px);
          }
        }
        &-previous {
          padding-right: rem(20);
          text-align: left;
        }
        &-next {
          padding-left: rem(20);
          text-align: right;
        }
      }
      .post-title {
        line-height: 1.2;
      }
    }
  }
  .comments-area {
    margin-top: rem(70);
    #comments-title,
    .comment-reply-title {
      font-size: rem(20);
      margin: 0;
      padding: 0;
      position: relative;
      &:before {
        background-color: $border-color;
        content: '';
        height: rem(1);
        left: 0;
        position: absolute;
        top: 50%;
        width: 100%;
        z-index: 1;
      }
      span {
        background-color: $background-color;
        padding-right: rem(10);
        position: relative;
        z-index: 2;
      }
    }
    .comment-reply-title {
      .cancel-reply-link {
        border-bottom: rem(1) solid $border-dark-color;
        font-size: rem(12);
        line-height: 1;
        margin-left: rem(10);
        padding: 0;
        text-transform: uppercase;
        transition: border-color .25s ease;
        &:hover {
          border-color: $background-color;
        }
      }
    }
    .comment {
      margin-top: rem(30);
      &-avatar {
        padding-top: rem(15);
        img {
          border-radius: 100%;
          height: auto;
          width: rem(50);
        }
      }
      &-list {
        > li:nth-child(n+2) {
          margin-top: rem(40);
        }
        ul.children  {
          margin-top: rem(30);
          li {
            margin-top: rem(40);
          }
        }
        li {
          .edit-link {
            margin-left: rem(10);
          }
        }
      }
      &-title {
        color: $body-dark-text-color;
        font-size: rem(14);
        font-style: normal;
      }
      &-content {
        padding-left: rem(65);
      }
      &-date {
        color: $body-light-text-color;
        display: block;
        font-size: rem(14);
        line-height: 1;
      }
      &-respond {
        margin-top: rem(70);
      }
      &-form {
        margin-top: rem(30);
      }
      &-field {
        &:not(:last-child) {
          margin-bottom: rem(10);
        }
      }
    }
  }
}



/* -----------------------------------------
      8 - Widgets
------------------------------------------*/
.widget {
  &:not(:last-child) {
    margin-bottom: rem(45);
  }
  &-title {
    font-size: rem(20);
    margin: 0;
    padding: 0;
    position: relative;
    &:before {
      background-color: $border-color;
      content: '';
      height: rem(1);
      left: 0;
      position: absolute;
      top: 50%;
      width: 100%;
      z-index: 1;
    }
    span {
      background-color: $background-color;
      padding-right: rem(10);
      position: relative;
      z-index: 2;
    }
  }
  &_recent_entries,
  &_recent_comments,
  &_archive,
  &_categories,
  &_meta,
  &_pages,
  &_nav_menu {
    ul {
      margin-left: rem(-10);
      margin-top: rem(22);
      li {
        line-height: 1.4;
        &:not(:last-child) {
          margin-bottom: rem(10);
        }
      }
    }
  }
  &_categories,
  &_pages,
  &_nav_menu {
    ul {
      ul {
        margin-top: rem(10);
        list-style: disc;
      }
    }
  }
  &_tag_cloud {
    .tagcloud {
      margin-left: rem(-15);
      margin-top: rem(15);
      a {
        font-size: rem(14);
        margin-left: rem(15);
      }
    }
  }
  &_search {
    .uk-search {
      width: 100%;
      .search-field-input {
        font-size: rem(16);
        height: rem(52);
      }
    }
  }
  &_media_gallery {
    .gallery {
      margin-top: rem(19);
    }
  }
  &_calendar {
    .calendar_wrap {
      margin-top: rem(19);
    }
  }
  &_media_image {
    img {
      margin-top: rem(27);
    }
  }
  &_media_video {
    .wp-video {
      margin-top: rem(27);
    }
  }
  &_text {
    .textwidget {
      margin-top: rem(27);
    }
  }
}


/* -----------------------------------------
      9 - Pagination
------------------------------------------*/
.pagination,
.page-links,
.paginate-comments {
  font-weight: 600;
  line-height: 1;
  > * {
    font-size: rem(16);
  }
}

.pagination,
.paginate-comments {
  margin-top: rem(80);
  > * {
    padding: 0 rem(15);
  }
}

.page-links {
  margin-top: rem(40);
  > * {
    padding: 0 rem(5);
  }
}



/* -----------------------------------------
     10 - 404
------------------------------------------*/
.error-404 {
  text-align: center;
  .search {
    max-width: rem(600);
    margin: 0 auto;
    .uk-search {
      width: 100%;
      .search-field-input {
        height: rem(50);
      }
    }
  }
}