// document font size
html {
  font-size: $font-size-root;
}

// Body styling
body {
  font-family: $font-family-content;
  font-weight: 300;
  line-height: 1.5em;
  color: rgba(97, 97, 97, 0.87);
  min-height: 100vh;
  &.inverse {
    background: #333333;
    &, .form-control {
      color: $white;
    }
    .modal,
    .panel-default,
    .card {
      &,
      .form-control {
        background-color: initial;
        color: initial;
      }
    }

  }
}

// wrapper
.wrapper{

    &.wrapper-full-page{
        height: auto;
        min-height: 100vh;
    }
}

// content wrapper
.content-wrapper{
  padding:0 15px;
}

// headings
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: $font-family-base;
  font-weight: 300;
  line-height: 1.15em;
  color: #454545;
}

// serif fonts
.serif-font{
    font-family: $font-family-sans-serif;
}

// Page header
.page-header {
    height: 60vh;
    background-position: center center;
    background-size: cover;
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

// Anchor
a{
  color: theme-color("primary");
  &:hover,
  &:focus{
      color: darken(theme-color("primary"), 5%);
      text-decoration: none;
  }

  &.text-info{
      &:hover, &:focus{
          color: darken(theme-color("info"), 5%);
      }
  }
}

// Paragraph
p{
  font-size: 1rem;
  letter-spacing: 0.3px;
}