.articles{background:url("/media/img/plugin-background.jpg");margin:2rem 0;padding:1rem 0 2rem}body.search_preview_open .articles{background:none}.articles h1{margin-left:auto;margin-right:auto;max-width:1486px;width:100%;text-align:center}@media only screen and (min-width: 961px){.articles h1{padding-left:3rem;padding-right:3rem}}@media only screen and (max-width: 960px){.articles h1{padding-left:1.5rem;padding-right:1.5rem}}.articles .items{margin-left:auto;margin-right:auto;max-width:1486px;width:100%;display:flex;flex-wrap:wrap;padding-right:0 !important}@media only screen and (min-width: 961px){.articles .items{padding-left:3rem;padding-right:3rem}}@media only screen and (max-width: 960px){.articles .items{padding-left:1.5rem;padding-right:1.5rem}}.articles .items .article_box{margin-right:1rem;width:calc(33.3333333333% - 2rem)}.articles .paginator_wrapper{margin-left:auto;margin-right:auto;max-width:1486px;width:100%}@media only screen and (min-width: 961px){.articles .paginator_wrapper{padding-left:3rem;padding-right:3rem}}@media only screen and (max-width: 960px){.articles .paginator_wrapper{padding-left:1.5rem;padding-right:1.5rem}}.articles .filter{margin-left:auto;margin-right:auto;max-width:1486px;width:100%;margin-bottom:2rem}@media only screen and (min-width: 961px){.articles .filter{padding-left:3rem;padding-right:3rem}}@media only screen and (max-width: 960px){.articles .filter{padding-left:1.5rem;padding-right:1.5rem}}.articles .filter .article_filter_items{display:flex;flex-wrap:wrap;justify-content:center}.articles .filter .article_filter_items li{font-size:.8666666667rem;line-height:1.8461538462em;color:#539a00;margin:.5rem .5rem 0 0}.articles .filter .article_filter_items li a{background:none;border:1px solid #539a00;border-radius:3px;display:table-cell;padding:.4rem .75rem .2rem;width:auto;text-align:center;vertical-align:middle}.articles .filter .article_filter_items li a:hover{text-decoration:underline}.articles .filter .article_filter_items li a:active{background-color:#539a00;color:#fff}.articles .filter .article_filter_items li a .count{color:#3b5500;font-size:85%;opacity:.5}.articles .filter .article_filter_items__item.active{background-color:#cbf35f}.articles .filter .article_filter_items__item a{display:inline-block;max-width:15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media only screen and (max-width: 1200px){.articles .items .article_box{width:calc(50% - 2rem)}}@media only screen and (max-width: 960px){.articles .items{margin-right:-1.5rem}}@media only screen and (max-width: 720px){.articles .items{margin-right:1.5rem}.articles .items .article_box{width:100%}}