/*
Blog Specific Styling.	
*/
/*
Global Variables

@import this file at the top of each page
template file to make variables available.
*/
:root {
  --common-top: 2.5vw;
  --common-bottom: 3vw;
  --common-left-right-padding: 2.5vw;
  --static-top-bot-padding: 70px;
}
@media (max-width: 810px) {
  :root {
    --common-top: 5vw;
    --common-bottom: 4vw;
  }
}

/*
Mixins

Add mixins to any css page using @include

e.g.
.element{
	@include transition( background .2s ease-out )
}
*/
.post-list {
  display: flex;
  flex-wrap: wrap;
}
.post-list .post {
  width: 33.33333%;
  padding: 30px;
  background: white;
  -webkit-transition: background 0.2s ease-out;
  -moz-transition: background 0.2s ease-out;
  -ms-transition: background 0.2s ease-out;
  -o-transition: background 0.2s ease-out;
  transition: background 0.2s ease-out;
}
.post-list .post:hover {
  background: #f4f4f4;
}
.post-list .post .date {
  font-size: 12px;
  color: #aaaaaa;
  padding: 5px 0px;
}
.post-list .post .post-img {
  display: block;
  padding-top: 60%;
  background: center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.post-list .post .post-img.placeholder {
  background: #f4f4f4 url("/wp-content/themes/tactex/images/shell/placeholder.png") center center no-repeat;
  -webkit-background-size: auto 80%;
  -moz-background-size: auto 80%;
  -o-background-size: auto 80%;
  background-size: auto 80%;
}
.post-list .post .post-text {
  padding: 30px 0px 0px 0px;
}
.post-list .pagination {
  width: 100%;
  text-align: center;
}
.post-list .pagination span, .post-list .pagination a {
  display: inline-block;
  padding: 3px 5px;
}

/*# sourceMappingURL=blog.css.map */