@charset "UTF-8";
/* https://wpa.margex.org/en/blog/wp-content/themes/margex-blog-v2/assets/css/materials.css?ver=2.0.3 */
.a-view{display:flex;display:-webkit-flex}.a-view .material{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;gap:12px}.a-view .material.with-bg{border-radius:12px;cursor:pointer}.a-view .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%)}.a-view .material .field-image{flex:0 0 auto;-webkit-flex:0 0 auto;width:100%;border-radius:12px;display:flex;display:-webkit-flex;justify-content:center;-webkit-justify-content:center;align-items:center;-webkit-align-items:center;overflow:hidden}.a-view .material .field-image a{width:100%;height:100%;display:block;text-decoration:none}.a-view .material .field-image img{border-radius:12px;width:100%;height:100%;object-fit:cover;object-position:center}.a-view .material .field-tag{border-radius:100px;background:rgba(43,141,255,.1);flex:0 0 auto;-webkit-flex:0 0 auto}.a-view .material.with-bg:hover .field-tag{background:rgba(188,219,255,.15);color:#F1F1F1}.a-view .material .field-tag a,.a-view .material .field-tag span{display:block;padding:2px 8px;text-decoration:none;color:#3071EE;text-align:center;font-size:12px;font-weight:500;line-height:18px;height:18px}.a-view .material.with-bg:hover .field-tag a,.a-view .material.with-bg:hover .field-tag span{color:#F1F1F1}.a-view .material .field-title{font-size:20px;font-style:normal;font-weight:500;line-height:28px;flex:0 0 auto;-webkit-flex:0 0 auto;width:100%;display:-webkit-box}.a-view .material .field-title a{color:#040B1E;text-decoration:none;transition:color 0.15s ease-in-out;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:56px}.a-view .material .field-title a:hover{color:#3071EE}.a-view .material.with-bg:hover .field-title a,.a-view .material.with-bg .field-title a:hover{color:#F1F1F1!important}.a-view .material .field-short-body{flex:0 0 auto;-webkit-flex:0 0 auto;width:100%;color:#454F69;font-size:16px;font-weight:400;line-height:26px}.a-view .material.with-bg:hover .field-short-body{color:#F1F1F1!important}.a-view .material .m-footer{color:#5B657E;font-size:12px;font-style:normal;font-weight:400;line-height:16px;flex:0 0 auto;-webkit-flex:0 0 auto;width:100%}.a-view .material.with-bg:hover .m-footer{color:#F1F1F1!important}.a-view .material .m-footer a{color:#5B657E;text-decoration:none;transition:color 0.15s ease-in-out}.a-view .material .m-footer a:hover{color:#3071EE}.a-view .material.with-bg:hover .m-footer a,.a-view .material.with-bg .m-footer a:hover{color:#F1F1F1!important}.a-view.c4{flex-wrap:wrap;-webkit-flex-wrap:wrap;gap:0;width:calc(100% + 16px);margin-bottom:-32px}.a-view.c4 .material{width:calc((100% - 64px)/4 - 24px);margin:0 16px 32px 0;padding:16px 12px}.a-view.c4 .field-image{width:100%;height:192px;margin-bottom:8px}.a-view.c4 .field-title{margin-bottom:8px;font-size:16px;font-weight:500;line-height:24px}.a-view.c4 .field-title a{overflow:hidden;max-height:48px}.a-view.c1{display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;gap:24px}.a-view.c1 .material.with-bg{padding:12px;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;gap:32px}.a-view.c1 .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%)}.a-view.c1 .material.with-bg .field-image{flex:0 0 auto;-webkit-flex:0 0 auto;width:412px;height:290px}.a-view.c1 .material.with-bg .m-data-wrap{flex:0 0 auto;-webkit-flex:0 0 auto;width:calc(100% - 32px - 420px);display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;gap:16px;flex-direction:column;justify-content:space-between}.a-view.c1 .material.with-bg .m-data-wrap .field-tag{align-self:flex-start}.a-view.c1 .material.with-bg .m-data-wrap .field-tag span{padding:4px 12px;font-size:14px;font-weight:400;line-height:22px;height:22px}.a-view.c1 .material.with-bg .m-data-wrap .field-title{flex:0 0 auto;-webkit-flex:0 0 auto;width:100%;color:#040B1E;font-size:32px;font-weight:400;line-height:40px;align-self:flex-start;margin-bottom:4px}.a-view.c1 .material.with-bg .m-data-wrap .field-title a{-webkit-line-clamp:3;max-height:120px}.a-view.c1 .material.with-bg .m-data-wrap .field-short-body{flex:0 0 auto;-webkit-flex:0 0 auto;width:100%;color:#454F69;font-size:16px;font-weight:400;line-height:26px;align-self:flex-start}.a-view.c1 .material.with-bg .m-data-wrap .m-footer{flex:0 0 auto;-webkit-flex:0 0 auto;width:100%;margin-top:auto;color:#454F69;font-size:14px;font-weight:400;line-height:normal}@media screen and (max-width:986px){.a-view.c1 .material.with-bg{gap:24px}.a-view.c1 .material.with-bg .field-image{width:260px;height:192px}.a-view.c1 .material.with-bg .m-data-wrap{width:calc(100% - 260px - 24px);gap:8px}.a-view.c1 .material.with-bg .m-data-wrap .field-tag{margin-bottom:2px}.a-view.c1 .material.with-bg .m-data-wrap .field-tag span{padding:2px 8px;font-size:12px;font-weight:500;line-height:18px;height:18px}.a-view.c1 .material.with-bg .m-data-wrap .field-title{font-size:24px;font-style:normal;font-weight:500;line-height:28px;margin-bottom:0}.a-view.c1 .material.with-bg .m-data-wrap .field-title a{max-height:84px}.a-view.c1 .material.with-bg .m-data-wrap .field-short-body{display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-height:36px;overflow:hidden;font-size:14px;font-weight:400;line-height:18px}.a-view.c1 .material.with-bg .m-data-wrap .m-footer{font-size:12px;font-weight:400;line-height:16px}}@media screen and (max-width:960px){.a-view.c4 .material{width:calc((100% - 48px)/3 - 24px)}}@media screen and (max-width:820px){.a-view.c4 .material{width:calc((100% - 32px)/2 - 24px)}}@media screen and (max-width:600px){.a-view.c1 .material.with-bg{gap:12px;align-self:center;-webkit-align-items:center}.a-view.c1 .material.with-bg .field-image{width:128px;height:94px}.a-view.c1 .material.with-bg .m-data-wrap{width:calc(100% - 128px - 12px);gap:8px}.a-view.c1 .material.with-bg .m-data-wrap .field-tag{margin-bottom:2px}.a-view.c1 .material.with-bg .m-data-wrap .field-tag span{padding:2px 8px;font-size:12px;font-weight:500;line-height:18px;height:18px}.a-view.c1 .material.with-bg .m-data-wrap .field-title{font-size:14px;font-style:normal;font-weight:400;line-height:22px;margin-bottom:0}.a-view.c1 .material.with-bg .m-data-wrap .field-title a{max-height:66px}.a-view.c1 .material.with-bg .m-data-wrap .field-short-body{display:none}.a-view.c1 .material.with-bg .m-data-wrap .m-footer{font-size:11px;font-weight:500;line-height:18px}}@media screen and (max-width:545px){.a-view.c4{width:100%;margin-bottom:-16px}.a-view.c4 .material{width:calc(100% - 24px);margin-right:0;margin-bottom:16px}}