@charset "UTF-8";
/* https://wpa.margex.org/en/blog/wp-content/themes/margex-blog-v2/assets/css/category.css?ver=2.0.3 */
.page-category #p-main-block{padding:24px 0 64px 0}.page-category #p-main-block h1{display:flex;display:-webkit-flex;padding:10px 16px 0 16px;width:auto;margin:0 0 32px 0;color:#040B1E;font-size:32px;font-weight:500;line-height:40px}.page-category #p-main-block h1 span{display:block;flex:0 0 auto;-webkit-flex:0 0 auto;border-bottom:8px solid #3071EE}.block-cat-main-articles .block-content{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;gap:32px}.block-cat-main-articles .b1{flex:0 0 auto;-webkit-flex:0 0 auto;width:100%;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;overflow:hidden;gap:0}.block-cat-main-articles .b1 .material.with-bg{padding:24px;flex-wrap:wrap;-webkit-flex-wrap:wrap;border-radius:12px;gap:12px;width:calc(100% - 48px)}.block-cat-main-articles .b1 .material.with-bg:hover{background:linear-gradient(2deg,#012EA2 -7.61%,rgba(117,142,224,.37) 86.89%,rgba(130,154,232,.3) 110.09%)}.block-cat-main-articles .b1 .material .field-image{width:100%;margin-bottom:8px;border-radius:20px;height:auto;max-height:686px}.block-cat-main-articles .b1 .material .field-image img{width:100%;height:auto;border-radius:20px}.block-cat-main-articles .b1 .material .field-title{font-size:32px;font-weight:400;line-height:40px;margin-bottom:8px}.block-cat-main-articles .b1 .material .field-title a{max-height:none}.block-cat-main-articles .b1 .material .field-tag a,.block-cat-main-articles .b1 .material .field-tag span{padding:4px 12px;border-radius:100px;text-align:center;font-size:14px;font-weight:500;line-height:16px}.block-cat-main-articles .b1 .material .m-footer{font-size:14px;font-weight:400;line-height:normal}.block-cat-main-articles .b2{flex:0 0 auto;-webkit-flex:0 0 auto;width:100%;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;gap:16px}.block-cat-main-articles .b2 .material.with-bg{padding:12px;flex:0 0 auto;-webkit-flex:0 0 auto;width:calc((100% - 16px)/2 - 24px);border-radius:12px;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;gap:20px}.block-cat-main-articles .b2 .material.with-bg:hover{background:linear-gradient(270deg,#012EA2 -1.88%,rgba(117,142,224,.37) 121.96%,rgba(130,154,232,.3) 128.47%)}.block-cat-main-articles .b2 .material .field-image{flex:0 0 auto;-webkit-flex:0 0 auto;width:calc((100% - 20px)*0.4577);height:192px}.block-cat-main-articles .b2 .material .m-data-wrap{flex:0 0 auto;-webkit-flex:0 0 auto;width:calc((100% - 20px) - ((100% - 20px)*0.4577));display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;gap:8px;flex-direction:column;justify-content:space-between}.block-cat-main-articles .b2 .material .field-tag{align-self:flex-start}.block-cat-main-articles .b2 .material .field-title{font-size:24px;font-weight:500;line-height:28px;align-self:flex-start}.block-cat-main-articles .b2 .material .field-title a{max-height:84px}.block-cat-main-articles .b2 .material .m-footer{margin-top:auto}@media screen and (max-width:986px){.block-cat-main-articles .b2{flex-wrap:wrap;-webkit-flex-wrap:wrap}.block-cat-main-articles .b2 .material.with-bg{width:calc(100% - 24px);gap:24px}.block-cat-main-articles .b2 .material .field-image{width:260px;height:192px}.block-cat-main-articles .b2 .material .m-data-wrap{width:calc(100% - 260px - 24px)}}@media screen and (max-width:768px){.block-cat-main-articles .b1 .material.with-bg{padding:16px;width:calc(100% - 32px)}.block-cat-main-articles .b1 .material .field-image{max-height:460px}.page-category #p-main-block{padding:24px 0 54px 0}}@media screen and (max-width:600px){.block-cat-main-articles .b1 .material .field-title{font-size:24px;font-weight:500;line-height:28px}.block-cat-main-articles .b1 .material .field-tag a,.block-cat-main-articles .b1 .material .field-tag span{font-size:12px;font-weight:500;line-height:18px}.block-cat-main-articles .b2 .material.with-bg{gap:12px}.block-cat-main-articles .b2 .material{align-items:center;-webkit-align-items:center}.block-cat-main-articles .b2 .material .field-image{width:128px;height:94px}.block-cat-main-articles .b2 .material .m-data-wrap{width:calc(100% - 128px - 12px)}.block-cat-main-articles .b2 .material .field-title{font-size:14px;font-style:normal;font-weight:400;line-height:22px}.block-cat-main-articles .b2 .material .field-title a{max-height:66px}.page-category #p-main-block{padding:24px 0 32px 0}}