.elementor-9881 .elementor-element.elementor-element-f375271{--display:flex;--min-height:0vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-9881 .elementor-element.elementor-element-f375271:not(.elementor-motion-effects-element-type-background), .elementor-9881 .elementor-element.elementor-element-f375271 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F7FCFF;}.elementor-9881 .elementor-element.elementor-element-b5ac47e{--display:flex;}.elementor-9881 .elementor-element.elementor-element-b5ac47e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-9881 .elementor-element.elementor-element-1ecfd1f{width:var( --container-widget-width, 102.381% );max-width:102.381%;--container-widget-width:102.381%;--container-widget-flex-grow:0;column-gap:0px;text-align:center;font-family:"Montserrat";font-size:40px;font-weight:800;letter-spacing:1px;}.elementor-9881 .elementor-element.elementor-element-1ecfd1f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-9881 .elementor-element.elementor-element-1ecfd1f p{margin-block-end:0px;}.elementor-9881 .elementor-element.elementor-element-5cb6606{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9881 .elementor-element.elementor-element-5cb6606:not(.elementor-motion-effects-element-type-background), .elementor-9881 .elementor-element.elementor-element-5cb6606 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F1FAFF;}@media(max-width:1024px){.elementor-9881 .elementor-element.elementor-element-1ecfd1f{font-size:23px;}.elementor-9881 .elementor-element.elementor-element-5cb6606{--min-height:100vh;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}@media(max-width:767px){.elementor-9881 .elementor-element.elementor-element-1ecfd1f{font-size:26px;}.elementor-9881 .elementor-element.elementor-element-5cb6606{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for shortcode, class: .elementor-element-867bf07 *//* Filter Form Container */
.wpp-filter-form {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
}

/* Inline group for "Jumlah Artikel" so the label and select are together */
.wpp-filter-group-inline {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-right: 15px;
}

.wpp-filter-group-inline label {
    font-weight: 600;
    margin-bottom: 3px;
}

.wpp-filter-group-inline select {
    width: 160px;
    height: 38px;
    padding: 6px;
    font-size: 14px;
    border: 1px solid #ccc;
    border-radius: 5px;
    background: white;
    cursor: pointer;
}

/* Filter group for the button */
.wpp-filter-group {
    display: flex;
    flex-direction: column;
    text-align: left;
    margin-right: 15px;
}

.wpp-filter-group button {
    width: 160px;
    height: 38px;
    padding: 6px;
    font-size: 14px;
    border: none;
    border-radius: 5px;
    background: #009cde;
    color: white;
    font-weight: bold;
    cursor: pointer;
    transition: 0.3s;
}

.wpp-filter-group button:hover {
    background: #006B99;
}

/* Popular Posts Items Container */
.wpp-custom {
    padding: 10px;
    border-bottom: 1px solid grey;
}

/* Popular Post Item */
.wpp-custom-item {
    display: flex;
    align-items: center;
    text-decoration: none;
}

/* Thumbnail styling */
.wpp-thumbnail {
    width: 120px;
    height: 80px; /* 2:3 aspect ratio (120x80) */
    background-size: cover;
    background-position: center;
    border-radius: 8px;
    flex-shrink: 0;
    margin-right: 10px;
}

/* Post title styling */
.wpp-title {
    font-size: 16px;
    font-weight: bold;
    color: #333;
}/* End custom CSS */