/* Reduce global section padding */
.header-first,
.main-content,
.content-top__section,
.content-top__section .block,
.content-top,
.main-content__section, .sidebar__section,
.content-bottom,
.banner,
.featured,
.footer,
.footer-top,
.footer-bottom,
.sub-featured__section,
.footer-bottom__container,
nav1 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

/* REMOVED Or get more specific as needed 
.main-content {
  padding-top: 11px !important;
  padding-bottom: 0px !important;
}
*/

.footer__section,
.subfooter__container {
  padding: 10px 10% 10px;

}
html, body {
  overflow-x: hidden !important;
}
@media (max-width: 600px) {
/* REMOVED 

  .main-content,
  .container {
    padding-left: 11px;
    padding-right: 11px;
  } */
nav1 {
    width: 100%;
    padding: 0px 0 0px;
}
}
/* Kill the block’s extra padding */
.block-local-tasks-block { padding: 0 !important; }

/* Make the list look like horizontal tabs */
#block-restaurantplus-local-tasks .content > ul {
  list-style: none;
  margin: 0 0 12px;
  padding: 0;
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

#block-restaurantplus-local-tasks .content > ul > li { margin: 0; }

#block-restaurantplus-local-tasks .content > ul > li > a {
  display: block;
  padding: 10px 16px;
  border: 1px solid #3b3b3b;
  border-bottom: none;
  border-radius: 6px 6px 0 0;
  background: #3b3b3b;
  color: #a6a6a6;
  text-decoration: none;
  line-height: 1;
}

#block-restaurantplus-local-tasks .content > ul > li > a:hover {
  color: #fff;
}

/* Active tab (Drupal adds .is-active to the <a>) */
#block-restaurantplus-local-tasks .content > ul > li > a.is-active {
  background: #fff;
  color: #000;
  border-color: #3b3b3b;
}

/* Optional: a border under the tabs so content feels attached */
#block-restaurantplus-local-tasks {
  margin-bottom: 0;
  border-bottom: 3px solid #f4f4f4;
}

/* Mobile: keep it tidy */
@media (max-width: 767px) {
  #block-restaurantplus-local-tasks .content > ul {
    gap: 6px;
  }
  #block-restaurantplus-local-tasks .content > ul > li > a {
    padding: 8px 12px;
    font-size: 13px;
  }
}

/* Active tab (Drupal adds .is-active and aria-current="page") */
.block-local-tasks-block ul.tabs a.is-active,
.block-local-tasks-block ul.tabs a[aria-current="page"] {
  color: #fff;
}

/* Hover */
.block-local-tasks-block ul.tabs a:hover {
  color: #fff;
}

/* Mobile: let them wrap nicely */
@media (max-width: 600px) {
  .block-local-tasks-block ul.tabs { gap: 6px; }
  .block-local-tasks-block ul.tabs a { padding: 8px 12px; }
}