:root {
  --vw-corrected: 1vw;
  --tme-max-width: 99.7rem;
  --tme-xs3lg1: 3rem;
  --tme-xs3lg0: 3rem;
  --tme--global--padding-top: clamp( 5.5rem, 10vw, 10rem );
  --tme--global--padding-bottom: clamp( 5.5rem, 10vw, 10rem );
}
@media (min-width: 782px) {
  :root {
    --tme-xs3lg1: 1.5rem;
    --tme-xs3lg0: 0rem;
  }
}

.wp-block-acf-clickable-tile {
  --tile-bg-color: #121212;
  --tile-bg-hover-color: #FFF;
  --tile-text-color: #ffffff;
  --tile-text-hover-color: #121212;
  --tile-button-color: var(--tile-text-color);
  --tile-button-hover-color: var(--tile-text-hover-color);
}
.wp-block-acf-clickable-tile .clickable-tile {
  background-color: var(--tile-bg-color);
  color: var(--tile-text-color);
  padding: 1.25rem;
  text-decoration: none;
  height: 100%;
  transition: background-color 0.3s ease, color 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--medium);
  justify-content: space-between;
  min-height: 20rem;
}
.wp-block-acf-clickable-tile .clickable-tile:hover, .wp-block-acf-clickable-tile .clickable-tile:focus {
  background-color: var(--tile-bg-hover-color);
  color: var(--tile-text-hover-color);
}
.wp-block-acf-clickable-tile .clickable-tile:hover .wp-element-button, .wp-block-acf-clickable-tile .clickable-tile:focus .wp-element-button {
  color: var(--tile-button-hover-color) !important;
}
.wp-block-acf-clickable-tile .clickable-tile__header {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--tiny);
}
.wp-block-acf-clickable-tile .clickable-tile__header > * {
  margin: 0;
}
.wp-block-acf-clickable-tile .clickable-tile__body {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--small);
}
.wp-block-acf-clickable-tile .clickable-tile__body > * {
  margin: 0;
}/*# sourceMappingURL=style.css.map */
