body {
  color: #777;
}

h1,h2,h3,h4,h5,h6,.heading-font {
  color: #555;
}

a {
  color: #334862;
  text-decoration: none;
}

.button,button,input[type=submit],input[type=reset],input[type=button] {
  position: relative;
  display: inline-block;
  background-color: transparent;
  text-transform: uppercase;
  font-size: .97em;
  letter-spacing: .03em;
  cursor: pointer;
  font-weight: bolder;
  text-align: center;
  color: currentColor;
  text-decoration: none;
  border: 1px solid transparent;
  vertical-align: middle;
  border-radius: 0;
  margin-top: 0;
  margin-right: 1em;
  text-shadow: none;
  line-height: 2.4em;
  min-height: 2.5em;
  padding: 0 1.2em;
  max-width: 100%;
  transition: transform .3s,border .3s,background .3s,box-shadow .3s,opacity .3s,color .3s;
  text-rendering: optimizeLegibility;
  box-sizing: border-box
}

.button,
  input[type="submit"],
  input[type="submit"].button,
  input[type="reset"].button,
  input[type="button"].button {
    color: #fff;
    background-color: #446084;
    background-color: var(--primary-color);
    border-color: rgba(0, 0, 0, 0.05);
  }


.primary.is-underline,
.primary.is-link,
.primary.is-outline {
  color: #446084 !important;
}

.primary.is-outline:hover {
  color: #fff !important;
  background-color: #446084 !important;
  border-color: #446084 !important;
}

.is-outline {
  color: silver;
}

.nav-pagination > li > span,
.nav-pagination > li > a {
  font-size: 1.1em;
  display: block;
  height: 2.25em;
  line-height: 2em;
  text-align: center;
  width: auto;
  min-width: 2.25em;
  padding: 0 7px;
  font-weight: bolder;
  border-radius: 99px;
  border: 2px solid currentColor;
  transition: all 0.3s;
  vertical-align: top;
}
.nav-pagination > li i {
  font-size: 1.2em;
  vertical-align: middle;
  top: -1px;
}
.nav-pagination > li > .current,
.nav-pagination > li > span:hover,
.nav-pagination > li > a:hover {
  border-color: #446084;
  background-color: #446084;
  color: #fff;
}