/* ------------------------------
  Post Navigation
------------------------------ */

.post-list--item {
  display: inline-block;
  padding: 2rem;
  margin-bottom: 2rem;
  border: 1px solid var(--color-contrast-dark);
  min-height: 300px;
  color: var(--color-contrast-lightest);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all ease-in .2s;
}

.post-list--item:hover {
   color: var(--color-contrast-lightest);
   border-color: var(--color-primary);
}

.post-list--item header {
   transition: all ease-in .2s;
}

.post-list--item:hover header{
   opacity: .7;
}

.post-list--item .post-item--title{
  font-size: var(--text-size-md);
}

.post-list--item footer{
   display: flex;
   align-items: center;
   justify-content: space-between;

}

.post-list--item .post-item--arrow {
   width: 32px;
   height: 32px;
   border: 1px solid var(--color-contrast-dark);
   border-radius: 2rem;
   text-align: center;
   padding-top: 6px;
   background: url(/user/themes/makelapro/images/arrow-right.svg) center no-repeat;
}

.post-list--item:hover .post-item--arrow {
   animation: arrow-hover .4s ease;
}

.post-list--item .post-item--arrow svg{
   color: var(--color-contrast-dark);
}

/* ------------------------------
  Pagination
------------------------------ */
.pagination span,
.pagination a{
	background: var(--color-contrast-xs);
	padding: 6px 10px;
	border-radius: 3px;
	margin: 0 5px;
}

.pagination a{
	color: var(--color-primary);
}

.pagination a:hover {
	color: var(--color-primary-darker);
}

/* ------------------------------
  Post Content
------------------------------ */
.post-header-meta {
   margin: 1.4rem 0 .8rem;
}
.post-header-meta .tag{
   margin-left: 8px;
}
.post-title {
   font-size: var(--text-size-xl);
}
.post-summary {
   font-size: var(--text-size-sm);
}
.post-banner {
   height: 300px;
   width: 100%;
   border: 1px solid var(--color-contrast-dark);
   width: 105%;
   margin: 4rem -2rem 2rem;
}
.post-content {
   padding: 0 2rem;
}
.post-content h2 {
   font-size: var(--text-size-lg);
}
.post-footer {
   padding: 3rem 0;
   border-top: 1px solid var(--color-contrast-dark);
   margin-top: 4rem;
   margin-bottom: 4rem;
}
/* ------------------------------
  Post Navigation
------------------------------ */

#post-nav {
   display:flex;
   justify-content: space-between;
}
#post-nav span.prev {
	float: left;
	left: 0;
}
#post-nav span.next {
	float: right;
	right: 0;
}
#post-nav span {
	position: relative;
	display: inline-block;
}