.post-list { position: relative; }
.post-list .outer { padding-left: var(--padding); padding-right: var(--padding); }
@media (max-width: 1079px) { .post-list .outer { padding-left: var(--padding-tablet); padding-right: var(--padding-tablet); } }
@media (max-width: 699px) { .post-list .outer { padding-left: var(--padding-mobile); padding-right: var(--padding-mobile); } }
.post-list .outer .wrap { max-width: var(--wrap-regular); margin-left: auto; margin-right: auto; }
.post-list .outer .wrap > .inner { background-color: white; padding-top: var(--section_space); padding-bottom: var(--section_space); }
@media (max-width: 1079px) { .post-list .outer .wrap > .inner { padding-top: calc(var(--section_space) - 15px); padding-bottom: calc(var(--section_space) - 15px); } }
@media (max-width: 699px) { .post-list .outer .wrap > .inner { padding-top: calc(var(--section_space) - 25px); padding-bottom: calc(var(--section_space) - 25px); } }
.post-list .outer .wrap > .inner .list { display: flex; flex-flow: wrap; margin: 0 -15px; }
.post-list .outer .wrap > .inner .list > * { width: calc(100% / 3 - 30px); padding: 15px 15px; box-sizing: content-box; }
@media (max-width: 1079px) { .post-list .outer .wrap > .inner .list > * { width: calc(100% / 2 - 30px); } }
@media (max-width: 699px) { .post-list .outer .wrap > .inner .list > * { width: 100%; box-sizing: inherit; } }
.post-list .action { margin-top: 30px; }
@media (max-width: 699px) { .post-list .more { text-align: center; } }