.dashboard_home_main_wrap {
  row-gap: 24px;
  padding-bottom: 24px;
}

@media (max-width: 767px) {
  .dashboard_home_main_wrap {
    padding: 0 !important;
    margin-bottom: 24px;
  }
}

@media (max-width: 1024px) {
  .desktop-top-bar {
    display: none !important;
  }
}

/* ---------------------------------------------------------------------------
 * "No image" placeholder for event & news cards (TA-2683).
 *
 * Cards with no featured image render <div class="axis-img-placeholder"> in
 * place of an <img>, so the fallback art is controlled from CSS rather than
 * hard-coded in PHP. The default is a brand-neutral "no image" graphic
 * (assets/images/axis-img-placeholder.svg) so it's safe on any white label.
 *
 * This file is brand-agnostic and is enqueued BEFORE the
 * white-label brand stylesheet, so any brand (theagency.css, rightmove.css, …)
 * can swap the placeholder just by redeclaring the rule in its own stylesheet:
 *
 *     .axis-img-placeholder { background-image: url("assets/images/rightmove-placeholder.jpg"); }
 *
 * Relative url()s resolve against the stylesheet they're written in, and every
 * brand stylesheet lives in the theme root next to assets/ (same as this file),
 * so the path is identical for every brand. Per-section hooks are also exposed
 * (.event-image-placeholder / .news-image-placeholder) if a brand needs to
 * style the events and news fallbacks differently.
 * ------------------------------------------------------------------------- */
.axis-img-placeholder {
  width: 100%;
  height: 100%;
  background-color: #e9ebee; /* neutral gray — shows only if the art fails to load */
  background-image: url("assets/images/axis-img-placeholder.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}