/* Body
--------------------------------------------- */
body {
  container-type: inline-size;
  container-name: body;
}
body.hide-sitewide-header {
  :is(#wrapper-navbar) {
    display: none;
  }
}

body.hide-sitewide-footer {
  :is(#wrapper-footer-full, #wrapper-footer) {
    display: none;
  }
}


/* Pagination
--------------------------------------------- */
ul#pagination {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 2em auto;
  width: clamp(200px, 80%, 800px);
  gap: 0.3em;
  flex-wrap: wrap;
}
ul#pagination > li.page-item {
  flex: 0 1 clamp(2em, 10%, 3em);
  display: flex;
  justify-content: center;
  align-items: center;
}
ul#pagination > li.page-item > a {
  display: flex;
  justify-content: center;
  padding: 0.2em 1em;
  background-color: white;
  border-radius: 8px;
  transition: background-color 0.15s;
}
ul#pagination > li.page-item.active > a,
ul#pagination > li.page-item > a:hover,
ul#pagination > li.page-item > a:focus {
  background-color: #D8ECF1;
}


/* Main content
--------------------------------------------- */
.main-content-container {
  padding-block: clamp(2em, 5vw, 4em);
}


/* Locations
--------------------------------------------- */
#locations-results .card[data-categories*="Child First"] h3:before {
  background-color: #18216D;
}


/* Team members
--------------------------------------------- */
.member-show-more__button {
  appearance: none;
  padding: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
.member-show-more__description {
  position: relative;
  padding: 16px 0 0 0;
}


/* Post feed
--------------------------------------------- */
.post-feed {
  .load-more.load-more--posts {
    cursor: pointer;
  }
}


/* Two column block purple
--------------------------------------------- */
.two-column-block-purple:after {
  display: none;
}
.two-column-block-purple__description a {
  color: white;
}


/* WooCommerce
--------------------------------------------- */
body[class*=woocommerce-] .main-content-container .alignwide {
  max-width: 100%;
  margin-left: 0;
  padding-inline: 0;
}


/* Entry content
--------------------------------------------- */
.entry-content {
  container-type: inline-size;
  container-name: entry-content;
}


/* Gutenberg blocks
--------------------------------------------- */
.wp-block-image.alignfull {
  margin: 0;
  padding: 0;
  > img {
    margin: 0;
  }
}


/* Footer
--------------------------------------------- */
.footer-links .wp-block-column .wp-block-image.alignleft {
  float: none;
  text-align: left;
}