.elementor-217 .elementor-element.elementor-element-19752554 > .elementor-element-populated{padding:23px 25px 25px 25px;}.elementor-217 .elementor-element.elementor-element-d1f1985 .elementor-heading-title{font-size:2rem;font-weight:600;letter-spacing:-1px;color:var( --e-global-color-ca6b9c0 );}.elementor-217 .elementor-element.elementor-element-5115cc71 > .elementor-widget-container{margin:-5px 0px 6px 0px;}.elementor-217 .elementor-element.elementor-element-5115cc71{font-size:15px;}.elementor-217 .elementor-element.elementor-element-31928175{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:var( --e-global-color-4f7cc1a );--border-color:var( --e-global-color-4f7cc1a );--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 6px 0px rgba(0, 0, 0, 0.17);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:21px;--padding-bottom:34px;--padding-left:21px;--padding-right:21px;}.elementor-217 .elementor-element.elementor-element-31928175:not(.elementor-motion-effects-element-type-background), .elementor-217 .elementor-element.elementor-element-31928175 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FEFAF3;}.elementor-217 .elementor-element.elementor-element-4af5ee98 > .elementor-widget-container{margin:0px 0px -32px 0px;padding:0px 0px 0px 0px;}.elementor-217 .elementor-element.elementor-element-46639a62 > .elementor-widget-container{margin:12px 0px 5px 0px;}.elementor-217 .elementor-element.elementor-element-46639a62 .elementor-heading-title{font-size:15px;font-weight:600;}.elementor-217 .elementor-element.elementor-element-2f705beb{margin-top:-6px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-217 .elementor-element.elementor-element-3013ea8e > .elementor-element-populated{margin:-10px -10px -10px -10px;--e-column-margin-right:-10px;--e-column-margin-left:-10px;}.elementor-217 .elementor-element.elementor-element-3980ac21 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-217 .elementor-element.elementor-element-75edc6e3 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-217 .elementor-element.elementor-element-75edc6e3 > .elementor-element-populated{margin:-5px 0px 8px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-217 .elementor-element.elementor-element-6bb0b18e > .elementor-widget-container{margin:0px -5px 0px 0px;}.elementor-217 .elementor-element.elementor-element-4f75a795{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-217 .elementor-element.elementor-element-4f75a795 > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-217 .elementor-element.elementor-element-4f75a795 .elementor-pagination{text-align:center;}body:not(.rtl) .elementor-217 .elementor-element.elementor-element-4f75a795 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-217 .elementor-element.elementor-element-4f75a795 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-217 .elementor-element.elementor-element-4f75a795 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-217 .elementor-element.elementor-element-4f75a795 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-217 .elementor-element.elementor-element-40de0638 > .elementor-widget-container{margin:-10px -10px -10px -10px;}@media(min-width:768px){.elementor-217 .elementor-element.elementor-element-19752554{width:63.674%;}.elementor-217 .elementor-element.elementor-element-3013ea8e{width:50%;}.elementor-217 .elementor-element.elementor-element-75edc6e3{width:50%;}.elementor-217 .elementor-element.elementor-element-1bfe1fc2{width:36.285%;}}/* Start custom CSS for wp-widget-gd_search, class: .elementor-element-4af5ee98 */.geodir-loc-bar{
    border: none;
    padding: 0;
    margin: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-31928175 *//* ==========================
   HARPENDEN LIFE
   GEODIRECTORY SEARCH FORM
   CLEAN VERSION
========================== */

/* remove GD outer spacing/panel */
.geodir-search-container,
.geodir-search-form-wrapper,
.geodir-search-form-wrapper form {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* form row */
.geodir-search {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.geodir-search .form-group {
  margin: 0 !important;
}

/* columns */
.geodir-search .gd-search-input-wrapper,
.geodir-search .gd-search-field-search,
.geodir-search .gd-search-field-near {
  padding: 0 !important;
  margin: 0 !important;
}

/* all fields */
.geodir-search select,
.geodir-search input.form-control {
  height: 46px !important;
  min-height: 46px !important;
  border-radius: 8px !important;
  border: 1px solid #E4E4E4 !important;
  background: #FFFFFF !important;
  color: #5E676D !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 400 !important;
  line-height: 46px !important;
  box-shadow: none !important;
  outline: none !important;
}

/* select */
.geodir-search select {
  padding: 0 34px 0 16px !important;
}

/* text inputs */
.geodir-search input.search_text,
.geodir-search input.snear {
  padding-left: 42px !important;
  padding-right: 16px !important;
}

/* placeholder same as values */
.geodir-search input::placeholder,
.geodir-search input.form-control::placeholder {
  color: #5E676D !important;
  opacity: 1 !important;
  font-size: 15px !important;
  font-weight: 400 !important;
}

/* icons */
.geodir-search .input-group-prepend {
  left: 16px !important;
  top: 0 !important;
  height: 46px !important;
  z-index: 3 !important;
  pointer-events: none;
}

.geodir-search .input-group-text {
  height: 46px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
  border: 0 !important;
}

.geodir-search .geodir-search-input-label i {
  font-size: 14px !important;
  color: #5E676D !important;
}

/* focus */
.geodir-search select:focus,
.geodir-search input.form-control:focus {
  border-color: #284239 !important;
  box-shadow: 0 0 0 2px rgba(40, 66, 57, 0.12) !important;
}

/* search button */
.geodir-search .geodir_submit_search {
  height: 46px !important;
  min-height: 46px !important;
  border-radius: 8px !important;
  background: #284239 !important;
  border: 1px solid #284239 !important;
  color: #FFFFFF !important;
  font-family: "DM Sans", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 46px !important;
  padding: 0 28px !important;
  box-shadow: none !important;
  transition: all 0.2s ease !important;
}

.geodir-search .geodir_submit_search:hover {
  background: #111A19 !important;
  border-color: #111A19 !important;
  color: #FFFFFF !important;
}

/* suggestions dropdown */
.gd-suggestions-dropdown {
  border: 1px solid #E4E4E4 !important;
  border-radius: 10px !important;
  box-shadow: 0 14px 30px rgba(17, 26, 25, 0.1) !important;
  overflow: hidden !important;
}

/* mobile */
@media (max-width: 767px) {
  .geodir-search {
    flex-direction: column !important;
    align-items: stretch !important;
  }

  .geodir-search .gd-search-input-wrapper,
  .geodir-search .gd-search-field-search,
  .geodir-search .gd-search-field-near {
    width: 100% !important;
    flex: 1 1 100% !important;
  }

  .geodir-search .geodir_submit_search {
    width: 100% !important;
  }
}/* End custom CSS */
/* Start custom CSS for wp-widget-gd_categories, class: .elementor-element-20392edd *//* ==========================
   HARPENDEN LIFE
   GEO DIRECTORY CATEGORY PILLS
   Palette only:
   #284239 #647D54 #111A19 #FAFAFA
   #FFFFFF #E4E4E4 #5E676D #E0BD76
========================== */

.geodir-categories-container,
.gd-categories-widget,
.gd-cptcat-row {
  margin: 0 !important;
  padding: 0 !important;
}

.gd-cptcat-row .row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 !important;
}

.gd-cptcat-row .col {
  width: auto !important;
  flex: 0 0 auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

.gd-cptcat-row .card {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  height: auto !important;
}

.gd-cptcat-row .card-body {
  display: flex !important;
  align-items: center;
  justify-content: center;
  padding: 9px 17px !important;
  border-radius: 999px !important;
  background: #FFFFFF !important;
  border: 1px solid #E4E4E4 !important;
  box-shadow: 0 5px 14px rgba(17, 26, 25, 0.06) !important;
  min-height: 0 !important;
  line-height: 1 !important;
  transition: all 0.2s ease;
  overflow: hidden;
}

.gd-cptcat-row .btn,
.gd-cptcat-row .btn-outline-primary {
  background: transparent !important;
  border-color: #E4E4E4 !important;
  color: #284239 !important;
}

/* text */

.gd-cptcat-row .gd-cptcat-cat-right {
  text-transform: none !important;
  letter-spacing: 0 !important;
  overflow: visible !important;
}

.gd-cptcat-row .gd-cptcat-cat-right a {
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: "DM Sans", sans-serif !important;
  color: #284239 !important;
  text-decoration: none !important;
  line-height: 1 !important;
}

/* remove dropdown arrow */

.gd-cptcat-li-sub-container {
  display: none !important;
}

/* hover */

.gd-cptcat-row .card-body:hover {
  background: #FAFAFA !important;
  border-color: #E0BD76 !important;
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(17, 26, 25, 0.08) !important;
}

.gd-cptcat-row .card-body:hover a {
  color: #111A19 !important;
}

/* active/current category */

.current-cat .card-body,
.gd-cat-active .card-body,
.gd-cptcat-row .card-body.active {
  background: #284239 !important;
  border-color: #284239 !important;
  box-shadow: 0 8px 22px rgba(17, 26, 25, 0.18) !important;
}

.current-cat a,
.gd-cat-active a,
.gd-cptcat-row .card-body.active a {
  color: #FFFFFF !important;
}

/* spacing */

.geodir-categories-container .gd-categories-widget {
  margin-bottom: 16px !important;
}

.elementor-widget-wp-widget-gd_categories {
  margin-bottom: 18px !important;
}/* End custom CSS */
/* Start custom CSS for wp-widget-gd_loop_paging, class: .elementor-element-3980ac21 */.elementor-217 .elementor-element.elementor-element-3980ac21 .page-numbers{
    display:none;
}
.elementor-217 .elementor-element.elementor-element-3980ac21 .gd-pagination-details{
    color: #ccc
}/* End custom CSS */
/* Start custom CSS for wp-widget-gd_loop_actions, class: .elementor-element-6bb0b18e */.elementor-217 .elementor-element.elementor-element-6bb0b18e .geodir-list-view-select{
    display:none;
}
.elementor-217 .elementor-element.elementor-element-6bb0b18e .geodir-tax-sort{
    float: right
}/* End custom CSS */
/* Start custom CSS for archive-posts, class: .elementor-element-4f75a795 */.elementor-217 .elementor-element.elementor-element-4f75a795 {
    --grid-row-gap: 19px;
    --grid-column-gap: 15px;
}

/* =========================
EVENT CARD DATE BADGE
========================= */

/* Make loop card positioning context */
.e-loop-item {
    position: relative;
}

/* Position the GeoDirectory date field */
.e-loop-item .geodir-field-event_date {
    position: absolute;
    top: -68px;      /* adjust 195–215 if needed */
    right: 22px;
    z-index: 50;
    font-size: 0;
    margin: 0;
    padding: 0;
}

/* Hide old Event Date label */
.e-loop-item .geodir_post_meta_title {
    display:none;
}

/* Floating badge */
.e-loop-item .hl-event-badge{
    position: static;
    width:88px;
    height:104px;
    background:#fff;
    border-radius:18px;
    box-shadow:0 12px 28px rgba(0,0,0,.12);
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:12px 8px;
    text-align:center;
    transition:.25s ease;
}

/* Hover */
.e-loop-item:hover .hl-event-badge{
    transform:translateY(-2px);
    box-shadow:0 16px 36px rgba(0,0,0,.15);
}

/* Month */
.e-loop-item .hl-month{
    font-size:13px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:#647d54;
    line-height:1;
    margin-bottom:8px;
}

/* Day */
.e-loop-item .hl-day{
    font-size:38px;
    font-weight:800;
    line-height:1;
    color:#1f2b25;
}

/* Year */
.e-loop-item .hl-year{
    font-size:13px;
    font-weight:700;
    color:#647d54;
    line-height:1;
    margin-top:8px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-55f6585f *//* =========================
EVENT CARD DATE BADGE
Works for Elementor Loop + GD Archive Custom
Palette only
========================= */

/* positioning context for both loop types */
.e-loop-item,
.elementor-posts--skin-gd_archive_custom article.elementor-post {
    position: relative !important;
}

/* position date field on this archive structure */
.e-loop-item .geodir-field-event_date,
.elementor-posts--skin-gd_archive_custom article.elementor-post .geodir-field-event_date {
    position: absolute !important;
    top: -64px !important;
    right: 17px !important;
    z-index: 50 !important;
    font-size: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
}

/* prevent heading wrapper affecting badge */
.elementor-posts--skin-gd_archive_custom article.elementor-post .elementor-widget-heading:has(.geodir-field-event_date) {
    margin: 0 !important;
    padding: 0 !important;
}

/* hide old label */
.e-loop-item .geodir_post_meta_title,
.elementor-posts--skin-gd_archive_custom article.elementor-post .geodir_post_meta_title {
    display: none !important;
}

/* badge */
.e-loop-item .hl-event-badge,
.elementor-posts--skin-gd_archive_custom article.elementor-post .hl-event-badge {
    width: 74px !important;
    height: 88px !important;
    background: #FFFFFF !important;
    border: 1px solid #E4E4E4 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 24px rgba(17, 26, 25, 0.12) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 10px 8px !important;
    text-align: center !important;
    transition: 0.25s ease !important;
}

/* hover */
.e-loop-item:hover .hl-event-badge,
.elementor-posts--skin-gd_archive_custom article.elementor-post:hover .hl-event-badge {
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(17, 26, 25, 0.16) !important;
}

/* month */
.e-loop-item .hl-month,
.elementor-posts--skin-gd_archive_custom article.elementor-post .hl-month {
    font-size: 12px !important;
    font-weight: 500 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #647D54 !important;
    line-height: 1 !important;
    margin-bottom: 7px !important;
}

/* day */
.e-loop-item .hl-day,
.elementor-posts--skin-gd_archive_custom article.elementor-post .hl-day {
    font-size: 34px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #111A19 !important;
}

/* year */
.e-loop-item .hl-year,
.elementor-posts--skin-gd_archive_custom article.elementor-post .hl-year {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #647D54 !important;
    line-height: 1 !important;
    margin-top: 7px !important;
}

/* tablet/mobile adjustment */
@media (max-width: 767px) {
    .e-loop-item .geodir-field-event_date,
    .elementor-posts--skin-gd_archive_custom article.elementor-post .geodir-field-event_date {
        top: 130px !important;
        right: 16px !important;
    }

    .e-loop-item .hl-event-badge,
    .elementor-posts--skin-gd_archive_custom article.elementor-post .hl-event-badge {
        width: 66px !important;
        height: 80px !important;
        border-radius: 14px !important;
    }

    .e-loop-item .hl-day,
    .elementor-posts--skin-gd_archive_custom article.elementor-post .hl-day {
        font-size: 30px !important;
    }
}/* End custom CSS */