.sticky {
	display: block;
}

.byline,
.updated:not(.published){
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.post {
	margin-bottom: 4em;
	padding-bottom: 1em;
}

.post-thumbnail {
	margin-bottom: 1em;
}

.entry-meta,
.entry-footer {
  font-size: .75rem;
  margin: .75em 0 2em;

  .material-icons {
    color: $gray-600;
    font-size: .75rem;
    vertical-align: middle;
    padding-bottom: 0.2rem;
    margin-right: 0.2rem;
  }
  span {
    margin: 0 1.5em .4em 0;
    display: inline-block;

    &:last-child {
      margin: 0;
    }

    a {
      text-decoration: none;
      color: $gray-600;

      &:hover {
        color: $gray-900;
      }
    }
  }
	.edit-link {
		.btn {
      		color: $white;

      	&:hover {
	        color: $white
	    }
	}
  }
}

/* Posts Navigation */
.nav-links {
	display: flex;
	justify-content: space-between;
}

.post-navigation {
  margin: 2rem 0;
}

/* Screenreaders */
.screen-reader-text {
	@include sr-only;
}

/* 404 page */
.error404 {
	.content-area {
		@include make-col-ready();
		@include make-col(12);	
	}
}


.home {
  .site-header {
    margin-bottom: 0;
  }
  .home-hero {
    text-align: center;
    color: $white;
    background-color: #3f51b5;
    padding: 5rem 0;
    margin-bottom: 4rem;

    h1 {
      font-size: 5rem;
    }

    .lead {
      margin-bottom: 3rem;
    }

    a {
      color: #ffa726;
    }
  }

  .columns {
    text-align: center;

    h2 {
      margin-bottom: 3rem;
    }

    .lead {
      margin-top: 8rem;
    }
  }
}



