.ui-autocomplete {
 margin-top: 5px;
 font-family: ProximaNova;
 font-size: 14px;
 max-height: 100px;
 overflow-y: auto;
 overflow-x: hidden;
 border-radius: 4px !important;
}
.ui-autocomplete .ui-menu-item {
 border-bottom: 1px solid #f5f5f5;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
 background-color: #e4e4e4;
 color: #000;
 border: none;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
 padding: 5px 0 5px 5px;
}
.title {
 width: 100%;
 height: 100%;
 background-color: #fff;
 font-weight: 700;
 border-bottom: 1px solid #e8e8e8;
 border-top: 1px solid #e8e8e8;
}
.title .wrapper {
 padding: 1% 0;
}
.title .wrapper h1 {
 padding-left: 5px;
}
.title .wrapper .subheading-wrapper {
 display: flex;
 flex-direction: column;
 gap: 8px;
}
.title .wrapper .subheading-wrapper a {
 font-size: 14px;
 font-weight: 400;
 padding-left: 5px;
}
.title .wrapper .desc h2 {
  font-size: 16px;
  font-weight: 400;
  margin-top: 1em;
  margin-bottom: .5em;
}
.title .wrapper .desc ul {
 list-style-position: inside;
 font-size: 13px !important;
 line-height: 1.35 !important;
}
.title .wrapper .other-links-subheading {
 padding-left: 5px;
 padding-top: 15px;
 font-size: 16px;
 font-weight: 400;
 line-height: 1.5;
 text-transform: uppercase;
}
.title .wrapper .other-links {
 padding-left: 5px;
 padding-top: 5px;
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
 column-gap: 10px;
 overflow: hidden;
}
.title .wrapper .other-links a {
 box-sizing: border-box;
 height: 100%;
 font-weight: 400;
 font-size: 14px;
 padding-bottom: 5px;
}
#popup-form .select-block label {
 float: left;
}
input.error {
 border: 1px solid red;
}
label.error {
 color: red;
 margin-left: 10px;
 font-size: 0.9em;
 text-transform: none;
}
.success {
 border: 1px solid Green;
 background-color: #dfd;
 border-radius: 5px;
 padding: 15px 15px 15px 15px;
 margin-bottom: 5px;
 margin-top: 10px;
 font-weight: 700;
}
.errors {
 border: 1px solid Red;
 background-color: #fdd;
 border-radius: 5px;
 padding: 15px 15px 15px 15px;
 margin-bottom: 5px;
 margin-top: 10px;
 font-weight: 700;
}
.sumo_subcategory > .optWrapper > .options {
 max-height: 385px;
}
.item_distance {
 box-sizing: border-box;
 font-size: 12px;
 font-weight: 400;
 background: #fff;
 border: 2px solid #e8e8e8;
 border-bottom: none;
 border-radius: 5px 5px 0 0;
 width: 95%;
 margin-left: auto;
 margin-right: auto;
}
.content_item_adv {
 cursor: pointer;
}
.content_item_adv_mob .item_distance {
 margin: 0;
 padding: 0;
 float: right;
 font-size: inherit;
 background: 0 0;
 border: none;
}
.similar-results {
 font-family: Roboto, sans-serif;
 font-weight: 400;
 font-size: 19px;
 margin-bottom: 10px;
 padding-left: 25px;
 padding-right: 25px;
 border-bottom: 4px solid #ffd71a;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.similar-results-mid {
 flex: 1 1 auto;
 max-width: 1110px;
 padding-left: 10px;
 padding-right: 10px;
}
.similar-results-left {
 text-align: right;
 flex: 0 0 auto;
 width: 19px;
 align-self: flex-end;
}
.similar-results-right {
 text-align: left;
 flex: 0 0 auto;
 width: 19px;
 align-self: flex-end;
}
@media only screen and (min-width: 1340px) {
 .similar-results-mid {
  flex: 0 0 auto;
 }
 .similar-results-left,
 .similar-results-right {
  flex: 1 1 auto;
 }
}
.sort_pagging .wrapper.el_cart_wrapper_absolute {
 padding: 0;
}
.el_cart_wrapper .el_cart_button_wrapper .el_cart_button.el_cart_button_highlight {
 background-color: #ff8c00;
 border-color: #ff8c00;
 color: #fff !important;
}
.el_cart_button_wrapper.el_cart_button_wrapper_adjusted.el_cart_button_wrapper_absolute {
 position: absolute;
 justify-content: center;
 width: 300px !important;
 left: 50%;
 margin-left: -215px;
 margin-top: -25px;
}
@media (max-width: 1380px) {
 .pagging {
  padding-bottom: 10px;
 }
}
@media (max-width: 580px) {
 .pagging {
  padding-bottom: 20px;
 }
}
.item_distance {
 display: none;
}
.item_text_adv .btn_row {
 display: flex;
 margin: 0 8px 4px 8px;
}
.item_text_adv .btn_row button {
 width: unset;
 margin: 0;
 font-size: 18px;
 padding: 8px 4px;
 height: unset;
 flex-grow: 1;
 color: #fff;
 background-color: #fe9700;
 border: none;
}
.item_text_adv .btn_row button.js_elt_show_micro_quote_modal {
 font-size: 16px;
}
.item_text_adv .btn_row button:hover {
 background: #e57e00;
}
.item_text_adv .btn_row_dbl {
 display: flex;
 margin: 0 8px 12px 8px;
 gap: 2px;
}
.item_text_adv .btn_row_dbl button {
 background-color: #9bbc44;
 color: #fff;
 border: none;
 margin: 0;
 font-size: 12px;
 padding: 8px 4px;
 height: unset;
 width: 50%;
}
.item_text_adv .btn_row_dbl button:first-child {
 border-radius: 3px 0 0 3px;
}
.item_text_adv .btn_row_dbl button:nth-child(2) {
 border-radius: 0 3px 3px 0;
}
.item_text_adv .btn_row_dbl button:hover {
 background: #719317;
}

/* --- ELT Related Navigation Chips/Pills --- */
.elt_nav_chips_bar {
 width: 100%;
 background: #fdfdfd;
 border-bottom: 1px solid #e8e8e8;
 box-sizing: border-box;
}

.elt_nav_chips_bar .wrapper {
 padding: 14px 0 16px 0;
}

.elt_nav_chips_heading {
 display: flex;
 align-items: center;
 margin-bottom: 10px;
}

.elt_nav_chips_icon {
 width: 15px;
 height: 15px;
 margin-right: 7px;
 display: inline-block;
 vertical-align: middle;
}

.elt_nav_chips_label {
 font-size: 13px;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.5px;
 color: #2d3748;
}

.elt_nav_chips_group {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 align-items: center;
}

.elt_nav_chip_item {
 display: inline-flex;
 align-items: center;
 padding: 6px 14px;
 font-size: 13px;
 font-weight: 500;
 color: #1a202c;
 text-decoration: none;
 background-color: #f7fafc;
 border: 1px solid #cbd5e0;
 border-radius: 20px;
 transition: all 0.2s ease-in-out;
}

.elt_nav_chip_item:hover {
 border-color: #f5b300;
 background-color: #fff9e6;
 color: #b7791f;
 text-decoration: none;
}

.intro_subwrapper h1.subheading {
 font-size: 22px !important;
 font-weight: 700 !important; /* matches old regular weight */
 padding-left: 0px !important;
 margin-bottom: 5px !important;
 text-transform: uppercase !important;
 color: rgb(17, 17, 17) !important;
 line-height: 1.15 !important;
}

.title .wrapper .desc {
 font-size: 13.5px !important;
 line-height: 1.35 !important; /* or line-height: 1.35 !important; */
 color: #222222 !important;
 margin-top: 0px !important;
 padding-left: 0px !important;
 font-weight: 400 !important;
}

.elt_crumbs li,
.elt_crumbs li a {
 margin-right: 2px !important;
}

.elt_crumbs,
.elt_crumbs li,
.elt_crumbs li a {
 font-size: 13px !important;
}

/* Two-column responsive utility row */
.elt_breadcrumbs_header_bar {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 16px;
 margin-bottom: 6px;
 width: 100%;
 box-sizing: border-box;
}

/* Left column: Breadcrumbs (Never shrinks) */
.elt_crumbs_col {
 flex: 0 0 auto;
 white-space: nowrap;
}
.elt_crumbs_col ul.elt_crumbs {
 list-style: none;
 padding: 0;
 margin: 0;
 font-size: 13px;
 font-weight: 700;
 color: #555;
}
.elt_crumbs_col ul.elt_crumbs li {
 display: inline-block;
 margin-right: 4px;
 margin-top: 0;
 padding-left: 0;
}
.elt_crumbs_col ul.elt_crumbs a {
 color: #c0392b;
 text-decoration: none;
 font-weight: 700;
}
.elt_crumbs_col ul.elt_crumbs a:hover {
 text-decoration: underline;
}

/* Right column: Auto-drops & hides any pill that doesn't fit 100% */
.elt_nav_chips_inline {
 display: flex;
 align-items: center;
 justify-content: flex-end;
 gap: 6px;
 flex: 1 1 auto;
 min-width: 0;
 flex-wrap: wrap; /* Drops non-fitting pills to row 2 */
 height: 24px; /* Locks height strictly to row 1 */
 overflow: hidden; /* Completely conceals row 2 */
 padding: 0;
 margin-left: auto;
}

.elt_nav_chips_inline_label {
 font-size: 11px;
 font-weight: 700;
 letter-spacing: 0.5px;
 color: #555;
 text-transform: uppercase;
 margin-right: 2px;
 flex-shrink: 0;
 line-height: 24px;
}
.elt_nav_chip_inline_item {
 display: inline-block;
 padding: 2px 8px;
 font-size: 11.5px;
 font-weight: 600;
 line-height: 18px;
 color: #334155;
 background-color: #f1f5f9;
 border: 1px solid #cbd5e1;
 border-radius: 12px;
 text-decoration: none;
 white-space: nowrap;
 flex-shrink: 0;
 transition:
  background 0.15s,
  color 0.15s;
}
.elt_nav_chip_inline_item:hover {
 background-color: #e2e8f0;
 color: #000;
}

/* Mobile Breakpoint: Completely removes the similar chips block & label */
@media (max-width: 580px) {
 .elt_nav_chips_inline {
  display: none !important;
 }
 .elt_crumbs_col {
  width: 100%;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
 }
}

/* Tighten intro heading and body */
.title .wrapper .subheading {
 margin: 0 0 5px 0 !important;
 line-height: 1.15 !important;
}
.title .wrapper .desc {
 font-size: 13.5px !important;
 line-height: 1.35 !important;
 color: #222 !important;
 margin-top: 0px !important;
 padding-left: 0px !important;
}


/* Start of action bar tweaks */

/* ==========================================================================
   ELT ACTION BAR V2 - NAMESPACED CONTAINER & ELEMENTS
   ========================================================================== */

/* Root Wrapper Isolation */
.elt_action_bar_v2 {
  width: 100%;
  border-top: 0px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background: #ffffff;
  padding: 6px 0 1em !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

.elt_action_bar_v2 * {
  box-sizing: border-box !important;
  float: none !important;
}

/* Flex Container */
.elt_action_bar_v2 .elt_ab_inner {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  min-height: 32px !important;
}

.elt_action_bar_v2 .elt_ab_inner::before,
.elt_action_bar_v2 .elt_ab_inner::after {
  display: none !important;
}

/* Reset column wrappers */
.elt_action_bar_v2 .elt_ab_col_sort,
.elt_action_bar_v2 .elt_ab_col_bulk,
.elt_action_bar_v2 .elt_ab_col_page {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-shrink: 0 !important;
  line-height: normal !important;
}

/* --- 1. SORT & VIEW CONTROLS --- */
.elt_action_bar_v2 .elt_ab_col_sort {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
}

.elt_action_bar_v2 select.elt_ab_select {
  height: 32px !important;
  width: auto !important;
  min-width: 110px !important;
  max-width: 145px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  padding: 0 22px 0 8px !important;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #333 !important;
  background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5' fill='%23333333'%3E%3Cpath d='M0 0l4 5 4-5z'/%3E%3C/svg%3E") no-repeat right 7px center !important;
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  cursor: pointer !important;
  outline: none !important;
}

.elt_action_bar_v2 .elt_ab_view_group {
  display: inline-flex !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  overflow: hidden !important;
  height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
}

.elt_action_bar_v2 a.elt_ab_view_btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 32px !important;
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 0 !important;
  background: #fff !important;
  color: #777 !important;
  text-decoration: none !important;
  font-size: 13px !important;
}

.elt_action_bar_v2 a.elt_ab_view_btn:first-child {
  border-right: 1px solid #ccc !important;
}

.elt_action_bar_v2 a.elt_ab_view_btn.th,
.elt_action_bar_v2 a.elt_ab_view_btn:hover {
  background: #f5f5f5 !important;
  color: #333 !important;
}

/* --- 2. BULK ACTION BUTTON STRIP --- */
.elt_action_bar_v2 .elt_ab_btn_strip {
  display: inline-flex !important;
  align-items: center !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  background: #fff !important;
  overflow: hidden !important;
  height: 32px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.elt_action_bar_v2 .elt_ab_btn {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  height: 32px !important;
  line-height: 32px !important;
  padding: 0 10px !important;
  margin: 0 !important;
  border-right: 1px solid #ccc !important;
  border-top: none !important;
  border-bottom: none !important;
  border-left: none !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  color: #333 !important;
  background: #fff !important;
  cursor: pointer !important;
  white-space: nowrap !important;
}

.elt_action_bar_v2 .elt_ab_btn:last-child {
  border-right: none !important;
}

.elt_action_bar_v2 .elt_ab_btn_disabled {
  background: #f5f5f5 !important;
  cursor: default !important;
  font-weight: 700 !important;
}

.elt_action_bar_v2 .elt_ab_btn i.fa {
  font-size: 13px !important;
  color: #444 !important;
}

/* Desktop checkmark hidden */
.elt_action_bar_v2 .elt_ab_ico_selected {
  display: none !important;
}

/* --- 3. PAGINATION (UNIFORM SQUARES + CENTERED ELLIPSIS) --- */
.elt_action_bar_v2 .elt_ab_col_page ul {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  gap: 3px !important;
  height: 32px !important;
}

.elt_action_bar_v2 .elt_ab_col_page ul li {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 0 1px !important;
  height: 32px !important;
  color: #777 !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  line-height: 1 !important;
}

.elt_action_bar_v2 .elt_ab_col_page ul li a,
.elt_action_bar_v2 .elt_ab_col_page ul li a.pagging_btn,
.elt_action_bar_v2 .elt_ab_col_page ul li a.elt_ab_page_nav {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  width: 28px !important;
  min-width: 28px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  background: #fff !important;
  color: #333 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.elt_action_bar_v2 .elt_ab_col_page ul li a i.fa {
  font-size: 14px !important;
  color: #555 !important;
  line-height: 1 !important;
}

.elt_action_bar_v2 .elt_ab_col_page ul li a:hover {
  background: #f7f7f7 !important;
}

.elt_action_bar_v2 .elt_ab_col_page ul li a:hover i.fa {
  color: #111 !important;
}

.elt_action_bar_v2 .elt_ab_col_page ul li.active a {
  background: #333333 !important;
  border-color: #333333 !important;
  color: #ffffff !important;
}

/* ==========================================================================
   STAGE 1: COMPACT TABLET ICONS (<= 980px)
   ========================================================================== */
@media (max-width: 980px) {
  .elt_action_bar_v2 .elt_ab_btn_txt {
    display: none !important;
  }
  .elt_action_bar_v2 .elt_ab_lbl_selected {
    display: none !important;
  }
  .elt_action_bar_v2 .elt_ab_ico_selected {
    display: inline-block !important;
    font-size: 11px !important;
    color: #2e7d32 !important;
    margin-left: 2px !important;
  }
  .elt_action_bar_v2 .elt_ab_btn {
    padding: 0 9px !important;
    gap: 2px !important;
  }
}

/* ==========================================================================
   STAGE 2: STRUCTURED 2-ROW SPLIT (481px to 620px)
   ========================================================================== */
@media (min-width: 481px) and (max-width: 620px) {
  .elt_action_bar_v2 .elt_ab_inner {
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    row-gap: 8px !important;
  }

  .elt_action_bar_v2 .elt_ab_col_sort {
    order: 1 !important;
  }

  .elt_action_bar_v2 .elt_ab_col_page {
    order: 2 !important;
  }

  .elt_action_bar_v2 .elt_ab_col_bulk {
    order: 3 !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
  }
}

/* ==========================================================================
   STAGE 3: NATURAL ALIGNED ROWS & BALANCED PAGINATION (<= 480px)
   ========================================================================== */
@media (max-width: 480px) {
  .elt_action_bar_v2 {
    padding: 8px 0 0 !important;
  }

  /* Uses the parent .wrapper's natural width/margins so it aligns with text above */
  .elt_action_bar_v2 .elt_ab_inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    row-gap: 8px !important;
    padding-bottom:1em !important;
  }

  .elt_action_bar_v2 .elt_ab_col_sort,
  .elt_action_bar_v2 .elt_ab_col_bulk,
  .elt_action_bar_v2 .elt_ab_col_page {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    order: unset !important;
  }

  /* --- Row 1: Full-Width Sort + View Buttons --- */
  .elt_action_bar_v2 .elt_ab_col_sort {
    justify-content: space-between !important;
    gap: 6px !important;
  }

  .elt_action_bar_v2 select.elt_ab_select {
    flex: 1 1 auto !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    font-size: 13px !important;
  }

  .elt_action_bar_v2 .elt_ab_view_group {
    flex-shrink: 0 !important;
  }

  /* --- Row 2: Full-Width Toolbar --- */
  .elt_action_bar_v2 .elt_ab_btn_strip {
    width: 100% !important;
    display: flex !important;
    justify-content: stretch !important;
  }

  .elt_action_bar_v2 .elt_ab_btn {
    flex: 1 1 0 !important;
    width: auto !important;
    padding: 0 !important;
    justify-content: center !important;
  }

  /* --- Row 3: Centered, Cohesive Pagination --- */
  .elt_action_bar_v2 .elt_ab_col_page {
    justify-content: center !important; /* Centers the whole pagination group */
  }

  .elt_action_bar_v2 .elt_ab_col_page ul {
    width: auto !important;             /* Eliminates awkward space-between stretching */
    display: inline-flex !important;
    justify-content: center !important;
    gap: 4px !important;
  }

  .elt_action_bar_v2 .elt_ab_col_page ul li {
    flex: 0 0 auto !important;          /* Stops li elements from claiming uneven empty space */
    width: auto !important;
    padding: 0 2px !important;
  }

  .elt_action_bar_v2 .elt_ab_col_page ul li a,
  .elt_action_bar_v2 .elt_ab_col_page ul li a.pagging_btn,
  .elt_action_bar_v2 .elt_ab_col_page ul li a.elt_ab_page_nav {
    width: 34px !important;             /* Uniform, comfortable touch squares */
    min-width: 34px !important;
    height: 32px !important;
    font-size: 13px !important;
  }
}


/* end of action bar tweaks */