:root {
  --main: #0A326D;
  --main2: #D54D27;
  --main3: #ECF8FF;
  --black: #122239;
  --light-black: #5C5C5D;
  --gray: #B2B9C5;
  --light: #f7f8fb;
  --white: #fff;
  --white-opacity: rgba(255, 255, 255, 0.14);
  --red: red;
}

.contrast-high {
  --main: #ffeb87;
  --main2: #ffeb87;
  --main3: #ffeb87;
  --black: #ffeb87;
  --light-black: #ffeb87;
  --gray: #B2B9C5;
  --light: #f7f8fb;
  --white: #2b2a29;
  --red: #ffeb87;
}

.posts-list .card-list {
  display: flex;
  border-bottom: 1px solid var(--light);
  margin: 20px 0;
  padding-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .posts-list .card-list {
    flex-wrap: wrap;
  }
}
.posts-list .card-list .img-list {
  width: 150px;
}
@media only screen and (max-width: 768px) {
  .posts-list .card-list .img-list {
    width: 100%;
  }
}
.posts-list .card-list .img-list img {
  width: 100%;
  height: auto;
}
.posts-list .card-list .content-list {
  width: calc(100% - 150px);
  padding: 0px 0 0px 20px;
}
@media only screen and (max-width: 768px) {
  .posts-list .card-list .content-list {
    width: 100%;
    padding: 15px;
  }
}
.posts-list .card-list .content-list .meta-group {
  font-size: 0.7em;
  color: var(--main);
}
.posts-list .card-list .content-list h2 {
  font-size: 1.2em;
}
.posts-list .card-list .content-list h2 a {
  color: var(--black);
  text-decoration: none;
}
.posts-list .card-list .content-list p {
  font-size: 0.8em;
}/*# sourceMappingURL=posty-list.css.map */