// ** Start Styles **

.wrapper { }

.site-nav {

padding: ($spacing-unit * 1) 0;
margin-bottom: $spacing-unit * 1.5;

border-bottom: 1px solid rgba(0,0,0,.05);

@include media-query($small-screen) {
  padding: ($spacing-unit * .75) 0;
  margin-bottom: $spacing-unit * .75;
}

//  .page-link {
//     text-decoration: none;
//     font-family: $title-font-family;
//     font-size: $title-font-size * .75;
//     font-weight: 400;
//     color: $copy-color;
 //
//     // Gaps between nav items, but not on the last one
//     &:not(:last-child) {
//        margin-right: ($spacing-unit * 1.5);
 //
//        @include media-query($small-screen) {
//           margin-right: ($spacing-unit);
//        }
//     }
//  }

}

.site-title {

text-decoration: none;
font-family: $title-font-family;
font-size: $title-font-size * .75;
font-weight: $title-font-weight;
color: $copy-color;
text-transform: uppercase;

}

// ** Site Footer **

.site-footer {

//  background: #FAFAFA;
//  border-top: 1px solid $horiz-rule-color;
//  padding: $spacing-unit 0;

}

// ** Page Content (Default Layout) **

.page-content {

// padding: $spacing-unit 0;

}

// ** Home **

.post-list {

margin: 0;
list-style: none;

}

.post-link {

text-decoration: none;
color: $copy-color;

}

.post-preview {

 padding-top: $spacing-unit * 1.5;
 padding-bottom: $spacing-unit * 1.5;

 border-bottom: 1px solid rgba(0,0,0,.05);

@include media-query($small-screen) {
  padding-top: $spacing-unit * .75;
  padding-bottom: $spacing-unit * .75;
}

}

.post-list > .post-first-child > .post-preview {

padding-top: 0;

}

// ** Posts **

.post-meta {

margin: 0;
font-family: $label-font-family;
font-size: $label-font-size * .75;
font-weight: $label-font-weight;
color: $label-color;
text-transform: uppercase;

@include media-query($small-screen) {
  font-size: $label-font-size * .7;
}

}

.post-title {

 margin-top: $spacing-unit / 2.5;
 margin-bottom: $spacing-unit / 2.5;

font-family: $header-font-family;
font-size: $header-font-size;
font-weight: $header-font-weight;
line-height: $header-font-line-height;

//transition: color .125s ease-in-out;

@include media-query($small-screen) {
  font-size: $header-font-size * .75;
}

}

.post-excerpt {

font-size: $body-font-size;
font-weight: $body-font-weight;
line-height: $body-font-line-height;

@include media-query($small-screen) {
  font-size: $body-font-size * .9;
}

}

.post-content {

@include media-query($small-screen) {
  font-size: $body-font-size * .9;
}

 h1,h2,h3,h4 {
    font-family: $header-font-family;

    @include media-query($small-screen) {
      margin-top: $spacing-unit * .25;
      margin-bottom: $spacing-unit * .25;
    }
 }

h2 {
  font-size: 32px;
}

h3 {
  font-size: 26px;
}

h4 {
  font-size: 20px;
}

p {
   margin-top: $spacing-unit;
   margin-bottom: $spacing-unit;

   @include media-query($small-screen) {
     margin-top: $spacing-unit * .25;
     margin-bottom: $spacing-unit * .25;
   }
}

 a {
    color: $copy-color;
    text-decoration: none;
    border-bottom: 1px solid $label-color;

    &:hover {
       border-bottom: 1px solid $copy-color;
    }
 }

} // end .post-content