/* CSS Header*/
/* container header */
@media (max-width: 1024px) {
    .bpk-custom.header-container {
    /*width: 100%;
    max-width: 750px;*/
    position: relative;
    }
}

@media (max-width: 767px) {
    .bpk-custom.header-container {
    /*width: 100%;
    max-width: 1200px;*/
    position: relative;
    }
}

/* Efek pengecilan tinggi header saat sticky */
.bpk-custom.bpk-header.elementor-sticky--effects {
    min-height: 60px;
    border-width: 0px 0px 04px 0px !important;
    transition: all .4s ease !important;
}

/* Posisi dropdown desktop */
.bpk-custom.bpk-header.elementor-sticky--effects .bpk-custom.bpk-headermenu .elementor-nav-menu > li > .elementor-nav-menu--dropdown {
     margin-top: 8px !important;
}

/* mengatur posisi icon sub menu */
.bpk-custom.bpk-headermenu .elementor-nav-menu a {
    justify-content: space-between;
}

/* efek ke kiri ketika sub menu di hover */

@media (min-width: 1025px) {
	.bpk-custom.bpk-headermenu .elementor-nav-menu--dropdown .menu-item a {
    padding-left: 5px !important;
	padding-right: 15px !important;
	transition: all 0.2s ease;
    }
    
    .bpk-custom.bpk-headermenu .elementor-nav-menu--dropdown .menu-item a:hover {
        padding-left: 8px !important;
    	padding-right: 12px !important;
    	transition: all 0.2s ease;
        background-color: #f9f9f9 !important;
        border-bottom-width: 1px !important;
    }
    
    .bpk-custom.bpk-headermenu .elementor-nav-menu--dropdown .menu-item {
        border-bottom-width: 0px !important;
    }

    /* hilangkan icon sub-menu di desktop */
	.bpk-custom.bpk-headermenu .elementor-item.has-submenu .sub-arrow {
    display: none;
    }

    /* memutar icon pada sub menu agar menghadap ke kanan */
    .bpk-custom.bpk-headermenu .elementor-sub-item.has-submenu .sub-arrow {
    transform: rotate(90deg);
    }
}

/* menghilangkan border bottom pada sub menu-dropdown */
@media (max-width: 1024px) {
.bpk-custom.bpk-headermenu .sub-menu.elementor-nav-menu--dropdown 	{
    border-width: 0px 0px 0px 0px !important;
  }
}

/* pengecilan gambar logo header saat sticky */
.bpk-custom.header-logo img {
    max-width: 300px;
    height: auto;
    transition: all 0.4s ease;
}
.elementor-sticky--effects .bpk-custom.header-logo img {
    max-width: 250px;
    height: auto;
}
/* nav menu */
.bpk-custom.bpk-headermenu .elementor-menu-toggle{
    padding: 0 !important;
}
@media (max-width: 1024px){
    .bpk-custom.bpk-headermenu .elementor-nav-menu {
    /*width: 100%;
    max-width: 750px;*/
    padding: 0 40px !important;
    margin: 0 auto !important;
}
    .bpk-custom.bpk-headermenu {
        position: absolute;
        left: 0px;
    }
}
@media (max-width: 767px){
    .bpk-custom.bpk-headermenu .elementor-nav-menu {
    padding: 0 20px !important;
    margin: 0 auto !important;
}
}

/* Remove extra paragraph spacing in text editor */
.elementor-widget-text-editor p:last-child{ 
    margin-bottom:0px;
}
.elementor-widget-text-editor p:last-child, .textwidget p:last-child {
    margin-bottom:0px;
}

/* News Single Template */
/* --Post Excerpt-- */
.bpk-custom.news-excerpt {
    text-align: justify;
}
/* --Post Excerpt-- */
.elementor-389 .elementor-element.elementor-element-e503993 .elementor-headline-plain-text:nth-child(3) {
    font-weight: var(--e-global-typography-text-font-weight);
}
/* --Post Image-- */
.wp-block-image {
    padding: 15px 0;
}

/* CSS untu button dengan animasi icon slide ke kanan */
.bpk-custom.e-button-icon-animation .elementor-button-content-wrapper {
    overflow: hidden;
    border-radius: 4px;
}

.bpk-custom.button-icon-animation .elementor-widget-icon {
	margin-left: -22px;
	transition: margin-left 0.2s ease;
}

.bpk-custom.button-icon-animation:hover .elementor-widget-icon {
	margin-left: 0px;
	transition: margin-left 0.2s ease;
}

.bpk-custom.button-icon-animation .elementor-widget-container {
	transition: padding 0.2s ease;
}

.bpk-custom.button-icon-animation:hover .elementor-widget-container {
	padding: 2px 6px !important;
	transition: padding 0.2s ease;
}

.bpk-custom.e-button-icon-animation .elementor-button-wrapper {
	overflow: hidden !important;
	border-radius: 4px !important;
}

.bpk-custom.e-button-icon-animation .elementor-button-text {
	padding: 4px 17px;
	background-color: #ECD078;
    transition: padding 0.2s ease;
}

.bpk-custom.e-button-icon-animation.lhp .elementor-button-text {
	padding: 4px 17px;
	background-color: #53777A;
    transition: padding 0.2s ease;
}

.bpk-custom.e-button-icon-animation:hover .elementor-button-text {
	padding: 4px 6px !important;
	transition: padding 0.2s ease;
}

.bpk-custom.e-button-icon-animation .elementor-button-icon {
	padding: 0px 0px 0px 0px;;
	width: 22px;
	margin-left: -22px;
	transition: margin-left 0.2s ease;
}

.bpk-custom.e-button-icon-animation:hover .elementor-button-icon {
	margin-left: 0px;
	transition: margin-left 0.2s ease;
}

/* Icon button dashicon */
.bpk-custom.icon-button-global .elementor-button-content-wrapper:before {
    content: "\f316";
    font-family: "dashicons";
    font-size: 0.875em;
    font-style: normal;
    font-weight: 400;
}

/* menurunkan icon sedikit di button elementor */
.elementor-button-icon {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

/* Ubah warna link heading warna gelap menjadi primary */
.bpk-custom.warna-hover-title .elementor-widget-container .elementor-heading-title :hover {
    color: var(--e-global-color-b0a2958); !important;
    transition-duration: 0.1s !important;
}

/* Ubah warna link heading warna primary menjadi gelap */
.bpk-custom.warna-hover-title-content .elementor-widget-container .elementor-heading-title :hover {
    color: #444 !important;
    transition-duration: 0.1s !important;
}

/* Ubah warna text pada tab saat hover */
.bpk-custom.tab-lhp:hover a{
    color: white !important;
}

/* Mengatur tinggi hero section di single/page/archive */
.bpk-custom.hero-section .e-con-inner {
    height: 157px;
    flex-direction: column !important;
    justify-content: center !important;
}

/* CSS Sidebar Archive */
/* Membuat garis dashed pada CPT sidebar */
.bpk-custom.sidebar-cptloop .e-loop-item {
    padding-top: 10px !important;
    border-top: 1px dashed var(--e-global-color-f044da2) ;
}
.bpk-custom.sidebar-cptloop .e-loop-item:nth-child(2) {
    border-top: 0; /* Menghapus border (garis) loop pertama */
}

/* Membuat garis dashed pada CPT loop item */
.bpk-custom.post-cptloop .e-loop-item {
    padding-bottom: 10px !important;
    border-bottom: 1px dashed var(--e-global-color-f044da2) ;
}
.bpk-custom.post-cptloop .e-loop-item:last-child {
    border-bottom: 0;
}

/* CSS untuk multiple laporan repeater */
.bpk-custom.group-laporan-repeater {
    position: relative;
    display: flex;
    flex-wrap: row;
    align-items: center;
    gap: 8px;
    line-height: 2em;
    padding: .5rem 0;
    border: 1px solid rgba(0,0,0,0.125);
    margin-bottom: -1px;
}
.bpk-custom.group-laporan-repeater:hover {
    background-color: var(--e-global-color-8ea1177);
}
.bpk-custom.group-laporan-repeater:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.bpk-custom.group-laporan-repeater:last-child {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.bpk-custom.container-icon-laporan-repeater {
    margin: 0 16px;
}
.icon-laporan-repeater:before {
    content: "\f316"
}
.icon-laporan-repeater-type {
    font-family: "dashicons";
    color: var(--e-global-color-secondary);
    font-size: 1.125em;
    font-style: normal;
    background-color: var(--e-global-color-56952df);
    padding: 10px;
    border-radius: 50%;
    vertical-align: middle;
    font-weight: 400;
}
.icon-laporan-repeater-type:hover {
    color: var(--e-global-color-349b7b9);
    background-color: var(--e-global-color-2b39540);
}

.bpk-custom.icon-repeater {
    background-color: var(--e-global-color-56952df);
    padding: 10px;
    border-radius: 50%;
}
.bpk-custom.icon-repeater:hover {
    color: var(--e-global-color-349b7b9) !important;
    background-color: var(--e-global-color-2b39540);
    cursor: pointer;
}
.bpk-custom.judul-laporan-repeater {
    line-height: 1.5em;
    margin-bottom: 8px;
    margin-top: 8px;
    margin-right: 16px;
}

/* CSS untuk repeater Landasan Hukum dan Agenda Pimpinan */
.bpk-custom.group-list-repeater {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 8px;
    line-height: 2em;
    padding: .5rem 0;
    border: 1px solid rgba(0,0,0,0.125);
    margin-bottom: -1px;
    justify-content: space-between;
}
.bpk-custom.group-list-repeater:hover {
    background-color: var(--e-global-color-8ea1177);
}
.bpk-custom.group-list-repeater:first-child {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.bpk-custom.group-list-repeater:last-child {
    border-bottom-left-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.bpk-custom.container-icon-list-repeater {
    margin: 8px 32px;
    align-self: start;
}
.icon-list-repeater:before {
    content: "\f316"
}
.icon-list-repeater-type {
    font-family: "dashicons";
    color: var(--e-global-color-secondary);
    font-size: 20px;
    font-style: normal;
}
.bpk-custom.container-judul-list-repeater {
    padding-left: 20px;
}
.bpk-custom.judul-list-repeater {
    line-height: 1.5em;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.bpk-custom.sub-judul-list-repeater {
    line-height: 1.5em;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.bpk-custom.container-icon-list-repeater a{
    font-size: 18px;
}

/* blank box */
.bpk-custom.blank {
    border: none !important;
    background: unset;
}

.bpk-custom.blank > * {
    display: none !important;
}