.elementor-27139 .elementor-element.elementor-element-aad7908 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-27139 .elementor-element.elementor-element-aad7908:not(.elementor-motion-effects-element-type-background), .elementor-27139 .elementor-element.elementor-element-aad7908 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cipocambodia.org/wp-content/uploads/2026/02/DSCF6930-scaled.jpg");background-position:center center;background-size:contain;}.elementor-27139 .elementor-element.elementor-element-aad7908 > .elementor-background-overlay{background-color:#0F2F1C;opacity:0.65;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27139 .elementor-element.elementor-element-aad7908 > .elementor-container{min-height:500px;}.elementor-27139 .elementor-element.elementor-element-aad7908{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:220px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-27139 .elementor-element.elementor-element-a425061 > .elementor-widget-wrap > div, .elementor-27139 .elementor-element.elementor-element-a425061 > .elementor-widget-wrap > section{width:1500px;max-width:100%;}.elementor-27139 .elementor-element.elementor-element-dfd0cb4 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-bc-flex-widget .elementor-27139 .elementor-element.elementor-element-c2d19f7.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-27139 .elementor-element.elementor-element-c2d19f7.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-27139 .elementor-element.elementor-element-84e3f7a{width:var( --container-widget-width, 101.571% );max-width:101.571%;--container-widget-width:101.571%;--container-widget-flex-grow:0;}.elementor-27139 .elementor-element.elementor-element-84e3f7a .gsc-heading .content-inner{max-width:800px;}.elementor-27139 .elementor-element.elementor-element-84e3f7a .gsc-heading{margin-bottom:20px;}.elementor-27139 .elementor-element.elementor-element-84e3f7a .gsc-heading .title{color:#FFFFFF;font-family:"Times New Roman", Sans-serif;font-size:48px;font-weight:700;margin-bottom:0px;}.elementor-27139 .elementor-element.elementor-element-84e3f7a .gsc-heading .sub-title .tagline{color:#FFFFFF;}.elementor-27139 .elementor-element.elementor-element-84e3f7a .gsc-heading .sub-title{margin-bottom:8px;}.elementor-27139 .elementor-element.elementor-element-84e3f7a .gsc-heading .title-desc{color:#FFFFFF;font-family:"Times New Roman", Sans-serif;padding:20px 0px 0px 0px;}.elementor-27139 .elementor-element.elementor-element-010c647 .e-search-submit{background-color:#1F4D3A;}.elementor-27139 .elementor-element.elementor-element-010c647 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-27139 .elementor-element.elementor-element-010c647 .e-search-input{font-family:"Times New Roman", Sans-serif;border-style:none;border-radius:0px 0px 0px 15px;}.elementor-27139 .elementor-element.elementor-element-010c647{--e-search-submit-margin-inline-start:0px;--e-search-icon-clear-size:0px;--e-search-icon-clear-color:#EC0000;--e-search-submit-icon-gap:0px;--e-search-submit-color:#FFFFFF;--e-search-submit-border-radius:5px 5px 5px 5px;--e-search-input-and-results-gap:0px;--e-search-results-width:0px;}.elementor-27139 .elementor-element.elementor-element-41e50be > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-27139 .elementor-element.elementor-element-41e50be > .elementor-container{min-height:0px;}.elementor-bc-flex-widget .elementor-27139 .elementor-element.elementor-element-cc3f917.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-27139 .elementor-element.elementor-element-cc3f917.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-27139 .elementor-element.elementor-element-f5a461e > .elementor-widget-container{margin:-5px -5px -5px -5px;}.elementor-27139 .elementor-element.elementor-element-f5a461e .custom-breadcrumb .breadcrumb-container-inner{padding-top:0px;padding-bottom:0px;}.elementor-27139 .elementor-element.elementor-element-4c5328e > .elementor-container{max-width:1600px;}.elementor-27139 .elementor-element.elementor-element-4c5328e{overflow:hidden;}.elementor-27139 .elementor-element.elementor-element-f6cb2e6:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-27139 .elementor-element.elementor-element-f6cb2e6 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-27139 .elementor-element.elementor-element-f6cb2e6 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-27139 .elementor-element.elementor-element-f6cb2e6 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-27139 .elementor-element.elementor-element-77745a2 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:20px;}.elementor-27139 .elementor-element.elementor-element-77745a2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-27139 .elementor-element.elementor-element-829adfe{--grid-columns:3;--grid-row-gap:0px;--grid-column-gap:0px;}.elementor-27139 .elementor-element.elementor-element-829adfe .elementor-pagination{text-align:start;}body:not(.rtl) .elementor-27139 .elementor-element.elementor-element-829adfe .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-27139 .elementor-element.elementor-element-829adfe .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-27139 .elementor-element.elementor-element-829adfe .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-27139 .elementor-element.elementor-element-829adfe .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}@media(min-width:768px){.elementor-27139 .elementor-element.elementor-element-a425061{width:100%;}.elementor-27139 .elementor-element.elementor-element-c2d19f7{width:75%;}.elementor-27139 .elementor-element.elementor-element-06c5c91{width:25%;}.elementor-27139 .elementor-element.elementor-element-f6cb2e6{width:25%;}.elementor-27139 .elementor-element.elementor-element-77745a2{width:75%;}}@media(max-width:1024px){.elementor-27139 .elementor-element.elementor-element-829adfe{--grid-columns:2;}}@media(max-width:767px){.elementor-27139 .elementor-element.elementor-element-829adfe{--grid-columns:1;}}/* Start custom CSS for column, class: .elementor-element-f6cb2e6 *//* 1. SIDEBAR GRID CONTAINER (Optional breathing room) */
.filterby_grid {
    padding: 20px !important;
    background-color: #fcfcfc !important; /* Very subtle light background */
    border-radius: 12px !important;
    border: 1px solid #eaeaea !important;
}

/* 2. THE CHECKBOX ROW STYLING */
/* Aligns the box, text, and numbers perfectly */
.topic_filter .facetwp-checkbox,
.format_filter .facetwp-checkbox {
    display: flex !important;
    align-items: center !important;
    margin-bottom: 14px !important;
    cursor: pointer !important;
    font-size: 16px !important;
    color: #444444 !important;
    transition: all 0.2s ease !important;
    background: none !important; 
    padding: 0 !important;
}

/* Text color changes slightly on hover */
.topic_filter .facetwp-checkbox:hover,
.format_filter .facetwp-checkbox:hover {
    color: #2b543a !important; 
}

/* 3. CUSTOM CHECKBOX DESIGN (The empty square) */
/* This hides the ugly default browser checkbox and draws a modern square */
.topic_filter .facetwp-checkbox::before,
.format_filter .facetwp-checkbox::before {
    content: "" !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    margin-right: 12px !important;
    border: 2px solid #cbd5e1 !important;
    border-radius: 5px !important;
    background-color: #ffffff !important;
    transition: all 0.2s ease !important;
}

/* 4. THE CHECKED STATE (CIPO Green + SVG Checkmark) */
/* When clicked, the square turns green and draws a white checkmark */
.topic_filter .facetwp-checkbox.checked::before,
.format_filter .facetwp-checkbox.checked::before {
    background-color: #2b543a !important; /* CIPO Green */
    border-color: #2b543a !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E") !important;
    background-size: 14px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

/* Makes the text bold and green when selected */
.topic_filter .facetwp-checkbox.checked,
.format_filter .facetwp-checkbox.checked {
    color: #2b543a !important;
    font-weight: 600 !important;
}

/* 5. ITEM COUNTS (The numbers in parentheses) */
/* Pushes the counts to the far right edge of the sidebar */
.topic_filter .facetwp-count,
.format_filter .facetwp-count {
    margin-left: auto !important; 
    color: #999999 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    background: #f0f0f0 !important;
    padding: 2px 8px !important;
    border-radius: 20px !important; /* Puts the number in a neat little pill shape */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-866fd0c *//* ===============================
   TOP FILTER BAR LAYOUT
================================= */
.top_filter_bar {
    display: flex;
    justify-content: space-between; /* left: results / right: filters */
    align-items: center;
    margin-bottom: 28px;
    gap: 20px;
}

/* Force facet wrapper horizontal */
.top_filter_bar .facetwp-facet {
    display: flex;
    align-items: center;
    gap: 0;
    margin: 0;
    padding: 0;
}

/* ===============================
   SEGMENTED CONTROL CONTAINER
================================= */
.top_filter_bar .facetwp-facet-top_formats {
    display: inline-flex;
    background: #f3f4f3;
    border-radius: 8px;
    padding: 4px;
}

/* ===============================
   BUTTON BASE STYLE
================================= */
.top_filter_bar .facetwp-radio {
    appearance: none;
    border: none;
    background: transparent;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s ease;
}

/* Remove default radio bullets & counts */
.top_filter_bar .facetwp-radio::before,
.top_filter_bar .facetwp-radio::after,
.top_filter_bar .facetwp-count {
    display: none !important;
}

/* ===============================
   ACTIVE STATE
================================= */
.top_filter_bar .facetwp-radio.checked {
    background: #2b543a;
    color: #ffffff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

/* ===============================
   HOVER
================================= */
.top_filter_bar .facetwp-radio:hover:not(.checked) {
    background: rgba(0,0,0,0.04);
}



/* ===============================
   RESPONSIVE
================================= */
@media (max-width: 768px) {
    .top_filter_bar {
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .top_filter_bar .facetwp-facet-top_formats {
        width: 100%;
        justify-content: space-between;
    }

    .top_filter_bar .facetwp-radio {
        flex: 1;
        text-align: center;
    }
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-43f0897 *//* ===============================
   CLEAR FILTER BUTTON
   (separate from segmented group)
================================= */
/* ===============================
   SEGMENTED CONTAINER
================================= */
.top_filter_bar .facetwp-facet-top_formats {
    display: inline-flex;
    align-items: center;
    background: #f3f4f3;
    border-radius: 8px;
    padding: 4px;
    gap: 4px; /* space between segments */
}

/* ===============================
   RADIO BUTTONS
================================= */
.top_filter_bar .facetwp-radio {
    appearance: none;
    border: none;
    background: transparent;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a;
    cursor: pointer;
    border-radius: 6px;
    transition: all 0.2s ease;
}

/* Active state */
.top_filter_bar .facetwp-radio.checked {
    background: #2b543a;
    color: #ffffff;
}

/* Hover */
.top_filter_bar .facetwp-radio:hover:not(.checked) {
    background: rgba(0,0,0,0.05);
}

/* Remove default bullets & counts */
.top_filter_bar .facetwp-radio::before,
.top_filter_bar .facetwp-radio::after,
.top_filter_bar .facetwp-count {
    display: none !important;
}


/* ===============================
   CLEAR FILTERS AS LAST SEGMENT
================================= */
.top_filter_bar .facetwp-reset {
    border: none;
    background: transparent;
    padding: 10px 18px;
    font-size: 14px;
    font-weight: 500;
    color: #4a4a4a;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* subtle hover */
.top_filter_bar .facetwp-reset:hover {
    background: rgba(0,0,0,0.05);
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-77745a2 *//* Add spacing between the Loop Grid cards */

.loop_grid .elementor-loop-container {
    row-gap: 40px !important;
    column-gap: 30px !important;
}/* End custom CSS */