.page.blog {
  /*background-color:#0e0e0;*/
}
.page .posts-wrap {
  background-color:#e0e0e0;
  width:100%;
  overflow: hidden;
}
.posts-contain {
  box-sizing: border-box;
  width:calc(100% + 40px);
  float:left;
  display:flex;
  flex-wrap:wrap;
  padding:40px 0;
  background-color:#e0e0e0;
}

.post {
  box-sizing: border-box;
  width:33.333333%;
  min-height:100px;
  float:left;
  padding:0 40px 40px 0;
}
.page-module .post {
  padding:0 40px 0 0;
}
.page-module.related-projects .button.button-floating {
  margin-top:44px;
}
.post-inner {
  position: relative;
  box-sizing: border-box;
  background-color:white;
  height:100%;
  overflow: hidden;
  border: solid 2px #d5d5d5;
}
.post img {
  width:100%;
}
.categories-contain {
  display:none;
}
.title {
  float:left;
  width:100%;
}
.post h2 {
  float:left;
  width:100%;
  display:block;
  font-size:30px;
  text-align: center;
  font-weight:300;
  font-style: italic;
  -webkit-text-stroke: 1px;
}
.post-pad {
  box-sizing: border-box;
  width:100%;
  padding:20px 20px 90px 20px;
  float:left;
}
.post-content {
  width:100%;
  float:left;
  padding:10px 0 10px 0;
  text-align: center;
}
.post-content p:last-child {
  margin:0;
}
.page.blog .button {
  margin:0;
  background-color:transparent;
  color:#616161;
}
.page.blog .button:hover {
  background-color:#f0f0f0;
}
.button-outer.fixed_bottom {
  position:absolute;
  bottom:20px;
  left:0;
}

.cat-select-contain {
  width:100%;
  display:block;
}
.select-label {
  font-weight: 700;
  font-size:14px;
  height:40px;
  padding:0 10px;
  float:left;
  background-color:#e3e3e3;
  border-radius: 4px 0 0 4px;
}
.select-cont {
  float:left;
  box-sizing: border-box;
  position:relative;
  height: 40px;
  overflow: hidden;
  float:left;
  width: 200px;
  background-color:white;
  border: solid 1px #e3e3e3;
  border-radius: 0 4px 4px 0;
}
.select-cont.error {border:solid 2px red;}
.select-cont:after {
  pointer-events: none;
  position:absolute;
  content:'\f13a';
  font-family: 'FontAwesome';
  color:#777777;
  top:50%;
  right:10px;
  transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  -webkit-transform:translateY(-50%);
}

.select-cont select {
  background: transparent;
  border: none;
  font-size: 14px;
  height: 40px;
  padding: 0 10px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  /* font-family: 'Helvetica Neue'; */
  font-weight:700;
  color:#777777;
  outline: none;
}



.pagination {
  margin-top:10px;
  float:left;
  width:100%;
  margin-bottom: 20px;
}
.pagination a {display:block; float:left}
.pagination-inner {
  padding:10px 10px;
  position:relative;
  float:left;
  left:50%;
  transform:translateX(-50%);
  background-color:white;
  border-radius: 99px;
}
.pagi-nav {
  font-weight:700;
  font-size:14px;
  position:relative;
  box-sizing: border-box;
  width:40px;
  height:40px;
  background-color:#f0f0f0;
  text-align: center;
  border-radius: 99px;
  float:left;
  margin-right:10px;

  transition:all .25s ease-in-out;
}
.pagi-nav div {
  margin-top:2px;
}
.pagination a.active .pagi-nav {
  background-color:black;
  color:white;
}
.pagination a:last-of-type .pagi-nav {
  margin:0;
}
.pagi-nav:before {font-weight: normal;}
.pagi-nav.left:before {content:'\f053';}
.pagi-nav.right:before {content:'\f054';}
.pagi-nav:hover {
  background-color:black;
  color:white;
}


.post-single {
  width:100%;
  padding:0;
  margin-top:20px;
}
.post-single .post-inner {
  border:0;
  padding:0 100px;
}
.post-single .post-content {
  width:100%;
}
.post-single .post-content,
.post-single .post-content h2 {
  text-align: left;
}
.post-content h1 {
  text-transform: none;
  /* margin-bottom:20px; */
}
.post-content h2 {
  width:100%;
  margin-top:30px;
  float:none;
  display:block;
}
.post-content p {
  /* margin:0; */
}
.post-content a {
  display:inline;
}
.post-content img {
  display:block;
  float:none;
  margin:0 auto;
  margin-top:30px;
  max-width: 100%;
  width:auto;
  height:auto;
}
.post-content em {
  -webkit-text-stroke: 0.5px;
}

.image-placeholder {
  position:relative;
  width:100%;
  background-color:#f0f0f0;
}
.image-placeholder:before {
  content:'\f03e';
  font-size:30px;
  color:rgba(0,0,0,0.3);
}
.image-placeholder:after {
  content:'';
  padding-bottom:50.1%;
  display:block;
}

.blog-breakout {
  width:100%;
  background-color:#e5e5e5;
  display:flex;
  align-items: flex-end;
}
.blog-breakout img {
  width:66.666666%;
  float:left;
}
.blog-breakout .breakout-text {
  box-sizing: border-box;
  width:33.333333%;
  float:left;
  padding:30px;
  text-align: right;
  font-size:35px;
}
.blog-breakout p {
  margin:0;
}

.wp-caption {
  position:relative;
  width:calc(100% + 40px) !important;
  overflow:visible;
  float:left;
  display:flex;
  align-items: center;
  margin:30px 0;
}
.wp-caption img {
  position:relative;
  width:50%;
  margin:0;
  max-width: auto;
  height:auto;
  float:left;
}
.wp-caption p.wp-caption-text {
  position:relative;
  float:left;
  left:-40px;
  z-index:9;
  box-sizing: border-box;
  width:50%;
  background-color:#616161;
  padding:50px;
  font-size:40px;
  text-align: center;
  font-weight:300;
  font-style: italic;
  -webkit-text-stroke: 1px;
  color:white;
}

.author-block {
  width:100%;
  float:left;
  background-color:black;
  display:flex;
  flex-wrap: wrap;
}
.author-block img {
  width:100%;
  display:block;
  margin:0;
  object-fit: cover;
  object-position: center top;
  height:100%;
}
.author-block,
.author-block p {
  color:#a3a3a3;
}
.author-block strong {
  color:white;
}
.author-block .author-block-left {
  float:left;
  width:30%;
}
.author-block .author-block-right {
  float:left;
  width:70%;
  display:flex;
  align-items: flex-end;
}
.author-block .author-block-right .inner {
  padding:30px;
  box-sizing: border-box;
}

.related-post-outer {
  box-sizing: border-box;
  width:100%;
  padding:20px;
}
.related-post-wrap  {
  width:calc(100% + 40px);
  display: flex;
  flex-wrap: wrap;
}


.social-section.share-section {
  padding:5px;
  overflow: auto;
  position:relative;
  right:auto;
  top:auto;
  transform:translate(0,0);
  -ms-transform:translate(0,0);
  -webkit-transform:translate(0,0);

  height: 100%;
  box-sizing: border-box;
}
.social-share-contain {
  text-align: center;
  position:relative;
  border-radius: 10px;
  border:solid 2px #000000;
  margin-top:35px;
  overflow: hidden;
  height:50px;
  margin-bottom:30px;
}
.social-label {
  height:100%;
  box-sizing: border-box;
  width:auto;
  float:left;
  background-color: #000000;
  color:white;
  padding:10px;
}
.social-share-contain a {
  display:block;
}
.social-share-contain .sharebtn {
  height:40px;
  box-sizing: border-box;
  float:left;
  margin:0;
  border-radius: 0;
  width:33.333333%;
  border-right:solid 2px #000000;
}
.social-share-contain a:last-of-type .sharebtn {
  border-radius: 0 7px 7px 0;
}
.social-share-contain .sharebtn:hover {
  background-color:#000000;
  color:white;
}
.social-share-contain a:last-of-type .sharebtn {
  border:0;
}


@media screen and (max-width: 1280px) {

  .post {
    width:100%;
  }
  .related-post-wrap .post {
    width:50%;
  }
  .page-module .post {
    padding:0 40px 40px 0;
  }
  .blog-breakout .breakout-text {
    font-size:24px;
  }
  .wp-caption p.wp-caption-text {
    font-size:25px;
  }

}
@media screen and (max-width: 800px) {

  .page-module.related-projects .button.button-floating {
    margin-top:-26px;
  }

  .post {
    width:100%;
  }
  .post-single .post-inner {
    padding:0;
  }
  .related-post-wrap .post {
    width:100%;
  }

  .blog-breakout {
    display:block;
    overflow: auto;
  }
  .blog-breakout img {
    width:100%;
  }
  .blog-breakout .breakout-text {
    width:100%;
    font-size:18px;
    text-align: left;
  }
  .wp-caption p.wp-caption-text {
    padding:20px;
    font-size:20px;
  }

  .author-block {
    padding:20px;
    box-sizing: border-box;
  }
  .author-block .author-block-left {
    max-width:200px;
    width:100%;
    background-position:center top;
    background-repeat: no-repeat;
    background-size: cover;
    display:block;
    margin:0 auto;
    border-radius: 999px;
  }
  .author-block .author-block-left:after {
    content:'';
    padding-bottom:100%;
    display:block;
  }
  .author-block .author-block-right {
    width:100%;
  }
  .author-block .author-block-right .inner {
    padding:0;
    padding-top:20px;
  }
  .author-block img {
    display:none;
  }

  .social-label {
    width:100%;
    height:30px;
  }
  .social-share-contain {
    height:auto;
  }
  .social-share-contain a:first-of-type .sharebtn {
    border-radius: 0 0 0 7px;
  }
  .social-share-contain a:last-of-type .sharebtn {
    border-radius: 0 0 7px 0;
  }

}





@media screen and (max-width: 800px) {


  .filter-bar-expand {
    display:block;
  }
  .projects-main .filter-bar-contain {
    height:auto;
    margin-bottom:40px;
    flex-direction: column;
  }
  .projects-main .filter-bar {
    display:none;
  }
  .projects-main .filter-bar .item {
    height:40px;
    margin:0;
  }

}



/*  */