/* Struktur layout: content kiri, sidebar kanan */

/* Struktur layout: content kiri, sidebar kanan */
/* .row {
  display: flex;
  align-items: flex-start;
}
 */
.elementor-widget-n-tabs {
  --n-tabs-title-background-color-hover: #d004d4 !important;
  --n-tabs-title-background-color-active: #d004d4 !important;
}

/* Widget tampilan rapi */
#pxl-sidebar-area .widget {
  margin-bottom: 25px;
 background: #fff; 
  padding: 15px;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.08);
}
.entry-meta {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 15px;
    font-size: 14px;
    color: #444;
}



.entry-meta i {
    margin-right: 5px;
    color: #666;
}
.entry-meta {
    padding-bottom: 10px;                /* jarak bawah meta */
    margin-bottom: 15px;                 /* jarak ke konten */
    border-bottom: 1px solid #e0e0e0;    /* garis pembatas tipis */
}
/* Sembunyikan meta info hanya di halaman depan & archive */
.home .entry-meta,
.archive .entry-meta {
    display: none !important;
}
/* === Batasi tinggi judul agar sejajar === */
.pxl-post--title {
  min-height: 70px; /* tinggi area judul */
  max-height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* batasi 2 baris */
  -webkit-box-orient: vertical;
}

/* === Batasi teks (excerpt) agar sejajar juga === */
.pxl-post--content {
  min-height: 80px;
  max-height: 80px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* tampil 3 baris */
  -webkit-box-orient: vertical;
  color: #444;
  font-size: 15px;
  line-height: 1.2em;
  margin-bottom: -20px;
}



/* Tombol baca lebih lanjut agar sejajar di bawah */
.pxl-post--button {
  margin-top: auto;
}
/* === Seragamkan ukuran gambar posting === */
.pxl-post--featured img {
  width: 100%;
  height: 300px; /* ubah sesuai tinggi yang kamu mau */
  object-fit: cover; /* biar crop rapi, tidak melar */
  object-position: center;
  border-radius: 7px; /* opsional: sudut membulat */
	
}

/* Pastikan container gambar tidak berubah tinggi */
.pxl-post--featured {
  height: 300px; /* sama dengan tinggi img */
  overflow: hidden;
	 
}
/* === Seragamkan ukuran gambar posting === */
.pxl-post--featured2 img {
  width: 100%;
  height: 400px; /* ubah sesuai tinggi yang kamu mau */
  object-fit: cover; /* biar crop rapi, tidak melar */
  object-position: center;
  border-radius: 7px; /* opsional: sudut membulat */
	
}

/* Pastikan container gambar tidak berubah tinggi */
.pxl-post--featured2 {
  height: 400px; /* sama dengan tinggi img */
  overflow: hidden;
	 
}

/* Supaya jarak antar post konsisten */
.pxl-post--inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
/* === Supaya seluruh box postingan sejajar tingginya === */
.pxl-post--inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}
/* Hilangkan border & garis di seluruh post carousel */
.pxl-post-carousel2 .pxl-swiper-slide,
.pxl-post-carousel2 .pxl-post--inner,
.pxl-post-carousel2 .pxl-post--featured,
.pxl-post-carousel2 .pxl-inner-content,
.pxl-post-carousel2 .pxl-post--button,
.pxl-post-carousel2 .pxl-post--meta {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* Pastikan tidak ada garis halus dari outline parent */
.pxl-post-carousel2 .pxl-swiper-slide {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

/* Jika garis berasal dari border container */
.pxl-carousel-inner,
.pxl-swiper-slider {
    border: none !important;
    box-shadow: none !important;
}
/* === Container gambar utama === */
.pxl-post-carousel2 .pxl-post--featured {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 8px !important;
}


element.style {
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-post--inner .post-date {
    /*position: absolute;*/
    /*right: 345px;*/
    /*bottom: 170px;*/
    /*top: 4px;*/
    /*width: 60px;*/
    /*height: 76px;*/
     z-index: 5;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 71px;
    height: 79px;
}
/* Angka tanggal besar */
.pxl-post-carousel2 .pxl-post--date .day {
    display: block;
    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
}

/* Bulan kecil di bawah angka */
.pxl-post-carousel2 .pxl-post--date .month {
    display: block;
    font-size: 10px !important;
    font-weight: 400 !important;
    text-transform: capitalize !important;
    color: #d2d2d2 !important;
    margin-top: 1px !important;
}

/* === Label "By Admin" kecil di bawah gambar === */
.pxl-post-carousel2 .pxl-post--meta {
    position: absolute !important;
    bottom: 217px !important;
    left: 7px !important;
    background: rgba(10, 17, 25, 0.85) !important;
    color: #fff !important;
    padding: 6px 14px !important;
    border-radius: 6px !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    display: inline-flex !important; /* ⬅ otomatis menyesuaikan panjang teks */
    align-items: center !important;
    justify-content: flex-start !important;
    z-index: 10 !important;
    white-space: nowrap !important;
    width: auto !important;          /* ⬅ biar panjangnya tidak fix */
    max-width: 90% !important;       /* ⬅ batas aman di tampilan mobile */

}

/* Warna & gaya teks */
.pxl-post-carousel2 .pxl-post--meta a,
.pxl-post-carousel2 .pxl-post--meta span {
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 400 !important;
    text-decoration: none !important;
    line-height: 1.4 !important;
}

/* Tanda pemisah "/" antar teks */
.pxl-post-carousel2 .pxl-post--meta a + span::before {
    content: " / ";
    margin: 0 4px;
    opacity: 0.8;
}

/* === Sembunyikan meta lama di luar gambar === */
.pxl-post-carousel2 .pxl-inner-content .pxl-post--meta {
    display: none !important;
}
.pxl-post-carousel2 .pxl-swiper-slide .pxl-post--inner .pxl-inner-content
{
  padding: 15px 0px 0px 0px;
}
.pxl-post--meta,
.pxl-post--meta *,
.pxl-item--author,
.pxl-item--author *,
.pxl-post--category,
.pxl-post--category * {
    text-transform: none !important; /* 🔥 huruf kecil semua */
    font-size: 11px !important;
    font-weight: 400 !important;
    letter-spacing: 0.9px !important;
    line-height: 1 !important;
    color: #fff !important;
}

/* Buat seluruh area gambar bisa diklik */
.pxl-post--featured2 {
    position: relative;
    overflow: hidden;
   
}

.pxl-post--featured2 .full-link {
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
}


element.style {
}

.pxl-client-carousel1.style-2 .pxl-swiper-slide .pxl-item--inner a img {
    display: block;
    width: 90px;
    position: relative;
    -webkit-transition: all 0.25s 
cubic-bezier(0.645, 0.045, 0.355, 1);
    -khtml-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -moz-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -ms-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    -o-transition: all 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
    transition: all 0.25s 
cubic-bezier(0.645, 0.045, 0.355, 1);
    max-height: 90px;
}

.pxl-post-carousel3 .pxl-post--inner .post-date {
    z-index: 5;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 71px;
    height: 79px;
    border-radius: 5px;
    background-color: var(--primary-color);
    -webkit-transition: all 0.25s 
cubic-bezier(.645, .045, .355, 1);
    -khtml-transition: all 0.25s cubic-bezier(.645,.045,.355,1);
    -moz-transition: all 0.25s cubic-bezier(.645,.045,.355,1);
    -ms-transition: all 0.25s cubic-bezier(.645,.045,.355,1);
    -o-transition: all 0.25s cubic-bezier(.645,.045,.355,1);
    transition: all 0.25s 
cubic-bezier(.645, .045, .355, 1);
}

/*body {*/
/*    color: #222 !important;*/
/*}*/

/* Judul di dalam post */
.pxl-post-title-inside {
    margin-bottom: 20px;
}

.pxl-post-title-inside h1 {
    font-size: 25px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 10px;
}

/* Meta */
.pxl-post-meta {
    font-size: 14px;
    color: #777;
}
@media (max-width: 768px) {
    .pxl-post-title-inside h1 {
        font-size: 25px;
    }
}

.single-post #pxl-main {
  padding: 125px 0;
  padding-top: 130px;
}