:root {
  --art-title: #122E1C;
  --art-desc: #2D583C;
  --art-label: #EDDD5E;
  --border: #DAE0DC;
}

.item-article.item-article-style-1 {
  position: relative;
  border-radius: 20px;
}
.item-article.item-article-style-1 .item-article-inner {
  border-radius: 20px;
  background-color: white;
  clip-path: polygon(calc(100% - 1px) calc(100% - 13px), calc(100% - 1px) calc(100% - 13px), calc(100% - 1.1570709999999px) calc(100% - 11.053639px), calc(100% - 1.6118079999999px) calc(100% - 9.2072319999999px), calc(100% - 2.339497px) calc(100% - 7.485493px), calc(100% - 3.315424px) calc(100% - 5.913136px), calc(100% - 4.514875px) calc(100% - 4.5148750000001px), calc(100% - 5.913136px) calc(100% - 3.315424px), calc(100% - 7.485493px) calc(100% - 2.3394969999999px), calc(100% - 9.207232px) calc(100% - 1.611808px), calc(100% - 11.053639px) calc(100% - 1.157071px), calc(100% - 13px) calc(100% - 1.0000000000001px), 203.962px calc(100% - 1px), 203.962px calc(100% - 1px), 203.013439px calc(100% - 1.037525px), 202.076632px calc(100% - 1.1489999999998px), 201.155593px calc(100% - 1.3327750000001px), 200.254336px calc(100% - 1.5871999999999px), 199.376875px calc(100% - 1.910625px), 198.527224px calc(100% - 2.3013999999999px), 197.709397px calc(100% - 2.757875px), 196.927408px calc(100% - 3.2783999999999px), 196.185271px calc(100% - 3.861325px), 195.487px calc(100% - 4.5050000000001px), 160.415px calc(100% - 39.495px), 160.415px calc(100% - 39.495px), 159.716999px calc(100% - 40.138675px), 158.975072px calc(100% - 40.7216px), 158.193233px calc(100% - 41.242125px), 157.375496px calc(100% - 41.6986px), 156.525875px calc(100% - 42.089375px), 155.648384px calc(100% - 42.4128px), 154.747037px calc(100% - 42.667225px), 153.825848px calc(100% - 42.851px), 152.888831px calc(100% - 42.962475px), 151.94px calc(100% - 43px), 13px calc(100% - 43px), 13px calc(100% - 43px), 11.0535418px calc(100% - 43.157071px), 9.2070784px calc(100% - 43.611808px), 7.4853166px calc(100% - 44.339497px), 5.9129632px calc(100% - 45.315424px), 4.514725px calc(100% - 46.514875px), 3.3153088px calc(100% - 47.913136px), 2.3394214px calc(100% - 49.485493px), 1.6117696px calc(100% - 51.207232px), 1.1570602px calc(100% - 53.053639px), 1px calc(100% - 55px), 1px 13px, 1px 13px, 1.1570602px 11.0535418px, 1.6117696px 9.2070784px, 2.3394214px 7.4853166px, 3.3153088px 5.9129632px, 4.514725px 4.514725px, 5.9129632px 3.3153088px, 7.4853166px 2.3394214px, 9.2070784px 1.6117696px, 11.0535418px 1.1570602px, 13px 1px, calc(100% - 13px) 1px, calc(100% - 13px) 1px, calc(100% - 11.053639px) 1.1570602px, calc(100% - 9.2072319999999px) 1.6117696px, calc(100% - 7.485493px) 2.3394214px, calc(100% - 5.913136px) 3.3153088px, calc(100% - 4.514875px) 4.514725px, calc(100% - 3.315424px) 5.9129632px, calc(100% - 2.3394970000001px) 7.4853166px, calc(100% - 1.611808px) 9.2070784px, calc(100% - 1.157071px) 11.0535418px, calc(100% - 1.0000000000001px) 13px, calc(100% - 1px) calc(100% - 13px));
}
.item-article.item-article-style-1 .item-article-wrapper {
  margin: -1px;
  background-color: #DAE0DC;
  border: 1px solid #DAE0DC;
  clip-path: polygon(calc(100% - 1px) calc(100% - 13px), calc(100% - 1px) calc(100% - 13px), calc(100% - 1.1570709999999px) calc(100% - 11.053639px), calc(100% - 1.6118079999999px) calc(100% - 9.2072319999999px), calc(100% - 2.339497px) calc(100% - 7.485493px), calc(100% - 3.315424px) calc(100% - 5.913136px), calc(100% - 4.514875px) calc(100% - 4.5148750000001px), calc(100% - 5.913136px) calc(100% - 3.315424px), calc(100% - 7.485493px) calc(100% - 2.3394969999999px), calc(100% - 9.207232px) calc(100% - 1.611808px), calc(100% - 11.053639px) calc(100% - 1.157071px), calc(100% - 13px) calc(100% - 1.0000000000001px), 203.962px calc(100% - 1px), 203.962px calc(100% - 1px), 203.013439px calc(100% - 1.037525px), 202.076632px calc(100% - 1.1489999999998px), 201.155593px calc(100% - 1.3327750000001px), 200.254336px calc(100% - 1.5871999999999px), 199.376875px calc(100% - 1.910625px), 198.527224px calc(100% - 2.3013999999999px), 197.709397px calc(100% - 2.757875px), 196.927408px calc(100% - 3.2783999999999px), 196.185271px calc(100% - 3.861325px), 195.487px calc(100% - 4.5050000000001px), 160.415px calc(100% - 39.495px), 160.415px calc(100% - 39.495px), 159.716999px calc(100% - 40.138675px), 158.975072px calc(100% - 40.7216px), 158.193233px calc(100% - 41.242125px), 157.375496px calc(100% - 41.6986px), 156.525875px calc(100% - 42.089375px), 155.648384px calc(100% - 42.4128px), 154.747037px calc(100% - 42.667225px), 153.825848px calc(100% - 42.851px), 152.888831px calc(100% - 42.962475px), 151.94px calc(100% - 43px), 13px calc(100% - 43px), 13px calc(100% - 43px), 11.0535418px calc(100% - 43.157071px), 9.2070784px calc(100% - 43.611808px), 7.4853166px calc(100% - 44.339497px), 5.9129632px calc(100% - 45.315424px), 4.514725px calc(100% - 46.514875px), 3.3153088px calc(100% - 47.913136px), 2.3394214px calc(100% - 49.485493px), 1.6117696px calc(100% - 51.207232px), 1.1570602px calc(100% - 53.053639px), 1px calc(100% - 55px), 1px 13px, 1px 13px, 1.1570602px 11.0535418px, 1.6117696px 9.2070784px, 2.3394214px 7.4853166px, 3.3153088px 5.9129632px, 4.514725px 4.514725px, 5.9129632px 3.3153088px, 7.4853166px 2.3394214px, 9.2070784px 1.6117696px, 11.0535418px 1.1570602px, 13px 1px, calc(100% - 13px) 1px, calc(100% - 13px) 1px, calc(100% - 11.053639px) 1.1570602px, calc(100% - 9.2072319999999px) 1.6117696px, calc(100% - 7.485493px) 2.3394214px, calc(100% - 5.913136px) 3.3153088px, calc(100% - 4.514875px) 4.514725px, calc(100% - 3.315424px) 5.9129632px, calc(100% - 2.3394970000001px) 7.4853166px, calc(100% - 1.611808px) 9.2070784px, calc(100% - 1.157071px) 11.0535418px, calc(100% - 1.0000000000001px) 13px, calc(100% - 1px) calc(100% - 13px));
}
.item-article.item-article-style-1 .info-article {
  background-color: #DAE0DC;
}
.item-article.item-article-style-1 .item-article-inner .media-article{
  background-color: white;
  padding: 10px;
}
.item-article.item-article-style-1 .item-article-inner .media-article img{border-radius: 20px;}
.item-article.item-article-style-1 .info-article-inner{
  background-color: white;
  padding-bottom: 75px;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: -2px;
  padding-top: 15px;
}
.item-article.item-article-style-1 .article-action{
  position: absolute;
  border: 0;
  left: 0;
  bottom: 12px;
  display: inline-flex;
  padding-left: 40px;
  padding-right: 10px;
  font-size: 14px;
  gap: 5px;
  font-weight: bold;
  color: var(--title);
}
.item-article.item-article-style-1 .article-action svg {
  width: 10px;
  display: inline-block;
  margin-left: 4px;
      fill: currentColor;
}
.item-article.item-article-style-1:hover,
.item-article.item-article-style-1:hover .info-article {
  background-color: #107634;
}
.item-article.item-article-style-1:hover .item-article-wrapper {
  background-color: #107634;
  border: 1px solid #107634;
}
.item-article.item-article-style-1:hover .article-action {
  color: #FFF;
}
.item-article.item-article-style-1 .title-article {
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border);
}
.item-article.item-article-style-1 .title-article h4,
.item-article.item-article-style .title-article h4{
  font-size: 18px;
}
.item-article.item-article-style-1 .title-article h4 a,
.item-article.item-article-style .title-article h4 a{
  color: var(--art-title);
  height: 48px;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  color: var(--art-title);
}
.item-article.item-article-style-1 .short-article,
.item-article.item-article-style .short-article{
  font-size: 16px;
  color: var(--desc);
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}
.item-article.item-article-style .short-article{-webkit-line-clamp: 3;}
.item-article.item-article-style {
  background-color: white;
  border: 1px solid var(--border);
  position: relative;
  overflow: hidden;
  border-radius: 12px;
}
.item-article.item-article-style .media-article {
  margin: 12px;
      border-radius: 6px;
  position: relative;
  overflow: hidden;
}
.item-article.item-article-style .media-article time {
  position: absolute;
  border-radius: 6px;
  top: 5px;
  left: 5px;
  display: inline-block;
  background-color: var(--art-label);
  color: var(--art-title);
  padding: 6px 15px; 
  font-size: 12px;
}
.item-article.item-article-style .media-article img.lazyloaded {
  width: 100%;height: 100%;
}
.item-article.item-article-style .info-article {padding: 0 12px 20px;}
.item-article.item-article-style .view-article {
  margin-top: 20px;
}
.item-article.item-article-style .view-article .button{
  width: 100%;
  padding: 10px 15px;
  border: 2px solid currentColor;
  background-color: transparent;
}
.item-article.item-article-style .view-article .button:hover {
  background-color: var(--shop-color-button-text);
  border: 2px solid var(--shop-color-button-text);
}
@media (max-width: 992px) {
  .item-article.item-article-style-1 .title-article {
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
}