.page-header {
  background-image: url("../images/posts-cover.jpg"); }

.news {
  padding: 80px 0; }
  .news .posts .post .post-tag, .news .posts .post .post-button {
    border-radius: 25px;
    font-size: .75rem;
    color: #30303082;
    border-color: #30303082;
    outline: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    .news .posts .post .post-tag:hover, .news .posts .post .post-button:hover {
      background: transparent !important;
      border-color: #006DA6;
      color: #006DA6; }
  .news .posts .post .post-button {
    font-size: .9rem;
    padding: 15px; }
  .news .posts .post .post-title a {
    color: inherit;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .news .posts .post .post-title a:hover {
      color: #006DA6;
      text-decoration: none; }
  .news .posts .post .post-infos {
    font-weight: normal;
    font-size: .75rem;
    color: #30303082; }
    .news .posts .post .post-infos .comments-count {
      color: #30303082;
      cursor: pointer; }
      .news .posts .post .post-infos .comments-count:hover {
        text-decoration: none; }
  .news .posts .post .image-overlay {
    position: relative;
    overflow: hidden;
    display: block;
    height: 370px; }
    .news .posts .post .image-overlay .image-wrapper {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 370px;
      overflow: hidden; }
    .news .posts .post .image-overlay .image-wrapper img {
      position: absolute;
      left: 50%;
      top: 50%;
      height: 100%;
      width: auto;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    .news .posts .post .image-overlay .image-wrapper img.portrait {
      width: 100%;
      height: auto; }
    .news .posts .post .image-overlay:hover:before {
      opacity: 1; }
    .news .posts .post .image-overlay img {
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear; }
    .news .posts .post .image-overlay:before {
      content: ' ';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3);
      opacity: 0;
      z-index: 2;
      -webkit-transition: all 0.3s linear;
      -moz-transition: all 0.3s linear;
      -ms-transition: all 0.3s linear;
      -o-transition: all 0.3s linear;
      transition: all 0.3s linear; }
  .news .posts .post .post-body {
    font-size: 1.1rem;
    /* Image captions using the HTML5 figure element */
    /* Basic styles for Table of Contents plugin (toc) */ }
    .news .posts .post .post-body figure.align-left {
      float: left; }
    .news .posts .post .post-body figure.align-right {
      float: right; }
    .news .posts .post .post-body figure.image {
      display: inline-block; }
    .news .posts .post .post-body figure.image img {
      margin: 8px 0;
      cursor: pointer; }
    .news .posts .post .post-body figure.image figcaption {
      margin: 6px 8px 6px 8px; }
    .news .posts .post .post-body img {
      cursor: pointer; }
    .news .posts .post .post-body .mce-toc {
      border: 1px solid gray; }
    .news .posts .post .post-body .mce-toc h2 {
      margin: 4px; }
    .news .posts .post .post-body .mce-toc li {
      list-style-type: none; }
  .news .posts .comments .comment-text {
    color: #30303082; }
  .news .posts .comments h5 {
    font-size: 1rem; }
  .news .posts .comments .no-comments {
    font-size: .9rem;
    color: #30303082; }
  .news .posts .comments .form-control {
    font-size: .8rem; }
  .news .posts .comments textarea {
    height: 190px; }
  .news .posts .comments button {
    font-size: 1rem;
    padding: 10px 30px !important; }
  .news .categories h3 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1rem; }
  .news .categories li a {
    color: inherit !important;
    text-transform: capitalize; }
    .news .categories li a:hover {
      color: #006DA6 !important;
      text-decoration: none; }
    .news .categories li a span {
      color: #006DA6; }
      .news .categories li a span.count {
        color: #30303082; }

/*# sourceMappingURL=articles.css.map */
