/* Small corrections layered on top of the ported stylesheet.
   Kept in one file so everything that is ours rather than the old site's is
   easy to find — and easy to drop if a rule is ever not wanted. */

/* ------------------------------------------------- pointer, not an arrow
   Plenty of the controls on the old site are <p>, <li>, <div> or <h3> with a
   click handler rather than links, so the cursor stayed an arrow over them and
   they did not read as clickable. */
.masonry-label li,
[data-filter],
.load-more,
.show-popup,
.show-enq,
.cu-btn,
.close-enq,
.profile-close-btn,
.acordian-row > h3,
.acordian-row .heading03,
.faq-head,
.faq-box .question,
.job-card > h3,
.slick-arrow,
.slick-dots li,
.team-slick .img-box,
.tab-header li,
button,
[role="button"] {
  cursor: pointer;
}

/* a disabled control should still say so */
button[disabled],
.btn[disabled] {
  cursor: not-allowed;
}

/* --------------------------------------------------------- Our Work grid */
.adroit-hidden {
  display: none !important;
}

.load-more.adroit-load-more {
  display: block;
  margin: 30px auto 0;
  width: max-content;
  cursor: pointer;
}

/* ------------------------------------------- Social Media Marketing page
   "Why Choose The Adroit as Your Social Media Agency" sits directly against
   the section above it, with no separation — on the old site as well. This is
   a deliberate improvement rather than a parity fix. */
.seo-process-section:not(.section) {
  margin-top: 70px;
}

@media screen and (max-width: 1023px) {
  .seo-process-section:not(.section) {
    margin-top: 45px;
  }
}

@media screen and (max-width: 767px) {
  .seo-process-section:not(.section) {
    margin-top: 30px;
  }
}