.elementor-kit-11{--e-global-color-primary:#3A5A40;--e-global-color-secondary:#458728;--e-global-color-text:#000000;--e-global-color-accent:#006400;--e-global-color-9670681:#C5A065;--e-global-color-9042db2:#F8F4EB;--e-global-color-541fa18:#FFFFFF;--e-global-color-c75ad52:#AF4B2F00;--e-global-typography-primary-font-family:"Lora";--e-global-typography-primary-font-size:34px;--e-global-typography-primary-font-weight:400;--e-global-typography-primary-text-transform:none;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-text-decoration:none;--e-global-typography-primary-line-height:1.2em;--e-global-typography-primary-letter-spacing:-0.5px;--e-global-typography-primary-word-spacing:0px;--e-global-typography-secondary-font-family:"Inter";--e-global-typography-secondary-font-size:22px;--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-text-transform:capitalize;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-text-decoration:none;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-secondary-letter-spacing:-0.5px;--e-global-typography-secondary-word-spacing:0px;--e-global-typography-text-font-family:"Inter";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:300;--e-global-typography-text-text-transform:none;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:1.5em;--e-global-typography-text-letter-spacing:0px;--e-global-typography-text-word-spacing:0px;--e-global-typography-accent-font-family:"Inter";--e-global-typography-accent-font-size:15px;--e-global-typography-accent-font-weight:400;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-accent-line-height:1em;--e-global-typography-accent-letter-spacing:0px;--e-global-typography-accent-word-spacing:0px;--e-global-typography-34f8ef0-font-family:"Epilogue";--e-global-typography-34f8ef0-font-size:12vw;--e-global-typography-34f8ef0-font-weight:600;--e-global-typography-34f8ef0-text-transform:lowercase;--e-global-typography-34f8ef0-font-style:normal;--e-global-typography-34f8ef0-text-decoration:none;--e-global-typography-34f8ef0-line-height:1em;--e-global-typography-34f8ef0-letter-spacing:-8px;--e-global-typography-34f8ef0-word-spacing:0px;--e-global-typography-85fbefb-font-family:"Inter";--e-global-typography-85fbefb-font-size:46px;--e-global-typography-85fbefb-font-weight:400;--e-global-typography-85fbefb-text-transform:none;--e-global-typography-85fbefb-font-style:normal;--e-global-typography-85fbefb-text-decoration:none;--e-global-typography-85fbefb-line-height:1.2em;--e-global-typography-85fbefb-letter-spacing:-0.5px;--e-global-typography-85fbefb-word-spacing:0px;--e-global-typography-abebd36-font-family:"Inter";--e-global-typography-abebd36-font-size:14px;--e-global-typography-abebd36-font-weight:400;--e-global-typography-abebd36-text-transform:capitalize;--e-global-typography-abebd36-font-style:normal;--e-global-typography-abebd36-text-decoration:none;--e-global-typography-abebd36-line-height:1em;--e-global-typography-abebd36-letter-spacing:0px;--e-global-typography-abebd36-word-spacing:0px;--e-global-typography-e8718e4-font-size:24px;--e-global-typography-e8718e4-font-weight:500;--e-global-typography-2049224-font-size:19px;background-color:var( --e-global-color-9042db2 );}.elementor-kit-11 e-page-transition{background-color:#FFBC7D;}.site-header{background-color:var( --e-global-color-9042db2 );padding-inline-end:8%;padding-inline-start:8%;}.elementor-kit-11 a{color:var( --e-global-color-9670681 );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );text-decoration:var( --e-global-typography-secondary-text-decoration );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-kit-11 a:hover{color:#DBCCAB;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:100%;}.e-con{--container-max-width:100%;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-navigation ul.menu li a{color:#006400;}.site-header .site-navigation-toggle .site-navigation-toggle-icon{color:var( --e-global-color-secondary );}.site-header .site-navigation .menu li{font-family:var( --e-global-typography-abebd36-font-family ), Sans-serif;font-size:var( --e-global-typography-abebd36-font-size );font-weight:var( --e-global-typography-abebd36-font-weight );text-transform:var( --e-global-typography-abebd36-text-transform );font-style:var( --e-global-typography-abebd36-font-style );text-decoration:var( --e-global-typography-abebd36-text-decoration );line-height:var( --e-global-typography-abebd36-line-height );letter-spacing:var( --e-global-typography-abebd36-letter-spacing );word-spacing:var( --e-global-typography-abebd36-word-spacing );}.site-footer{padding-inline-end:5%;padding-inline-start:5%;}.site-footer .copyright p{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}@media(max-width:1024px){.elementor-kit-11{--e-global-typography-secondary-font-size:18px;--e-global-typography-text-font-size:14px;--e-global-typography-accent-font-size:14px;--e-global-typography-34f8ef0-font-size:14vw;--e-global-typography-85fbefb-font-size:38px;--e-global-typography-abebd36-font-size:14px;}.elementor-kit-11 a{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}.site-header .site-navigation .menu li{font-size:var( --e-global-typography-abebd36-font-size );line-height:var( --e-global-typography-abebd36-line-height );letter-spacing:var( --e-global-typography-abebd36-letter-spacing );word-spacing:var( --e-global-typography-abebd36-word-spacing );}.site-footer .copyright p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}@media(max-width:767px){.elementor-kit-11{--e-global-typography-primary-font-size:22px;--e-global-typography-secondary-font-size:16px;--e-global-typography-34f8ef0-font-size:15vw;--e-global-typography-34f8ef0-letter-spacing:-1.8px;--e-global-typography-85fbefb-font-size:30px;--e-global-typography-abebd36-font-size:12px;}.elementor-kit-11 a{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );letter-spacing:var( --e-global-typography-secondary-letter-spacing );word-spacing:var( --e-global-typography-secondary-word-spacing );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}.site-header .site-navigation .menu li{font-size:var( --e-global-typography-abebd36-font-size );line-height:var( --e-global-typography-abebd36-line-height );letter-spacing:var( --e-global-typography-abebd36-letter-spacing );word-spacing:var( --e-global-typography-abebd36-word-spacing );}.site-footer .copyright p{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );word-spacing:var( --e-global-typography-text-word-spacing );}}/* Start custom CSS *//* ==========================================================================
   THAI PERMACULTURE MAP: UNIVERSAL RELATIONAL CARDS (V7 - Architectural)
   ========================================================================== */

/* 1. THE GRID CONTAINER */
body .relational-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)) !important;
    gap: 16px !important;
    margin-top: 20px !important;
}

/* 1.5 THE SECTION HEADERS (Dynamic Titles) */
body .relational-section-title {
    font-family: lora;
    font-size: 22px !important; 
    font-weight: 600 !important;
    color: #3A5A40;
}

/* 2. THE CARD BASE */
body .relational-card {
    display: flex !important;
    align-items: center !important;
    background-color: #ffffff !important;
    border: 1px solid #E5EADF !important; 
    border-radius: 12px !important;
    padding: 12px !important;
    text-decoration: none !important;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
    box-shadow: 0 4px 10px rgba(58, 90, 64, 0.04) !important;
}

body .relational-card:hover {
    border-color: #C5A065 !important; 
    transform: translateY(-5px) !important;
    box-shadow: 0 15px 30px rgba(58, 90, 64, 0.12) !important;
}

/* 3. THE IMAGE WRAPPER 
   Universal Rounded Square for Everyone - No Internal Border */
body .relational-img-wrap {
    width: 60px !important;
    height: 60px !important;
    flex-shrink: 0 !important;
    margin-right: 15px !important;
    overflow: hidden !important;
    background: #ffffff !important; 
    border-radius: 8px !important; /* The Architectural Square */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 4. UNIVERSAL IMAGE FIX (Targets <img> even inside <picture> tags) */
body .relational-img-wrap picture,
body .relational-img-wrap img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
}

/* 4b. LOGIC FOR PEOPLE & LOCATIONS (The Cropped Square) */
body .relational-card.people img,
body .relational-card.location img,
body .relational-card.locations img {
    object-fit: cover !important;
    padding: 0 !important;
    border-radius: 8px !important;
}

/* 5. LOGIC FOR ORGANIZATIONS (The Contained Logo) */
body .relational-card.organization img,
body .relational-card.organizations img {
    object-fit: contain !important;
    padding: 6px !important; /* Safety zone for logos */
}

/* 6. TEXT CONTENT AREA */
body .relational-info {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
}

/* 7. THE NAME (TITLE) */
body .relational-card .relational-title {
    display: block !important;
    font-size: 17px !important; 
    font-weight: 700 !important;
    color: #3A5A40 !important; 
    line-height: 1.2 !important;
    margin-bottom: 2px !important;
}

/* 8. THE ROLE/TYPE (SUBTEXT) */
body .relational-card .relational-type {
    display: block !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.12em !important; 
    color: #C5A065 !important; 
    line-height: 1.4 !important;
}

/* 9. MOBILE RESPONSIVENESS */
@media (max-width: 480px) {
    body .relational-grid {
        grid-template-columns: 1fr !important;
    }
}

/* Blog pages styling */


.elementor-post-info__terms-list {
    font-size: 0 !important;
}

.elementor-post-info__terms-list a {
    display: inline-block !important;
    font-size: 13px !important;
    background-color: #FFFFFF !important ;
    border: 1px solid #C5A065 !important;
    color: #3A5A40 !important;
    padding: 8px 18px !important;
    margin: 0 6px 10px 0 !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    border-radius: 50px !important;
    box-shadow: 0 2px 4px rgba(58, 90, 64, 0.05) !important;
    text-decoration: none !important;
}

/* Optional: Hides the scrollbar for a cleaner look */

#blog-side-box {
    height: auto !important; 
    overflow: visible !important;
}

/* ========================
   THE ARCHITECTURAL CARDS
   ==================== */
body .loop-title {
    min-height: 68px; 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

body .loop-description {
    min-height: 42px;
    display: -webkit-box;-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


/* ==========================================================================
   THE SEARCH BAR 6.0: THE PERFECT HORIZON (Royal Thai Edition)
   ========================================================================== */

/* 1. MAIN WRAPPER: Force Horizontal Flex */
body .wpc-filters-widget-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; 
    gap: 15px;
    align-items: center;
    justify-content: center;
    max-width: 100% ;
}

/* 2. THE THREE MAIN COLUMNS (2 Selects + 1 Button Group) */
body .wpc-filters-section {
    flex: 1;
    margin-bottom: 0; 
    min-width: 0;
}

/* 3. THE DROPDOWNS */
body .wpc-filters-widget-select {
    width: 100% !important;
    height: 50px !important;
    background-color: #F7F9F4 !important; /* Cream */
    border: 1px solid #C5A065 !important; /* Gold */
    border-radius: 8px !important;
    color: #3A5A40 !important; /* Dark Green */
    padding: 0 40px 0 15px !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23C5A065' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'%3E%3C/path%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 15px center !important;
}

/* 4. THE BUTTON ROW CONTAINER */
body .wpc-filter-layout-submit-button {
    display: flex !important;
    gap: 10px !important;
    height: 50px !important; /* Identical to selects */
    width: 100% !important;
}

/* 5. THE APPLY BUTTON (Solid Green) */
body .wpc-filters-submit-button {
    flex: 1.2 !important; /* Makes Apply slightly wider than Reset */
    background-color: #3A5A40 !important;
    color: #F7F9F4 !important;
    border: none !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    height: 50px !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* 6. THE RESET BUTTON (Cream bg / Green text) */
body .wpc-filters-reset-button {
    flex: 1 !important;
    background-color: #F7F9F4 !important; /* Cream */
    color: #3A5A40 !important; /* Dark Green Text */
    border: 1px solid #C5A065 !important; /* Gold Border */
    border-radius: 8px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    height: 50px !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
}

/* Hover States */
body .wpc-filters-submit-button:hover { background-color: #C5A065 !important; }
body .wpc-filters-reset-button:hover { background-color: #ffffff !important; border-color: #3A5A40 !important; }

/* 7. MOBILE VIEW: Switch to stack when narrow */
@media (max-width: 900px) {
    body .wpc-filters-widget-wrapper {
        flex-direction: column !important;
        align-items: stretch !important;
    }
}

/* 8. BLOG LOOP CARD: Author */

/* a. The Container - No more full-width border */
.blog-card-author-sig {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 10px;
    padding-top: 20px;
    position: relative;
}

/* b. The Signature Line - Short, Gold, and Branded */
.blog-card-author-sig::before {
    content: "";
    position: absolute;
    top: -3px;
    left: 0;
    width: 20%; 
    height: 1px;
    background-color: #C5A065;
}

/* c. The Avatar - Matches the "Ecosystem Map" Squareness */
.blog-card-author-img, 
.blog-card-author-img img {
    width: 40px; 
    height: 40px;
    border-radius: 8px !important; 
    object-fit: cover;
    display: block;
    overflow: hidden !important;
}

/* d. The Name */
.blog-card-author-name {
    color: #C5A065;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

/*FILTERS*/
/* 1. Hide the "N/A" and the extra Filter Headers */
.wpc-no-filter-terms, 
.wpc-filter-header {
    display: none !important;
}

/* 2. Hide the "Reset All" button specifically (High Specificity) */
body .wpc-filter-chips-list li.wpc-chip-reset-all {
    display: none !important;
}

/* 3. Style the Province Button (Targeting everything EXCEPT reset) */
body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a {
    background-color: #2D3A26 !important; /* Deep Forest Green */
    color: #f7f2e8 !important;            /* Light Cream Text */
    border: 1px solid #c29b61 !important;  /* Gold/Tan Border */
    border-radius: 30px !important;
    padding: 8px 18px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: all 0.2s ease-in-out;
}

/* 4. Hover State */
body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) a:hover {
    background-color: #c29b61 !important; /* Gold on Hover */
    color: #2D3A26 !important;            /* Dark Green Text */
    transform: translateY(-1px);
}

/* 5. Style the 'X' Icon inside the Province button */
body .wpc-filter-chips-list li.wpc-filter-chip:not(.wpc-chip-reset-all) .wpc-filter-chip-remove-icon {
    margin-left: 10px !important;
    color: inherit !important;
    opacity: 0.8;
}

/* FILTERS: THE ACTIVE CHIPS (Royal Thai Style) */

/* 1. Hide the "N/A", Filter Headers, and the "Reset All" button  */
.wpc-no-filter-terms, 
.wpc-filter-header,
body .wpc-filter-chips-list li.wpc-chip-reset-all {
    display: none !important;
}

/* 2. The Chip Container (Spacing fix) */
.wpc-filter-chips-list {
    margin: 10px 0 20px 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Space between multiple chips */
}

/* 3. The Royal Chip Style 
   (High Specificity .elementor-kit-11 to avoid !important) */
body .wpc-filter-chips-list li.wpc-filter-chip a {
    background-color: #3A5A40; /* Theme Main Green (Matches Relational Titles) */
    color: #F7F9F4;            /* Theme Cream */
    border: 1px solid #C5A065; /* Theme Gold */
    border-radius: 50px;       /* Full Pill Shape */
    padding: 8px 20px;         /* Refined padding for elegance */
    
    /* Typography - Matches the 'Nano-Pill' and 'Jewel-Pill' style */
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-decoration: none;
    
    /* Flexbox for the X icon alignment */
    display: inline-flex;
    align-items: center;
    
    /* Royal Interactions */
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 4px 6px rgba(58, 90, 64, 0.15); /* Soft depth */
}

/* 4. Hover State: Inverts to Gold */
body .wpc-filter-chips-list li.wpc-filter-chip a:hover {
    background-color: #C5A065; /* Gold Background */
    color: #3A5A40;            /* Green Text */
    border-color: #3A5A40;     /* Green Border */
    transform: translateY(-2px); /* Slight lift */
    box-shadow: 0 6px 12px rgba(197, 160, 101, 0.25); /* Golden Glow */
}

/* 5. The 'X' Icon Logic */
body .wpc-filter-chips-list li.wpc-filter-chip .wpc-filter-chip-remove-icon {
    margin-left: 8px;
    font-size: 14px; /* Slightly larger than text for clickability */
    line-height: 1;
    opacity: 0.7;
    transition: opacity 0.2s ease;
}

/* Make the X fully visible on hover */
body .wpc-filter-chips-list li.wpc-filter-chip a:hover .wpc-filter-chip-remove-icon {
    opacity: 1;
}

/* Always hide the plugin's label */
body .elementor-widget-wp-widget-wpc_chips_widget h5{
  display:none !important;
}

/* Only show label when NOT empty (i.e., when chips exist) */
body .elementor-widget-wp-widget-wpc_chips_widget 
.wpc-filter-chips-list:not(.wpc-empty-chips-container)::before {
  content: "Filtered by:";
  flex-basis: 100%;
  width: 100%;
  display: block;

  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #C5A065;
  font-weight: 700;
  margin: 0 0 8px 0;
}

@media (max-width: 900px){
  body .elementor-widget-wp-widget-wpc_chips_widget{
    text-align:center;
  }
  body .elementor-widget-wp-widget-wpc_chips_widget .wpc-filter-chips-list{
    justify-content:center;
  }
}/* End custom CSS */