.price-level {
    display: none;
}

.share-social {
    display: none;
}

.view-article .section-listing-info.listing-menu {
    display: none;
}

.contact-actions {
    display: none;
}

.acm-hero.style-1 .hero-item p {
      color: #fff;
      margin-bottom: 3.428rem;
      font-weight: bold;
      max-width: 750px;
      opacity: 1; 
}

.item-field.ct14 {
    display: none;
}

/* Ensure Specialty renders on its own block */
.info-specialty .label {
  display: block;
  font-weight: 600;
  margin-bottom: 0.25rem;
}
.info-specialty .content {
  display: block;
  margin-left: 1.7rem;
}

/* sidebar multi select left override the inline width on the Chosen placeholder input */
.ub-layered-navigation-sidebar .filter-dropdown 
  li.search-field input.default {
  width: auto    !important;
  min-width: 6em !important;
  padding-left: 0.2em !important;
}

/* age filter results pages hide */
.item-field.ct17 {
    display: none;
}

 /* only target the homepage hero search 4 box 1 line */
@media (min-width: 992px) {
  .t4-hero .ub-layered-navigation-sidebar dl.filter-list {
    display: flex !important;
    align-items: center;
    gap: 1rem;
  }

  .t4-hero .ub-layered-navigation-sidebar dl.filter-list dt {
    display: none !important;
  }

  .t4-hero .ub-layered-navigation-sidebar dl.filter-list dd {
    flex: 1 !important;
    margin: 0 !important;
  }

  .t4-hero .ub-layered-navigation-sidebar dl.filter-list dd input,
  .t4-hero .ub-layered-navigation-sidebar dl.filter-list dd select {
    width: 100% !important;
    box-sizing: border-box;
  }
}

 /* mobile drop downs make the mobile UL fallback look like the input-text boxes */
@media (max-width: 991px) {
  /* 1) hide the UL fallback entirely */
  .ub-layered-navigation-sidebar
    .filter-dropdown
    ul.filter-items {
    display: none !important;
  }

  /* 2) style the native <select> exactly like .input-text (with arrow) */
  .ub-layered-navigation-sidebar
    .filter-dropdown
    select.filter-items {
    display: block !important;
    width: 100% !important;
    margin: 0 0 1rem !important;
    padding: 0.75rem 1rem !important;
    border: 1px solid #ddd !important;
    border-radius: 0.375rem !important;
    background-color: #fff !important;
    box-sizing: border-box !important;
    appearance: auto !important;
    -webkit-appearance: auto !important;
  }
}
@media (max-width: 991px) {
  /* Remove any margins on the controls themselves */
  .t4-hero .ub-layered-navigation-sidebar .filter-dropdown input,
  .t4-hero .ub-layered-navigation-sidebar .filter-dropdown select {
    margin: 0 !important;
  }

  /* Give every filter `<dd>` the exact same bottom gap */
  .t4-hero .ub-layered-navigation-sidebar dl.filter-list dd.filter-options-content {
    margin-bottom: 1rem !important;
  }

  /* Zero out the last one so Search button sits right beneath */
  .t4-hero .ub-layered-navigation-sidebar dl.filter-list dd.filter-options-content:last-of-type {
    margin-bottom: 0 !important;
  }
}

/* profile container details */
.contact-detail ul li {
  display: flex;
  align-items: flex-start;   /* align multi-line content at the top */
  margin-bottom: 0.75rem;     /* just some breathing room */
}

.contact-detail ul li .label {
  flex: 0 0 6.5rem;           /* pick whatever fits your longest label */
  font-weight: bold;
  white-space: nowrap;        /* keep “Address:” on one line */
}

.contact-detail ul li .content {
  flex: 1 1 auto;             /* fill the remaining space */
  word-break: break-word;     /* break long words/URLs if needed */
  overflow-wrap: anywhere;    /* ditto */
}

/* logo padding */
.navbar-brand {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* Mobile only: logo dimensions */
@media (max-width: 767.98px) {
  /* target the “small” logo only on phones */
  .logo-img-sm {
    /* kill any inherited max-width cap */
    max-width: none !important;
    width: 88px    !important;
    height: 68px    !important;
  }
}

/* Canvas logo mobile */
@media (max-width: 767.98px) {
  .t4-offcanvas .t4-off-canvas-header a img {
    /* remove the cap set by the original rule */
    max-height: none     !important;
    /* now force your exact dimensions */
    height: 48px         !important;
    width: 62px         !important;
    outline: none        !important;
  }
}

/* ==========================================================================
   Desktop-only Parentopia filter row (992px and up)
   ========================================================================== */
@media (min-width: 992px) {
  /* 1) Make the wrapper a flex row */
  .d-none.d-xxl-flex {
    display: flex !important;
    align-items: center;
    gap: 0.5rem;
    overflow: visible !important;
    white-space: normal !important;
    position: relative; /* for children z-index context */
  }

  /* 2) Give each field—and the search button—equal flex share */
  .d-none.d-xxl-flex .ln-element.filter-field,
  .d-none.d-xxl-flex .ln-element.filter-input,
  #jamegafilter-search-btn {
    flex: 1 1 auto;
    min-width: 0;
  }

  /* 3) Hide Chosen’s empty <div><b></b></div> arrow */
  .d-none.d-xxl-flex .chzn-container-single .chzn-single div {
    display: none !important;
  }

  /* 4) Append our own ▼ after the visible text */
  .d-none.d-xxl-flex .chzn-container-single .chzn-single span::after {
    content: "\25BC";      /* Unicode black down-pointing triangle */
    margin-left: 0.3em;    /* small gap */
    font-size: 0.6em;      /* scale it down */
    vertical-align: middle;
    color: #666;
    pointer-events: none;  /* let clicks pass through to the <a> */
  }

  /* 5) Push all selects underneath */
  .d-none.d-xxl-flex .chzn-container-single {
    position: relative;
    z-index: 1;
  }

  /* 6) Style & elevate the search button so it fills its cell */
  #jamegafilter-search-btn {
    position: relative;
    z-index: 10;             /* on top of the selects */
    display: flex;           /* fill the area */
    align-items: center;
    justify-content: center;
    /* if you want a bit more vertical padding: */
    /* padding: 0.5rem 0; */
  }
}
  /* ————————————————————————————
     Keep the dropdown on top of all page content
     ———————————————————————————— */
  .d-none.d-xxl-flex
    .chzn-container-single.chzn-container-active,
  .d-none.d-xxl-flex
    .chzn-container-single.chzn-container-active
    .chzn-drop {
    z-index: 9999 !important;
  }

/*START MAIN  ===== Parentopia — final header alignment (logo + menu same line, centered) ===== */

/* 0) Remove stray <br> that adds white bands or breaks the line */
#t4-header .header-logo br { display: none !important; }
#t4-header .row.header-inner > br { display: none !important; }
#t4-header + br { display: none !important; }

/* 1) Desktop/tablet: force one line, center-align content */
@media (min-width: 992px){
  /* Make the row a strict single-line flex container */
  #t4-header .row.header-inner{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;    /* vertical centering of both columns */
    gap: 16px;
  }

  /* Neutralize fixed Bootstrap column widths so nav gets real space */
  #t4-header .header-logo{
    width: auto !important; max-width: none !important; flex: 0 0 auto !important;
    display: flex !important; align-items: center !important;  /* center the logo within its col */
  }
  #t4-header .header-nav{
    width: auto !important; max-width: none !important; flex: 1 1 auto !important; min-width: 0 !important;
    display: flex !important; align-items: center !important;  /* center the nav vertically */
  }

  /* Cap the logo so it never drives header height (your source image is 203×158) */
  #t4-header .logo-img{ max-height: 96px !important; height: auto !important; width: auto !important; display: block !important; }
  #t4-header .logo-img-sm{ display: none !important; } /* desktop shows the main logo only */

  /* Nav bar chrome: remove extra paddings and margins that misalign vertically */
  #t4-header nav.navbar,
  #t4-header .t4-megamenu{ padding: 0 !important; margin: 0 !important; }

  /* Primary menu: single row, vertically centered with the logo */
  #t4-header .navbar-nav.level0{
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;          /* <-- key for vertical alignment */
    justify-content: flex-start !important;  /* logo left, menu immediately to the right */
    gap: 14px !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  /* Menu links: inline-flex so text sits dead-center vertically */
  #t4-header .navbar-nav.level0 > li > a{
    display: inline-flex !important;
    align-items: center !important;          /* <-- keep link text centered vs logo */
    height: 96px !important;                 /* match the logo cap for perfect alignment */
    padding: 0 12px !important;
    line-height: 1 !important;
    font-size: 15.5px !important;
    font-weight: 600 !important;
    border: 0 !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important;
    margin: 0 !important;
  }

  /* That “Quick Filter” module inside the header eats width at lg/xl; hide it on desktop */
  #t4-header #Mod124{ display: none !important; }
}

/* Mobile: keep only the small logo */
@media (max-width: 575.98px){
  #t4-header .logo-img{ display: none !important; }
  #t4-header .logo-img-sm{ display: block !important; max-height: 36px !important; height: auto !important; width: auto !important; }
}
/* === Wide desktop: keep one line (no wrap) === */
@media (min-width: 1400px){
  #t4-header .row.header-inner{ flex-wrap: nowrap !important; }
  #t4-header .header-logo{ flex: 0 0 auto !important; }
  #t4-header .header-nav { flex: 1 1 auto !important; min-width:0 !important; }
  #t4-header .navbar-nav.level0{ flex-wrap: nowrap !important; white-space: nowrap !important; }
}

/* === Desktop "pressure zone": allow a clean wrap to its own line === */
@media (min-width: 992px) and (max-width: 1399.98px){
  /* Let the row wrap and push nav to a full-width second line */
  #t4-header .row.header-inner{ display:flex !important; flex-wrap: wrap !important; align-items:center !important; }

  /* Logo stays on the first line */
  #t4-header .header-logo{ flex: 0 0 auto !important; }

  /* Nav takes 100% width on the next line (no chance to overlap the logo) */
  #t4-header .header-nav{ flex: 1 0 100% !important; order: 2; min-width: 0 !important; }

  /* Menu itself can wrap nicely if needed and stays centered */
  #t4-header .navbar-nav.level0{
    justify-content: center !important;
    flex-wrap: wrap !important;          /* allow multiple rows of items */
    white-space: normal !important;      /* allow labels to break if needed */
    gap: 10px 16px !important;           /* row-gap / column-gap */
  }

  /* Slightly tighter links in this zone for better fit */
  #t4-header .navbar-nav.level0 > li > a{
    height: 40px !important;
    padding: 0 10px !important;
    font-size: 15px !important;
  }
}

/* END MAIN LOGO EDIT ABOVE */