/*
Theme Name:   Shapely Child
Theme URI:    https://colorlib.com/wp/themes/shapely/
Description:  Child Theme untuk Shapely
Author:       Nama Anda
Author URI:   https://websiteanda.com
Template:     shapely
Version:      1.0.0
Text Domain:  shapely-child
*/

/* Tambahkan CSS kustom Anda di bawah garis ini */

/*berita grid*/
.judull {
	position: relative;
	margin-bottom: 30px !important;
	padding-bottom: 7px !important;
	border-bottom: 1px solid #337ab7 !important;
}
.judull::after {
	content: ""; /* PERBAIKAN: Gunakan 'content', bukan 'container' */
    display: block;
    width: 100px !important;
    height: 3px !important;
    background: #337ab7 !important;
    position: absolute !important;
    bottom: -1px; /* Agar posisinya tepat menimpa garis border-bottom tipis */
    left: 0;      /* Agar garis dimulai dari kiri */
    z-index: 9;
}
.pt-cv-view .pt-cv-ifield {
	padding-bottom: 20px !important;
	border-radius: 10px !important;
	box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1) !important;
}
.pt-cv-title,
.pt-cv-content {
	padding: 0 20px !important;
}
.pt-cv-title a {
	text-transform: capitalize !important;
	color: #000 !important;
	font-weight: 700 !important;
	font-size: 16px !important;
	line-height: 24px !important;
	height: 50px !important;
	display: block;
	margin-top: 30px;
	margin-bottom: 10px;
	overflow: hidden !important;
}
.pt-cv-meta-fields {
	position: absolute;
	top: 255px;
	left: 35px;
}
.pt-cv-title, .pt-cv-content {
	font-size: 14px !important;
}
.pt-cv-wrapper .btn {
	padding: 0 !important;
	text-transform: capitalize !important;
	background: transparent !important;
	color: #337ab7 !important;
	border: none !important;
}
.pt-cv-title {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.pt-cv-wrapper img {
	width: 100% !important;
	height: 240px !important;
	object-fit: cover !important;
	border-top-left-radius: 10px !important;
	border-top-right-radius: 10px !important;
}
.baca1 {
	font-size: 14px !important;
	text-decoration: none !important;
	color: #337ab7 !important;
	background: transparent !important;
	padding: 0 !important;
	float: right !important;
}
/*berita grid*/

/*Single page*/
.home .entry-title,
.home .entry-meta,
.home .page-title-section {
	display: none !important;
}
.home .content-area {
	padding-top: 0 !important;
}
.logo {
  max-width: 220px !important;
}
.home .post-content .entry-header img {
  display: none !important;
}
/*Single page*/

/*Header menu*/
.main-navigation .menu li a {
	text-transform: capitalize !important;
	font-weight: 500 !important;
	font-size: 16px !important;
}
.main-navigation .menu li a:hover {
	text-decoration: none !important;
	color: #337ab7 !important;
}
/*Header menu*/

/*Data statistik sekolah*/
#wpsm_counter_b_row_94 .wpsm_counterbox .wpsm_count-icon i {
	color: #fff !important;
}
/* 1. Atur container utama menjadi Grid */
#wpsm_counter_b_row_94 .wpsm_counterbox {
    display: grid !important;
    grid-template-columns: 25% 75%; /* 25% untuk lebar icon, 75% untuk teks */
    grid-template-rows: auto auto;  /* Membuat 2 baris (atas untuk angka, bawah untuk title) */
    align-items: center; /* Memastikan konten berada di tengah secara vertikal */
    text-align: left !important; /* Memaksa teks rata kiri mengikuti desain */
    padding: 10px 0; /* Memberi sedikit jarak atas bawah (opsional) */
}

/* 2. Atur Icon agar mengambil sisi kiri penuh (membentang 2 baris) */
#wpsm_counter_b_row_94 .wpsm_counterbox .wpsm_count-icon {
    grid-column: 1 / 2; /* Berada di kolom pertama */
    grid-row: 1 / 3;    /* Membentang dari baris ke-1 hingga melewati baris ke-2 */
    width: 100% !important;
    margin: 0 !important;
    display: flex !important;
    justify-content: center; /* Memposisikan icon tepat di tengah area kirinya */
    justify-items: center;
    align-items: center;
    vertical-align: middle;
    background: #104C7D !important;
    color: #fff !important;
    height: 100%;
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
}
#wpsm_counter_b_row_94 .wpsm_counterbox .wpsm_count-icon i {
	font-size: 40px !important;
}
/* 3. Atur Angka agar berada di Kanan Atas */
#wpsm_counter_b_row_94 .wpsm_counterbox .wpsm_number {
    grid-column: 2 / 3; /* Berada di kolom kedua (kanan) */
    grid-row: 1 / 2;    /* Berada di baris pertama (atas) */
    width: 100% !important;
    margin: 0 !important;
    line-height: 1.2;
    background: #1162A5 !important;
    color: #fff !important;
    padding-top: 20px !important;
    padding-left: 20px !important;
    font-size: 48px !important;
    font-weight: 800 !important;
    border-top-right-radius: 16px !important;
}
#wpsm_counter_b_row_94 .wpsm_counterbox .wpsm_number span {
    font-weight: 700 !important;	
}

/* 4. Atur Title agar berada di Kanan Bawah */
#wpsm_counter_b_row_94 .wpsm_counterbox .wpsm_count-title {
    grid-column: 2 / 3; /* Berada di kolom kedua (kanan) */
    grid-row: 2 / 3;    /* Berada di baris kedua (bawah) */
    width: 100% !important;
    margin: 0 !important;
    line-height: 1.2;
    background: #1162A5 !important;
    color: #fff !important;
    padding-left: 20px !important;
    border-bottom-right-radius: 16px !important;
}

/*Link terkait*/
#panel-14-8-0-0 .mb15 {
	margin-bottom: 15px !important;
}
/*Link terkait*/

/*Footer widget*/
@media (min-width: 992px) {
    .col-md-3 {
        width: 33.33% !important;
    }
}
/*Footer widget*/


/*Footer*/
.bg-dark {
	background: url(https://smk-akpelni.sch.id/wp-content/uploads/2020/08/Image-8.png) !important;
	background-size: cover !important;
	background-position: center center !important;
	padding-bottom: 20px !important;
}
.bg-dark .textwidget {
	line-height: 28px !important;
}
#xtvccount {
	display: none !important;
}
#xtvctable {
	line-height: 28px !important;
}
#mvcwid {
	padding: 0 !important;
}
.footer-credits {
	display: none !important;
}
#colophon .site-info {
	width: 100% !important;
}
.copyright-text {
	padding-top: 15px !important;
	border-top: 1px solid rgba(255, 255, 255, 0.2) !important;
	text-align: center !important;
}
.page-title-section {
	background: #DAF1FD !important;
}