.blog-items {
  padding-top: 5em; }
  @media (max-width: 991px) {
    .blog-items {
      padding-top: 1rem; } }
  .blog-items .feature-post {
    margin: 0 -7.5px; }
    @media (max-width: 991px) {
      .blog-items .feature-post {
        margin: 0; } }
  .blog-items .container {
    min-height: 240px; }

.grid-sizer {
  width: 33.3333%; }
  @media (max-width: 991px) {
    .grid-sizer {
      width: 50%; } }

.no-posts {
  margin: auto;
  -webkit-transform: translateY(200%);
          transform: translateY(200%);
  max-width: 600px;
  opacity: 0;
  visibility: hidden;
  height: 0;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  position: absolute;
  left: 0;
  right: 0; }
  .no-posts p {
    font-size: 2rem;
    font-weight: 100;
    margin: 20px auto;
    color: #1054c1; }
    @media (max-width: 991px) {
      .no-posts p {
        font-size: 1.3rem;
        width: 90%; } }
  .no-posts.show {
    opacity: 1;
    visibility: visible;
    height: inherit;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-transition: all 500ms;
    transition: all 500ms; }

.BlogHolder .newsletter-signup.skew-layout:before {
  background: #fff; }

.BlogHolder .newsletter-signup.skew-layout:after {
  background: #373a3c; }

.blog-filter {
  padding: 15px 0;
  background: #eeeeee; }
  .blog-filter select {
    -webkit-appearance: none;
    -moz-appearance: none;
    border: none;
    background-color: transparent;
    text-transform: uppercase;
    position: relative;
    background-image: url("../images/down-arrow.png");
    background-repeat: no-repeat;
    background-position: 96% 50%;
    padding: 3px 25px 3px 3px;
    background-size: 12px;
    font-size: .75rem;
    font-weight: 300;
    text-outline: none;
    outline-width: 0;
    cursor: pointer;
    margin: 0 20px;
    border-bottom: 1px solid #dedede; }
    @media (max-width: 767px) {
      .blog-filter select {
        width: 100%;
        margin: auto;
        padding: 10px;
        font-size: 1rem; } }
  @media (max-width: 767px) {
    .blog-filter .btn {
      float: right;
      margin-top: 1rem; } }

@media (max-width: 767px) {
  .feature {
    min-height: 0; } }

/*# sourceMappingURL=blog-holder-page.css.map */