@charset "UTF-8";
.action-panel__container, .wp-admin [data-type="acf/action-panel"]:not(.is-selected)::before, .wp-admin [data-type="acf/action-panel"]:not(.is-selected)::after {
  display: flex;
  align-items: center;
  justify-content: center;
}

.action-panel__container, .wp-admin [data-type="acf/action-panel"]:not(.is-selected)::before, .wp-admin [data-type="acf/action-panel"]:not(.is-selected)::after {
  flex-direction: column;
}

[data-type="acf/action-panel"] {
  --block-name: none;
  --editor-no-preview: "ⓘ⠀Full preview unavailable for this block.";
  --bg-color: #fef3cd;
  z-index: 10;
  min-height: 100px;
  background-color: var(--bg-color);
}
.wp-admin [data-type="acf/action-panel"] {
  position: relative;
  min-height: 80px;
}
.wp-admin [data-type="acf/action-panel"]:not(.is-selected)::before, .wp-admin [data-type="acf/action-panel"]:not(.is-selected)::after {
  position: absolute;
  left: 0;
  right: auto;
  padding: 0 var(--gap-largest) 0 var(--gap);
  background-color: var(--bg-color);
  border-bottom: 7px solid #ffbc26;
  max-width: 900px;
  height: 40px;
  margin: 0 auto;
  cursor: pointer;
  align-items: flex-start;
}
.wp-admin [data-type="acf/action-panel"]:not(.is-selected)::before {
  content: var(--block-name);
  top: 0;
  font-weight: bold;
  font-variant: all-small-caps;
}
.wp-admin [data-type="acf/action-panel"]:not(.is-selected)::after {
  content: var(--editor-no-preview);
  top: 40px;
}
.wp-admin [data-type="acf/action-panel"] .acf-block-preview {
  display: none;
}
[data-type="acf/action-panel"] .acf-tab-button[data-key=field_5dd5ead624081],
[data-type="acf/action-panel"] [data-name=background_color],
[data-type="acf/action-panel"] [data-name=heading_size],
[data-type="acf/action-panel"] [data-name=size] {
  display: none;
}

body.wp-admin {
  counter-reset: action;
}

[data-type="acf/action-panel"] {
  counter-increment: action;
  --block-name: "Action panel " counters(action, ".");
}

.action-panel {
  grid-column-start: 1;
}
@media (max-width: 56.24em) {
  .action-panel {
    --align: center;
    --text-align: var(--align);
  }
}
.action-panel a {
  --link-color: var(--color-lime);
}
@media (min-width: 56.25em) {
  .action-panel > .block-heading {
    padding: 0 var(--grid-side-gap);
  }
}
@media (max-width: 47.99em) {
  .action-panel > .block-heading {
    padding: 0 var(--gap);
  }
}
.action-panel__container {
  --ap-bg: #191919;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  background-color: var(--ap-bg);
}
@media (min-width: 56.25em) {
  .action-panel__container {
    align-items: baseline;
    padding: 0 var(--grid-side-gap);
  }
}
@media (max-width: 47.99em) {
  .action-panel__container {
    padding: 0 2rem;
  }
}
.action-panel__container .card-grid {
  max-width: none;
  padding: 7.2rem 0;
}
@media (min-width: 56.25em) {
  .action-panel__container .card-grid[data-card-count="3"] {
    justify-items: baseline;
  }
}
.action-panel__container.ap-light {
  --ap-bg: #F1EEFD;
  --ap-content: #000;
  color: var(--ap-content);
  text-align: center;
}
.action-panel__container.ap-light h2,
.action-panel__container.ap-light .h2 {
  color: var(--ap-content);
  text-align: center;
}
.action-panel__container.ap-light .ico svg {
  fill: var(--ap-content);
}
.action-panel__container.ap-light .card {
  margin: 0 auto;
}
.action-panel__container, .action-panel__title {
  color: white;
  font-size: 5rem;
}
.action-panel__title, .action-panel__button, .action-panel__cards {
  z-index: 1;
}
.action-panel__title {
  margin-bottom: 0;
  width: 100%;
  text-align: center;
}
.action-panel__title {
  margin-top: 40px;
}
@media screen and (min-width: 500px) {
  .action-panel__title {
    margin-top: calc(40px + 20 * (100vw - 500px) / 941);
  }
}
@media screen and (min-width: 1441px) {
  .action-panel__title {
    margin-top: 60px;
  }
}
.action-panel__title {
  font-size: 34px;
}
@media screen and (min-width: 500px) {
  .action-panel__title {
    font-size: calc(34px + 16 * (100vw - 500px) / 941);
  }
}
@media screen and (min-width: 1441px) {
  .action-panel__title {
    font-size: 50px;
  }
}
.action-panel__button {
  align-self: center;
}
.action-panel__button {
  margin-bottom: 72px;
}
@media screen and (min-width: 500px) {
  .action-panel__button {
    margin-bottom: calc(72px + -12 * (100vw - 500px) / 941);
  }
}
@media screen and (min-width: 1441px) {
  .action-panel__button {
    margin-bottom: 60px;
  }
}
@media (max-width: 31.24em) {
  .action-panel__button {
    width: 100%;
  }
}
.action-panel__button > a {
  font-size: 1.4rem;
}
@media (max-width: 31.24em) {
  .action-panel__button > a {
    display: block;
  }
}
.action-panel .card-grid {
  --grid-max-width: none;
  display: grid;
  grid-gap: 0;
  justify-items: center;
}
@media (max-width: 56.24em) {
  .action-panel .card-grid, .action-panel .card-grid[data-card-count="2"] {
    --grid-cols: 1fr;
  }
}
@media (min-width: 56.25em) {
  .action-panel .card-grid {
    grid-gap: 4rem;
  }
}
.action-panel .card-grid[data-card-count="2"] {
  grid-gap: 0 4rem;
}
@media (min-width: 48em) {
  .action-panel .card-grid[data-card-count="2"] {
    --grid-cols: repeat(2, 1fr);
  }
}
.action-panel .card-grid[data-card-count="2"] .card {
  --card-max-width: 380px;
}
@media (min-width: 48em) {
  .action-panel .card-grid[data-card-count="2"] .card:first-child {
    justify-self: end;
  }
}
@media (min-width: 48em) {
  .action-panel .card-grid[data-card-count="2"] .card:last-child {
    justify-self: start;
  }
}
.action-panel .card {
  --card-bg-color: transparent;
  --card-color: white;
  --card-max-width: 420px;
  margin: 4rem 0;
}
@media (min-width: 56.25em) {
  .action-panel .card {
    --card-max-width: 280px;
    min-height: 220px;
    margin: 7.2rem 0;
  }
}
@media (min-width: 90.0625em) {
  .action-panel .card {
    --card-max-width: 300px ;
  }
}
.action-panel .card > .inner {
  padding: 0;
}
.action-panel .card > .inner,
.action-panel .card > .inner p,
.action-panel .card > .inner li a {
  align-items: var(--align);
  text-align: var(--text-align);
}
.action-panel .card .link-list {
  --link-list-bg: var(--card-bg-color);
}
.action-panel .card .ico {
  --ico-width: 25px;
}
.action-panel .card__title h2, .action-panel .card h3 {
  font-family: proxima-nova, Helvetica, Arial, sans-serif;
  color: var(--card-color);
}
.action-panel .card__links a {
  line-height: 1.2;
}
.action-panel .card__content a {
  --link-color: var(--color-white);
  --link-color-active: var(--color-magenta);
  font-weight: 700;
}

/*# sourceMappingURL=action-panel.css.map*/