/**
 * The base file that should be imported by every file.
 * There should be no CSS generation in this or from imported scss files at all!
 */
/**
 * Library
 */
/**
 * Variables and functions
 */
.item-news {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: var(--white);
  border-radius: 5px;
  overflow: hidden;
  transition: ease-in-out 200ms background-color; }
  .item-news.active, .item-news:hover {
    background-color: var(--dark-blue); }
    .item-news.active .content .post-date,
    .item-news.active .content h4 a,
    .item-news.active .content .text p, .item-news:hover .content .post-date,
    .item-news:hover .content h4 a,
    .item-news:hover .content .text p {
      color: var(--white); }
    .item-news.active .btn, .item-news:hover .btn {
      background-color: var(--dark-sand);
      color: var(--dark-blue); }
  .item-news .image {
    position: relative;
    padding-top: 62%;
    height: auto;
    min-height: auto; }
    .item-news .image > .img, .item-news .image img, .item-news .image video, .item-news .image iframe {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
         object-fit: cover; }
    @media (min-width: 768px) {
      .item-news .image {
        padding-top: 58%; } }
  .item-news .content {
    padding: 30px;
    display: flex;
    flex-direction: column;
    height: 100%; }
    @media (min-width: 768px) {
      .item-news .content {
        padding: 35px 50px; } }
    .item-news .content .post-date {
      margin: 0 0 5px 0;
      font-size: 14px; }
    .item-news .content h4 {
      margin-top: 0; }
      .item-news .content h4 a {
        text-decoration: none;
        color: var(--dark-blue);
        transition: ease-in-out 200ms color; }
    .item-news .content .text {
      margin-bottom: 20px; }
      .item-news .content .text p {
        margin: 0;
        color: var(--text-color); }
    .item-news .content .btn-item {
      margin-top: auto; }
      .item-news .content .btn-item .btn {
        display: block; }
        @media (min-width: 768px) {
          .item-news .content .btn-item .btn {
            min-width: 165px;
            display: inline-block; } }

@media (min-width: 480px) {
  .section-connect .container {
    display: flex;
    justify-content: space-between; } }

@media (max-width: 479px) {
  .section-connect .container a.btn {
    display: block;
    width: 100%; }
    .section-connect .container a.btn.sand {
      margin-top: 1em; } }

.section-connect .container a.btn.sand {
  background: var(--dark-sand);
  color: var(--dark-blue); }

/*# sourceMappingURL=related.css.map */