.elementor-5258 .elementor-element.elementor-element-acc77df{--display:flex;}.elementor-5258 .elementor-element.elementor-element-748fcfa > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-5258 .elementor-element.elementor-element-748fcfa .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:71px;font-weight:800;text-transform:uppercase;line-height:1em;letter-spacing:0.01em;color:var( --e-global-color-7a1d365 );}.elementor-5258 .elementor-element.elementor-element-afff230{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-5258 .elementor-element.elementor-element-afff230 > .elementor-widget-container{margin:70px 0px 0px 0px;}.elementor-5258 .elementor-element.elementor-element-afff230 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.56 * 100% );}.elementor-5258 .elementor-element.elementor-element-afff230:after{content:"0.56";}.elementor-5258 .elementor-element.elementor-element-afff230 .elementor-post__thumbnail__link{width:100%;}.elementor-5258 .elementor-element.elementor-element-afff230 .elementor-post__meta-data span + span:before{content:"•";}.elementor-5258 .elementor-element.elementor-element-afff230 .elementor-post__card{background-color:#02010100;border-color:#02010100;border-width:0px;border-radius:8px;}.elementor-5258 .elementor-element.elementor-element-afff230 .elementor-post__text{margin-top:0px;}.elementor-5258 .elementor-element.elementor-element-afff230 .elementor-post__title, .elementor-5258 .elementor-element.elementor-element-afff230 .elementor-post__title a{color:var( --e-global-color-7a1d365 );font-family:"Poppins", Sans-serif;font-size:24px;font-weight:700;line-height:1.1em;letter-spacing:0.02em;}.elementor-5258 .elementor-element.elementor-element-afff230 .elementor-post__meta-data{color:var( --e-global-color-3ae05d1 );font-family:"Poppins", Sans-serif;font-size:12px;line-height:1em;letter-spacing:0.01em;}.elementor-5258 .elementor-element.elementor-element-afff230 .elementor-post__excerpt p{color:var( --e-global-color-3ae05d1 );font-family:"Poppins", Sans-serif;font-size:14px;line-height:1.3em;letter-spacing:0.03em;}.elementor-5258 .elementor-element.elementor-element-afff230 a.elementor-post__read-more{font-family:"Poppins", Sans-serif;font-size:12px;line-height:1em;letter-spacing:0.07em;}.elementor-5258 .elementor-element.elementor-element-afff230 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-5258 .elementor-element.elementor-element-afff230 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-5258 .elementor-element.elementor-element-afff230 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-5258 .elementor-element.elementor-element-afff230 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-5258 .elementor-element.elementor-element-afff230 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}body.elementor-page-5258:not(.elementor-motion-effects-element-type-background), body.elementor-page-5258 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3f64f7e );background-image:url("https://sanpota.id/wp-content/uploads/2025/10/Rectangle-23895-scaled.png");}@media(max-width:767px){.elementor-5258 .elementor-element.elementor-element-748fcfa .elementor-heading-title{font-size:24px;}.elementor-5258 .elementor-element.elementor-element-afff230{width:var( --container-widget-width, 89% );max-width:89%;--container-widget-width:89%;--container-widget-flex-grow:0;}.elementor-5258 .elementor-element.elementor-element-afff230 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-5258 .elementor-element.elementor-element-afff230.elementor-element{--align-self:center;}.elementor-5258 .elementor-element.elementor-element-afff230 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-5258 .elementor-element.elementor-element-afff230:after{content:"0.5";}.elementor-5258 .elementor-element.elementor-element-afff230 .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for archive-posts, class: .elementor-element-afff230 *//* ================================
   CARD
   ================================ */

.custom-archive-grid .elementor-post {
  display: flex;
  flex-direction: column;
  background: #ffffff;
  border: 2px solid #C13627;
  border-radius: 12px;
  padding: 20px;
}

/* ================================
   THUMBNAIL
   ================================ */

.custom-archive-grid .elementor-post__thumbnail__link {
  display: block;
  border-radius: 12px;
  overflow: hidden;
}

.custom-archive-grid .elementor-post__thumbnail img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* ================================
   CONTENT
   ================================ */

.custom-archive-grid .elementor-post__text {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding-left: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/* ================================
   DATE (LEFT RAPI)
   ================================ */

.custom-archive-grid .elementor-post__meta-data {
  margin-left: 0 !important;
  padding-left: 0 !important;
  font-size: 13px;
  color: #6b7280;
}

/* ================================
   TITLE
   ================================ */

.custom-archive-grid .elementor-post__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.3;
  margin: 8px 0;
}

/* ================================
   EXCERPT
   ================================ */

.custom-archive-grid .elementor-post__excerpt {
  font-size: 14px;
  line-height: 1.6;
  color: #4b5563;
}

/* ================================
   READ MORE (SEJAJAR SEMUA)
   ================================ */

.custom-archive-grid .elementor-post__read-more {
  margin-top: auto !important;
  align-self: end;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  background: #C13627;
  color: #ffffff !important;
  padding: 10px 18px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
}

.custom-archive-grid .elementor-post__read-more:hover {
  background: #a82e22;
}


.custom-archive-grid .elementor-pagination{ display: flex; justify-content: center; margin-top: 40px; } /* Semua angka pagination */ .custom-archive-grid .elementor-pagination .page-numbers{ width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; font-weight: 600; color: #C13627; text-decoration: none; } /* ACTIVE page (frame merah solid) */ .custom-archive-grid .elementor-pagination .page-numbers.current{ background-color: #C13627; color: #ffffff; } /* Hover effect (optional, feels premium) */ .custom-archive-grid .elementor-pagination .page-numbers:not(.current):hover{ background-color: rgba(193, 54, 39, 0.1); }/* End custom CSS */