@charset "UTF-8";

/* ==========================================================================
   NEWS - archive
========================================================================== */

/* --------------------
   List
-------------------- */
.news-list {
  padding: 0;
  list-style-type: none;
}
.news-list .list {
  width: 100%;
  line-height: 1.6;
  border-top: 1px solid #EEE;
}
.news-list .list:last-of-type {
  border-bottom: 1px solid #EEE;
}
.news-list .list > a {
  display: block;
  padding: 1em 1.75em 1em 0;
  position: relative;
}
.news-list .list > a::before {
  content: '';
  width: .5em;
  height: .5em;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  position: absolute;
  top: 50%;
  right: .25em;
  transform: translateY(-50%) rotate(45deg);
  opacity: .75;
}
.news-list .list .entry-meta {
  margin-bottom: 5px;
}
.news-list .list time {
  display: inline-block;
  color: #767676;
}
.news-list .list .entry-title {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.6;
}

@media only screen and (min-width: 992px) {
  .news-list .list > a {
    display: flex;
    align-items: center;
    padding: 1em 2.5em;
  }
  .news-list .list > a::before {
    right: 1em;
  }
  .news-list .list > a .entry-meta {
    flex: 0 0 16.5%;
    max-width: 16.5%;
    margin-bottom: 0;
  }
  .news-list .list time {
    display: block;
  }
}


/* ==========================================================================
   Information- single
========================================================================== */
article {
  background-color: #F7F7F7;
  overflow: hidden;
}
article .entry__header .entry-meta {
  line-height: 1.6;
  border-left: 5px solid currentColor;
  padding: 2em 25px;
}
article .entry__header .cat {
  display: block;
  margin-right: 1em;
  font-weight: 700;
  text-transform: uppercase;
}
article .entry__header time {
  display: inline-block;
  color: #767676;
}
article .entry__header .entry-title {
  font-size: 1.8rem;
}
article .inner-container {
  padding-right: 30px;
  padding-left: 30px;
}
article .entry__content {
  padding-bottom: 30px;
}
article .entry__content img,
article .entry__content p,
article .entry__content ul,
article .entry__content ol,
article .entry__content dl,
article .entry__content table {
  margin-bottom: 30px;
}

@media only screen and (min-width: 768px) {
  article {
    margin-top: 35px;
  }
  article .inner-container {
    padding-right: 50px;
    padding-left: 50px;
  }
  article .entry__content {
    padding-bottom: 50px;
  }
}

@media only screen and (min-width: 992px) {
  article {
    margin-top: 40px;
  }
  article .inner-container {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
  }
  article .entry__content img,
  article .entry__content p,
  article .entry__content ul,
  article .entry__content ol,
  article .entry__content dl,
  article .entry__content table {
    margin-bottom: 45px;
  }
}

@media only screen and (min-width: 1200px) {
  article .entry__content {
    padding-bottom: 80px;
  }
}