.post-feed { overflow: hidden; position: relative; padding-left: var(--padding); padding-right: var(--padding); padding-top: var(--section_space); padding-bottom: var(--section_space); }
@media (max-width: 1079px) { .post-feed { padding-left: var(--padding-tablet); padding-right: var(--padding-tablet); } }
@media (max-width: 699px) { .post-feed { padding-left: var(--padding-mobile); padding-right: var(--padding-mobile); } }
@media (max-width: 1079px) { .post-feed { padding-top: calc(var(--section_space) - 15px); padding-bottom: calc(var(--section_space) - 15px); } }
@media (max-width: 699px) { .post-feed { padding-top: calc(var(--section_space) - 25px); padding-bottom: calc(var(--section_space) - 25px); } }
.post-feed .wrap { max-width: var(--wrap-regular); margin-left: auto; margin-right: auto; }
.post-feed .list-view { display: flex; flex-flow: wrap; margin: 0 -15px; }
.post-feed .list-view > * { width: calc(100% / 3 - 30px); padding: 15px 15px; box-sizing: content-box; }
@media (max-width: 1079px) { .post-feed .list-view > * { width: calc(100% / 2 - 30px); } }
@media (max-width: 699px) { .post-feed .list-view > * { width: 100%; box-sizing: inherit; } }
.post-feed .slider { padding-top: 10px; position: unset; margin-left: -10px; margin-right: -10px; }
.post-feed .slider .slick-list { position: unset; }
.post-feed .slider .post-list-item { margin: 0 10px; }
.post-feed .slider .tns-item .meta { left: 20px; bottom: 20px; }
.post-feed .slider .tns-nav { position: absolute; bottom: -30px; left: 50%; }
@media (max-width: 699px) { .post-feed .slider .tns-nav { bottom: 20px; right: 0; text-align: right; } }
.post-feed .slider .tns-nav button { width: 56px; height: 4px; border-radius: 0; border: none; background-color: var(--light-grey); margin-right: 5px; cursor: pointer; }
@media (max-width: 699px) { .post-feed .slider .tns-nav button { width: 20px; } }
.post-feed .slider .tns-nav button.tns-nav-active { background-color: var(--tertiary); cursor: default; }
.post-feed .more-posts { margin-top: 20px; }
@media (max-width: 699px) { .post-feed .more-posts { text-align: center; } }
.post-feed:hover .slick-prev, .post-feed:hover .slick-next { opacity: 1; }