.blog {
  background-color: #F8F8F8;
}

.blog .article {
  border-left: solid 1px #D9D9D9;
  border-right: solid 1px #D9D9D9;
  padding: 0 1rem;
}

.blog .article .article-image {
  position: relative;
  border-radius: 40px;
  margin: auto;
  overflow: hidden;
  padding-bottom: 62.43386243386243%;
}

.blog .article .article-image img {
  position: absolute;
  left: 50%;
  top: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.blog .article .article-image:hover img {
  height: 110%;
  width: 110%;
}

.blog .article .article-content, .blog .article .text {
  margin-top: 2.5vh;
}

.blog .article .article-content {
  line-height: 1.6rem;
}

.blog .article .article-content .article-title {
  text-transform: uppercase;
  font-family: "Sf-Compact-Display-Bold";
  font-size: 1.125rem;
  color: #000;
}

.blog .article .article-content .article-title:hover{
  color: #637D96;
}

.blog .article .article-content .article-date {
  color: #959595;
}

.blog .article .text {
  margin-bottom: 2.5vh;
  text-align: left;
  color: #959595;
  line-height: 1.6rem;
}

.blog .article .more {
  display: inline-flex;
  margin: 0;
  text-transform: uppercase;
}

.blog .article .more::before {
  bottom: 2px;
}

.blog .all-articles {
  margin-top: 10vh;
  width: 180px;
}

.three .article:first-of-type,
.three .article:last-of-type
{
  margin-top: 15vh;
}

.three .article:not(:first-of-type):not(:last-of-type){
  margin-bottom: 15vh;;
}

.section__title {
  width: 45%;
}

body.page-secondary .blog {
  background-color: #FFF;
}

body.page-secondary .article {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.page-secondary .article:nth-child(n+4) {
  margin-top: 7.5vh !important;
}

body.page-secondary .section {
  padding-top: 10vh;
}

.blog-recommendation {
  background-color: #F8F8F8 !important;
}

.blog-2 + footer {
  background-color: #FFF;
}

.news-pagination {
  color: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10vh;
}

.news-pagination ul {
  list-style-type: none;
}

.news-pagination ul li {
  display: inline;
  display: inline-block;
  color: #000;
  height: 25px;
  width: 25px;
  background-color: #CBDBEB;
  text-align: center;
  line-height: 25px;
  border-radius: 50%;
}

.news-pagination ul li a {
  display: block;
  height: 100%;
  width: 100%;
  color: #000;
}

.news-pagination ul li:not(:first-of-type) {
  margin-left: 30px !important;
}

.news-pagination ul .active {
  background-color: #637D96;
}

.news-pagination ul .active a {
  color: #FFF;
}

.post .categories {
  color: #959595;
}

.post .categories a {
  color: #959595;
}

.post .categories a:first-of-type {
  position: relative;
  margin-left: .5rem;
}

.post .categories a:first-of-type::before {
  content: "";
  position: absolute;
  left: -.25rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  height: 1rem;
  width: 1px;
  background-color: #959595;
}

.post .post-image {
  border-radius: 40px;
  padding-bottom: 56%;
}

.post .post-content {
  margin-top: 10vh;
}

.post .post-content p {
  margin: 0;
  line-height: 1.75rem;
}

.post .post-share {
  margin-top: 10vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.post .post-share .sh {
  font-family: "Sf-Compact-Display-Bold";
}

.post .post-share .social-icons {
  margin: 0;
  display: inline-block;
}

.post .post-share .social-icons a {
  margin-left: 20px;
}

.post .post-share .social-icons a svg {
  height: 20px;
  width: 20px;
}

.post .post-share .social-icons a::before {
  left: -15px;
  top: 0;
}

.post .post-image, .post .post-content p {
  margin-top: 2.5vh;
}

@media only screen and (max-width: 1023px) {
  .blog .latest-posts .article {
    border: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .blog .latest-posts .article .article-image {
    width: 100%;
  }
  .blog .latest-posts .article .article-image img {
    padding: 0;
  }
  .blog .latest-posts .article .article-content {
    padding: 0;
  }
  .blog .latest-posts .article .article-content .article-title, .blog .latest-posts .article .article-content .article-date {
    text-align: center;
  }
  .blog .latest-posts .article .text {
    text-align: center;
    padding: 0 5rem;
  }
  .blog .latest-posts .article:not(:first-of-type) {
    margin-top: 9.5vh !important;
  }
  .blog .more {
    margin-left: 0 !important;
    display: block !important;
    text-align: center;
    width: 100%;
  }
  .blog .more:before {
    display: none;
  }
  .post .post-image{
    padding-bottom: 62.43386243386243%;
  }
  .post .post-share {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .post .categories {
    text-align: center;
  }
  .section__title {
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .latest-posts .article .article-image img {
    padding: 0 5%;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .latest-posts .article .text {
    padding: 0 5% !important;
  }
}
/*# sourceMappingURL=blog.css.map */