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

@import this file at the top of each page
template file to make variables available.
*/
@font-face {
  font-family: "Rossanova-Medium";
  src: url("/wp-content/themes/foe/library/fonts/rossanova-medium.woff2") format("woff2"), url("/wp-content/themes/foe/library/fonts/rossanova-medium.woff") format("woff"), url("/wp-content/themes/foe/library/fonts/rossanova-medium.otf") format("otf");
}
@font-face {
  font-family: "Rossanova-Regular";
  src: url("/wp-content/themes/foe/library/fonts/rossanova-regular.woff2") format("woff2"), url("/wp-content/themes/foe/library/fonts/rossanova-regular.woff") format("woff"), url("/wp-content/themes/foe/library/fonts/rossanova-regular.otf") format("otf");
}
@font-face {
  font-family: "Avenir-Book";
  src: url("/wp-content/themes/foe/library/fonts/Avenir-Book.woff2") format("woff2"), url("/wp-content/themes/foe/library/fonts/Avenir-Book.woff") format("woff"), url("/wp-content/themes/foe/library/fonts/Avenir-Book.otf") format("otf");
}
/*
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/foe/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 */