.elementor-3631 .elementor-element.elementor-element-417b0398{--display:flex;--padding-top:180px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3631 .elementor-element.elementor-element-7214836{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -70px) 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-7214836 *//* Container now spans full width and uses flexbox */
.live-search-container {
  margin-bottom: 40px;
  width: 100%;
  max-width: 100%; 
}

#live-search-form {
  display: flex;
  gap: 16px;
  width: 100%;
  flex-wrap: wrap; /* Stacks on mobile */
}

/* Search bar takes up remaining space */
.search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1; /* Forces it to stretch */
  min-width: 250px;
}

.search-input-wrapper .search-icon {
  position: absolute;
  left: 20px;
  pointer-events: none; 
}

#live-blog-search, 
#live-category-filter {
  width: 100%;
  font-family: 'Poppins', sans-serif;
  font-size: 1.05rem;
  color: #2b3a4a;
  background-color: #ffffff;
  border: 2px solid #e1e8f0;
  border-radius: 50px;
  transition: all 0.3s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
}

/* Specific padding for search */
#live-blog-search {
  padding: 16px 24px 16px 54px; 
}

/* Specific padding and styling for dropdown */
#live-category-filter {
  padding: 16px 40px 16px 24px;
  cursor: pointer;
  appearance: none; /* Hides default browser arrow */
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%233777bc%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 20px top 50%;
  background-size: 12px auto;
}

#live-category-filter:focus,
#live-blog-search:focus {
  outline: none;
  border-color: #3777bc;
  box-shadow: 0 4px 20px rgba(55, 119, 188, 0.12);
}

/* On desktop, keep dropdown at a fixed size. On mobile, it will wrap and stretch to 100% */
@media (min-width: 768px) {
  .category-dropdown-wrapper {
    width: 250px;
  }
}/* End custom CSS */